Slidebars is a jQuery plugin for quickly and easily implementing app-style revealing menus and sidebars into your website. Slidebars was born from a reoccurring need to create off-canvas sliding mobile menus for responsive design. Slidebars aren’t just for handheld devices, they can be used for implementing revealing content on sites and screens of all sizes.…
Designing for Performance by Lara Swanson
BookmarkThe above slides and links are from Lara Swanson’s presentation about how to design for page load time, including optimizations to images, fonts, and markup, as well as responsive web design at Fluent. Links, tools and other resources mentioned in the slides: http://laraswanson.com/design/
Responsive Web Design & its Performance Pitfalls [VID]
BookmarkResponsive Web Design (RWD) is a powerful new approach to tackling the challenge of mobile browsing, which advocates having a single website for all devices, but one that adapts to the device width & capabilities on the client itself. While powerful, RWD brings with it a set of performance concerns. This video by Guy Podjarny…
Free Responsive Email Templates (Built on Ink)
BookmarkEach template is a single HTML email built using Ink (Quickly create responsive HTML emails that work on any device & client). You can preview them and inspect the code to see how they were implemented, or download them and try making some changes. Each template already has Ink included in a style tag at…
Pushy – Off-Canvas Navigation Menu
JS/jQueryPushy is a responsive off-canvas navigation menu using CSS transforms & transitions, a couple of the great features of Pushy include a smooth performance on mobile devices and a jQuery animation fallback for IE 7 – 9. Pushy uses Modernizr to detect & test for CSS 3D Transforms support in the browser. Requirements jQuery 1.9+…
Optimizing User Experience with Responsive Web Design
BookmarkThis is a great presentation about Responsive Web Design explaining the best way is to use a mobile-first perspective when designing responsive and giving your reader the best user experience on multiple devices. Designing for the smallest screen first forces you to focus on the content, and decide what’s really important. Trying to fit everything…
Interesting Approach to Responsive Images
HTML/CSSA very interesting way to code your responsive images by Peter van Grieken, and it’s pretty straightforward actually! You’ll need 2 images (a smaller image for the smaller screen sizes, and of course a big image for the bigger screens), .. so far nothing really much new. In this example the large image is being…
Brad Frost — Death to Bullshit [VID]
BookmarkA brilliant talk by Brad Frost from the ‘Ready to Inspire Conference’ which was held on 11th December 2012 at the “Stadsgehoorzaal” in Leiden, The Netherlands. This talk actually reinforces my faith in creating only (minimalistic) fast websites and pages which only show what the user needs and without the loads of unnecessary BS around…