Le Web Design : les tendances UX et UI à ne pas manquer

L'actualité des tendances en matière d'UX et d'UI conçue pour les pros du web. Nous vous proposons un aperçu des innovations les plus captivantes en matière de web design. À travers des analyses d'experts UX et UI, des revues de cas d'utilisation et des débats sur les tendances. Imprégnez-vous des tendances clés de l'UI et de l'UX qui redéfinissent les standards du design sur le web et renforcez vos compétences pour rester à la pointe.

Le 02/02/2024

14 idées cadeaux à offrir à un webdesigner pour la Saint-Valentin

Trouvez le cadeau parfait pour votre webdesigner ou geek préféré cette Saint-Valentin avec notre sélection de 14 idées originales.

De gadgets high-tech à des accessoires de bureau stylés, surprenez-les avec des cadeaux qui reflètent leur passion pour le digital. Faites de cette fête des amoureux une célébration inoubliable avec des présents qui allient créativité, design et amour technologique.

Découvrez nos suggestions qui feront le bonheur de votre moitié !

Le 25/01/2024

15 sites web originaux avec des mesh gradients

Explorez l'univers vibrant des mesh gradients, la tendance webdesign incontournable de 2024 ! Découvrez comment ces dégradés de couleurs fluides transforment les sites web en leur donnant un aspect moderne et captivant, renforçant ainsi l'image de la marque. Nous avons sélectionné pour vous 15 sites web originaux qui repoussent les limites de la créativité.

10 sites web originaux avec une section hero typographique

10 sites web originaux avec une section hero typographique

Le 22/01/2024

Prêt à donner à votre site web une allure minimaliste percutante dès le premier regard ?

Les sections hero en plein écran et les typographies audacieuses sont les incontournables de 2024, prêtes à révolutionner la créativité de nombreux sites web. Découvrez cette tendance webdesign florissante et démarquez-vous avec style.

Explorez l'impact visuel puissant de ces choix créatifs, l'importance d'une communication concise et engageante, ainsi que l'influence des polices bien choisies dans notre sélection de 10 exemples créatifs de sections hero typographiques. Laissez-vous inspirer par ces nouvelles tendances !

20 sites web originaux en dark mode

20 sites web originaux en dark mode

Le 04/01/2024

Aujourd'hui, nous vous invitons à découvrir 20 sites web innovants qui ont choisi le "dark mode", soit le mode sombre en français, pour créer une atmosphère moderne et immersive à leur site. Que vous soyez amateur de sobriété et d'élégance, ou tout simplement à la recherche d'inspiration pour votre propre projet, c'est le moment idéal pour vous installer confortablement et plonger dans cette compilation unique.

14 Gifs animés originaux pour souhaiter un Joyeux Noël

14 Gifs animés originaux pour souhaiter un Joyeux Noël

Le 21/12/2023

Noël approche à grands pas, et quoi de mieux pour exprimer votre joie et vos vœux qu'avec des gifs animés éblouissants ? Cette année, élevez vos messages de vœux au niveau supérieur en découvrant notre sélection exclusive de 14 gifs animés originaux qui apporteront une touche de magie à vos souhaits de Joyeux Noël.

Préparez-vous à répandre la joie et la féerie à travers ces créations visuelles uniques, conçues pour capturer l'esprit enchanté de la saison des fêtes. Prêt à émerveiller vos proches avec des vœux animés ? Suivez le guide et découvrez ces petits bijoux qui feront briller votre Noël.

15 idées de cadeaux à offrir à un webdesigner

15 idées de cadeaux à offrir à un webdesigner

Le 20/12/2023

Trouver le cadeau parfait pour un webdesigner peut sembler un défi, mais avec une gamme d'options intéressantes, il est possible de satisfaire même les connaisseurs les plus exigeants. Nous avons rassemblé 15 idées de cadeaux qui raviront les webdesigners. Que vous ayez un petit budget, un budget moyen ou un budget plus généreux, vous trouverez sûrement quelque chose qui plaira à votre créatif préféré.

10 tendances webdesign en 2024

10 tendances webdesign en 2024

Le 08/12/2023

Bienvenue dans le futur du web design ! L'année 2024 s'annonce avec des tendances qui révolutionneront l'expérience en ligne. Embarquons ensemble pour un aperçu des tendances webdesign les plus excitantes qui émergeront en 2024.

Du mystique dark mode aux typos audacieuses, des chatbots intelligents aux animations interactives, préparez-vous à être inspiré !

Shutterstock AI : Le nouveau générateur d’images par IA

Shutterstock AI : Le nouveau générateur d’images par IA

Le 29/10/2023

