Colourcode - find your colour scheme. Modernizr. Schnaps.it. Ultimate CSS Gradient Generator - ColorZilla.com. CSS3 Generator.
CSS3 Playground by Mike Plate. CSS3.0 Maker | CSS3.0 Generator | CSS 3.0 Generator | css3 generator. Générateur d'ombres CSS3 - ombres css3 html5 shadow box ombres en html code propriete css box shadow moz webkit ombre portee taille interne externe ombre interne couleur flou shadow generateur gratuit enligne code css ombre div boite box html sans images.
Ultimate CSS Gradient Generator - ColorZilla.com. Les dégradés de couleurs en CSS3 avec gradient. Bonjour à tous ! Aujourd’hui nous allons parler des dégradés en CSS3. Vous en avez probablement déjà rencontré, et peut-être même déjà utilisé via des générateurs. Ce tutoriel très complet va vous permettre d’aller plus loin et de comprendre en détail comment les utiliser, ce qui améliorera les performances d’affichage de votre site en évitant d’avoir à utiliser des images ! Ce tutoriel a été rédigé par Bastien Uranga, étudiant en informatique à Bordeaux et passionné par les technologies web.
En plus de ses études, il lui arrive souvent de prendre le rôle d’intégrateur dans certains projets et d’améliorer ses connaissances en HTML5 et CSS3. Pour commencer … Nous allons tout d’abord créer une div : Puis dans notre feuille de style CSS, nous ajoutons les propriétés suivantes : Précision et rappel Tout d’abord, j’aimerais casser une idée préconçue : gradient n’est pas une propriété CSS, mais une valeur de background-image. Les différentes formes de gradient Attends, attends ! A bientôt ! Can I use... Support tables for HTML5, CSS3, etc.
Plupload : un puissant gestionnaire d’upload | Display:inline. Display inline-block, une valeur trop peu utilisée. Cet article a 3 années. Il commence à dater, lisez-le donc en gardant son âge en tête ! Merci publié le Lu 40 417 fois. Floatera, floatera pas… mais pourquoi ne pas utiliser la valeur inline-block de la propriété display ? Vous connaissez certainement les valeurs block ou inline, mais moins celle de inline-block et pourtant elle peut vous servir dans bien des cas. Voyons dans quelles conditions nous pouvons l’utiliser (de manière non exhaustive) dans un premier temps, puis dans un second temps quelques difficultés dans son utilisation. Exemples de l’article Utiliser display: inline-block Il s’agit de la valeur par défaut des éléments input.
Le formulaire Quelle transition ! Dans cette mise en page les label passent d’un display à valeur inline à un display: inline-block; Un élément en inline-block peut recevoir une valeur de vertical-align qui, par défaut, ne semble pas être la même sur IE et sur les autres navigateurs. Notre code CSS va donc nous permettre d’avoir un comportement homogène. CSS3 : initiation aux media-queries pour adapter ses pages web à tout type d'écran - CSS débutant. Avec l'avènement des smartphones ou autre tablette, la multiplication des tailles et des résolutions d'écran, il devient de plus en plus aléatoire de ne réaliser qu'une seule disposition graphique de sa page web...
Comment en effet visualiser correctement sur un smartphone une page qui aurait été pensée pour une résolution minimale de 1900px ? (ce qui est très mal, d'ailleurs...) Les Media-Queries, permettent de cibler différents cas et ainsi d'adapter la restitution de sa page html à différentes caractéristiques des terminaux. Les Media Queries permettent donc de cibler : Le type de média La taille de l'écran La taille de la fenêtre La résolution Le nombre de couleurs L'orientation ...
Pour en expliquer le principe, on se limitera à deux exemples : La largeur de la fenêtre avec un contrôle du width ;La largeur de l'écran du terminal avec le contrôle de device-width (ah non, ce n'est pas la même chose que width tout seul) ; Fonctionne avec : Chrome, Safari Firefox, SeaMonkey MSIE 9 Opéra Haut. Effets en CSS. Sommaire Sommaire Dans ce tuto, je vous donnerais le code CSS et xHTML pour faire des choses que l'on fait normalement en JavaScript, comme des menus déroulants ou des lightbox.
J'ai indiqué la compatibilité suivant les navigateurs. Les versions testés sont : Firefox 4.0/3.6, Internet Explorer 9,8, Opera 11.10, Safari 4, Chrome 10 ainsi que Konqueror 4.2.2. Permettez-moi de vous donner deux fichiers PDF qui sont pour moi les couteaux-suisses du codeur HTML/CSS : Ils montrent en une page la quasi-totalité des codes HTML et CSS2 :PDF sur le HTML (archive zip : 1.8Mio ; MD5 : 778bd3ea7c04408e75ecf50686d6c606)PDF sur les CSS (fichier pdf : 42Kio ; MD5 : f788c273f2ef4d1354e3c418492f1306) Ce que cette page est censé apporter, ce sont des bouts de codes, quelques explications ainsi que des exemples à chaque fois. Sauf mention contraire, les astuces visibles ici ne font appel qu'à du CSS.
Compatibilité : xHTML Les menus sont souvent faits avec des listes <ul>, <li>. Code : HTML Code : CSS Essayer Voilà.