Oct 26, 2015
Reducing your dependency on JS improves the experience for everyone.
Tim Kadlec, Author of "Implementing Responsive Design"
Loading...
seen from Japan
seen from Japan
seen from Mexico
seen from United States
seen from United States
seen from Paraguay
seen from China
seen from United Kingdom
seen from United States
seen from United Arab Emirates
seen from Saudi Arabia
seen from United States
seen from United States
seen from United States
seen from Australia
seen from United States
seen from Maldives
seen from China
seen from United Arab Emirates
seen from United States
Reducing your dependency on JS improves the experience for everyone.
Tim Kadlec, Author of "Implementing Responsive Design"
Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
Free to watch • No registration required • HD streaming
Radio Free Europe
You can be hanged for visiting our site.
It’s not often I get to take on a project where the client lives in that context, but this is reality for Radio Free Europe. RFE delivers news and truth to some of the most information-starved countries and people groups in the world, and I can’t help but be impressed. We met with a small team in Prague; sometimes eight members, sometimes 15, but never a huge committee, and never with a hierarchical room of Directors and VPs. Everyone cares, nobody has just one purpose, and the atmosphere of actionable outcomes is tangible.
With content carrying this type of consequence, and the team being small and intent, there’s a crystal clarity to the goal of everything we plan to do in redesigning rferl.org.
Get the message out.
SuperFriendly is wading into a atomic design process with RFE, and we want to share the experience openly on responsivedesign.rferl.org.
The iterative process with SuperFriendly will flow roughly like this:
Kickoff
Design Direction through element collages
Performance Budgeting
Design Production
Front End Development
Handoff
From there RFE will carry on with integration, content migration, and using the elements we create together to build out websites for sister organizations.
It’s a big process, distributed team, and a weighty purpose. Look for more updates on the responsivedesign.rferl.org blog as we progress. Also see intro posts to this process from other SuperFriendly team members Tim Kadlec and Dan Mall.
If you’re interested you can also keep an eye on our twitter accounts as we progress. I’m sure we’ll be tossing out ideas and findings along the way.
Big fat disclaimer: The stats below come from tests on Chrome and IE11, because their developer tools expose this sort of information. The impact on other browsers may be less…or more.
Way back in June, I wrote a post about the need for responsive images. The post discussed the topic from the typical point of view: the impact on page weight. But serving large images and then relying on the browser to scale them has other downsides as well.
Helen Bailey of TemplateMonster asked Brad Frost, Tim Kadlec, Ben Callahan, Aaron Gustafson, Dan Mall and David Rupert the same four questions about RWD
general consensus:
they don't like or use prebuilt frameworks such as Bootstrap or Foundation
shared love - cross promoting each others resources ;)
Brad Frost's This Is Responsive is an invaluable resource for learning the latest and greatest.
Justin Avery's Responsive Design Weekly keeps me up to date with what people are doing with responsive design.
Brad Frost's Responsive Patterns library is probably the best resource for deconstructing a responsive design
Aaron Gustafson - true
I find Foundation, Bootstrap, and similar frameworks interesting from an educational standpoint, but I would never use one when building a production site. For prototyping a concept, sure, but to take one of these into production you need to be rigorous in your removal of unused CSS and JavaScript or you end up creating a heavy, slow experience for you users. I also think you need to work twice as hard to break out of the theme of the framework. There are a ton of Bootstrap sites out there that look like Bootstrap sites. Your design should be as unique as your product, not some off the shelf thing you just changed some colors on.
Ethan Marcotte defined responsive web design in his seminal book, Responsive Web Design. It's still the best place to start to understand the core concepts.
Aaron Gustafson demonstrated that responsive web design was just the tip of the iceberg in Adaptive Web Design (essentially, pushing "content first" through progressive enhancement).
Now Tim Kadlec in his book Implementing Responsive Web Design gives the most up to date practical guidelines for designing and developing modern future friendly websites. Contributions from Aaron Gustafson, Luke W, Brad Frost and Guy Podjarny amongst others.
Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
Free to watch • No registration required • HD streaming