Web design

L’incidence des « adblockers » sur le développement Web

Plus d’un quart des utilisateurs français utilise un adblock afin de contenir et de bloquer les pop-ups et bannières publicitaires. L’impact des adblockers est notamment visible sur les revenus des annonceurs et des sites Internet. Cependant ce sont précisément ces revenus qui sont responsables du financement d’un contenu gratuit, or cette réalité est malheureusement rarement prise en compte. C’est pourquoi il est nécessaire que les éditeurs et développeurs de bloqueurs de publicité proposent aussi des solutions aux propriétaires de sites Web, afin de répondre à l’utilisation toujours plus répandue par les visiteurs des adblockers. [...]  

Navigation Responsive : menus dynamiques pour la navigation mobile

La capacité d’adaptation des sites Web est devenue un défi central ces dernières années. Car les sites Internet ne sont plus seulement représentés sur des ordinateurs de bureau, mais aussi sur des appareils mobiles. L’expérience utilisateur doit donc être parfaite. Le responsive Design fait en sorte que les contenus d’un site s’adaptent dynamiquement à la surface de la tablette, du Smartphone, etc. La navigation responsive représente donc un défi particulier. [...]  

Astuces CSS : les snippets utiles à votre projet

La feuille de style en cascade ou le langage CSS est l’un des outils les plus utiles de la Toile et est en constante évolution. Ce programme vous permet de séparer le contenu et la mise en page d’un site. Les snippets CSS facilitent la création de sites Internet et disposent de fonctions similaires à Photoshop voire à JavaScript. Notre article vous liste les astuces CSS les plus célèbres du moment. [...]  

Quelle police de caractère adaptative choisir sur le Web ?

Avec l’apparition des polices de caractères adaptatives disponibles en ligne, le choix s’est très largement étendu dans le domaine de la typographie. Les polices d’écriture en téléchargement gratuit sont nombreuses et parfaitement appropriées aux projets de sites Web conçus en Responsive design. Ainsi, les polices de caractères choisies s’adaptent aux exigences de tous les appareils, quelle que soit la taille de l’écran. Différentes plateformes proposent des polices de caractère adaptatives en ligne, que vous pouvez utiliser simplement en suivant quelques instructions CSS. [...]  

Compresser des fichiers CSS pour améliorer la performance

Il est rare de trouver des données qui permettent la mise en page d’un site dans des codes HTML. Les couleurs, les polices voire les tailles de ces éléments HTML sont de plus en plus souvent définies dans des feuilles de style telles que CSS. Lorsqu’un site Internet devient complexe, on constate souvent qu’il y a de plus en plus de fichiers CSS inutiles, et cela peut avoir un effet très négatif sur le temps de chargement d’une page. Pour cette raison, il est utile de compresser les fichiers CSS. [...]  

Bases de données pour des images gratuites et en licence libre

Les bases de données d’images libres de droits qui proposent des photos et des images gratuites sont nombreuses. Mais ce n’est pas parce que l’utilisation d’un support visuel est gratuite qu’elle n’est pas liée à certaines contraintes juridiques auxquelles il vous incombe de vous plier. Pour être utilisée librement, une image doit être protégée par une licence particulière. Nous vous donnons un aperçu des meilleurs sites qui proposent des images gratuites et en licence libre. [...]  

Icon fonts : un Web design avec des pictogrammes vectoriels

L’utilisation d’une icon font pour intégrer des pictogrammes fonctionnels vectoriels dans votre site Internet présente de nombreux avantages. Premièrement, par rapports aux images classiques pixelisées, ces illustrations peuvent s’adapter à tous les supports sans que leur qualité n’en pâtisse. Par ailleurs, l’intégration via CSS présente de nombreuses possibilités de conception en se basant sur le code. Il existe de nombreuses bibliothèques d’icônes professionnels en open source. [...]  

L’application Web de la semaine : What the Font

Avec What The Font de MyFonts, vous pouvez trouver des polices de caractères dont vous ne connaissez pas le nom. Cet outil gratuit est une application Web devenue très populaire et permet de trouver une police d’écriture sur la base d’une image d’une portion de texte. Tout ce que vous avez à faire est de réaliser une capture d’écran d’un extrait de texte puis de laisser le programme faire la suite grâce à une reconnaissance automatique. [...]  

Tendances Web design 2017 : le visuel fait place à la technique

Quelles sont les tendances du Web design en 2017 ? Voici un aperçu de ce que les Web designers devraient tous noter sur leur To Do List : une bonne ergonomie sur 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 plus importantes de 2017. [...]  

Webfont : quand la créativité permet de plus beaux sites web

La typographie sur le Web est restée pendant très longtemps un domaine sans intérêt pour les concepteurs de site Web. Désormais, suite à certains progrès techniques en informatique, il est possible d’user de sa créativité grâce aux polices de caractères pour le Web sans que les utilisateurs d’un site Internet n’aient à les installer sur leurs terminaux. La police d’écriture est donc devenue cruciale pour l’apparence d’un site Web. Mais à quoi faut-il veiller en choisissant sa police ? [...]