• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Less CSS by Gauthier Eloy
 

Less CSS by Gauthier Eloy

on

  • 853 views

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

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

Statistics

Views

Total Views
853
Views on SlideShare
849
Embed Views
4

Actions

Likes
2
Downloads
6
Comments
0

2 Embeds 4

http://www.slashdocs.com 2
https://twitter.com 2

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Less CSS by Gauthier Eloy Less CSS by Gauthier Eloy Presentation Transcript

    • is m o re !mercredi 30 janvier 13
    • { A propos de moi } ‣ Gauthier Eloy ‣ 25 ans ‣ Namur ‣ Diplômé en multimédia Liège ‣ Web & UI designer iGLOO.bemercredi 30 janvier 13
    • { } Qui a déjà utilisé un préprocesseur CSS ?mercredi 30 janvier 13
    • 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
    • { 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
    • { Time is money Gagnez 50% de votre temps en production }mercredi 30 janvier 13
    • { Le préprocesseur CSS } ‣ Définition ‣ Avantages : ‣ Maintenabilité & organisation ‣ Rapidité de développement & robustesse ‣ Nouveaux outils pratiques & productivitémercredi 30 janvier 13
    • { Less en pratique } 1. Variables 2. Nested rules 3. Opérations 4. Mixins & fonctionsmercredi 30 janvier 13
    • { } Less talk, more action!mercredi 30 janvier 13
    • { } 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 hsl desaturate luma floor average percentage rgb multiply hardlight escape alpha red greyscale mix green contrast hue blue difference exclusionmercredi 30 janvier 13
    • { Installation } simpLESS http://wearekiss.com/simpless LESSapp http://incident57.com/less/mercredi 30 janvier 13
    • 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 } ‣ lesscss.org Librairies existantes ‣ lesselements.com Twitter Bootstrap ‣ github.com/bootstrap/ Inuit CSS ‣ github.com/peterwilsoncc/inuit.cssmercredi 30 janvier 13
    • { } Merci ! dribbble.com/pixelize @gauthiereloy linkedin.com/in/gauthiereloymercredi 30 janvier 13
    • is m o re !mercredi 30 janvier 13