• December 3, 2021

Webdesign hebdo – ressources gratuites, actualités et tutoriels – 9

Les dernières actu et ressources en Web design 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. Au menu : Des articles pour développer ses neurones, Du tutoriel et […]

  • December 3, 2021

Application POP, création d’un prototype fonctionnel mobile

Le concept de l’application POP est d’une simplicité enfantine. Dessinez sur papier le zoning de votre site ou de votre application, prenez-le en photo, insérez les interactions. Votre prototype fonctionnel prend vie. POP est une application iOS facilitant la transition entre la phase de conception et celle de prototypage. En utilisant POP, vos interfaces utilisateurs […]

  • September 27, 2021

Utilisabilité du Drag and Drop, astuces pour une meilleure expérience utilisateur

Le drag and drop ou glissé-déposé est une interaction de plus en plus répandue au sein des interfaces graphiques. Cette technique imaginée par le PARC (Palo Alto Research Center) s’est immiscée sur tous nos terminaux fixes et mobiles. S’inspirant du monde réel, cette interaction offre à l’utilisateur la possibilité de déplacer des éléments graphiques présents […]

  • August 3, 2021

Webdesign hebdo – ressources gratuites, actualités et tutoriels – 6

Les dernières actu et ressources en Web design.   Chaque semaine, une sélection d’articles, de ressources et diverses trouvailles glanées aux quatre coins des Internets 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. Au sommaire : jQuery mobile, Typographie, Bootstrap. Si vous souhaitez recevoir […]

  • April 18, 2021

Réaliser une capture d’écran d’un site Web responsive selon différents viewports

Effectuer des captures d’écran d’un site Web en fonction de plusieurs résolutions peut prendre du temps. Certains clients sont friands de ce type de demandes à diverses étapes d’un projet. Malheureusement, prendre 15-30 minutes pour redimensionner son navigateur selon les points de rupture du design, effectuer la capture d’écran et l’importer dans Photoshop peut vite […]

  • April 18, 2021

Wireframe codé, l’HTML au service de l’expérience utilisateur – 1

Première partie de notre dossier consacré au wireframing codé – petit rappel de ce que recouvre le wireframe d’un projet. Pour qui, pour quoi, comment le réaliser ? Nous avons tous dû un jour expliquer à un client, ou à un collaborateur, en quoi consiste le wireframing. Et là,vous êtes tous en train de réfléchir […]

  • April 18, 2021

Prototype d’un wireframe codé – pléonasme – 2

Une controverse agite la communauté des architectes de l’information et les concepteurs UX. L’objet du délit ? Savoir si un wireframe HTML n’est autre que la création d’un prototype fonctionnel et codé. Autrement dit, est-ce que les deux concepts renvoient à la même chose ? ou sont-ils radicalement différents ? Une seule question crée le […]

  • March 3, 2021

Place à la pratique, les outils de wireframing HTML – 3

Après avoir vu en détails quels étaient les objectifs du wireframing, et ses différentes définitions, voici une sélection d’outils de wireframing HTML à découvrir, et à tester (sans attendre). Place à la création. Etape 1 : Préparer le terrain Les wireframes HTML ne nous dispensent pas de faire quelques recherches avant toute conception UX. Quels sont les […]

  • February 28, 2021

Astuce WordPress, créer un bouton via un shortcode

Vous avez installé WordPress. Votre thème a été paramétré. Vous éditez vos premières pages et articles, et là, Paf… Il vous manque la fonctionnalité indispensable pour compléter l’article dont vous rêviez. Pas de panique, WordPress regorge de solutions en tous genres. L’astuce WordPress qui vous permettrait d’agrémenter votre fameux article d’un bouton de téléchargement par […]

  • January 25, 2021

Fontastic – créer une icon font personnalisée en trois clics

Les icon fonts envahissent l’univers du Web design depuis quelques temps. Elles sont un allié précieux pour l’amélioration des performances d’une app Web et possèdent un potentiel créatif similaire aux images. Alors pourquoi s’en priver… Accédez prochainement à des polices plus récentes en consultant la collection de fonts du Magazine du Webdesign. Pour ceux et […]