Responsive design...
Follow
9.9K 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!

Implement responsive design with jQuery Mobile and CSS3

On its own, the jQuery Mobile framework is a great solution for quickly creating an accessible, HTML5 markup-driven mobile website.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

15 More Responsive CSS Frameworks & Boilerplates Worth Considering - Speckyboy Design Magazine

15 More Responsive CSS Frameworks & Boilerplates Worth Considering - Speckyboy Design Magazine | Responsive design & mobile first | Scoop.it
Following on from 15 Responsive CSS Frameworks Worth Considering, which we published last November, today we have 15 more for you to consider.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Screenqueri.es | Pixel Perfect Responsive Design Testing Tool

Screenqueri.es | Pixel Perfect Responsive Design Testing Tool | Responsive design & mobile first | Scoop.it
Screenqueri.es is a Pixel Perfect Tool to test your Responsive Design / Media Queries. Select from Pre-defined Screen Resolutions OR Drag Screen Handles To Go With Your Custom Screen Resolutions.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Design: Sensors, Systems, And Actuators - Vanseo Design

Responsive Design: Sensors, Systems, And Actuators - Vanseo Design | Responsive design & mobile first | Scoop.it

Earlier this year Mark Boulton posted A Responsive Experience, which aimed to take a step back and abstract what it means to design responsively. He pointed out 3 things common to any kind of design that’s responsive.

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

Some Media Queries for Responsive Design | Expert PHP Developer

Some Media Queries for Responsive Design | Expert PHP Developer | Responsive design & mobile first | Scoop.it
In this article I am going to share some Media Queries I have collected so far. I am dividing these in three parts Like Media Queries for Monitors, Media Queries for Smartphones, Media Queries for Tablets.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Determining breakpoints for a responsive design | Tutorial | .net magazine

Determining breakpoints for a responsive design | Tutorial | .net magazine | Responsive design & mobile first | Scoop.it
We present an exclusive excerpt from Tim Kadlec's book, Implementing Responsive Design, on adopting a future-friendly approach that determines breakpoints according to content as opposed to device...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Combien coûte un site internet adaptatif ?

Combien coûte un site internet adaptatif ? | Responsive design & mobile first | Scoop.it

Demander combien coûte un site web adaptatif n’a simplement aucun sens. Brian Hoff (@behoff) explique de façon claire pourquoi il n’existe pas de réponse claire à cette question.

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

Usefull responsive technique : Different Flexsliders at different display sizes | Matt Wilcox .net


A design I was working on called for a mobile sized display to have a single slide visible at all times, but a larger display to have two slides visible at the same time. It also required each view to scale fluidly without revealing a partial slide or looking squiffy (the default flexslider2 reveals partial slides when fluid). Here’s how I managed it.


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

What responsive design brings to multi-lingual interfaces | Robert Fransgaard

Responsive design is the hot new thing in web design at the moment and rightly so. It creates solutions, which truly puts the users in the center, no matter what device they choose to access the Internet on.

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

Coding Q&A With Chris Coyier: Responsive Sprites And Media Query Efficiency | Smashing Coding

Coding Q&A With Chris Coyier: Responsive Sprites And Media Query Efficiency | Smashing Coding | Responsive design & mobile first | Scoop.it

This is a hot topic lately because of the rise in “retina” displays. But really, this problem has been building up for a while. Us Web designers often work in “pixels”, for instance, setting the width of an image: img { width: 100px; }. But what is 100px? It’s been a long time since that literally referenced a pixel on the screen. These days it’s a rather arbitrary measurement. 100px ends up being around an inch on a physical screen, regardless of its resolution.

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

Device-Agnostic Approach To Responsive Web Design | Smashing Coding

This is a different take on Responsive Web design. This article discusses how we can better embrace what the Web is about by ignoring the big elephant in the room: how we can rely on media queries and breakpoints without any concern for devices.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Separate Mobile Website Vs. Responsive Website | Smashing Mobile

Separate Mobile Website Vs. Responsive Website | Smashing Mobile | Responsive design & mobile first | Scoop.it
The US presidential race is heading into full swing, which means we’ll soon see the candidates intensely debate the country’s hot-button issues.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Responsive Data Table Roundup | CSS-Tricks

Responsive Data Table Roundup | CSS-Tricks | Responsive design & mobile first | Scoop.it
There has been a bunch of takes on responsive data tables since I first published about it.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

FitVids.js, plugin jQuery pour rendre vos vidéos « responsive » | Megaptery

FitVids.js, plugin jQuery pour rendre vos vidéos « responsive » | Megaptery | Responsive design & mobile first | Scoop.it

FitVids.js est un plugin jQuery permettant de rendre n’importe quelle vidéo « responsive », c’est-à-dire automatiquement redimensionnable en fonction de la largeur de son conteneur. Très pratique pour un webdesign réactif qui doit être compatible sur smartphone et tablette.


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

Html5, responsive design : les dernières révolutions dans l’univers du web

Petite révolution sur vos écrans d'ordinateur, le HTML5, successeur du HTML, le langage d'écriture des pages web, est en cours de développement. Au programme : de nouvelles fonctionnalités et une navigation facilitée, quel que soit le support, pour une fluidité qui égalera celle d'une application sur smartphone.

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

A jQuery responsive images plugin to help ease the transition | Jquery Picture

A jQuery plugin to help ease the transition to responsive images...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

The problem with responsive design | Fetched from hammerspace

The problem with responsive design | Fetched from hammerspace | Responsive design & mobile first | Scoop.it

Ok that title is a little hostile. Really this is just a problem with responsive design, or a suggestion for improvement.


The problem is that although we can now make pages fluid and adaptable to the browser/device width they are still just “pages.” There is a basic canvas on which we lay everything out, a paradigm still left over from the world of print. Things get better with a responsive grid but it needs to be more granular.

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

The top responsive web design problems ... and how to avoid them! | Feature | .net magazine

The top responsive web design problems ... and how to avoid them! | Feature | .net magazine | Responsive design & mobile first | Scoop.it
James Young recently surveyed his fellow designers about the biggest problems they face on responsive sites.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Workflows In A Responsive World: From Waterfall To Agile - Vanseo Design

Responsive design brings a new approach and philosophy to creating and building websites. Many are finding their old workflows less than ideal for responsive projects.

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

Master Responsive Web Design With Gridset | Design Shack

Master Responsive Web Design With Gridset | Design Shack | Responsive design & mobile first | Scoop.it
Reading an article entitled Master Responsive Web Design With Gridset on Design Shack.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

The Many Faces of ‘Mobile First’ | Brad Frost Web

The Many Faces of ‘Mobile First’ | Brad Frost Web | Responsive design & mobile first | Scoop.it

We see the phrase ‘mobile first’ everywhere. Luke Wroblewski definitely struck a nerve when he coined the phrase a few years ago and created an important battle cry as we head into this multi-screen future. Luke’s definition of mobile first consists of three core components:

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

Create a Responsive Web Design Template

Create a Responsive Web Design Template | Responsive design & mobile first | Scoop.it
The web is buzzing with responsive web designs right now. To have a single site that will change its styling accordingly to fit to the device it's being viewed on.
more...
No comment yet.