Hier, le 26 octobre 2023, Shutterstock a dévoilé ses dernières avancées en matière d'édition créative, propulsées par l'intelligence artificielle. Ces nouvelles fonctionnalités offrent une gamme infinie d'options pour affiner et sublimer les images présentes dans la vaste bibliothèque de haute qualité de cette banque d'images, qui recense plus de 700 millions de photographies d'archives.

Laissez libre cours à votre créativité en exploitant toute la puissance artistique de l’IA pour créer des photos uniques grâce au tout nouveau générateur d'images par IA, désormais accessible gratuitement !

10 astuces pour relooker votre site web pour Halloween

10 astuces pour relooker votre site web pour Halloween

Le 11/10/2023

Halloween approche à grands pas, et c'est le moment idéal pour donner à votre site web une touche effrayante et festive. La transformation de votre site pour cette saison effervescente peut non seulement attirer l'attention de vos visiteurs, mais aussi renforcer l'engagement.

Dans cet article, nous allons vous présenter quelques astuces pour relooker votre site web en vue de cette fête tant attendue !

Choisir les formats d'images sur le web : le guide essentiel

Choisir les formats d'images sur le web : le guide essentiel

Le 29/09/2023

Lorsque vous créez un site web, le choix du format d'image approprié est crucial pour garantir une expérience utilisateur optimale tout en maintenant des performances de chargement rapides. Dans cet article, nous allons explorer les différents formats d'images disponibles pour le web, en expliquant quand les utiliser, ainsi que leurs avantages et inconvénients.

L'accessibilité dans le webdesign : concevoir des sites web inclusifs pour tous

L'accessibilité dans le webdesign : concevoir des sites web inclusifs pour tous

Le 27/09/2023

Concevoir des sites web accessibles à tous, y compris aux personnes handicapées, est non seulement une question d'éthique, mais aussi une nécessité légale dans de nombreuses régions du monde. Cet article explorera les principes de base de l'accessibilité dans le webdesign et vous guidera sur la manière de créer des sites web inclusifs pour tous.

Comment utiliser les grilles dans la conception web : le guide complet

Comment utiliser les grilles dans la conception web : le guide complet

Le 26/09/2023

La conception web est bien plus qu'une simple disposition d'éléments sur une page. C'est un art subtil qui exige une structure visuelle solide pour garantir une expérience utilisateur optimale. C'est pourquoi les designers utilisent des systèmes de grilles pour créer un site. Celles-ci jouent un rôle fondamental pour créer une mise en page harmonieuse et fonctionnelle sur les sites web.

Aujourd'hui, nous allons explorer ce que sont les grilles, leur rôle et leur importance, les éléments qui les composent, comment choisir la bonne grille en fonction du support, comment les créer, ainsi que des conseils pratiques pour une conception web réussie.

Le minimalisme dans le webdesign : moins, c'est plus !

Le minimalisme dans le webdesign : moins, c'est plus !

Le 23/09/2023

Le minimalisme dans le webdesign est une approche qui gagne en popularité depuis plusieurs années. Elle repose sur le principe fondamental que "moins, c'est plus". En d'autres termes, il s'agit de créer des sites web épurés, simples et fonctionnels, où chaque élément a un objectif clair et où l'expérience utilisateur est au centre des préoccupations. Dans cet article, nous allons explorer les avantages du design minimaliste et partager des exemples de sites web qui l'utilisent pour offrir une expérience utilisateur exceptionnelle.

L'art du micro-interaction design pour créer des expériences utilisateur mémorables

L'art du micro-interaction design pour créer des expériences utilisateur mémorables

Le 21/09/2023

Dans l'ère numérique actuelle, les micro-interactions sont les artisans discrets qui façonnent nos interactions en ligne. Ces petits éléments subtils, appelés micro-interactions, jouent un rôle crucial dans la création d'expériences utilisateur engageantes.

Dans cet article, nous allons découvrir l'univers du micro-interaction design, en explorant ses quatre étapes fondamentales et en révélant comment ces microgestes peuvent révolutionner l'interaction en ligne. Afin de rendre un site web non seulement plus interactif, mais aussi plus engageant et mémorable pour les visiteurs.

Comment la psychologie des couleurs impacte la conception web et l'interaction utilisateur

Comment la psychologie des couleurs impacte la conception web et l'interaction utilisateur

Le 18/09/2023

La psychologie des couleurs dans le design web est une discipline qui étudie comment les couleurs peuvent influencer les émotions et les actions des utilisateurs. Les concepteurs web utilisent cette connaissance pour créer des expériences en ligne plus efficaces et plus engageantes.

Dans cet article, vous pourrez découvrir comment l'utilisation de la psychologie des couleurs dans la conception de vos interfaces peut contribuer à véhiculer des messages et influencer les comportements des utilisateurs.

