Web Design Weekly #24


Barack Obama

BarackObama.com’s redesign

The developers of BarackObama.com’s redesign (using HTML5 Boilerplate 2.0, Modernizr) discuss the ideas of responsive web design. The fact that this high profile site is pushing the web forward is AWESOME!
Note: This is about web development not politics. (barackobama.com)

Foundation 14 – Ryan Carson talks about his killer new startup called Treehouse (youtube.com)

Crazy amount of domain name thefts over the past couple of weeks (css-tricks.com)

Moving to Standards-based Web Graphics in IE10 (blogs.msdn.com)

Opera – Style Profiler Preview (my.opera.com)

Embedded Tweets (dev.twitter.com)


A Brief History of HTML5

Jeffery Way describes the important events that lead to what me now recognise as HTML5. He rewinds the clock back to the release of HTML 4.01, and gives a great overview. (tutsplus.com)

The Threat Against the Web

Faruk Ateş elaborates on Marco Arment’s small piece last week about Firefox’s uncertain future, a result of Google ostensibly reconsidering their partnership terms that provide roughly 84% of Mozilla’s income. (farukat.es)

Browse vs. Search: Which Deserves to Go?

Why does Apple give us list view as the starting point in Contacts (iPhone), not a big fat search box? In Lion and iOS the quickest way to find an app is to hit the Spotlight Search and start typing, yet they give us massive lists to browse? (asktog.com)

“Mobile first” CSS and getting Sass to help with legacy IE

Taking a “mobile first” approach to web development poses some challenges if you need to provide a “desktop” experience for legacy versions of IE. Using a CSS pre-processor like Sass can help. (nicolasgallagher.com)

Is Flash dead?

Designer and developer Aral Balkan welcomes the change of Adobe’s mobile strategy but argues that it’s too late and that it spells the beginning of the end of Flash on the web. (netmagazine.com)

Tweet and Follow Button Refresh (dev.twitter.com)

Facebook To Launch A Subscribe Button For Websites (techcrunch.com)

The Challenges of Working Remotely (sam.brown.tc)

Don’t Be A Free User (blog.pinboard.in)

Careful With Your Nested Border-Radius (css-tricks.com)

Tools / Resources

3D CSS rollovers and 3D CSS tester

CSS 3D transforms as supported in the latest Aurora allow us to do some nice effects that in the past were only possible in Flash or with a lot of trickery using skewing and filters. (hacks.mozilla.org)

How to use Firebug on your iPad and iPhone (martinkool.com)

30 Days to Learn HTML & CSS (FREE!) (tutsplus.com)

Shell script to quickly setup a project using HTML5Boilerplate and Twitter Bootstrap (github.com)

iPhone 4S Template (PSD) (marshallbock.com)

Responsive slideshow plugin that weights just ~1kb (responsive-slides.viljamis.com)

10 Quick Tips: Optimizing & Speeding Up Your WordPress Site (tutsplus.com)

HTML5 Elements Quiz (thehtml5quiz.com)


UI Parade

WOW!!! I can’t believe I had not discovered this before! UI Parade is all about showcasing user interface designs that are crafted by some of the worlds most talented UI designers. (uiparade.com)

A clean calendar in CSS3 & jQuery (jepija.com)

Amazing Websites and Experiments in HTML5 (awwwards.com)

Path menu in pure CSS3 (victorcoulon.fr)

Path scrollbar (jsfiddle.net)

Re-thinking the search bar (*Very Cool*) (dribbble.com)

Last But Not Least…

Hobo Lobo of Hamelin (Note: The page transitions are off the hook!)