SEARCH à trier
Get flash to fully experience Pearltrees
Typetester – Compare fonts for the screen
Due to variety of extensions for Firefox available, some extensions could break some Typetester’s functions. Please do report troubles . If possible, provide a list of installed extensions.
Cet article est un état de l'art en matière de choix de police d'écriture internet. La synthèse de trois études récentes permet de recommander la meilleure police d'écriture web, en fonction de l'image souhaitée pour le site (professionnel, jeune et fun, élégant, etc.) ainsi que de l'âge de l'internaute. Il existe principalement deux types de polices d'écriture, les polices serif et celles, dites sans-serif. Les polices d'écriture serif ont de petits appendices en haut et en bas de la lettre. Elles sont idéales pour de gros blocs de texte, puisque ces empattements ont été pensés pour faciliter la distinction de chaque lettre.
Quelle police d´écriture / caractères choisir pour un site web
Lately I have been very interested in how far we can take Typography only using CSS. Sure you can use images or sIFR to produce some very beautiful typography, but there is something unique and special about using only CSS. It is incredibly useful too, if you know the extent you can take CSS you end up with much more flexible websites— especially ones driven by a CMS. Think about how difficult sIFR or images get when you want to replicate that typography or typeface over 100 pages powered by a CMS.
10 Examples of Beautiful CSS Typography and how they did it... « Web Design Marketing Podcast & Blog
CSS Transparency for IE and Mozilla, Firebird and Firefox (-moz-opacity and filter: alpha) - DoMedia
50% Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh eui HTML Code from Example above: 50% Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh eui The article below is the old article for this page.
Je résume ici la plupart des propriétés de formatage de texte . Qu'est-ce que le formatage de texte ? C'est tout ce qui consiste à mettre en forme le texte : mettre en gras, italique, souligné, changer la police, l'alignement etc...
Mémento des propriétés CSS
Les menus sont structurés sous forme de listes : listes non ordonnées (ul, li) ou listes de définition (dl, dt, dd) pour les menus déroulants ou menus spéciaux avec titres et sous-parties. Vous êtes invités à voir la source HTML des menus avec un clic droit / "afficher source". Voius y trouverez le code (X)HTML, mais aussi les feuilles de styles CSS ainsi que des commentaires explicatifs. L'ensemble des menus est compatible avec la plupart des navigateurs internet respectant les Standards. Il se peut que certains menus ne soient pas compatibles avec Internet Explorer.
Modèles de menus CSS - Alsacreations
Le positionnement des éléments en CSS est sans aucun doute l'un des aspects les plus intéressants de cette technologie, mais également l'un des plus ardus. Positions, flux et autres flottants sont pourtant des notions essentielles à une bonne maîtrise de la mise en page. Si de plus en plus d'intégrateurs semblent aujourd'hui acquérir les bases du comportement de ces propriétés, les choix des techniques demeurent couramment discutables, tout au plus hasardeux. Voyons ces méthodes de positionnement en détails afin de ne plus se laisser aller à des choix arbitraires incohérents. La section qui suit se contente d'introduire brièvement les notions de positionnements disponibles en CSS.
Initiation au positionnement CSS (partie 2) - Alsacreations
Dynamic Page / Replacing Content | CSS-Tricks
This article is an update to this old article , which had an ugly demo and a variety of techniques in it no longer probably considered good practices. This new demo is much cleaner, up to date, and fuller featured. Because the old article was a bit of a different scope, I'll leave it alone, just refer to this one. Let's say you wanted to make a website where clicking buttons in the nav would dynamically load some content. Kind of like the organic tabs thing, only the content is loaded dynamically. Say something like this:
So here's the first caveat: we're going to lean on jQuery to make this happen. jQuery is a maturing JavaScript library that does the same neat stuff as all the other JavaScript libraries, and it has an additional advantage that lends itself particularly well to extending CSS Sprites: jQuery allows us to select elements on a page using a CSS-like syntax that we already know. We must note the non-trivial extra kilobytes that the library will add to your initial page loads. An external JavaScript file is cacheable, of course, so it's a one-time-only hit the first time a user comes to your site. The most compact version of jQuery weighs in at 15k. It's unavoidable overhead, and that may be a cause for concern.
A List Apart: Articles: CSS Sprites2 - It’s JavaScript Time
menu vertical design - Recherche Google
{"v5ohZu77qUHYRM:":["","","","","280","180","Flash \x3cb\x3eVertical Menu\x3c/b\x3e - Flash \x3cb\x3eVertical Menu\x3c/b\x3e, Adobe Dreamweaver extension, \x3cb\x3e...
This article shows you how to create a really smooth, vertically scrolling menu. A great tutorial despite the fact that the author seemed to think it was a horizontally scrolling menu! That concludes our roundup of simple jQuery tricks. Now go and use these techniques to create some amazing effects on your site.