Responsive design & mobile first
10.2K views | +0 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!

How to create media queries in Responsive Web Design | TechRepublic

Ryan Boudreaux shows how to create media queries that allow the web designer to target styles based on a number of device properties, such as screen w...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Adaptive images: solving the responsive image problem | Webdesigner Depot

Responsive design isn't just a change in layout or the use of media queries here and there, it is a mind-state and an action that has clear meaning.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Gridpak: The Responsive Grid Generator | Smashing Coding

In the near 18 months since A List Apart published Ethan Marcotte’s article Responsive Web Design much has changed in the way we approach our design process. The new responsive attitude described in the article embraces device agnostic design, flexibility and the undefined canvas. Whilst John Allsopp’s A Dao of Web Design laid the foundations for change, Ethan’s article—alongside a maturation in technologies and a coinciding mass movement towards mobile browsing—really set the scene for a new design ethos.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

30 Useful Responsive Web Design Tutorials

30 Useful Responsive Web Design Tutorials | Responsive design & mobile first | Scoop.it
So we’ve reached the end of our "Responsive Web Design week", tonight’s post will be the last of the series. We are going all out to help you hone your skills in manipulating those codes to respond at will when displayed on different devices.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Fullscreen - Responsive Wordpress theme

Fullscreen - Responsive Wordpress theme | Responsive design & mobile first | Scoop.it
Fullscreen est un thème wordpress au design minimaliste, avec une mise en page réactive et une galerie fullscreen. La galerie photo est au centre de toute l’attention. Les utilisateurs peuvent basculer en mode plein écran en cliquant sur le bouton plein écran et en appuyant sur la touche d’échappement pour quitter le mode plein écran. La galerie en plein écran peut être individuellement attribués à des Articles et des Pages. Pour la galerie, il y a deux modes d’affichage: photoswipe or lightbox.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Avantages et Inconvénients du Responsive Web Design | Le Webmarketeur : Infos et avis sur le Webmarketing

Avantages et Inconvénients du Responsive Web Design | Le Webmarketeur : Infos et avis sur le Webmarketing | Responsive design & mobile first | Scoop.it
Si vous vous intéressez aux évolutions du Web, en voici une qui fait beaucoup parler d’elle. C’est le responsive Webdesign  soit une savante formule qui permet de rendre son site ergonomique et adapté aux supports mobiles et aux supports classiques.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive web design? Today's tools just aren't up to the job | ZDNet

Summary: The weaknesses in web design tools and processes are being exposed by responsive web design.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Web Design Interactive Infographic | Template Monster

Responsive Web Design Interactive Infographic | Template Monster | Responsive design & mobile first | Scoop.it
Rocks down the highway with Responsive Web Design Interactive Infographic on board!
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

LukeW | RESS Multi-Device Design Resources

LukeW | RESS Multi-Device Design Resources | Responsive design & mobile first | Scoop.it
LukeW Ideation + Design provides resources for mobile and Web product design and strategy including presentations, workshops, articles, books and more on usability, interaction design and visual design.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

LukeW | Multi-Device Web Design: An Evolution

LukeW | Multi-Device Web Design: An Evolution | Responsive design & mobile first | Scoop.it
LukeW Ideation + Design provides resources for mobile and Web product design and strategy including presentations, workshops, articles, books and more on usability, interaction design and visual design.
more...
No comment yet.
Scooped by Agathe-Sevegrand
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!

50 Useful Responsive Web Design Tools For Designers

For the past few days, we have showed you some of the best WordPress and Joomla responsive themes you can download and use on your site. Today, we’re going to give you the tools.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Web Design is Your Responsibility | gonzoblog.nl

Responsive web design refers to a website layout that can morph and adapt to the viewport of the user’s browser, and though this technique is very interesting, it is not new. Similar methods have been around for a long time.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Images With WordPress' Featured Images - Smashing Mobile | Smashing Mobile

In this article, we’ll use WordPress’ built-in featured images capability to deliver different-sized image files to different devices.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

How to get started with Responsive Web Design | TechRepublic

Ryan Boudreaux explains the concept and methods behind Responsive Web Design. Here are some easy examples to help you get familiar with RWD.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

LukeW | Cross Device Design Patterns

LukeW | Cross Device Design Patterns | Responsive design & mobile first | Scoop.it
In a few years, there will be more connected devices in people’s hands than people in the World. That means multiple devices per person: a smartphone, a tablet, a connected TV, and perhaps lots more. Cross device patterns look at how people, content, and services will flow between these devices. Here’s my attempt at defining a useful reference set.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Wirefy | The Responsive Wireframe Boilerplate

Wirefy: Beautiful Boilerplate for Responsive Wireframe Development...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Adopting A Responsive WordPress Theme Is More Than Install-And-Go | Smashing WordPress

Adopting A Responsive WordPress Theme Is More Than Install-And-Go | Smashing WordPress | Responsive design & mobile first | Scoop.it
Keys to adopting a responsive WordPress theme when working with iOS, Android, and other smaller devices.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

RESS, Server-Side Feature-Detection and the Evolution of Responsive Web Design – Mobile in Higher Ed

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

LukeW | RESS: Responsive Design + Server Side Components

LukeW Ideation + Design provides resources for mobile and Web product design and strategy including presentations, workshops, articles, books and more on usability, interaction design and visual design.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

LukeW | Which One: Responsive Design, Device Experiences, or RESS?

LukeW | Which One: Responsive Design, Device Experiences, or RESS? | Responsive design & mobile first | Scoop.it
LukeW Ideation + Design provides resources for mobile and Web product design and strategy including presentations, workshops, articles, books and more on usability, interaction design and visual design.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

5 lessons learned from a mobile first, responsive design process. — iAllenkelhet

While designing a portal for finding and comparing dentists’ prices across Norway (to be launched later this year), @schjonhaug and I decided to dive fully into a mobile first approach. We designed the site for mobile screen sizes, and then gradually made it into a fully fledged responsive site through several iterations, user testing along the way.
more...
No comment yet.