Responsive design...
Follow
10.0K views | +0 today
Responsive design & mobile first
Ressource, articles, techniques responsives
Your new post is loading...
Your new post is loading...
Rescooped by Agathe-Sevegrand from Lectures web
Scoop.it!

Responsive webdesign : adapter un site à toutes les résolutions | Usaddict: Ressources sur l’ergonomie des interfaces (le blog Usabilis)]

Responsive webdesign : adapter un site à toutes les résolutions | Usaddict: Ressources sur l’ergonomie des interfaces (le blog Usabilis)] | Responsive design & mobile first | Scoop.it
Le Responsive Web design (conception adaptative ou réactive en français) représente un ensemble de méthodes et techniques permettant...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Web Design Resources | This Is Responsive

A collection of resources about the various aspects of responsive web design.

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

Best of:Responsive jQuery Image Slider Plugins

Best of:Responsive jQuery Image Slider Plugins | Responsive design & mobile first | Scoop.it
Responsive layout is becoming a hottest trend in web design recently. As you saw my first premium wordpress theme, the theme adapts to the screen resolution of the viewing device: large monitors, laptops, tablet devices, and smartphones. It’s very cool, right? Would you like to turn your websites to be a responsive layout? Lol, this is really a big problem.
more...
No comment yet.
Rescooped by Agathe-Sevegrand from Lectures web
Scoop.it!

This Is Responsive

The latest links, news and thinking in responsive web design. Collected by @brad_frost and @pkattera...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

LukeW | An Event Apart: Rolling Up Our Responsive Sleeves

In his Rolling Up Our Responsive Sleeves talk at An Event Apart in Atlanta, GA 2012 Ethan Marcotte walked through ways to tackle thorny issues in responsive design layouts, media, advertising, and more. Here are my notes from his talk:
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Rem Calculator - Offroadcode.com

If you use rems for setting font sizes, here's a tiny tool to calculate the rem sizes you need for your css.

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

Responsive Web Design Frameworks For Lazy And Savvy Developers | Design Web Kit

Responsive Web Design Frameworks For Lazy And Savvy Developers | Design Web Kit | Responsive design & mobile first | Scoop.it
Responsive web design is a thing that every business company wants to have. Nowadays people can enter the web from computers, laptops, phones, tablets and even treadmills.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Useful Tools You Can Use for Responsive Web Design | Web Design Mash

Useful Tools You Can Use for Responsive Web Design | Web Design Mash | Responsive design & mobile first | Scoop.it
Web designers seem always interested in web designing tools, which can help them in web development. A large number of tools are available but it’s really difficult to get them at one place.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Why Do You Need Responsive Web Design [Infographic]

Why Do You Need Responsive Web Design [Infographic] | Responsive design & mobile first | Scoop.it
Besides mobile phones and computers, these days internet can also be accessed via e-readers, netbooks, tablets, televisions and gaming consoles. It is just not feasible to make websites for each and every one of them.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

El pequeño y sucio secreto del Responsive Web Design | KsesoCSS

Lo que sigue es una modesta traducción del artículo de John Albin Wilkins publicado el 16 de Julio de 2012 en palantir.net: "Responsive Design’s Dirty Little Secret" sobre el problema del redondeo del px en los diseños basados en porcentajes.
Además de la parte expositiva y explicativa inicial, el autor incluye alguna solucción.
De entrada mis disculpas por los fallos o errores tanto en la traducción como interpretación de los conceptos expuestos. Si encuentras alguno déjame tu propuesta en los comentarios. Gracias.

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

circular, responsive jQuery carousel --- CarouFredSel 5.6.4

circular, responsive jQuery carousel --- CarouFredSel 5.6.4 | Responsive design & mobile first | Scoop.it
A circular, responsive carousel plugin built using the jQuery library: carouFredSel. It can scroll any HTML element, one or multiple items simultaneously, horizontal or vertical, automatically, by pressing buttons or keys on the keyboard.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

enquire.js - Awesome Media Queries in JavaScript

A lightweight JavaScript library for handling CSS media queries.

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

Media Query & Asset Downloading Results | TimKadlec.com

