background preloader

CSS: Familles de polices

CSS: Familles de polices
Familles de polices Après la couleur, la propriété font est certainement l'une des plus importantes pour un document. Cette page ne contient pas "d'astuce" sur les polices de caractères mais montre l'étendue des variations que CSS autorise sur les polices. Puisque toutes les polices ne sont pas disponibles sur tous les ordinateurs (il y en a des milliers et la plupart ne sont pas libres de droits), CSS fournit un mécanisme de repli. Le tableau ci-dessous montre divers exemples de polices (votre navigateur peut ne pas toutes les connaître). Styles des polices La plupart des polices ont des styles différents à l'intérieur d'une même famille, typiquement un style gras et un style italique, souvent également un style gras-italique, moins souvent un style 'minuscule', et dans quelque cas des versions extra-fines/extra-grasses ou étendues/condensées. Le tableau ci-dessous montre différents styles.

slides.html5rocks.com In March 1936, an unusual confluence of forces occurred in Santa Clara County. A long cold winter delayed the blossoming of the millions of cherry, apricot, peach, and prune plum trees covering hundreds of square miles of the Valley floor. Then, unlike many years, the rains that followed were light and too early to knock the blossoms from their branches. Instead, by the billions, they all burst open at once. Then came the wind. It roared off the Pacific Ocean, through the nearly uninhabited passes of the Santa Cruz Mountains and then, flattening out, poured down into the great alluvial plains of the Valley. This perfumed blizzard hit Stevens Creek Boulevard, a two-lane road with a streetcar line down its center, that was the main road in the West Valley.

MOOC: comment choisir sa plate-forme? A moins que vous n’enseigniez dans un établissements prestigieux, vous pouvez d’ores et déjà faire une croix sur Coursera ou edX. Vous aurez beau être le meilleur pédagogue du monde, cela n’y changera pas grand chose car les plates-formes américaines sont avant tout dans une logique de marketing. Coursera et à plus forte raison edX cherchent à se construire une image de marque, et la pédagogie n’est pas leur première préoccupation (tout au moins pour Coursera). Ceci dit, cela n’engage à rien de contacter ces plates-formes: Daphne Koller, la fondatrice de Coursera, s’est fait une spécialité d’apprendre à refuser poliment ce genre de demande. Des établissements français réputés se sont déjà heurtés à des refus catégoriques. Si cela peut servir de consolation, Coursera a de grands défauts, comme le fait de devenir propriétaire des contenus postés au même titre que l’enseignant. Nous sommes restés jusqu’à présent dans une approche LMS très orientée xMOOC.

HTML5 Please - Use the new and shiny responsibly Changer la taille d'une image sans perte de qualité Les deux notions importantes ajout et suppression de pixels bien saisies (| Voir : Changer la définition d’une image |), regardons comment maintenant on peut tout de même arriver à une très bonne qualité d’image si on souhaite changer la taille de l’image (l’agrandir ou la diminuer) sans pour autant laisser le calcul du programme de retouche d’image prendre le dessus. Voir aussi : On veut surtout pas réduire notre image de cette façon là : Réduction de la taille de l’image avec Photoshop (rééchantillonage coché) Mais plutôt réduire la taille de notre image de cette façon là : Réduction ou agrandissement de la taille de l’image avec Photoshop (rééchantillonage décoché) Rmq : Lorsqu’on parle ici de taille, il faut avoir en tête la notion de la taille de l’image que celle-ci a une fois imprimée. | Voir : Taille de l’image à l’écran || Voir : Définition – résolution taille des images pour Internet | Rappelons que ce qui « définit » une image ce sont : sa définition, sa résolution et sa taille.