5 principes et lois en psychologie pour améliorer son UX design

5 principes et lois en psychologie pour améliorer son UX design

Le 17/09/2023

La psychologie humaine a un impact sur l'UX design, et nécessite à tout designer de connaître quelques principes de lois UX pour bien comprendre le comportement humain et ainsi créer les meilleures interfaces.

Hick et Fitt, vous les connaissez ? Ces principes de loi formulés par des spécialistes du comportement humain et de la psychologie, montrent l’impact que peut avoir la dimension « visuelle » auprès des internautes, tant sur leurs prises de décisions que sur leurs émotions (qu’elles soient positives ou négatives). Ces 5 lois de principes en psychologie vous aideront à comprendre les habitudes de vos utilisateurs, pour améliorer votre UX design en travaillant sur l’apparence et la navigation de votre site internet.

L'importance des icônes et des illustrations dans le design web

L'importance des icônes et des illustrations dans le design web

Le 16/09/2023

Les icônes et les illustrations sont des éléments essentiels dans le design web, ils ont le pouvoir d'améliorer l'expérience utilisateur et d'ajouter de la personnalité au design d'un site. Dans cet article nous allons expliquer comment ces éléments visuels peuvent améliorer votre site et comment ils y parviennent.

UI/UX : 10 comptes Instagram à suivre absolument

UI/UX : 10 comptes Instagram à suivre absolument

Le 15/09/2023

Si vous êtes un webdesigner à la recherche d'inspiration, de tendances et de conseils pour enrichir votre expertise, ne cherchez pas plus loin. Voici une sélection de 10 comptes Instagram à suivre pour nourrir votre créativité et découvrir les dernières tendances en matière de design web.

4 tendances 3D en UI design en 2023 autour du morphisme

4 tendances 3D en UI design en 2023 autour du morphisme

Le 08/09/2023

Avec l’invasion de la 3D dans le design, de nouvelles tendances UI prennent de l'ampleur sur les applications mobiles et web. Claymorphisme, Skeuomorphisme, Neumorphisme et Glassmorphisme ça vous parle? Explorez cet article pour comprendre ces 4 tendances 3D et apprendre comment les intégrer à vos créations.

Le guide 2024 des tailles d’images sur les réseaux sociaux

Le guide 2024 des tailles des images sur les réseaux sociaux

Le 06/07/2023

Aujourd’hui, la communication sur les réseaux sociaux est essentielle pour les entreprises, mais aussi pour les professionnels du graphisme et du design. D’où l’importance de maîtriser parfaitement les dimensions d’images recommandées sur chaque plateforme.

Cependant, il n’est pas si simple de retenir des dizaines de formats différents, d’autant plus que les exigences et les recommandations des médias sociaux évoluent régulièrement. C’est pourquoi nous vous proposons cet aide-mémoire qui vous permettra de connaître en quelques secondes les tailles de visuels dont vous avez besoin pour Facebook, Twitter, Instagram et bien d’autres en 2024.

Figma annonce des mises à jour majeures lors du Config 2023

Config 2023 : Figma veut révolutionner le webdesign collaboratif

Le 24/06/2023

La deuxième édition du Config 2023, la keynote à la sauce Figma, vient de s’achever. La célèbre plateforme de conception d’interface web et mobile a annoncé une série d’évolutions qui sont censées révolutionner la manière dont les webdesigners, ergonomes et graphistes UI/UX conçoivent leurs prototypes au sein de leur équipe de développement. Présentation du mode Dev Mode, des variables, du prototypage avancé et de quelques petites autres mises à jour.

13 jeux pour apprendre le webdesign en s’amusant

13 jeux pour apprendre le webdesign en s’amusant

Le 16/06/2020

Pour apprendre ou vous perfectionner, vous pouvez bien entendu suivre une formation, lire un livre, ou encore suivre des tutoriels sur YouTube. Mais les jeux vidéo peuvent aussi constituer un excellent moyen de développer votre savoir tout en passant un bon moment.

“Green UX” : comment créer un site plus écologique ?

“Green UX” : comment créer un site plus écologique ?

Le 25/02/2020

Créer un site est un véritable défi. Ce qui anime un web designer, c’est la volonté de développer le produit parfait (ou presque) : à la fois rapide, esthétique, fonctionnel et accessible. Mais cette recherche permanente de la performance peut se faire au détriment d’autres aspects…

Alors que la question écologique prend de plus en plus d’importance, il peut être intéressant de se questionner sur l’impact environnemental du web. Comme vous le savez sûrement, les data centers, qui “stockent” les milliards de données qui circulent sur internet, sont de véritables gouffres énergétiques…

