Archive for the ‘Web Services’ Category

File Under: Backend, servers, Web Services

Host Your Static Website on Amazon S3, No WWW Necessary

Amazon’s S3 file storage service started life as just that — a simple way to store static files and pay for only the data you used. When you don’t need an always-on server, S3 fits the bill.

But if you can store static files, why not whole static websites? In 2011 Amazon began allowing you to point your own domain to an S3 “bucket”, a folder in Amazon parlance. Custom domain support made it simple to host entire static sites; the catch was that you needed to use a subdomain — for example, www.

Now the www restriction has been lifted and you can point any root domain at S3 and serve your files directly. The only catch is that Amazon has created its own non-standard DNS workaround, which means you must use Amazon’s Route 53 service to host the DNS data for your domain.

Unfortunately, while the new root domain support is great news for anyone using a static blog generator like Jekyll, Amazon’s documentation leaves much to be desired. To help you get started with S3 hosting, here’s a quick guide to setting up S3 to serve files from a root domain (rather than making the root domain redirect to www.mydomain.com, as the Amazon blog post instructions do).

First, register a domain name and point your DNS records to Amazon’s Route 53 service (the Route 53 docs have detailed instructions on how to do this). The next step is to create an S3 bucket for your domain. In other words, a bucket named mydomain.com.

Now click the Properties button, select the Website tab and make sure that the option is enabled and the Index Document is set to index.html. You’ll also need to click the Permissions tab and set a bucket policy (you can use this basic example from Amazon).

Now upload your site to that bucket and head back to Route 53. Here comes the magic. To make this work you need to create an A “Alias” DNS record. Make sure you name it the same as your domain name. Sticking with the earlier example, that would be mydomain.com. Now click the Alias Target field and select the S3 endpoint you created earlier when you set up the bucket.

And that’s it. Behind the scenes that Route 53 “Alias” record looks like a normal DNS A record. That means things like email will continue to work for your domain and at the same time Route 53 directs requests to your S3 bucket. If you want to make www redirect to the root domain you can either set that up through Route 53 (see Amazon’s instructions) or handle it through another service.

GitHub Supercharges ‘Gists’ for Quick and Easy Code Sharing

Image: GitHub.

Social coding giant GitHub continues to crank out the hits. The company recently made it easy to create new files through its web interface and now GitHub has launched a completely rewritten version of GitHub Gist.

Gists are a way to dump and share snippets and short pieces of reusable code — too short to bother creating a full-fledged Git repository, but something you’d like to save and share nonetheless — covering roughly the same use case as something like the much older Pastebin. Or at least that used to be the case.

The new gists are considerably more powerful. The rewrite actually turns gists into full Git repositories, so they are automatically versioned, forkable and usable as Git repos, complete with diffs.

Gists are also now searchable — complete with the ability to filter searches by language — and there’s a new Discover page as well.

Like normal GitHub repos, gists now offer the Ace code editor with its syntax highlighting and automatic indenting. While the Ace editor is nice, my favorite way to create gists is through editor plugins like this one for Vim, this one for Emacs or this one for Sublime Text 2.

Flickr Revamps Site Navigation and ‘Explore’ Page

Flickr’s redesigned Explore page. Image: Flickr

Hot on the heels of its awesome new iPhone app, Flickr has rolled out some changes to its web interface, revamping the navigation bar, which Flickr says makes it easier to get around the site. Flickr has also added the popular “justified” view of photos to the Explore landing page.

The Flickr blog says the changes are rolling out to everyone over the next few days, so if you don’t see them yet just be patient.

While Flickr says the new nav bar is “designed to make browsing Flickr faster and easier,” whether or not that’s true depends a little on which features you frequently use. The new navigation definitely simplifies things, but it does so by moving more than a few menu items off to obscure places. For example, options like browsing through your tags or looking at your collections have been moved out of the “You” menu to “More.” Similarly, the link to log out or get to your new mail have been moved to a new menu hidden in your user icon.

Flickr hasn’t outright deleted most menu items; they’ve just moved them to new locations. Sometimes that’s a good thing — for example, removing the “your” from all the options under a menu already named “You” makes sense — and other times it’s annoying, for example if you frequently browse by tags.

Less confusing is the new Explore page, which adopts the “justified” view that Flickr previously introduced for its Contacts, Favorites and Group Pool pages. The new layout tiles images to fit more photos at larger sizes in a smaller space and makes, well, exploring, more interesting.

File Under: Web Services

Redesign Brings (Some) Gmail Smarts to Yahoo Mail

Yahoo Mail’s revamped web and mobile clients. Image: Screenshot/Webmonkey.

Yahoo’s new CEO, Marissa Mayer, is bringing a bit of her old employer’s famous design simplicity to Yahoo’s most-used service, Yahoo Mail.

The revamped Yahoo Mail web interface bears more than a passing resemblance to Gmail and is now joined by dedicated mobile apps for iOS and Windows 8, as well as a redesigned Android app.

If you’re not seeing the new web version just yet, Mayer says the new version will be rolling out “over the next few days.” You can grab the iOS, Android and Windows 8 apps from their respective stores. (Note that the iOS app is iPhone/iPod touch only.)

The revamped Yahoo Mail is unlikely to bring home any prizes for originality, taking most of its design cues from Gmail, but it does offer a considerably cleaner interface across web and mobile apps. Mayer says the focus of the redesign was on speed and claims that “getting through your e-mails is faster than ever before.”

The changes are primarily cosmetic; the underlying functionality of Yahoo Mail remains largely the same. That said, Yahoo Mail has dispensed with some of its more annoying design decisions — for example, when you login you’ll now land in your inbox rather than being dumped on an intro page. The new look also cuts down on the overall clutter of the web-based interface and reduces the number of clicks it takes to perform common tasks.

Unfortunately the free version of Yahoo Mail still lacks several features you’ll find in competitors like Gmail or Outlook.com, most notably POP/IMAP access (for desktop mail clients) and automatic e-mail forwarding. If you need POP/IMAP access (for example, to use your mobile device’s built-in mail client) or ever want to automatically forward your mail to another account you’ll need to sign up for Yahoo Mail Plus, which runs $20 per year. (If you know what you’re doing you can use a proxy service to access Yahoo’s free version via IMAP.)

Existing Yahoo Mail users may benefit from the redesigned interface and new mobile apps, but cosmetic changes alone are unlikely to win many converts from Gmail or Outlook.com. Coming from Google, Mayer undoubtedly knows that Yahoo Mail still can’t compete with Gmail on power user features, but she concludes her post with the promise that the revamped look of Yahoo Mail is “just the beginning.”

File Under: Multimedia, Web Services

YouTube Makeover Offers Larger Videos

YouTube’s new digs. Image: Google

After months of experimenting with YouTube’s interface and serving limited trials to willing users, Google has launched a new look for the web’s biggest video-sharing site.

The new YouTube is reminiscent of Flickr’s redesign earlier this year — putting the content, in this case the videos, front and center. The new YouTube offers larger videos closer to the top of the page; the title is now below the video, just above the various sharing options.

The left of the page is home to YouTube’s new “Guide,” a list of all the YouTube channels you’re subscribed to, along with your history and video playlists. The YouTube Guide now comes with you across devices, offering up new videos and suggestions on everything from Android phones to Google TV.

The other notable change is that the page is no longer centered, it’s aligned to the left edge of the browser window. The result is a slightly less cluttered page with more emphasis on the video, though the dead space to the right looks a bit strange if you’ve got a large monitor.