background preloader

HTML // CSS

Facebook Twitter

CSS Reference. Formulaires HTML5 : nouveaux types de champs. HTML 4 était bien limité concernant les types de champs.

Formulaires HTML5 : nouveaux types de champs

HTML5 apporte énormément en terme de nouveautés. Ces innovations sont réunies sous un nom : les Web Forms (ou HTML5 Forms). Souvenez vous des éléments de saisie et de soumission de formulaire en HTML4 assez peu nombreux : Les 30 sélecteurs CSS à connaître absolument. Tomsyweb.com Buy this domain The owner of tomsyweb.com is offering it for sale for an asking price of 345 GBP!

Les 30 sélecteurs CSS à connaître absolument

Related Searches This page provided to the domain owner free by Sedo's Domain Parking. Disclaimer: Domain owner and Sedo maintain no relationship with third party advertisers. Google Traduction. Apprendre HTML. HTML c'est quoi? 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.

Les préfixes vendeurs en CSS

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 : Css / Css3. CSS3 Patterns Gallery. Wave (294 B)✖by Paul Salentiny Browser support The patterns themselves should work on Firefox 3.6+, Chrome, Safari 5.1, Opera 11.10+ and IE10+.

CSS3 Patterns Gallery

However, implementation limitations might cause some of them to not be displayed correctly even on those browsers (for example at the time of writing, Gecko is quite buggy with radial gradients). Also, this gallery won’t work in Firefox 3.6 and IE10, even though they support gradients, due to a JavaScript limitation. Submission guidelines If you have a new pattern to submit, please send a pull request. Does it present a new technique? Animations – FrogWeb. CSS3 Create - Démos, tutoriels et expériences CSS : menus, galerie photos, interfaces web. Un site qui prend toute la hauteur disponible. Lorsqu'on crée un design dont la particularité est que le pied de page soit toujours au bas de l'écran, on se heurte à un petit soucis de conception : comment définir une hauteur minimale à la fenêtre ?

Un site qui prend toute la hauteur disponible

Nous allons voir une solution possible. Tout d'abord, comprenons bien de quoi l'on parle dans ce tutoriel, et pour cela, nous allons d'abord illustrer le problème. Lorsqu'un site possède une hauteur totale plus grande que l'écran sur lequel il est vu, on peut alors descendre la page vers le bas, jusqu'au bas de la page en question ; là, le défilement est arrêté, le pied-de-page, ou "footer" en anglais, est alors fixé naturellement au bas de la page et de l'écran. Mais dans le cas où la hauteur totale de la page est inférieure à la hauteur de l'écran, alors le pied-de-page, toujours placé au bas de la page, n'atteint pas le bas de l'écran. Si certains design ne sont pas gênés par cette éventualité, ce n'est pas le cas de tous. Aligner trois colonnes proprement.

C'est un problème auquel se confrontent régulièrement les intégrateurs : créer un design en trois colonnes - habituellement, deux menus latéraux (appelés "sidebar") et une colonne centrale pour le contenu du site.

Aligner trois colonnes proprement

Mais c'est en réalité très simple à faire, et nous allons voir comment. Le html La première chose, c'est d'abord de placer les trois colonnes dans un conteneur, que nous appellerons ici "page". Ensuite, il faut mettre les éléments flottants (les sidebar donc) avant le corps central. Comme toujours, essayez d'ajouter un peu de contenu pour pouvoir voir les effets ; utilisez par exemple le générateur de lipsum. Centrer en CSS. Bien utiliser les sprites CSS. Life at the bleeding edge (of web standards) Eric Meyer: CSS. CSS Work Books by Eric.

Eric Meyer: CSS

Can I use... Support tables for HTML5, CSS3, etc. The W3C Markup Validation Service. Alsacréations : Actualités et tutoriels HTML, HTML5, CSS, CSS3, standards du web. CSS Débutant : Tutoriels CSS. Boutons CSS Le bouton élegant qui change d'aspect au passage de la souris est très utilisé sur les pages web.

CSS Débutant : Tutoriels CSS

Longtemps, la majorité de ces boutons étaient animés par un javascript ou pire (car plus lourd) par un applet java. Avec les CSS la légèreté et la simplicité est de mise pour créer de beaux boutons. Plusieurs images de fond Grâce à la propriété background-image, il est très facile de mettre une image de fond dans le corps (body) d'une page web. Pour pouvoir mettre plusieurs images de fond, il faut définir des cadres (des div) auxquels on attribuera une image chacun. Coins arrondis Pour réaliser des blocs (menus ou autres) avec des coins arrondis, il existe principalement trois méthodes en CSS, qui offrent plus ou moins de fluidité et de possibilités graphiques. Créer des coins arrondis avec une seule image, coulissante en hauteur et en largeur, permet une certaine liberté graphique et s'adapte à un design fluide.