Dans ce contexte, est-il possible, pour un designer, de contribuer à réduire l’empreinte carbone du web à son niveau ? Voici quelques pistes pour avancer sur la voie du “green UX”, une manière plus écologique de concevoir des sites.

14 librairies d’animation web CSS et JavaScript à découvrir

14 librairies d’animation web CSS et JavaScript à découvrir

Le 21/11/2019

Les librairies d’animation web sont de véritables mines d’or pour les webdesigners et les développeurs qui souhaitent créer des interfaces dynamiques et modernes, tout en proposant une expérience utilisateur vraiment unique.

Qu’il s’agisse d’animations CSS ou JavaScript, les possibilités sont nombreuses sur internet : voici donc une sélection de bibliothèques qui proposent une grande variétés d’effets et de styles.

8 exemples de projets à ajouter dans votre portfolio quand vous n’avez pas encore d’expérience

8 exemples de projets à ajouter dans votre portfolio quand vous n’avez pas encore d’expérience

Le 05/09/2019

Que cela soit dans le cadre d’une sortie d’études, d’une reconversion professionnelle, ou de la création d’une activité complémentaire, il se peut que vous commenciez tout juste une activité d’auto-entrepreneur, ou bien que vous recherchiez votre premier emploi dans le monde du design.

Tout d’abord : félicitations ! Ensuite, de nombreux employeurs ou clients vous demanderont (à juste titre) de leur fournir un portfolio afin d’avoir une meilleure visibilité sur votre patte artistique ou sur vos compétences.

Mais, votre activité débutant à peine, il est possible (et normal) que votre portfolio soit pour l’instant une feuille blanche. Voici quelques exemples de projets que vous pourriez rajouter à votre portfolio si vous n’avez pas d’expérience professionnelle.

Les joies du Webdesign

Les joies du Webdesign

Le 25/07/2019

Un peu d’humour et de légèreté pour commencer à préparer les vacances :). Inspiré par le concept des joies du code, nous avons partagé depuis plusieurs semaines sur notre page Facebook, une série de mèmes que nous avons créé ou traduit autour du métier de Webdesigner et des joies du web design.

J’espère que ces images vous donneront le sourire pour commencer la journée de bonne humeur.

A partager sans modération

7 Astuces pour Améliorer les Animations dans vos Interfaces - Inspiration Graphique

7 astuces pour améliorer les animations dans vos interfaces

Le 16/04/2019

Avec quelques modifications ici ou là, vous pouvez rendre votre contenu interactif encore plus intéressant pour vos utilisateurs.

Nous allons voir quelques exemples d’animations à faire pour mettre en évidence la hiérarchie de votre site, attirer l’attention de votre utilisateur, ou même le divertir.

Que doit savoir un nouveau designer sur la typographie ?

Que doit savoir un nouveau designer sur la typographie?

Le 09/04/2019

La typographie joue une place importante dans l’univers graphique d’une marque ainsi que la façon dont un message peut être plus ou moins bien reçu par son audience.

7 astuces pour améliorer le design de vos interfaces

7 astuces pour améliorer le design de vos interfaces

Le 14/03/2019

Cet article est une traduction libre d’un article de RefactoringUI

Qu’il le veuille ou non, tout développeur devra, un jour ou l’autre, gérer le design de sa création. Qu’il s’agisse de prendre des décisions vis-à-vis de l’apparence d’un site, ou de gérer l’interface utilisateur, savoir coder ne suffit pas toujours. 

En effet, peut-être que votre entreprise ne dispose pas d’un webdesigner à plein temps et qu’il vous revient la lourde tâche de prendre des décisions en matière d’esthétique ou d’UI. 

Je vous vois déjà lever les yeux au ciel : « Mais je suis un développeur moi, pas un artiste ! ». Détendez-vous, on vous offre quelques conseils pour améliorer le design de vos interfaces avec de la technique plutôt que du talent, même si vous n’y connaissez rien au webdesign.

Web designer : Gagner en expérience avec Can't Unsee

Web designer : Gagner en expérience avec Can’t Unsee

Le 14/02/2019

Aujourd’hui nous partageons avec vous un petit jeu en ligne ludique et très simple qui vous permettra de tester votre oeil de designer web.

Générez vos sprites et fichiers CSS en un clic avec CSS Sprite Generator

Générez vos sprites et fichiers CSS en un clic avec CSS Sprite Generator

Le 31/01/2019

Aujourd'hui nous vous proposons un outil qui n'est pas nouveau, mais qu'il faut connaître si vous avez l'habitude de générer à la main les sprites pour vos projets web.

Découvrez l'Histoire des Interfaces Web avec UX Timeline

