Sigh, JavaScript

Well done: Snowbird

Wed, 18 Sep 2013 06:41:00 -0400

Snowbird is a ski and summer resort in Utah. Designed and developed by Rally Interactive, this site is a great example of progressive enhancement.

With CSS and JavaScript disabled, all of the main content is still present in HTML.

When CSS is available, you wouldn’t know that you were missing anything. The site is navigable in all the traditional senses: static content and a typical page-refresh model when moving from section to section.

When JavaScript is available, this is where it gets interesting. There’s a lot of helpful animation. My favorite part is progressively enhancing navigation with the History API to seamlessly transition from section to section without requiring a full page refresh.

Well done, Snowbird and Rally Interactive!

Let Spotify bring you the right music for every mood and...

Wed, 18 Sep 2013 06:31:27 -0400

Let Spotify bring you the right music for every mood and moment. The perfect songs for your workout, your night in, or your journey to work.

Well done: Kit Kat

Wed, 18 Sep 2013 06:21:00 -0400

As Google announced that their next Android version would be named “Kit Kat,” the Kit Kat website has been refreshed to follow suit.

The creators of the site paid great attention to progressive enhancement. All of the main content exists in HTML and works great without CSS or JavaScript.

With styles on, the content is very navigable, just without the animations and interactivity you get with JavaScript enabled.

Finally, with JavaScript enabled, you get some fun animations as well, but treated as enhancements to the main content.

Honestly, I prefer the JavaScript-disabled version, but kudos to whomever created this site for making sure it works in many different scenarios.

Groupon: Daily Deals on electronics, toys, home and garden,...

Wed, 18 Sep 2013 06:05:34 -0400

Groupon: Daily Deals on electronics, toys, home and garden, beauty products, clothing, …

Discover, watch, and collect movies at Flixster.

Wed, 04 Sep 2013 06:57:01 -0400

Discover, watch, and collect movies at Flixster.

Instagram is a fast, beautiful and fun way to share your life...

Wed, 04 Sep 2013 06:52:31 -0400

Instagram is a fast, beautiful and fun way to share your life with friends and family.

CNN Video.

Wed, 04 Sep 2013 06:34:46 -0400

CNN Video.

The Canary device is a smart smoke detector that looks beautiful...

Wed, 04 Sep 2013 06:28:00 -0400

The Canary device is a smart smoke detector that looks beautiful on a wall and connects you to the information you need to know.

Well done: Google

Fri, 30 Aug 2013 15:50:00 -0400

Here’s the start of a new column here at Sigh, JavaScript: sites that do progressive enhancement well. The first example is a site we probably all use very often: Google.

With no CSS or JavaScript, the site is still very usable.

With CSS but no JavaScript, the search functionality is working, but you must submit the form to get search results.

Finally, with HTML, CSS, and JavaScript, Google Instant kicks in and you get new results with each keystroke.

Yay JavaScript!

What colour are you feeling today? Choose one of our Corsa...

Tue, 27 Aug 2013 15:40:45 -0400

What colour are you feeling today?

Choose one of our Corsa Colours to match your mood. Then we can give you cool stuff to take with you such as music play lists, the best of fashion, movie choices, great read, prizes and more still to come.

Now, come on, tell us how you’re feeling.

Basecamp.

Tue, 27 Aug 2013 15:35:17 -0400

Basecamp.

The Archive section on this site. No one is immune.

Tue, 27 Aug 2013 15:02:10 -0400

The Archive section on this site. No one is immune.

“To celebrate the UK’s love of McDonald’s we...

Tue, 27 Aug 2013 13:47:00 -0400

“To celebrate the UK’s love of McDonald’s we asked you tell us your favourite 100 McDonald’s Moments.”

“Bustle is a news, entertainment, lifestyle, and fashion...

Tue, 27 Aug 2013 13:45:00 -0400

“Bustle is a news, entertainment, lifestyle, and fashion site driven by a diverse and energetic collection of contributors. We’re looking to redefine what ‘women’s interest’ looks like.”

“Tool, a production company.”

Tue, 27 Aug 2013 13:41:00 -0400

“Tool, a production company.”

“Squarespace’s mission is to provide creative tools...

Tue, 27 Aug 2013 12:00:00 -0400

“Squarespace’s mission is to provide creative tools that power the future of the web.”

“[Booreiland is] a strategic interaction design studio...

Tue, 27 Aug 2013 11:31:00 -0400

“[Booreiland is] a strategic interaction design studio that combines business, design and technology to create premium interactive products. Feel free to explore our work.”