A little while back, I mentioned I was doing some research for the book about how images are downloaded when media queries are involved. To help with that, I wrote up some automated tests where Javascript could determine whether or not the image was requested and the results could be collected by Browserscope for review. I posted some initial findings, but I think I’ve got enough data now to be able to go into a bit more detail.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Freetile.js - A jQuery plugin that organizes content in a responsive layout - CodeVisually

Freetile.js - A jQuery plugin that organizes content in a responsive layout - CodeVisually | Responsive design & mobile first | Scoop.it

Freetile is a plugin for jQuery that enables the organization of content in an efficient, dynamic and responsive layout. It can be applied to a container element and it will attempt to arrange it's children in a layout that makes optimal use of screen space, by "packing" them in a tight arrangement.

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

Web responsive et HTML5/CSS3, l'avenir du web design ...

Web responsive et HTML5/CSS3, l'avenir du web design ... | Responsive design & mobile first | Scoop.it
HTML5, CSS3, responsive web design... Dans les prochaines années, le développeur sera trilingue. Oui : le français, les langages HMTL/CSS et les.
more...
No comment yet.
Rescooped by Agathe-Sevegrand from Lectures web
Scoop.it!

High DPI Images for Variable Pixel Densities - HTML5 Rocks

A resource for developers looking to put HTML5 to use today, including information on specific features and when to use them in your apps.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

LukeW | An Event Apart: Beyond Media Queries

In his presentation at An Event Apart in Washington DC 2012 Brad Frost talked about the principles behind adaptive Web design and shared a number of techniques for creating responsive pages. Here's my notes from his talk on Beyond Media Queries: An Anatomy of an Adaptive Web Experience.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

LukeW | Multi-Device Layout Patterns

LukeW | Multi-Device Layout Patterns | Responsive design & mobile first | Scoop.it
Through fluid grids and media query adjustments, responsive design enables Web page layouts to adapt to a variety of screen sizes. As more designers embrace this technique, we're not only seeing a lot of innovation but the emergence of clear patterns as well. I cataloged what seem to be the most popular of these patterns for adaptable multi-device layouts.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Font sizing with rem - Snook.ca

Font sizing with rem - Snook.ca | Responsive design & mobile first | Scoop.it

Determining a unit of measurement to size our text can be a topic of heated debate, even in this day and age. Unfortunately, there are still various pros and cons that make the various techniques less desirable. It's just a matter of which less-desirable is most desirable.


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

An introduction to meta viewport and @viewport - Dev.Opera

An introduction to meta viewport and @viewport - Dev.Opera | Responsive design & mobile first | Scoop.it
Dev.Opera is the ultimate source of distilled knowledge for web developers, covering the latest open web technologies and techniques including HTML5, CSS3, JavaScript, SVG, optimizing content for mobiles, tablets and TVs, and creating add-ons such...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

The road to responsive images | Feature | .net magazine

The road to responsive images | Feature | .net magazine | Responsive design & mobile first | Scoop.it
Last week's W3C editor's draft brought us one step closer to a workable specification for responsive images.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Design’s Dirty Little Secret | Palantir.net

Responsive Design’s Dirty Little Secret | Palantir.net | Responsive design & mobile first | Scoop.it

The truth is that fluid grids are broken. Well… perhaps just cracked a bit. Responsive Web design, as Ethan Marcotte defines it, is simply a fluid grid, fluid images and media queries. But fluid grids have a dirty little secret: rounding errors. As we lay out our columns in percentages, browsers have to translate that into actual device pixels to fit in the viewport. And Chrome, Safari, other WebKit browsers, Opera, and the usual suspects (IE 6 and 7) all produce “errors”.

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

Drink in the Responsive Grid With 'Bourbon Neat' | Webmonkey | Wired.com

Drink in the Responsive Grid With 'Bourbon Neat' | Webmonkey | Wired.com | Responsive design & mobile first | Scoop.it
Bourbon Neat is a CSS framework that uses the CSS pre-processor SASS to create semantic, fluid grid layouts for your responsive websites.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Design sites using the Responsive Grid System | Tutorial | .net magazine

Design sites using the Responsive Grid System | Tutorial | .net magazine | Responsive design & mobile first | Scoop.it
The Responsive Grid System isn't a framework or a boilerplate. But it does make creating responsive websites quick and easy.
more...
No comment yet.