UX Timeline, un retour dans le temps sur les interfaces web

Le 23/01/2019

Un petit saut dans le temps vous intéresse ? Découvrez le site UX Timeline qui vous propose de revenir sur les interfaces des plateformes du web.

NES.css, Un Framework CSS inspiré par la NES

NES.css, Un Framework CSS inspiré par la NES

Le 17/01/2019

Vous vous sentez d’humeur nostalgique ? Aujourd’hui le BlogDuWebdesign vous propose de découvrir un framework CSS centré sur la Nes et sa grande soeur la Super Nintendo : NES.css.

La puissance du CSS avec The Mine : un jeu d’aventure sans la moindre ligne de JS

La puissance du CSS avec The Mine : un jeu d’aventure sans la moindre ligne de JS

Le 23/11/2018

Dans cet article, le BlogDuWebdesign vous propose de découvrir une des réalisations CSS et HTML les plus impressionnantes que nous avons découverts : The Mine

SimpleBar, un outil pour personnaliser vos barres de défilement de manière simple et légère

SimpleBar, un outil pour personnaliser vos barres de défilement de manière simple et légère

Le 18/10/2018

Si nous devions classer la liste des manques incompréhensibles de la spécification Web, la personnalisation en CSS de la barre de défilement serait très certainement dans le top 3 (nous donnons la palme à l'impossibilité de choisir comment est réparti le stroke en SVG, mais ce n'est pas le sujet d'aujourd'hui).

Manipuler et créer des SVG plus simplement avec SVG.js

Manipuler et créer des SVG plus simplement avec SVG.js

Le 01/10/2018

Aujourd'hui, le BlogDuWebdesign vous propose de découvrir une ressource pour simplifier l'usage des SVG, sobrement nommé SVG.js.

Faites le plein de ressources pour la rentrée avec Design notes

Faites le plein de ressources pour la rentrée avec Design notes

Le 07/09/2018

Pour terminer cette première semaine de septembre, on vous propose de découvrir une belle ressource qui vous permettra de faire le plein de sites web et de liens à garder pas loin de vous.

Venez visiter le musée du Web Design, entrée gratuite !

Venez visiter le musée du web design, entrée gratuite !

Le 06/09/2018

Aujourd'hui le BlogDuWebdesign vous propose de (re)découvrir le web des années 1995 à 2005 avec le Web Design Museum.

12 interfaces interactives et innovantes pour la connexion de vos utilisateurs

12 interfaces interactives et innovantes pour la connexion de vos utilisateurs

Le 26/07/2018

Aujourd'hui on vous propose un petit tour d'horizon sur les interfaces de connexion afin de vous faire découvrir des techniques efficaces et innovantes pour vos projets. 

Testez vos capacités à différencier les typographies avec Font Memory Game

Testez vos capacités à différencier les typographies avec Font Memory Game

Le 20/07/2018

On termine cette semaine avec un petit jeu ludique qui vous permettra de tester et améliorer vos capacités à différencier les typographies, découvrez dès maintenant le jeu Font Memory Game.

17 lecteurs de musique interactifs en CSS et HTML sous CodePen

17 lecteurs de musique interactifs en CSS et HTML disponibles sous CodePen

Le 12/07/2018

Aujourd’hui on vous propose un petit tour des lecteurs de musique que nous avons sélectionné pour leur design et ergonomie, le tout disponibles avec le site Code Pen.

Le site Code Pen est un véritable espace libre pour la créativité des designers web et intégrateurs qui peuvent mettre en avant leur création. Il permet de trouver de simples éléments interactifs comme des boutons à des interfaces très complètes et animées.

Pour nourrir votre curiosité et votre inspiration, nous avons sélectionné pour vous une série de 17 créations autour des Music Player avec des interactions et des animations modernes. Vous pourrez découvrir également les codes pour ces templates HTML, CSS et JS utilisés pour chacun des projets. 

Grid System Library, les grilles pour vos designs iOS, Android et Bootstrap

Grid System Library, les grilles pour vos designs iOS, Android et Bootstrap

Le 08/06/2018

Vous recherchez des systèmes de grilles pour réaliser vos projets sur iOS, Android et Bootstrap, le tout en choisissant votre support, mobile, tablette ou bureau. Découvrez une ressource qui pourra vous combler avec Grid System Library.

Layoutit! Créez vos grilles web en CSS et vos templates Bootstrap en ligne

Layoutit! Créez vos grilles web en CSS et vos templates Bootstrap en ligne

Le 25/05/2018

On termine la semaine non pas avec un, mais deux nouveaux outils pratiques qui pourront vous aider dans la conception de vos projets en réalisant facilement vos grilles web et templates Bootstrap pour vos intégrations. Découvrez dès maintenant Layoutit! 

