Menu Responsive et Retina-Friendly

Design et création d’un menu responsive optimisé pour les mobiles. Il utilise  une police d’écriture de font-icon pour que les icônes ne soient pas pixelisées sur les écrans retina ainsi que des animations en CSS3 qui fonctionneront sur les navigateurs supportant les propriétés CSS adéquates.

Le menu s’adapte automatiquement en 3 mises en page pour couvrir le plus de supports possibles  :

  • une navigation en  blocs en une ligne avec une animation de box-shadow sur les différentes icônes,
  • une disposition en 2 colonnes pour la version “tablette” au sens très large
  • une mise en page sous forme d’un menu de listes, fermé par défaut, pour les très petits écrans

Le menu fait l’objet d’un tutoriel détaillé sur Codrops et vous pouvez récupérer le code source pour l’adapter aux besoins de votre projet.

Démo : Menu responsive et retina-friendly

Date : Mai 2013


Un menu Responsive et Retina-Friendly - version de bureau

Un menu Responsive et Retina-Friendly - version complète

Un menu Responsive et Retina-Friendly - version mobile

Un menu Responsive et Retina-Friendly - version tablette

Thotèque – illustrations et webdesign

Thotèque – illustrations et webdesign

Design, Illustrations et optimisation mobile responsive d’une plateforme d’écriture en ligne

Pandasuite, le site vitrine

Pandasuite, le site vitrine

Identité graphique avec version mobile

#WdStr- Webdesigner Strasbourg

#WdStr- Webdesigner Strasbourg

Site responsive et visuels de réseaux sociaux