Upgrade to Pro — share decks privately, control downloads, hide ads and more …

CSS figli di un dio minore

CSS figli di un dio minore

Diciamoci la verità, il CSS è facile e alla portata di tutti. Ma nonostante questo molti sviluppatori vedono CSS come un male necessario. Tra chi lo odia e lo evita come la peste, chi cerca di fixarlo e lo inserisce in Javascript, chi aspetta e brama qualche tool di disegno che esporti CSS utilizzabile. Ma c'è tra di noi chi il CSS lo ama, ma se ne vergogna amaramente. Usciamo fuori dall'ombra e facciamo vedere davvero cosa vuol dire scrivere CSS nel mondo del lavoro moderno. Perché alla fine che mondo sarebbe senza colori?

Davide Di Pumpo

March 17, 2017
Tweet

More Decks by Davide Di Pumpo

Other Decks in Design

Transcript

  1. Chi sono? Davide Di Pumpo Senior Front End Developer Coorganizzatore

    maintainer MakhBeth on Mi piacciono: gatti, fumetti, videogiochi e le cravatte @Credimi Milano Front End Meetup Super GiGi Twitter GitHub Internet
  2. Cosa ho fatto Informatica Graphic Design Programmatore Flash Grafico Pubblicitario

    Front End Developer UI Designer (Nel mentre ho sempre fatto siti web)
  3. E come per il far west, ci siamo trovati di

    tutto alla frontiera Designer Developer IT Addetti marketing Web master Scappati di casa Che è un bene eh, il Web è bello anche perché è eterogeneo
  4. Seriamente Quanti di voi scrivono CSS? Escludendo: CSS Modules, Style

    component … Sass, Less, PostCSS … Bootstrap (brrr), Foundation …
  5. Magic number un numero o una stringa ripetuta più volte

    nel codice sorgente di un programma a cui non è attribuito un significato esplicito. Questo uso del termine è prettamente dispregiativo Wikipedia
  6. Ci sono già un sacco di risorse là fuori -

    A meaningful web typography starter kit - Flex Sass Grid Generator - A visual guide Intro to the 8-Point Grid System Font metrics, line-height and vertical-align Why vertical rhythms Truly Fluid Typography With vh And vw Units Modular scale calculator Gutenberg Super GiGi Sass color functions
  7. Se già fate unit test it('some css property', function ()

    { expect(el.css('display')).to.eq('block'); });
  8. @include test-module('Utilities') { @include test('Font Size [mixin]') { @include assert('Outputs

    a font size and line height based on keyword.' @include input { @include font-size(large); } @include expect { font-size: 2rem; line-height: 3rem; } } } }