• A la une
  • Catégories
  • Dossiers
  • +

Inspiration pour les intégrateurs #67 : Le responsive sous toutes ses formes

par Benjamin SANCHEZle 12/05/2016

Si on vous demande ce qu'est le responsive, je pense que la plupart d'entre vous répondront qu'il s'agit d'un moyen permettant de rendre des sites et applications adaptable a la taille de l'écran sur lequel ils sont affiches. C'est vrai, bien sur, mais pas tout à fait complet.

Le vrai sens du responsif est "dépendant de la résolution", et peut s'appliquer sur à peu près tous les éléments affichable sur un écran. La structure bien sur, ainsi que les images (avec srcset), mais saviez-vous qu'il est possible d'appliquer ce concept à des éléments comme des Svg, des animations, ou même votre logo ? Si vous ne me croyez pas, jetez donc un oeil aux exemples ci-dessous ! Bonne découverte.

Logos, animations et SVG responsives

 

 

 

 

 

 

 

 

 

 

 

Bonus

En bonus, je vous propose de découvrir des images s'adaptant de manière fluide à la résolution. D'après l'auteur, nous ne pouvons pas parler de responsive car il n'existe pas de ressource image "statique" sur cet exemple, les images sont indépendantes de la résolution d'affichage, donc. Un peu tire par les cheveux je trouve comme explication. Pour en savoir plus, il faudra attendre un exemple explicatif ou les sources !

  • Partager l'article en 1 clic !

    N'hésitez pas à aider le BlogDuWebdesign
Avatar_thumbAuteur : Benjamin voir son blog

Développeur autodidacte depuis quelques années, déjà, je suis le développeur du blog du webdesign, où mon rôle est de concretiser les différentes idées et maquettes.

Devenez membre !

Rejoignez la communauté des créatifs du web !
- Partagez vos créations
- Gagnez en visibilité
- Créez votre blog facilement
> En savoir plus

Créer mon compte
twitter birdtwitter birdtwitter birdtwitter birdtwitter bird
twitter bird
Ouvrir