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

Device screen resolutions ordered by OS

Its often a chore to track down what screen resolutions are supported by the various operating systems and devices that are commonly used on the Web. Vendor sites and developer guidelines are often...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Adapter vos sites pour les écrans Retina » Webdesign Friday (#wdfr)

Adapter vos sites pour les écrans Retina » Webdesign Friday (#wdfr) | Responsive design & mobile first | Scoop.it

De la même manière que le Responsive Webdesign était une tendance débutée en 2011, les écrans à haute définition seront probablement le nouveau challenge de 2012. Apparus tout d’abord sur les mobiles puis employés sur le Nouvel iPad par Apple, les écrans de type Retina changent encore la donne. On parle même de leur apparition sur les ordinateurs de bureau.
Il est donc temps de se pencher sérieusement sur le sujet!

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

Comprendre le Viewport dans le Web mobile - Alsacreations

Comprendre le Viewport dans le Web mobile - Alsacreations | Responsive design & mobile first | Scoop.it
Le Viewport désigne schématiquement la surface de la fenêtre du navigateur. Cependant, la notion de viewport sur un appareil mobile est différente de celle sur un écran de bureau : sur mobile, le navigateur ne dispose pas de "fenêtre" réelle, ni de barres de défilement car tout est prévu pour naviguer de manière tactile.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Viewport Resizer: Extremely Flexible Bookmarklet Lets You Test Different Resolutions Easily - noupe

Viewport Resizer: Extremely Flexible Bookmarklet Lets You Test Different Resolutions Easily - noupe | Responsive design & mobile first | Scoop.it
A web designer's tasks are far from getting easier. More and more different resolutions come to market and have to be addressed in professional layouts.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

device-width et orientation sur mobiles

device-width et orientation sur mobiles | Responsive design & mobile first | Scoop.it
La détection de l’orientation du périphérique se fait de manière native par le navigateur mobile.

Mais savez-vous qu’en fixant une surface de viewport à width="device-width" (pratique habituelle), vous allez certainement conserver cette valeur lors du passage en orientation paysage, alors que la valeur souhaitée serait plutôt device-height dans ce sens ?.
more...
No comment yet.