20 effets de typographies interactives réalisés avec CodePen

20 effets de typographies interactives réalisés avec CodePen

Le 23/02/2018

On vous propose dans cet article, une bonne dose d'inspiration typographique en découvrant pas moins de 20 projets réalisés sous CodePen

30 effets de texte open source réalisés en CSS

30 effets de texte open source réalisés en CSS

Le 07/02/2018

Aujourd'hui, nous vous proposons une petite sélection d'effets de texte réalisés entièrement en CSS, des ressources qui vous seront utiles pour vos projets web.

3 projets pour mettre en place des hover originaux pour vos web designs

3 projets pour mettre en place des hover originaux pour vos web designs

Le 12/01/2018

On termine la semaine avec 3 projets réalisés sous CodePen qui vous aideront régulièrement dans vos créations web avec de beaux exemples de survols.

Copychar copier en un clic vos caractères et Emoji !

Copychar copier en un clic vos caractères et Emoji !

Le 20/12/2017

Aujourd'hui on vous propose un petit outil en ligne qui vous aidera à trouver et intégrer facilement vos caractères et emoji dans vos web design ou dans vos conversations.

Sélection de 3 librairies javascript pour animer vos sites

Sélection de 3 librairies javascript pour animer vos sites

Le 19/12/2017

Aujourd'hui le blog du web design vous propose de découvrir 3 librairies Javascript et CSS permettant de créer des animations pour vos interfaces. Les animations permettent de rendre plus vivant un site mais attention tout de même à ne pas en abuser sinon l'utilisteur pensera qu'il est à DisneyLand.

5 Kits d’éléments UI pour prototyper et développer rapidement vos interfaces web et mobile.

5 Kits d’éléments UI pour prototyper et développer rapidement vos interfaces web et mobile !

Le 07/12/2017

Si vous êtes à la recherche d'une bibliothèque de composants pour créer des interfaces utilisateurs et que vous avez envie d'essayer quelque chose de nouveau, bonne nouvelle ! Le BlogDuWebdesign vous propose de découvrir une liste de 5 UI Kits.

11 animations CSS et Javascript pour fêter Halloween !

11 animations CSS et Javascript pour fêter Halloween !

Le 31/10/2017

En ce jour d'halloween le blog du web design vous propose de découvrir 11 animations réalisées en CSS et Javascript, pleines de fantômes et citrouilles ! Bonbons ou animations ? Nous on a choisi les animations ! Rassurez vous il n'y a pas de screamer dans l'article, les plus peureux d'entre vous peuvent revenir !

Bonne découverte et bonne lec.. BOUUH !!

Donnez du mouvement à vos typographies avec Moving Letters

Donnez du mouvement à vos typographies web avec Moving Letters par Tobias Ahlin

Le 20/10/2017

Donnez du mouvement à vos typographies web avec Moving Letters. On termine cette semaine avec un projet intéressant autour de l'animation de typographie web en CSS et Js proposé par le designer Tobias Ahlin.

Une ressource pratique pour imaginer et créer vos Personas en web design

Une ressource pratique pour imaginer et créer vos Personas en web design

Le 06/10/2017

On termine la semaine avec la présentation d'une ressource qui pourra vous être utile si vous réalisez régulièrement des Personas pour vos projets web.

Redécouvrez à quoi ressemblait le net il y a 10 ans

Redécouvrez à quoi ressemblait le net il y a 10 ans

Le 08/08/2017

Aujourd'hui le BlogDuWebdesign vous propose de découvrir un petit site bien sympathique qui vous servira de fenêtre vers le passé.

Présentation de ZURB Foundation 6.4 et de la nouvelle XY Grid

Présentation des nouveautés de Foundation Framework 6.4 et de la nouvelle XY Grid

Le 18/07/2017

Aujourd'hui sur le BlogDuWebdesign, focus sur la nouvelle version de Foundation Framework, qui bien que n'étant pas une version "majeure" vient chambouler le game avec un changement de taille, le plus gros envisageable pour un framework responsive : une nouvelle grille !

Maîtrisez les Ombres Dynamiques pour la 3D en CSS - Guide Complet

Techniques CSS pour la 3D : Maîtrisez les Ombres Dynamiques

Le 26/05/2017

Dernier article du dossier sur la 3D en CSS, avec l’étude des ombres dynamiques.

Maîtriser la 3D en CSS pour des formes courbes et souples

Maîtriser la 3D en CSS pour des formes courbes et souples

Le 18/05/2017

Troisième article de notre dossier sur la 3D en CSS ! Aujourd'hui, attaquons-nous à des formes un peu plus complexes et courbes.

