is m o re !mercredi 30 janvier 13
{           A propos de moi                                                       }                  ‣      Gauthier Eloy ...
{                                                          }                         Qui a déjà utilisé un préprocesseur  ...
SASS                                        css-tricks.com               SCSS                                    13 000 pe...
{           Le CSS aujourd’hui                   ‣     Ses avantages                                                      ...
{                        Time is money                          Gagnez 50% de votre temps en production                   ...
{           Le préprocesseur CSS                                                                        }                 ...
{           Less en pratique                                            }                    1. Variables                 ...
{                                   }                           Less talk,                         more action!mercredi 30...
{                                   }                         1. Variablesmercredi 30 janvier 13
CSS                         Less CSSmercredi 30 janvier 13
{                                      }                         2. Nested rulesmercredi 30 janvier 13
CSS                         Less CSSmercredi 30 janvier 13
{                                    }                         3. Opérationsmercredi 30 janvier 13
CSS                         Less CSSmercredi 30 janvier 13
CSS                         Less CSSmercredi 30 janvier 13
{                                           }                         4.Mixins & fonctionsmercredi 30 janvier 13
CSSmercredi 30 janvier 13
Less CSSmercredi 30 janvier 13
CSS                         Less CSSmercredi 30 janvier 13
mercredi 30 janvier 13
mercredi 30 janvier 13
{                                }                         Fonctionsmercredi 30 janvier 13
CSS                         Less CSSmercredi 30 janvier 13
fadein hsv ceil saturate lightness     saturation fade screen hsla softlight overlay     spin rgba darken hsva negation hs...
{           Installation                                                            }                                     ...
mercredi 30 janvier 13
mercredi 30 janvier 13
mercredi 30 janvier 13
mercredi 30 janvier 13
mercredi 30 janvier 13
mercredi 30 janvier 13
{           Pour aller plus loin...                         Documentation Less                                            ...
{                                                       }                                       Merci !                   ...
is m o re !mercredi 30 janvier 13
Upcoming SlideShare
Loading in …5
×

Less CSS by Gauthier Eloy

1,118 views

Published on

présentation du préprocesseur Less CSS par Gauthier Eloy - http://www.igloo.be

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,118
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
15
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Less CSS by Gauthier Eloy

  1. 1. is m o re !mercredi 30 janvier 13
  2. 2. { A propos de moi } ‣ Gauthier Eloy ‣ 25 ans ‣ Namur ‣ Diplômé en multimédia Liège ‣ Web & UI designer iGLOO.bemercredi 30 janvier 13
  3. 3. { } Qui a déjà utilisé un préprocesseur CSS ?mercredi 30 janvier 13
  4. 4. SASS css-tricks.com SCSS 13 000 personnes LESS June 2012 STYLUS I dont like any of them I dont have a preference Ive never tried any of them Other 50 46 37,5 23 25 13 12,5 5 7 3 2 1 0mercredi 30 janvier 13
  5. 5. { Le CSS aujourd’hui ‣ Ses avantages } ‣ CSS3 ‣ Ses problèmes ‣ Redondance du code ‣ Pas de structure procédurale ‣ Manque de flexibilité ‣ Organisation linéaire, pas d’héritagemercredi 30 janvier 13
  6. 6. { Time is money Gagnez 50% de votre temps en production }mercredi 30 janvier 13
  7. 7. { Le préprocesseur CSS } ‣ Définition ‣ Avantages : ‣ Maintenabilité & organisation ‣ Rapidité de développement & robustesse ‣ Nouveaux outils pratiques & productivitémercredi 30 janvier 13
  8. 8. { Less en pratique } 1. Variables 2. Nested rules 3. Opérations 4. Mixins & fonctionsmercredi 30 janvier 13
  9. 9. { } Less talk, more action!mercredi 30 janvier 13
  10. 10. { } 1. Variablesmercredi 30 janvier 13
  11. 11. CSS Less CSSmercredi 30 janvier 13
  12. 12. { } 2. Nested rulesmercredi 30 janvier 13
  13. 13. CSS Less CSSmercredi 30 janvier 13
  14. 14. { } 3. Opérationsmercredi 30 janvier 13
  15. 15. CSS Less CSSmercredi 30 janvier 13
  16. 16. CSS Less CSSmercredi 30 janvier 13
  17. 17. { } 4.Mixins & fonctionsmercredi 30 janvier 13
  18. 18. CSSmercredi 30 janvier 13
  19. 19. Less CSSmercredi 30 janvier 13
  20. 20. CSS Less CSSmercredi 30 janvier 13
  21. 21. mercredi 30 janvier 13
  22. 22. mercredi 30 janvier 13
  23. 23. { } Fonctionsmercredi 30 janvier 13
  24. 24. CSS Less CSSmercredi 30 janvier 13
  25. 25. fadein hsv ceil saturate lightness saturation fade screen hsla softlight overlay spin rgba darken hsva negation hsl desaturate luma floor average percentage rgb multiply hardlight escape alpha red greyscale mix green contrast hue blue difference exclusionmercredi 30 janvier 13
  26. 26. { Installation } simpLESS http://wearekiss.com/simpless LESSapp http://incident57.com/less/mercredi 30 janvier 13
  27. 27. mercredi 30 janvier 13
  28. 28. mercredi 30 janvier 13
  29. 29. mercredi 30 janvier 13
  30. 30. mercredi 30 janvier 13
  31. 31. mercredi 30 janvier 13
  32. 32. mercredi 30 janvier 13
  33. 33. { Pour aller plus loin... Documentation Less } ‣ lesscss.org Librairies existantes ‣ lesselements.com Twitter Bootstrap ‣ github.com/bootstrap/ Inuit CSS ‣ github.com/peterwilsoncc/inuit.cssmercredi 30 janvier 13
  34. 34. { } Merci ! dribbble.com/pixelize @gauthiereloy linkedin.com/in/gauthiereloymercredi 30 janvier 13
  35. 35. is m o re !mercredi 30 janvier 13

×