SEARCH à trier

FacebookTwitter
http://creation-site-internet.pixalione.com/creation-site-internet,creation/perception-site-internet,police-ecriture.php Catherine PINYO and Fabrice ALIZON Pixalione, 60 ter rue de Bellevue, 92100 Boulogne Billancourt 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. Mot-clés : police de caractère, rédaction site Internet , lecture en ligne, lisibilité, profil de l'internaute, création site web

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

http://3.7designs.co/blog/2008/06/10-examples-of-beautiful-css-typography-and-how-they-did-it/
You definitely should have seen those advanced CSS text effects for now already, they are rapidly getting popular as upcoming and current trend in good webdesign. The best thing about these effects is, it can be achieved with pure CSS, no more image replacements and image heavy web designs. In this article I showcased all the best explained CSS tutorials and typography tips I found and thought you definitely must read! Scroll through or definitely save this article to bookmarks so the next time you create new design in Photoshop with letterpress, shadowed etc. effects – you can create them just with pure code! Typography takes also very important role in good web designs, so I strongly recommend to read articles I featured there as well! http://www.1stwebdesigner.com/css/advanced-css-text-effects-web-typography-tips/

22 Advanced CSS Text Effects And Web Typography Tips

CSS Transparency for IE and Mozilla, Firebird and Firefox (-moz-opacity and filter: alpha) - DoMedia

A working solution for transparency in web standards browser I read this today on one of Andy Clarkes websites, he heard it from a conference talk by Cederholm. You can use this for anything that can take the CSS color property Transparency on Font Example 50% Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. http://www.domedia.org/oveklykken/css-transparency.php
http://www.siteduzero.com/informatique/tutoriels/apprenez-a-creer-votre-site-web-avec-html5-et-css3/memento-des-proprietes-css Cette page est une liste non exhaustive des propriétés CSS qui existent en CSS3. Pour la plupart, ce sont des propriétés que nous avons vues dans le cours, mais vous trouverez aussi quelques nouvelles propriétés que nous n'avons pas abordées.

Mémento des propriétés CSS

Voici des modèles de menus de sites web réalisés en feuilles de styles CSS sans tableaux. Structure des menus 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. http://www.alsacreations.com/page/modelesmenus/

Modèles de menus CSS

http://www.alsacreations.com/tuto/lire/608-initiation-au-positionnement-css-partie-2.html 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. Sommaire du document

Initiation au positionnement CSS (partie 2)

Dynamic Page / Replacing Content

Published by Chris Coyier 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. Update January 2013: There are better practices now, detailed here . Let's say you wanted to make a website where clicking buttons in the nav would dynamically load some content. http://css-tricks.com/dynamic-page-replacing-content/
A sense of movement is often the differentiator between Flash-heavy web sites and standards-based sites. http://alistapart.com/article/sprites2

CSS Sprites2 - It’s JavaScript Time

http://designshack.net/articles/javascript/20-simple-jquery-tricks/ jQuery has quickly made it’s way into nearly every web developer’s bag of tricks. The simplicity with which jQuery allows us to handle complicated events and perform smooth animations makes it the perfect tool for both beginners and experienced developers to add professional flair to their sites. Here are 20 simple jQuery tricks to get you on your way to JavaScript bliss.

20 Simple jQuery Tricks

Using jQuery for Background Image Animations

After reading Dave Shea's article on CSS Sprites using jQuery to produce animation effects, I felt like playing around with things to see what could be done but accomplish it with a simpler HTML structure (no need for adding superfluous tags) and simpler code, too. Changing the position of the background image felt to be the best approach to creating the type of effect we're looking for (and I'm not the first to think so: see the examples at the end of this article). jQuery is a great library for this type of task but out of the box, it can't animate background position properly because of the need to animate two values instead of just one (too bad not all browsers implemented the non-standard background-position-x and -y like Internet Explorer). You'll have to use the Background-Position plugin that is linked in the demo (the original plugin is no longer available on the jQuery site). Previous versions didn't support negative or decimal values properly.