Comment incorporer une icon font à un document HTML

Les icônes sont intégrés en général via des classes CSS dans des fichiers HTML. Ce principe est illustré par l’une des icon fonts les plus utilisées, soit la Font Awesome. Cette police open source comprend plus de 600 pictogrammes vectoriels et elle convainc grâce à sa simplicité et sa mise à jour régulière. Le paquet d’installation contient un fichier CSS presque entièrement configuré, ce qui...

6 outils pour créer des infographies

Vous souhaitez créer des infographies de haute qualité visuelle pour enrichir votre contenu et traiter l'information de manière à ce qu'elle soit rapidement comprise ? Avec les outils en ligne appropriés, vous pouvez créer des infographies époustouflantes en un rien de temps, que ce soit pour vos présentations, sites Web, blogs ou messages de réseautage social. Avec de nombreuses offres gratuites,...

Formats graphiques : les formes de stockage les plus importantes pour les images sur le Web

Qu'il s'agisse d'une boutique en ligne, du site d’une entreprise ou d'un blog, aucun de ces projets ne peut fonctionner sans photos et graphiques. Les images constituent des points d'accroche optiques, qui peuvent compléter vos textes et retenir vos visiteurs. Cependant, il est non seulement crucial de trouver les éléments graphiques adaptés, mais également de choisir le bon format graphique, qui...

Bonne navigation sur le site Web : comment améliorer la convivialité

Vous voulez rendre votre page d'accueil plus attrayante ? Pour ce faire, vous avez d'abord besoin de proposer une navigation claire et intuitive sur votre site Web. Avec une structure de navigation bien pensée et quelques optimisations de base, vous pouvez marquer des points aussi bien avec vos utilisateurs qu'avec les moteurs de recherche. Avec une bonne vue d'ensemble, un design attrayant et un...

Détourer une image avec Photoshop, GIMP, Paint.NET et PowerPoint

Détourer une image, c’est séparer un élément en supprimant son arrière-plan. Cette fonction est souvent l’une des plus utilisées sur les programmes graphiques courants. Nous vous montrons comment utiliser Photoshop, GIMP, Paint.NET, divers outils en ligne ou même PowerPoint pour découper facilement une partie de vos images. Cette procédure est idéale pour des collages numériques ou même pour...

Tutoriel CSS : introduction aux feuilles de style en cascade

Sans le CSS, les pages Web ne constitueraient qu’un ensemble d’éléments de texte divisés grosso modo en sections par titres et paragraphes. Seule la possibilité de formater HTML via des feuilles de style en cascade fait du World Wide Web ce qu’il est aujourd’hui : un mélange coloré de sites Web conçus individuellement, de la page d’accueil d’un site Internet amateur au site Web professionnel au...

Créer des GIF : les outils pour créer des graphiques animés et des clips courts

Des extraits vidéo amusants dans le style des mèmes aux diaporamas en passant par les logos animés ou les bannières publicitaires, le format GIF convient à de nombreux usages et scénarii d'application. Il est constitué de plusieurs images compressées sous forme de fichier unique, ce qui facilite le partage d'un GIF via les médias sociaux ou son intégration sur un site Web. Par ailleurs, créer son...

La pyramide inversée : optimiser ses textes pour une meilleure lecture sur le net

Notre manière de lire des textes sur le Web diffère de celle d'un journal imprimé : nous survolons brièvement les paragraphes les plus importants, filtrons les informations pertinentes pour finalement cliquer rapidement sur d’autres liens. Un impératif s’impose par conséquent : l'information doit être facile et rapide à trouver. Le principe de la pyramide inversée permet d'y parvenir le plus...

Les meilleures apps iOS et Android pour la retouche photo

L'optimisation des images sur un smartphone ou une tablette est depuis longtemps devenue tendance. Les applications d'édition photo qui peuvent être installées directement sur les appareils mobiles sont de plus en plus similaires aux applications bureautiques traditionnelles et permettent aux utilisateurs d'économiser la tâche fastidieuse de traitement sur un PC. Mais quelles sont les bonnes...

Les 8 tendances Web design 2018 incontournables

Quelles sont les tendances du Web design en 2018 ? Voici un aperçu de ce que les Web designers devraient tous noter sur leur To Do List. A la première place on retrouve une bonne ergonomie qui doit être adaptée à tous les terminaux. Celle-ci représente, avec un bon contenu, la condition sine qua non de tout site Internet couronné de succès. Nous avons dressé pour vous un aperçu des tendances les...