Bear CSS fabrique un fichier CSS contenant toutes les « ID » et « class » de votre code HTML.
Il ne restera plus qu’a remplir les vides pour designer le site comme bon vous semble.
Animated Buttons with CSS3
CleanCSS
Codepen.io
Cool-css-only-registration-form
CSS3 Generator
CSScomb
CSS debutant
CSSmatic
CSS Menu Maker
CSSReel
CSSstats
Debray-jerome.fr/outils/
Dynamically-changing-style-with-jquery
Fresh-set-of-css-only-menus
Geometrie-avec-CSS
Gradient-generator
GridForms
GuideCSS
Haml
Jekyll
LessCSS
apt-get install node-less
apt-get install npm
sudo npm install -g less
less source.css destination.css
Normalize.css
Paletton.com
SASS :
sudo apt-get install ruby
sudo gem install sass
Sass-lang
SCSS Compiler
ShapesOfCSS
SpriteMapper /github
Switching-styles-jquery-css-exchanger
Autres :
Adapter-son-site-au-format-mobile-avec-css3
Apprenez-a-creer-votre-site-web-avec-html5-et-css3
Centrer-en-css
Google-maps-sur-votre-page-Creation-d-un-design-extensible CSS
Stylisez-votre-site-avec-css3
->CSS Unpacker
->CSS Lisible
->Enjoy CSS
FreeFormatter
- 3D CSS Text Generator
- 3D Ribbon Generator - CSS3d.net
- Bear CSS - Helping you build a solid stylesheet foundation based on your markup
- Button Maker
- Compare Ninja | HTML & CSS Comparison tables
- Convert-Images-To-Black-And-White-With-CSS
- CSS3.0 Maker | CSS3.0 Generator | CSS 3.0 Generator | css3 generator
- CSS3 Button Generator
- CSS3 Generator - By Peter Funk & Eric Hoffman
- CSS3 Gradient Generator
- CSS Gradient Generator
- CSS3 Please! The Cross-Browser CSS3 Rule Generator
- Css and Web Design Community News
- cssarrowplease
- CSS Basics
- CSS Border Radius Generator
- CSS Button Generator - Imageless css buttons simplified
- CSS Compressor - Online code compressor for Cascading Style Sheets
- cssdog.com :: Learning Cascading Style Sheet in simple and easy steps with examples. A complete reference manual for CSS2 and CSS3 properties, html, CSS, CSS Useful tips
- css.maxdesign.com.au - CSS resources and tutorials for web designers and web developers
- CSS Opacity Generator
- CSS Extractor
- CSSTidy (fonctionne aussi avec Bluefish)
- Css-Tricks
- CSS Type Set
- CSSWARP - CSS Text to Path Generator
- developer.mozilla.org/fr/Apprendre/CSS/Introduction_%C3%A0_CSS/Les_s%C3%A9lecteurs
- Generateur de multi-colonnes en CSS3 - Design et programmation web2 - Dji
- HTML-Ipsum
- CSS3PS
- KNACSS, un framework CSS minimaliste qui claque sous la dent !
- Loading CSS spinners and bars generator for AJAX & JQuery
- lorempixel - placeholder images for every case
- MinCSS
- Ombre en css
- Pesticide
- Placehold.it - Quick and simple image placeholders
- prefixMyCSS - Prefix your CSS3 code. Instantly!
- Removing-unused-css
- Simplifiez-vous-la-vie-avec-less
- Stu Nicholls | CSSplay | CSS Demonstrations
- Ultimate CSS Gradient Generator - ColorZilla.com
- Variable Grid System :: Generate CSS grid templates based on '960 Grid System'
- www.w3.org/TR/selectors-3/
- www.w3schools.com/cssref/css_selectors.asp
- ZONE CSS - Les css et leurs relations avec les balises HTML et XHTML (définitions css V4.0)
Outils :
- CSS Dig
Practical CSS Code Tutorials
CSS table with Alternating Rows
CSS table with Color Columns
Highlight Table Row on Hover with CSS
HTML Seach Box Code
More HTML Search Box Examples
CSS Table Examples
background-color
| #RRGGBB | couleur HTML |
|---|---|
| nommée | cyan, green, lime, gray... |
| transparent | pas de fond |
| rgb(RR,GG,BB) | couleur de fond en RVB |
| inherit | pas d'héritage |
Image d’arrière plan.
| url(chemin) | image absolue ou relative |
|---|---|
| none | pas d'image |
| inherit | pas d'héritage |
Répétition de l’image de fond
| repeat | remplissage mosaïque |
|---|---|
| repeat-x | répétition horizontale |
| repeat-y | répétition verticale |
| no-repeat | pas de répétition |
| inherit | pas d'héritage |
Fixe l’image d’arrière plan
| fixed | l'arrière plan ou fond reste en place quand on scrolle |
|---|---|
| scroll | l'arrière plan ou fond se déplace quand on scrolle (valeur par défaut) |
| inherit | pas d'héritage |
Position de l’image d’arrière plan
| Xpx Ypx | position en X, Y (% possible) |
|---|---|
| top left | en haut à gauche |
| top | en haut |
| top center | en haut centré |
| right top | en haut à droite |
| right | à droite |
| right center | à droite centré |
| bottom right | en bas à droite |
| bottom | en bas |
| bottom center | en bas centré |
| bottom left | en bas à gauche |
| left | à gauche |
| left center | à gauche centré |
| center | centrée |
| inherit | héritage |
Exemple d’un div centré
#idWinMain
{
position: absolute;
left: 50%;
top: 50%;
width: (mettre le nombre pixels horizontaux)px;
height: (mettre le nombre pixels verticaux)px;
margin-left: -(mettre le nombre pixels horizontaux divisé par 2)px;
margin-top: -(mettre le nombre pixels verticaux divisé par 2)px;
}
Aucun commentaire:
Enregistrer un commentaire