Maîtriser les fondamentaux de la 3D en CSS

Maîtriser les fondamentaux de la 3D en CSS

Le 11/05/2017

Après la liste d'exemples de la semaine dernière, il est temps de commencer avec la 3D en CSS ! Comme d'habitude avec les deuxièmes jeudis du mois : les bases.

Trouvez l'inspiration avec ces exemples de 3D en CSS

Maîtrisez l'art de la 3D en CSS : Techniques et inspirations pour intégrateurs

Le 04/05/2017

Aujourd'hui comme tous les premiers jeudis de chaque mois, il est l'heure d'annoncer le sujet du dossier des techniques pour intégrateurs qui nous accompagnera tout le long du mois ! Au programme : la 3D.

Découvrez Grid Layout avec CSS Grid Garden - Tutoriel ludique de mise en page web en grille

Découvrez le module CSS3 grid layout grâce au jeu CSS Grid Garden !

Le 13/04/2017

Le Grid layout étant maintenant supporté par la plupart des navigateurs, il est temps de se pencher dessus et de façon ludique !

Créez des animations CSS sur demandes avec Animista

Créez des animations CSS sur demandes avec Animista

Le 21/03/2017

Découvrez Animista, un petit outil en ligne permettant de visualiser, personnaliser et créer de nombreuses animations CSS à insérer dans vos projets web.

Les animations CSS sont sans conteste le moyen le plus simple d'insérer rapidement un peu de vie dans vos sites web. Moins puissantes que les animations Javascript, elles sont néanmoins suffisantes pour rendre dynamique vos créations en y ajoutant des réponses subtiles aux interactions de vos visiteurs.

Aujourd'hui, le BlogDuWebdesign vous propose de découvrire un outil qui vous permettra de découvrire et créer de tres nombreuses animations CSS simplement : Animista.

Petit guide d’utilisation des préprocesseurs CSS - l'algorithmique

Petit guide d’utilisation des préprocesseurs CSS - l'algorithmique

Le 15/03/2017

Suite de l'article Petit guide d'utilisation des pré-processeurs CSS #1. Aujourd'hui, les bases de l'algorithmique.

5 Frameworks CSS légers qui défient les géants

5 Frameworks CSS légers qui défient les géants : Tendances pour une conception web agile !

Le 07/03/2017

Envie de changer de framework CSS ? Découvrez donc 5 frameworks CSS très légers et très tendance en ce moment !

Maîtriser l'Interactivité sans code Javascript pour les intégrateurs

Maîtriser l'Interactivité sans code Javascript pour les intégrateurs

Le 02/03/2017

Au programme : comment se passer du Javascript sans pour autant se passer de l'interactivité. Nous allons aborder la création d'animations sans coder en javascript.

Maîtriser les techniques de SVG sous toutes ses formes

Maîtriser les techniques de SVG sous toutes ses formes

Le 23/02/2017

Dernier article des techniques d'integrations centrees sur le SVG sur le BlogDuWebdesign. Au programme : Interactions avec le Javascript et path.

3 jeux et expériences interactives en web design à ne pas manquer

3 jeux et expériences interactives en web design à ne pas manquer

Le 10/02/2017

On termine la semaine avec une sélection qui ne vous donnera pas une journée très productive, mais celle-ci sera riche en expériences. 

Débuter avec le format SVG

Apprendre les bases du format SVG

Le 09/02/2017

Aujourd'hui, le BlogDuWebdesign vous propose le premier article de cette série ayant pour sujet les bases du format SVG.

Focus sur la propriété CSS3 Box-Shadow

Focus sur la propriété CSS3 Box-Shadow

Le 18/01/2017

Aujourd'hui, le BlogDuWebdesign vous propose de faire un point sur la propriété CSS box-shadow : son rôle, ses usages, le tout a travers quelques exemples simples.

Techniques Avancées des illustration Animée en CSS

Techniques Avancées des illustration Animée en CSS

Le 12/01/2017

Aujourd'hui, le BlogDuWebdesign vous propose le premier article des techniques de l'intégrateur : les bases de l'illustration animée en CSS.

Créez des animations HTML5 avec la bibliothèque Javascript Anime.js

Créez des animations HTML5 avec la bibliothèque Javascript Anime.js

Le 29/12/2016

Aujourd'hui le BlogDuWebdesign vous propose de découvrir un outil Javascript permettant de simplifier la création d'animations : Anime.js

Des feuilles de style aléatoires

Des feuilles de style aléatoires

Le 22/12/2016

Aujourd'hui les inspirations pour intégrateurs vous proposent un focus sur un point vraiment très peu connu et utilisé : l'aléatoire dans le CSS.

