Responsive Design brillamment expliqué en animation

21 juin 2015
Posté dans Design
21 juin 2015 Skøltz

Responsive Design brillamment expliqué en animation

Vous ne pouvez pas différencier un Responsive Design d’un site statique? Ces images animées vous transformeront en un expert en peu de temps!

Qu’est ce que le Responsive Design ? La plupart des personnes comprennent vaguement qu’il se rapporte aux sites Web qui fonctionnent aussi bien sur des ordinateurs de bureau et sur des smartphones, mais ce n’est pas tout! Les principes du Responsive Design ne sont pas du tout dur à comprendre, grâce à cette collection étonnante d’images animées. Passez juste quelques minutes avec des ces animations, et vous serez un expert dans la matière.

Responsive Design VS Adaptive Design

01_Responsive-vs-Adaptive

Unités Relatives VS Unités Statiques

02_Relative-Units-vs-Static-Units-1

Avec Breakpoints VS Sans Breakpoints

03_With-Breakpoints-vs-Without-Breakpoints-1

Flow VS Statique

04_Flow-vs-Static-2

Nested VS Not Nested

05_Nested-vs-Not-Nested-1

Polices Système VS Polices Web

06_System-fonts-vs-Webfonts-1

Avec Max Width VS Sans Max Width

07_Max-width-vx-No-max-width-1

Desktop first VS Mobile first

08_Desktop-first-vs-Mobile-first-3

Vecteurs VS Images

09_Vectors-vs-Images-1

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. Apprenez comment les données de vos commentaires sont utilisées.

Skoltz à votre service où que vous soyez!

Contactez-nous pour toute question ou demande. Nous serons ravis de vous répondre