Today is a momentous day.
Dispatches From The Internets
An End to Aging IE Installs
Crafting Rich Experiences with Progressive Enhancement at Beyond Tellerrand
After a whirlwind trip to 4 countries (5 if you count Florida), I am back to a rock-solid internet connection and got a moment to take a breath and post my slides from the first stop on the trip: Beyond Tellerrand in Düsseldorf, Germany.
On Adaptive vs. Responsive Web Design
In the past few months, I’ve spent an inordinate amount of time discussing the differences between the “adaptive” and “responsive” web design philosophies. Don’t get me wrong, I love having these discussions, but I felt the need to set the record straight: these two philosophies are not at odds, despite numerous blog posts and tweets to the contrary.
Slides from FoWD NYC 2011
Below you’ll find the slides from the talk I gave earlier today at Future of Web Design titled “HTML5: Smart Markup for Smarter Websites.” It’s been a long day, so that’s it for now. I’ll post my notes from some of the talks I caught in a day or so (once I’ve finished prepping for Wednesday’s workshop).
Enjoy!
Progressive Enhancement and ExpressionEngine
This past week was a bit of a whirlwind as Kelly and I flew to DC for a few meetings and then to NYC for the ExpressionEngine CodeIgniter Conference. We had a blast at the conference, meeting new people, seeing old friends, and eating a ton of great food. While we were there, we got name-dropped by the affable EllisLab CEO, Leslie Comacho in his keynote address for our work on the forthcoming native rich text editor for ExpressionEngine and we also met up with the always charming Jeremy Keith (and the lovely Jessica Spengler) to hatch some R4G plans that will be unveiled in the next week or so.
From “Mobile Friendly” to “Mobile First”
If you’re reading this on a desktop browser, you may not have noticed, but we just turned this blog on it’s head, design-wise. Those of you browsing on a tablet or mobile device, however, should be enjoying a much more comfortable reading experience. Now that’s not to say that we’ve been giving mobile the short end of the stick before pushing out the new code, but our approach to mobile has changed drastically since the redesign of this blog early last year and we’re really happy to be able to bring the lessons we’ve learned back here.
On Redirecting Mobile Traffic
While perusing the latest Costco email, I stumbled onto a pretty sweet looking mini-greenhouse and decided to click through to read more about the product. Unfortunately for me, I was on my phone and Costco is not particularly savvy about how they handle the redirection of mobile traffic to their “mobile friendly” site. Instead of landing on the product page as I should have, I was redirected to the mobile landing page.
Now Read This IX
Apologies for not posting links last week…between the holiday on Monday and spending all of Tuesday without power, I got a little behind. Here are some highlights from the last two weeks:
- Surviving Logo Design in the Real World
An interesting write-up on logo design in the real world (which is often messy). - spin.js
A loading image without the image. Neat idea as you’re probably using JavaScript to load the content anyway. - WebShot
A handy little app for capturing scrolling webpages on iOS. - BrightFarms
Rooftop hydroponic greenhouses for supermarkets… brilliant! - OpenDNS and Google working with CDNs on DNS speedup
They’re working on a new extension to the DNS protocol that that aims to more effectively direct users to the closest CDN endpoint. - MacVim
Grab it on Github. - Build Faster Mobile Websites with Adaptive Images
A nice writeup of @MattWilcox’s technique and why it’s a more flexible way to go than Responsive Images. - Scientist left speechless as vast glacier turns to water
Not good. Not good! - U.S. Solar Company Bankruptcies a Boon for China
If it brings the cost of solar down, I’m psyched… I just wish U.S. solar companies were doing better. - twitter-text.js
JavaScript code for parsing the text of tweets and auto-linking usernames, hashtags, etc. - Seriously, stop with the booth babes
I could not agree more. The next time I hit the tradeshow floor, I’ll give it a shot. - 10 Great Things Courtesy of Labor Unions
Unions have given us some great things… they aren’t always perfect, but they certainly aren’t the scourge many paint them as. - The Rise of E-Readers
Interesting to see how eReaders affect our book consumption. - The Semantic Grid System
This is probably the smartest use of LESS I’ve seen yet. - “CMS - the software UX forgot” - Karen McGrane at Content Strategy Forum 2011
Sounds like it was an amazing talk and a rallying cry to build better CMSes. - The Dark Art of Pricing
Great insights from Jessia Hische! - Accessing & Modifying CSS3 Animations with Javascript
This is exactly what we needed! - How Loading Time Affects Your Bottom Line
Website visitors tend to care more about speed than all the bells and whistles we want to add to our websites. - Vycon Plans to Tap Speeding Subway Trains for Immense Amounts of Kinetic Energy
Imagine if subway systems could pretty much power themselves. This could be huge. - JavaScript Garden
A nice little resource for the tricky aspects of JavaScript. - 10 Great Mobile Brand Experiences
A good survey of great experiences out there. - Popcorn.js
A JavaScript framework for HTML5 Video. - 11 Reasons why responsive web design isn’t that cool
Some of his points are valid, but most only if viewed in light of a very narrow interpretation of responsive web design. - Raspberry Pi
An ARM Linux box for $25? Sign me up! - Why Separate Mobile & Desktop Web Pages?
@LukeW on the choice to offer separate mobile & desktop web pages on Bagcheck. Personally, I think there is a middle ground. - Brendan Eich on Dart
I agree that Google could (in fact) fork the development community with their alternative to JavaScript. Could be tumultuous times ahead…
Now Read This VIII
Last week, Steve Jobs resigned and Twitter launched a resource for quickly building prototypes and apps. Here’s the roundup of those and other links you’ll want to check out:
- OMB Extends Ban On New Federal Websites
Agencies must list the sites they’ve already shut down and describe how they’ll improve the remaining ones. - At O’Hare Airport, Unused Land Is Going to the Bees
What an awesome program. I’d love to see something like this take root at CHA. - Experimenting with line-height in input fields
I love it when browsers save us from ourselves. - Across the Globe, Solar Power Just Keeps Getting Cheaper
I can’t wait until solar for the home becomes more affordable. That… and geothermal. - 360° Long Road (Zurich)
Amazing use of video, panoramas and audio. Bravo! - Turntable Kitchen’s Pairings Box - Food & Music, together at last!
Fingers crossed Kelly will think this is as cool as I think it is. - US nuke plants ranked by quake risk
Hooray, Sequoyah (here in Tennessee) is number 4. - Jobs resigns as Apple CEO
You knew it would happen one day. - Bootstrap
A great new resource from the folks at Twitter. - FlexSlider
A responsive jQuery slider. - Graceful Degradation and How it Tricks You
A great post from Neils Matthijs.
Now Read This VII
In this week’s link round-up, we bring you the reasoning behind Typekit’s font-loading strategy, two new CSS grid systems, a fantastic mash-up of Peanuts with Jaws, and the story of a woman ejected from a Houston bar for tweeting something the General Manager didn’t like. Happy reading!
- Better web font loading with JavaScript
The reasoning behind Typekit’s technical decisions. - Columnal
A responsive CSS grid system helping desktop and mobile browsers play nicely together. If only I could get past non-semantic class names. - The Jaws-Peanuts Mashup
Amazing! I hope he does more prints. - Re-tabulate
CSS-based table layouts for mobile joy. - Nouriel Roubini on why Karl Marx was right
Quite an interesting read. I can’t say I disagree. - The Six Week Countdown Begins to Firefox 7
Yet another take on the Firefox upgrade path (with a referenced quote from yours truly). - Let the Web move you – CSS3 Animations and Transitions
A great write-up, full of helpful advice. - PagerDuty
Phone call and SMS alerting for your monitoring systems. This could come in handy. - AT&T Texting Price Hike Shows Danger of No Wireless Competition
Thanks for the heads-up @TimKarr! Shameful, AT&T. - Remove Oldest Revisions of a File in Git
This may come in handy for pruning really old nightly MySQL backups. - Confirmed: iPad 3 will have a retina display
A 2048 x 1536 tablet. Wow. I guess they got the price down. - Americans Elect 2012 - The first-ever open presidential nomination
What an amazing idea! - Golden Grid System
Excited to play with this one… - Sizing with CSS3’s vw and vh units
A great roundup from @snookca. - Restaurant Ejects Diner for Tweeting While Eating
Wow.