background preloader

Les préfixes vendeurs en CSS

Les préfixes vendeurs en CSS
Afin de permettre le développement progressif et l'implémentation des modules CSS, les éditeurs de navigateurs (vendors) ont la possibilité d'introduire le support de propriétés spécifiques. Cette manière d'opérer est recommandée par le W3C depuis CSS 2.1 et valable pour les versions suivantes. Ces "propriétés propriétaires" doivent être préfixées d'un tiret et d'un code correspondant au moteur les exploitant : -o- pour Opera -moz- pour Gecko (Mozilla) -webkit- pour Webkit (Chrome, Safari, Android...) -ms- pour Microsoft (Internet Explorer) -khtml- pour KHTML (Konqueror) Le tout doit être suivi du nom de la propriété souhaitée ou anticipée. Ainsi, la fameuse propriété border-radius destinée à arrondir les angles des boîtes sans utiliser d'images ou de techniques alternatives s'est vue introduite par : -moz-border-radius sous Gecko (2.0 à 3.6) -webkit-border-radius sous WebKit Quelques inconvénients font surface : Recommandation d'usage courant

Les propriétés CSS :nth-child et :first-child Afin de styliser en CSS une liste d’éléments, que ce soit pour la navigation de votre site web ou pour une liste dans vos contenus, vous pouvez utiliser un « ID » différent pour chacun de vos items. Cependant, cela aura comme inconvénient de vous créer plusieurs lignes de codes qui auraient pu être évitées à l’aide de différentes propriétés telles que :nth-child, :nth-of-type, :first-child et :last-child. Ces propriétés sont également très utiles lorsque vous avez une liste avec énormément d’éléments. Voici un article illustrant à merveille l’utilisation de chacune de ces propriétés CSS dans différents contextes afin d’avoir un contrôle absolu sur vos listes HTML. L’article suivant a été écrit par Chris Coyier du site web CSS-Tricks.com Sélectionner seulement le 5e élément Si vous devez sélectionner seulement le 1er élément de la liste, vous pouvez utiliser ceci li:first-child ou tout simplement li:nth-child(1). Tout sélectionner sauf les cinq premiers Sélectionner seulement les cinq premiers

40 Creative Navigation Menus One of the first things to do when planning out a new website is to work out all of the content that will be in the site. You then divide that up into sections and then into various levels of navigation. The result is a boring list of links. That list of links is one of the most important part of your website though, it goes without saying that every visitor to the site will be using them to get around. In this post we’ve pulled together some of the best designed navigation bars (both horizontal and vertical) to help give you ideas to enhance your own. Horizontal Menus 1. A beautiful minimalist menu with fast colors and a compact design. 2. Sleek looking tabs with drop shadow and a beautiful background pattern. 3. iPhone style menu for an Iphone app. 4. Simple, compact and sleek. 5. Light colors and creative symbols make this menu stand out from the crowd. 6. Solid colors and simple MouseOver effects make this menu pretty. 7. A nice multi-colored menu. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18.

CSS Overflow Module Level 3 Abstract CSS is a language for describing the rendering of structured documents (such as HTML and XML) on screen, on paper, in speech, etc. This module contains the features of CSS relating to new mechanisms of overflow handling in visual media (e.g., screen or paper). Status of this document This is a public copy of the editors' draft. The (archived) public mailing list www-style@w3.org (see instructions) is preferred for discussion of this specification. This document was produced by the CSS Working Group (part of the Style Activity). This document was produced by a group operating under the 5 February 2004 W3C Patent Policy. The following features are at risk: … Table of contents 1. In CSS Level 1 [CSS1], placing more content than would fit inside an element with a specified size was generally an authoring error. CSS Level 2 [CSS21] introduced the ‘overflow’ property, which allows authors to have overflow be handled by scrolling, which means it is no longer an authoring error. 2. 2.1.

50 Gorgeous Navigation Menus – Part 2 If you’re looking to learn more about design websites, please see our post Learn Web Design for plenty of resources to help your educational pursuit. Last week I published a collection of over 50 excellent navigational menus for your design inspiration. Because I found more examples than I used in that post, and because others seemed to share my appreciation for menu design, I’ve decided to put together a second collection. Looking for hosting? Le contenu est maitre et le design est son serviteur Que souhaitez-vous trouver lorsque vous cliquez sur les résultats d’une recherche dans Google ? Un beau site ?Ou bien un site où vous trouverez l’information recherchée ? Pour la plupart d’entre nous, notre première attente est le contenu pertinent en rapport avec la requête que nous avons formulée. Pourtant, le design revêt une importance capitale dans la satisfaction de l’utilisateur d’un site web, a condition d’être au service du contenu. Sans contenu utile, le design n’est rien. Le plus beau des sites web sera jugé avec déception s’il ne tient pas la promesse qui nous a amenés à celui-ci. Que ce contenu soit relatif à un produit que vous souhaitez acheter, une vidéo que vous souhaitez regarder, une information que vous souhaitez connaître, vous venez pour lui, le maitre, le contenu. Et pourtant encore presque en 2011, de nombreux sites sont conçus à l’envers. Tous les designers que j’ai pu rencontrer me disent tous la même chose. Dit comme cela, ça nous paraît évident. En résumé

Related: