chaine de production site internet etape par etape site national | design & arts appliqués les bonnes pratiques Ergonomie web et logiciel, architecture de l'information, utilisabilité sites Internet – Ergolab MARIE & JULIEN Adobe Edge Web Fonts Bonnes pratiques pour les déclarations @font-face Petit rappel historique À l’origine, les déclarations CSS @font-face faisaient partie de la norme CSS 2.0 et étaient supportées aussi bien par Internet Explorer 6 que par Netscape 4. Nous étions alors à la fin des années 90 et la guerre entre ces deux navigateurs faisait rage. Malheureusement, les constructeurs ainsi que les fondeurs ne parvinrent pas à se mettre d’accord à l’époque sur un format de fonte et le haut débit n’étant pas encore généralisé, cette technologie ne fut que peu ou pas utilisée. Avec CSS 3, c’est le grand retour en force des fontes web à travers le module CSS Fonts qui redéfinit la méthode d’insertion des fontes personnalisées dans les navigateurs. Déclaration simplifiée Une déclaration simple ressemble à ça : La propriété font-family permet de définir le nom de la fonte tel qu’il sera utilisé par la suite dans les déclarations de style. Gestion des formats de fonte Notez la présence de l’ancre nommée sur l’url de la police SVG. Le cas Internet Explorer Conclusion
Comment utiliser une fonte «non-standard» sur un site Web Il est de notoriété publique que l'usage des fontes sur le Web est limité à une poignée de fontes non pas standardisées, mais suffisamment répandues pour pouvoir être utilisées sans trop de risques. Et cela pour une raison très simple: la police de caractères que l'on souhaite utiliser doit être présente sur le système de l'utilisateur pour être utilisée par le navigateur. Quand @font-face tombe à l'eau CSS 2 (publié en 1998) comprenait un mécanisme qui autorisait les auteurs de pages web à proposer une fonte au téléchargement, fonte qui serait ensuite utilisée dans la page. Il s'agit de la règle @font-face. Mais celle-ci a été peu implémentée par les navigateurs, ou alors partiellement. Pendant longtemps, le seul navigateur à avoir un support tout relatif de @font-face était Internet Explorer. Quand @font-face revient En réalité, @font-face n'a pas été supprimée de CSS, elle a juste été repoussée à CSS 3. Support de @font-face par les navigateurs Google Web Fonts Font Squirrel
10 outils bluffants pour créer des visuels sur les réseaux sociaux Illustrer un article de blog, un Tweet ou un post Facebook est souvent une étape qui s’avère être un vrai casse-tête… Quelle image choisir ? Est-ce qu’elle est libre de droit ? Quelle est la bonne dimension pour qu’elle ne soit pas coupée ? Grâce à My Marketing Manager, cette étape va devenir ludique, rapide et surtout efficace pour attirer du trafic sur votre canal de communication ! Avec Canva il est très simple de réaliser tous les types de montages photos inimaginables. L’outil est gratuit. Vous pouvez créer de nombreux documents avec des dimensions optimisées. Il est inutile de rappeler qu’il faut avant tout avoir défini une stratégie digitale sur les réseaux sociaux avant de penser à la diffusion de contenus. Connectez-vous avec Facebook, Google ou par email Vous êtes connecté Choisissez d’abord le type de document à créer (your designs) Sélectionnez votre modèle de présentation ( layouts, text, background) ou personnalisez en téléchargeant votre propre visuel (uploads) Le + : Les + :