eheiser + responsive 87
Smashing Mobile
12 days ago by eheiser
This category features articles on best and emerging practices for responsive website design, Web apps and native apps.
mobile
responsive
12 days ago by eheiser
Creating a Mobile-First Responsive Web Design - HTML5 Rocks
4 weeks ago by eheiser
We're going to walk through how to create an adaptive web experience that's designed mobile-first.
mobile
responsive
html5
4 weeks ago by eheiser
Media Query Snippets
5 weeks ago by eheiser
Interesting but also illustrates the one fatal flaw in mediaqueries: coding to devices becomes unruly fast.
mediaqueries
responsive
5 weeks ago by eheiser
Adactio: Journal—Responsive questions
5 weeks ago by eheiser
I got an email from Ben Frain recently asking if I’d answer some questions for an upcoming article in MacUser UK about responsive design. Seeing as this is a topic I could natter on about endlessly, I happily obliged.
mobile
responsive
5 weeks ago by eheiser
Automatic responsive images in WordPress | Viewport Industries
5 weeks ago by eheiser
The simplest way to see the script in action (if you are using a desktop browser) is to resize this screen so that it’s very narrow and hit refresh; all being well the image above should turn into a black and white version, physically smaller in terms of dimensions and file size. Now slowly stretch the screen out again and you should see the colour version kick back in. Josh’s script cleverly replaces the lo-res version with the full size colour version — nice and easy.
mobile
responsive
wordpress
5 weeks ago by eheiser
Media Query & Asset Downloading Results | TimKadlec.com
6 weeks ago by eheiser
some research for the book about how images are downloaded when media queries are involved
css3
mobile
responsive
6 weeks ago by eheiser
CSScience - CSS3 Responsive Slider / Carousel Using Radio Buttons
6 weeks ago by eheiser
Responsive CSS3 Slider Without Javascript*
css3
responsive
6 weeks ago by eheiser
LukeW | Which One: Responsive Design, Device Experiences, or RESS?
7 weeks ago by eheiser
As more organizations realize they need to invest heavily in multi-device Web designs, the inevitable question of “how” comes up. Responsive Web design, separate sites, or something in between? Here’s how I’ve tried to simplify this decision:
mobile
responsive
7 weeks ago by eheiser
Thoughts on Responsive Navigation
8 weeks ago by eheiser
Suggests a toggle + nav at bottom as optimum mobile navigation pattern.
responsive
mobile
8 weeks ago by eheiser
Test responsive design across the mobile landscape
8 weeks ago by eheiser
When testing the devices, there are 4 main areas to cover, feature phones, smart phones with low level support, smart phones and tablets.
Good list of devices to test on and for.
mobile
responsive
Good list of devices to test on and for.
8 weeks ago by eheiser
Off Canvas
9 weeks ago by eheiser
Inspired by the observations of Luke Wroblewski, this Off Canvas layout demo has 3 panels that display differently depending on the viewport width. The idea here is to have the two supporting panels of navigation and sidebar content hidden just off-screen to the left and right for easy access on small/medium viewports.
responsive
mobile
9 weeks ago by eheiser
Gridpak: The Responsive Grid Generator | Smashing Coding
9 weeks ago by eheiser
More info on the erskine designed grid generator
responsive
grid
9 weeks ago by eheiser
Code a Responsive Navigation Menu | Design Shack
9 weeks ago by eheiser
A good example of how to respond to breakpoints in your design.
responsive
9 weeks ago by eheiser
Flexslider | WooThemes
9 weeks ago by eheiser
Apparently bought and maintained by the original coder for woothemes.
jquery
plugin
responsive
9 weeks ago by eheiser
Cutting the mustard — blog.responsivenews.co.uk — Readability
10 weeks ago by eheiser
One of the immediate challenges we discovered when we first started the responsive news prototype was the large range of devices that we would have to support. This article is about a solution we use to alleviate this problem.
mobile
responsive
10 weeks ago by eheiser
The Responsinator
11 weeks ago by eheiser
A quick overview of your site in several different screen sizes.
responsive
11 weeks ago by eheiser
Responsive Navigation Patterns | Brad Frost Web
february 2012 by eheiser
various ways of handling navigation for small screen sizes
mobile
responsive
february 2012 by eheiser
UnoSlider - Responsive, touch enabled jQuery slider plugin
february 2012 by eheiser
Fully responsive, touch enabled, mobile optimized jQuery slider plugin
jquery
responsive
plugin
february 2012 by eheiser
Response JS: mobile-first progressive enhancement in HTML5.
january 2012 by eheiser
jQuery responsive design toolkit
HTML5 ▰ Mobile-first optimized
javascript
jquery
html5
mobile
responsive
HTML5 ▰ Mobile-first optimized
january 2012 by eheiser
adaptive web design with media queries, viewport and more - Dev.Opera
january 2012 by eheiser
a decent intro article from Opera
responsive
january 2012 by eheiser
Breakpoints.js - XOXCO - Web and Community Development
january 2012 by eheiser
Define breakpoints for your responsive design, and Breakpoints.js will fire custom events when the browser enters and/or exits that breakpoint.
jquery
responsive
january 2012 by eheiser
Responsive Web Design Foundations - Treehouse
january 2012 by eheiser
A series of tutorial videos
responsive
january 2012 by eheiser
What The Heck Is Responsive Web Design?
january 2012 by eheiser
A nice scrolling preso. Demo for http://johnpolacek.github.com/scrolldeck.js/
responsive
january 2012 by eheiser
responsivepx - find that tricky breakpoint
december 2011 by eheiser
Enter the url to your site - local or online: both work - and use the controls to adjust the width and height of your viewport to find exact breakpoint widths in pixels. Then use that information in your media queries to create a responsive design.
responsive
december 2011 by eheiser
LukeW | Multi-Device Web Design: An Evolution
december 2011 by eheiser
Great round-up of articles on multi-device websites
mobile
responsive
december 2011 by eheiser
Copy this bookmark: