TypoEm Ce tutoriel présente l'unité em et la démarche à suivre pour l'utiliser à bon escient, ainsi que quelques conseils pour vous aider à assurer autant que possible la lisibilité du texte sur votre site… et donc à en améliorer la qualité générale. Pour concevoir un site web dont le texte sera lisible par tous, quelle que soit la configuration matérielle ou les besoins spécifiques de l'utilisateur, il faut permettre le redimensionnement du texte. Cela implique l'abandon des tailles de texte en pixels, et l'utilisation d'unités relatives, qui ont deux caractéristiques principales : contrairement aux tailles indiquées en pixels, elles permettent l'agrandissement du texte « à la volée » (après le chargement de la page), même avec les réglages par défaut d'Internet Explorer pour Windows ; elles se basent sur la taille du texte par défaut indiquée par l'utilisateur dans les préférences de son navigateur.
Comment identifier la police de caractère utilisée sur une image En visionnant des affiches, logos ou même des infographies, il arrive parfois que les typographies utilisées nous interpelles sans que l’on soit capable de la reproduire. L’idéal serait de pouvoir identifier la police de caractère automatiquement et justement, il existe un service en ligne gratuit pour cela. Amis webmasters et autres amateurs de typographie donc, je vous invite a tester WhatTheFont. Le principe est simple, il suffit d’uploader l’image (2 MB maxi) avec les caractères pour lesquels vous souhaitez connaitre la police ou spécifier une URL si l’image est en ligne. Le service se charge ensuite d’identifier la police et vous envoie les liens où vous pouvez la télécharger.
Les fondamentaux du Responsive Web Design I. Introduction▲ Prenons deux exemples simples. Supervisory Control and Data Acquisition - Wikipdia Un article de Wikipédia, l'encyclopédie libre. Un système de contrôle et d'acquisition de données (anglais : Supervisory Control And Data Acquisition, sigle : SCADA) est un système de télégestion à grande échelle permettant de traiter en temps réel un grand nombre de télémesures et de contrôler à distance des installations techniques[1]. C'est une technologie industrielle dans le domaine de l'instrumentation, dont les implémentations peuvent être considérées comme des frameworks d'instrumentation incluant une couche de type middleware. Contextes[modifier | modifier le code] On trouve par exemple des systèmes SCADA dans les contextes suivants : surveillance de processus industrielstransport de produits chimiquessystèmes municipaux d'approvisionnement en eaucommande de la production d'énergie électriquedistribution électriquecanalisations de gaz et de pétroleréseaux de chaleurrecherche et études scientifiques et industrielles
Les ressources et outils Javascript pour vous simplifier le passage sur mobile #2 - javascript Aujourd'hui le Blog Du Webdesign vous proposes 15 ressources et tutoriaux javascripts pour vos prochaines applications mobile HTML5 et javascript. Les applications mobiles natives, c'est bien, mais avec la multiplication des plateformes (ios, android et maintenant windows phone, tizen, firefox OS et je passe sur les Ubuntu phone et autres...), elles deviennent de moins en moins accessibles pour les budgets petits à moyen. La solution réside peut-être dans les sites mobiles et application HTML5. Plus simples et rapides a faire, compatibles sur toutes les plateformes, et non soumis aux conditions de publications des shops des différentes plateformes sont tout de même des avantages non négligeables contrebalançant une puissance et une fluidité moins grande, ainsi que le fait de ne pas être présent dans les shops. Si ce sujet vous intéresse, le Blog Du Webdesign vous propose 10 frameworks javascripts pour créer des applications mobiles HTML5 Swiper
Srcset et size L’attribut srcset L’attribut srcset, est un attribut pour les balises images qui permet de résoudre les problèmes que pose l’intégration de site responsive avec des images. Cet attribut vient en corrélation de l’attribut src habituel d’une image et permet de spécifier une liste d’image à afficher selon certain critère. Cela ressemble étrangement au média queries, mais la façon de penser est un peu différente. En effet une média querie vas dire : utilise ceci quand la taille du conteneur est moyenne, alors que srcset vas dire dire : cette image est de taille moyenne. en pratique cela donne ce morceau de code : Classification Vox-Atypi Un article de Wikipédia, l'encyclopédie libre. En typographie, la classification Vox-Atypi permet de classer les polices de caractères en douze grandes familles. Inventée par Maximilien Vox en 1952, elle a été adoptée en 1962 par l'Association typographique internationale (ATypI).
Un arrière-plan extensible intelligent Certains sites affichent une (grande) image de fond qui s'adapte à toutes les dimensions de la fenêtre du navigateur, proportionnellement, sans la déformer. La réalisation de ce genre de prouesse n'est pas si évidente techniquement, contrairement à ce que l'on pourrait croire de prime abord. Comment fait-on ? Nous allons présenter ici deux méthodes parmi celles qui sont possibles : une entièrement en CSS , une autre basée sur jQuery. Le projet autoblog Pourquoi Les gouvernements, organisations et entreprises mettent de plus en plus de pression légale, morale et financière sur les citoyens, entravant leur liberté d'expression. Des sites connus comme Wikileaks bénéficient facilement de l'effet Streisand, mais c'est rarement le cas des sites plus petits. Mais l'information doit circuler. Le projet autoblog a pour but d'aider à répliquer automatiquement les articles partout sur le web, bien sûr à une échelle plus modeste que ce qui a été fait pour Wikileaks.
15 Templates de qualité en HTML et CSS pour vos back offices - ressources-html Retrouvez une sélection de 15 ressources de qualité pouvant vous aider dans vos prochaines réalisations Ressource CSS Voici une sélection d'admins en HTML et CSS de qualité, vous pourrez ainsi bénéficier rapidement d'un back office personnalisé pour vos prochaines préstations ou vos projets.