Responsive design...
Follow
9.1K views | +2 today
Responsive design & mobile first
Ressource, articles, techniques responsives
Your new post is loading...
Your new post is loading...
Scooped by Agathe-Sevegrand
Scoop.it!

Deciding what Responsive Breakpoints to use | Tangled in Design

Deciding what Responsive Breakpoints to use | Tangled in Design | Responsive design & mobile first | Scoop.it

Let’s start off by discussing a rather common mindset when it comes to responsive development – it’s the wrong mindset to take on (in my opinion of course) but it seems to be the default thought-process for many. It’s understandable, but we’ll be explaining why in reality, it’s pretty daft.

more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

An Infographic to Help You Learn Responsive Web Design

An Infographic to Help You Learn Responsive Web Design | Responsive design & mobile first | Scoop.it
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Create faster fluid layouts with LESS | Tutorial | .net magazine

Paul Mist explains how to code dynamic CSS with LESS and how we can make use of variables, mixins and functions to speed up the creation of fluid layouts...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Image responsive, enfin une solution pérenne ? | Cyril Wolfangel

Image responsive, enfin une solution pérenne ? | Cyril Wolfangel | Responsive design & mobile first | Scoop.it

Après plus d’un an de discussion et d’échanges dans les communautés de développeurs, d’intégrateurs et de designers web autour de la gestion des images dans un design responsif, il semblerait qu’une solution pérenne vienne d’apparaître, notamment sur le Responsive Images CommunityGroupe.

more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

“Responsive Line Breaks,” an article by Dan Mall

Perhaps because responsive design is still relatively new or perhaps because of my history and affinity towards fixed-width pixel-perfect designs, but it pains me to see sites that employ great responsive design techniques while sacrificing useful principles like appropriate line-lengths or designing to avoid widows and orphans as much as possible. Responsive design doesn’t and shouldn’t conflict with traditional graphic design principles; it can certainly support the tenets of good design when implemented thoughtfully and thoroughly.

more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Web Design: The Ultimate Guide for Online Marketers

As of February, the smartphone share in the United States has reached nearly 50%. 2012 is FINALLY "the year of mobile" and this means that you need to invest in a mobile user experience. Check your analytics — that mobile traffic share keeps growing!

more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Designers respond to Nielsen on mobile | News | .net magazine

Designers respond to Nielsen on mobile | News | .net magazine | Responsive design & mobile first | Scoop.it
Nielsen's recommendation that publishers build separate mobile sites has been met with astonishment from the industry...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

A Real-world Survey of “Mobile First” | Folyo

A Real-world Survey of “Mobile First” | Folyo | Responsive design & mobile first | Scoop.it
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

How we built MSN UK's responsive Olympics site | Feature | .net magazine

How we built MSN UK's responsive Olympics site | Feature | .net magazine | Responsive design & mobile first | Scoop.it
Governor Technology was recently tasked by MSN UK to create a responsive site for its coverage of the London 2012 Olympics.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Overthrow: An overflow polyfill for responsive design | Filament Group, Inc., Boston, MA

Overthrow: An overflow polyfill for responsive design | Filament Group, Inc., Boston, MA | Responsive design & mobile first | Scoop.it
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Better grids for a responsive world

Better grids for a responsive world | Responsive design & mobile first | Scoop.it
For months, even before working at Vox Media, I’ve been working away at a pet project called Singularity, a grid system for Sass and Compass. The idea behind Singularity is to create a grid system...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

“Mobile first” isn’t a choice, it’s a necessity

“Mobile first” isn’t a choice, it’s a necessity | Responsive design & mobile first | Scoop.it
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Layouts, Responsively Wireframed

more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Why device dependent breakpoints are wrong in responsive design

There’s been a lot of discussions and talks lately regarding responsive design, techniques used to achieve responsive designs, pros and cons and so forth. Although articles didn’t necessary touch the...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Which Is Right for Me? 22 Responsive CSS Frameworks and Boilerplates Explained | Design Shack

Which Is Right for Me? 22 Responsive CSS Frameworks and Boilerplates Explained | Design Shack | Responsive design & mobile first | Scoop.it
Reading an article entitled Which Is Right for Me? 22 Responsive CSS Frameworks and Boilerplates Explained on Design Shack.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

W3C Looks to Improve Responsive Design With New Media Queries | Webmonkey | Wired.com

W3C Looks to Improve Responsive Design With New Media Queries | Webmonkey | Wired.com | Responsive design & mobile first | Scoop.it
The W3C, the group that helps create web standards, is hard at work on CSS Media Queries level 4, which gives developers several handy new tools for building responsive websites.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Top 10 Responsive Web Design Tutorials

Top 10 Responsive Web Design Tutorials | Responsive design & mobile first | Scoop.it
The use of mobile devices such as iPad, iPhone and other smart phones has increased a lot in the last few years and this represents the main reason why...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

7 Essential Books on Responsive Web Design You Do Not Want to Miss | Awwwards

For those of you who want to depeen your knowledge and development of Responsive Design technique, we recommend a selection of 7 reference books about it, which you can purchase via t...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Understanding the Elements of Responsive Web Design

Understanding the Elements of Responsive Web Design | Responsive design & mobile first | Scoop.it
A discussion of the three main components of a responsive web design that flexibly changes depending on the user's browsing situation.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Image Gallery with Thumbnail Carousel

Responsive Image Gallery with Thumbnail Carousel | Responsive design & mobile first | Scoop.it
A tutorial on how to create a responsive image gallery with a thumbnail carousel using Elastislide.Inspired by Twitter's user gallery and upon a request to show an integration of Elastislide, we want to implement a responsive gallery that adapts to...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Mobile Navigation Design & Tutorial

Mobile Navigation Design & Tutorial | Responsive design & mobile first | Scoop.it
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

FitVids.JS - A lightweight, easy-to-use jQuery plugin for fluid width video embeds.

more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Reactive web design | Opinion | .net magazine

Dan Donald argues that responsive web design is only scratching the surface of how sites can adapt to meet their users’ requirements...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

How to Create a Responsive Navigation

How to Create a Responsive Navigation | Responsive design & mobile first | Scoop.it
One of the trickiest parts to be responsified on a website is “the Navigation”, this part is really important for the website accessibility, as this is one of the ways visitors jump over the web pages.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

The ultimate responsive web design roundup | Webdesigner Depot

The ultimate responsive web design roundup | Webdesigner Depot | Responsive design & mobile first | Scoop.it
More than 70 resources for creating responsive designs, including articles, frameworks and boilerplates for responsive layouts, tools, techniques for resizable images, 100 examples and much more!
more...
No comment yet.