html tables · guides Summary In this article we will cover how to use HTML tables correctly. Introduction “Ack!” In web design tables are a good way to organize data into a tabular form. Back in the Jurassic Age of the Internet before CSS was popularised as a method of separating the presentation from structure of the HTML, tables were used as a way to lay out web pages — to create columns, boxes, and generally arrange the content. The most basic table Let's start with the semantic HTML code required to render a basic table — this particular example compares recent volcanic eruptions in the Pacific region of North America: <table><tr><td>Volcano Name</td><td>Location</td><td>Last Major Eruption</td><td>Type of Eruption</td></tr><tr><td>Mt. This code renders roughly like so: Let’s start by breaking down the HTML markup used in the above code: <table></table>: The <table> wrapper element is necessary to indicate to the browser that you wish to arrange the content in a tabular fashion. Adding some more features

e & interactivité blog de design par Geoffrey Dorne » Téléchargez dix exemples de chartes graphiques en PDF ! Hello L’autre jour, Margaux, professeur au Lycée des Arènes de Toulouse me parlait des cours d’identité visuelle qu’elle dispensait et de la façon dont déployer une identité visuelle sur différents supports. En effet, je réalise souvent des logotypes accompagnés d’une charte graphique (pour l’ïle-de-France, pour des Startups, pour des agences, etc.) et après réflexion, je me disais qu’il n’était pas évident d’avoir des exemples de chartes graphiques un peu carrées, propres, et bien conçues. J’ai donc pris le temps de vous ressortir de mes liens des documents PDF que j’avais pris soin de mettre de côté depuis quelques temps maintenant. Ces chartes graphiques sont en PDF, en voici dix que vous pourrez décortiquer [Comme me le fait préciser mon ami & confrère Eric Bediez, ces chartes sont à usage strictement personnel, elles ne sont pas en licence libre ou quoique ce soit…] > télécharger > télécharger > télécharger > télécharger > telecharger > télécharger > télécharger > télécharger > télécharger

Qu'est-ce qui fait partie de HTML 5 et qu'est-ce qui n'en fait pas partie? On tend à englober dans le nouveau standard tous les formats du Web, y compris CSS 3, mais que comprend exactement HTML 5? Ce doit faire partie de HTML 5, c'est bien sûr le code HTML décrit dans la spécification, mais ce n'est pas si simple car au cours du temps la spécification a évolué, a englobé des formats extérieurs et s'est scindée en plusieurs standards distincts. Par ailleurs il y a une différence de conception entre le WHATWG qui considère HTML 5 comme une spécification en évolution constante tandis que le W3C a définit un standard qu'elle considère arrêté avant la création de la version suivante, HTML 5.1 ou HTML 6. Une histoire de HTML 5 est incluse dans le document du WHATWG, un groupe de travail créé par Mozilla, Opera et Apple. Ce dernier à tendance à inclure dans un même document toutes les nouvelles technologies du Web. Ce qui fait effectivement partie de HTML 5 Formulaire Canvas Video Audio La balise <audio> fait aussi partie du standard. Des API nouvelles Indexed DB File API

Questionnement Quintilien ou 7 questions essentielles Cette technique est également connue sous l'abréviation 5W-2H provenant des 7 interrogations anglaises : What, Who, When,Where, Why - How, How much. Pour la résumer, on peut la comparer à une boussole pour diverger (explorer, décomposer un sujet) ou pour converger (recomposer, rassembler des informations fragmentées). Ultra-polyvalente, il est impossible de lister toutes ses destinations. Dès lors sans être exhaustif, elle pourra être mise à contribution pour : Etablir la carte d'identité d'un projet,Résumer une stratégie, une procédure, …Réaliser l'inventaire et la sélection de questions à poser,Structurer un texte, une présentation, un argumentaire, …Cadrer un problème (cerner les principaux tenants et aboutissants),Recadrer un problème en cherchant des variantes (alternatives aux réponses) ; ETC. Le QQOQCCP, une autre appellation pour le questionnement Quintilien, ainsi que les options concernant le Pourquoi sont présentés de façon détaillée dans le livre "Des idées à la carte".

W3Schools Online Web Tutorials Alsacréations : Actualités et tutoriels HTML, HTML5, CSS, CSS3, standards du web

Related: