M’avertir lorsque ça sera prêt !

Pour être sûr(e) de recevoir notre message, nous vous recommandons d’ajouter contact@magazineduwebdesign.com à votre carnet d’adresses.

Les premiers articles du Magazine du Webdesign

Retrouvez ci-dessous les ébauches de nos premiers articles traitant des sujets qui nous sont chers tels que WordPress, le Webdesign mobile ou la conception Web.

Responsive Inspector – Redécouvrez les media queries

Avec Responsive Inspector, Piotr Walczyszyn nous offre une belle innovation en matière d'outils d'inspection de code.

responsive-inspector-extension-chrome

Cette extension Chrome en version beta permet de découvrir quelles media queries sont utilisées pour les sites Web que vous visitez.

Cet outil est très utile lorsque vous développez un nouveau projet car elle vous indique la valeur des min-width et max-width utilisées pour les media queries. Lire la suite…

Template fullscreen avec transition de page en CSS

Codrops propose une très sympathique démo d'un template fullscreen avec une transition de page en CSS.

FullscreenLayoutPageTransitions

L’état initial du template se compose de 4 blocs flexibles. Au clic sur un des blocs, ce dernier s’étend pour occuper l’ensemble de l’écran tandis que les autres s’effacent dans un joli fade out. Lors de la fermeture du bloc, celui-ci revient à sa position de départ accompagné de ces trois autres compères. Lire la suite…

Webdesign hebdo – ressources gratuites, actualités et tutoriels (N.7)

Découvrez nos liens favoris concernant l'univers du Web design.

Eldorado-mini-free-Icojam

Chaque semaine, une sélection d’articles, de ressources et diverses trouvailles glanées aux quatre coins des Interwebs pour les webdesigners et développeurs Web. C’est la lettre des Internets, checkez l’essentiel de l’actualité Web design en moins de 5 minutes. Lire la suite…

Les meilleurs illustrateurs se comptent sur les doigts d’une main

Mon Evernote est plein à craquer. Du lien, du lien et encore du lien. Il y en a pour tous les goûts.

wesley-valenzuela-illustration

Je me suis posé la question de l’utilité d’un tel archivage compulsif. La seule solution qui s’imposait : faire un grand coup de ménage. C’est chose faite… « Mais que voilà »… je tombe sur une petite pépite aspirée par l’éléphant vert : The Illustration Room. Vous connaissez ? Lire la suite…

Créez un menu responsive off canvas avec Sidr

Sidr est une solution idéale pour créer un menu au sein d’un panel hors-écran et un moyen simple de rendre ce menu responsive.

menu-responsive-off-canvas-plugin-jquery-sidr

Ce plugin vous donne la possibilité de réaliser une multitude de Sidrs sur la gauche ou la droite d’un site Web. Ces panels permettent de créer un menu responsive off canvas mais ils sont également une bonne astuce pour cacher une section complète d’un site. Par exemple un bloc texte ou un système de filtres. Lire la suite…

Un designer imagine un nouveau concept graphique pour Instagram

Après un redesign réussi de Google+, le designer Shadman Ahmed prend une nouvelle fois les devants en s'attaquant à l'application Instagram.

Instagram Redesign Concept-1

Son concept baptisé Instagram Redesign Concept propose une interface graphique épurée avec un relooking du logo et des icônes. Les interactions ont été revues afin d’offrir davantage de liberté aux utilisateurs concernant la manière de consommer les contenus. Lire la suite…

Navigation fixe, 50 exemples de web designs pour votre inspiration

Pour la grande majorité des applications Web, le nombre d'heures consacrées à la réalisation de la page d'accueil et des fonctionnalités est conséquent. Le système de navigation est souvent perçu comme une zone secondaire. Dans la plupart des cas, son temps de réalisation est réduit au strict minimum. Malheureusement, la navigation d'un site peut affecter grandement l'expérience utilisateur et donc le succès ou l'échec d'un projet Web.

27-Auxiliary-Design-Co

Pour vous donner un peu d’inspiration afin d’améliorer vos systèmes de navigation, j’ai sélectionné quelques exemples designés de manière créative et intelligente. Les sites Web présentés ci-dessous ont comme point commun une navigation fixe. Lire la suite…

↑ Haut de page