Découvrez la version beta de Google Web Designer pour créer des designs interactifs et animés

Découvrez la version beta de Google Web Designer, un outil pour créer des designs interactifs et animés

Le 20/12/2016

Aujourd'hui le BlogDuWebdesign vous propose de jeter un oeil à un logiciel gratuit disponible en bêta : Google Web designer.

Des solutions pour créer vos templates d'emails responsives

Des solutions allant du plus simple à la plus complexe pour créer vos templates d’emails responsives

Le 15/12/2016

Vous avez besoin de créer un template mail, mais ne connaissez pas les subtilités inhérentes au médium ? Le BlogDuWebdesign vous propose de découvrir trois techniques différentes pour créer des templates pour personnaliser les templates de base inclus dans les différents logiciels d’e-mailing.

Créer des visualisations de données interactives avec D3.js

Créer des visualisations de données interactives avec D3.js

Le 14/12/2016

Dans cet article, on vous propose de découvrir une belle ressource qui vous permettra de créer rapidement et facilement un large choix de visualisation de données pour vos projets, le tout de manière interactive.

Découvrez CSSReference.io, une documentation illustrées des propriétés du CSS

Découvrez CSSReference.io, une documentation illustrées des propriétés du CSS

Le 29/11/2016

Aujourd'hui, le BlogDuWebdesign vous propose de découvrir cssreference.io, une documentation visuelle de (presque) toutes les propriétés CSS illustrées par des exemples visuels et interactifs.

Attraction et gravité en CSS

Attraction et gravité en CSS

Le 13/10/2016

Aujourd'hui le BlogDuWebdesign et les inspirations pour intégrateurs vous propose une liste d'interactions centrées sur la gravité. Au programme : effet de particules, génération de points d'attraction et un éventail très divers pour mettre tout ces effets en pratique !

Bonne découverte.

Concevez des calls to action époustouflants en mode terminal

Le 29/09/2016

Aujourd'hui, les inspirations pour intégrateurs vous proposent un call-to-action intéressant pour tous vos produits et solutions ayant pour cible des profils techniques : un affichage en mode "terminal".

Dans la culture populaire (et un peu dans les faits aussi, il faut tout de même l'avouer), les développeurs et intégrateurs sont souvent vu comme des barbus assis devant leur affichage en mode texte, en train de faire leur "magie technique". Et bien que nous sachions tous que c'est en grande partie faux, cet imaginaire nous impacte forcément aussi un petit peu.

Je vous propose donc aujourd'hui une manière intéressante à mettre votre produit très technique en avant et mieux coller à votre cible, avec cette liste d'affichage console. Que ce soit comme Call To action pour proposer un téléchargement ou une inscription, ou comme moyen de tester en ligne votre API, je suis sûr que vous en tirerez de bonnes idées !

Bonne découverte.

Awesome Design : une liste incroyable de sites & ressources web !

Awesome Design : une liste incroyable de sites & ressources web !

Le 21/09/2016

Aujourd'hui nous vous proposons la découverte d'une liste riche en ressources et sites web qui risque de vous faire découvrir de belles surprises !

Du cube au FPS : jusqu’où peut aller la 3D en CSS ?

Du cube au FPS : jusqu’où peut aller la 3D en CSS ?

Le 12/07/2016

Aujourd'hui, le Blog Du Webdesign vous propose un voyage au pays de la 3D en CSS, du simple cube à l'environnement complet en CSS.

8 ressources pour manipuler vos images en Javascript

8 ressources pour manipuler vos images en Javascript

Le 30/06/2016

Aujourd'hui, le BlogDuWebdesign vous propose une liste de ressources pour travailler sur vos images en Javascript. Crop, responsive ou simplification du retina, il y en a pour tous les goûts !

Resource Cards : Une sélection de ressources pour les designers

Resource Cards : Libérer sa créativité avec une collection de ressources inédites pour les designers !

Le 13/05/2016

On termine cette semaine avec une petite présentation rapide, d'un site qui pourra vous être utile si vous cherchez régulièrement des ressources en ligne. Découvrez dès maintenant Resource Cards.

Créez un Styleguide évolutif pour votre projet

Créez un Styleguide évolutif pour votre projet

Le 26/04/2016

Aujourd'hui, je vous propose de découvrire une ressource qui vous permettra de créer un style guide qui pourra aussi vos servir de bac à sable pour vos projets : Styleguide

La veille et les ressources en web design

La veille et les ressources en web design

Le 15/04/2016

Le quatrième sondage du BlogDuWebdesign est enfin en ligne ! Découvrez vos réponses et les tendances dans le domaine de la veille et des ressources en web design.