Créer une police d’icônes facilement à partir d’illustrations vectorielles Les polices d'icônes ou "font-icon" popularisées depuis Bootstrap sont de plus en plus utilisées sur le web. Certains services proposent de piocher des icônes dans différents packs pour se créer sa propre "police". Dans ce petit tutoriel nous verrons comment, grâce au service en ligne IcoMoon, il est facile de se créer sa propre police d'icônes à partir d'illustrations et fichiers vectoriels. Une fonte-icône est tout simplement une police d’écriture dont on aura remplacé certains caractères par des glyphes représentant les icônes que l’on veut utiliser.
Les Media Queries CSS3 La spécification CSS3 Media Queries définit les techniques pour l'application de feuilles de styles en fonction des périphériques de consultation utilisés pour du HTML. On nomme également cette pratique Responsive Web Design, pour dénoter qu'il s'agit d'adapter dynamiquement le design à l'aide de CSS. Ces bonnes pratiques permettent d'exploiter encore plus les avantages de la séparation du contenu et de la présentation : l'intérêt est de pouvoir satisfaire des contraintes de dimensions, de résolutions et d'autres critères variés pour améliorer l'apparence graphique et la lisibilité (voire l'utilisabilité) d'un site web. Les plateformes exotiques sont concernées en premier lieu : navigateurs mobiles et tablettes, écrans à faibles résolutions, impression, tv, synthèses vocales, plages braille, etc.
Navigation Timing : la nouvelle norme de mesure des performances des sites Web du W3C implémentée dans Chrome et IE9 Le W3C, souvent critiqué pour la lenteur de son processus de standardisation, vient de prouver qu'il sait aussi faire vite. En tout cas sur des standards moins vastes que le HTML5. Son groupe de travail « Web Performance » est sur le point de boucler, en à peine six mois, un nouveau standard appelé « Navigation Timing ». Il est destiné à mesurer les performances des sites Web en donnant accès aux informations de timings liés à la navigation. InfoGrid Superman View Image Super Power Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
8 façons simples d'améliorer la typographie dans vos designs Par Antonio Carusone Cet article a été écrit pour publication dans Smashing Magazine le 3 avril 2009. Je le reproduis ici pour vous être agréable. Beaucoup de gens, y compris les designers, pensent que la typographie consiste à choisir une police, sa taille et si elle doit être grasse ou pas.
Gridpak - Générateur de grille CSS "responsive" - Épinards & Caramel Gridpak - Générateur de grille CSS "responsive" Par Manu · Etiquette(s) : CSS Technos Web · J'ai peut-être enfin trouvé mon bonheur dans le monde des grilles CSS et du design "responsive" ! Une grille permet de placer facilement les différents éléments de votre mise en page, d'une façon plaisante et qui s'adapte à la largeur de l'écran de vos lecteurs.
Vitesse de chargement des pages Web : un critère ergonomique [ Usaddict : Ressources sur l’ergonomie des interfaces (le blog Usabilis) ] Au moment où Google intègre la rapidité de chargement des pages Web dans ses critères de classement, une étude américaine rappelle qu’une lenteur excessive est sanctionnée immédiatement par les internautes, chiffres à l’appui. Le temps de chargement est donc aussi un critère ergonomique. Nous abordons dans cet article comment évaluer la vitesse de chargement des pages d’un site internet et pourquoi les internautes y sont toujours de plus en plus sensible.
Typo & Web Ce support de cours n’est qu’un survol du livre Typo & Web de Aurélien Foutoyet [All for Design] que je vous engage vivement à acheter. Rappels La lisibilité Définition lisible (adj.) 1.dont les caractères écrits sont faciles à lire. 2.digne d’être lu. 3. Les grilles CSS ou CSS grid et le Responsive Web Design Un professeur m’a dit un jour que chaque mouvement artistique – en musique, en littérature ou dans les beaux arts – pouvait être considéré comme la réponse au mouvement précédent. Les producteurs des années soixante ont produit Bonnie et Clyde et Le Lauréat pour contrer les vieux films hollywoodiens comme La Mélodie du bonheur. Dans Le Paradis perdu, John Milton, pas très subtil, brocarde ses prédécesseurs littéraires en les plaçant dans le décor de l’enfer. La réaction moderniste prit bien des formes, sur pratiquement tous les supports artistiques. En peinture, elle consistait à réduire le superflu pour expérimenter avec les courbes, les formes et la couleur.
Optimiser les performances Web Vous commencez à récolter le fruit de vos efforts, votre site web est un succès ? Félicitations ! Cependant, vous sentez que votre site devient plus lent et un beau jour, avec encore un peu plus de succès et donc plus de trafic, votre site web ne répond plus...