Advertisement
Scrivere codice CSS e dormire tranquilli
Scrivere codice CSS e dormire tranquilli
Scrivere codice CSS e dormire tranquilli
Scrivere codice CSS e dormire tranquilli
Scrivere codice CSS e dormire tranquilli
Scrivere codice CSS e dormire tranquilli
Scrivere codice CSS e dormire tranquilli
Scrivere codice CSS e dormire tranquilli
Scrivere codice CSS e dormire tranquilli
Scrivere codice CSS e dormire tranquilli
Scrivere codice CSS e dormire tranquilli
Scrivere codice CSS e dormire tranquilli
Scrivere codice CSS e dormire tranquilli
Scrivere codice CSS e dormire tranquilli
Scrivere codice CSS e dormire tranquilli
Scrivere codice CSS e dormire tranquilli
Scrivere codice CSS e dormire tranquilli
Scrivere codice CSS e dormire tranquilli
Scrivere codice CSS e dormire tranquilli
Scrivere codice CSS e dormire tranquilli
Scrivere codice CSS e dormire tranquilli
Scrivere codice CSS e dormire tranquilli
Scrivere codice CSS e dormire tranquilli
Scrivere codice CSS e dormire tranquilli
Scrivere codice CSS e dormire tranquilli
Scrivere codice CSS e dormire tranquilli

Check these out next

Defining a Tech Project Vision in Eight Quick Steps pdf
Defining a Tech Project Vision in Eight Quick Steps pdf
TechSoup
The Hero's Journey (For movie fans, Lego fans, and presenters!)
The Hero's Journey (For movie fans, Lego fans, and presenters!)
Dan Roam
10 Inspirational Quotes for Graduation
10 Inspirational Quotes for Graduation
Guy Kawasaki
The Health Benefits of Dogs
The Health Benefits of Dogs
The Presentation Designer
The Benefits of Doing Nothing
The Benefits of Doing Nothing
INSEAD
A non-technical introduction to ChatGPT - SEDA.pptx
A non-technical introduction to ChatGPT - SEDA.pptx
Sue Beckingham
The Dungeons & Dragons Guide to Marketing
The Dungeons & Dragons Guide to Marketing
Ian Lurie
How You Can Change the World
How You Can Change the World
24Slides
1 of 26

Scrivere codice CSS e dormire tranquilli

Mar. 31, 2015••
Download to read offline
Internet

La mia presentazione al CSSDay 2015 a Faenza. Se la specificità dei selettori non ti fa dormire, oppure se la notte sogni classi che si sovrascrivono all'infinito, allora è arrivato il momento di riorganizzare il tuo metodo di lavoro e iniziare a scrivere codice mantenibile. Questo talk è un breve viaggio tra le metodologie più in voga e le best practice che possono essere applicate nel mondo enterprise ma anche nei piccoli progetti.

Nicola Della Marina
TYPO3 Integrator and Magento Frontend Developer
Advertisement
Advertisement
Advertisement

Recommended

Design system based workflowDesign system based workflow
Design system based workflowNicola Della Marina340 views•18 slides
Prototyping con typo3Prototyping con typo3
Prototyping con typo3Nicola Della Marina513 views•25 slides
Il mio primo sito con NEOSIl mio primo sito con NEOS
Il mio primo sito con NEOSNicola Della Marina418 views•32 slides
E-mail Marketing con TYPO3E-mail Marketing con TYPO3
E-mail Marketing con TYPO3Nicola Della Marina743 views•23 slides
Template Multidevice con TYPO3Template Multidevice con TYPO3
Template Multidevice con TYPO3Nicola Della Marina544 views•29 slides
Le 10 estensioni da tenere sempre a disposizioneLe 10 estensioni da tenere sempre a disposizione
Le 10 estensioni da tenere sempre a disposizioneNicola Della Marina675 views•44 slides

More Related Content

Recently uploaded(20)

WordPress 1.pdfWordPress 1.pdf
WordPress 1.pdf
Luca Calderan•20 views
Modalità Ottenimento IPv4 IPv6 ASN da RIPE NCC - 2023 02 Modalità Ottenimento IPv4 IPv6 ASN da RIPE NCC - 2023 02
Modalità Ottenimento IPv4 IPv6 ASN da RIPE NCC - 2023 02
Mauro Ronzana•88 views
CALCOS.docxCALCOS.docx
CALCOS.docx
FreydmanGarciaHenrqu•3 views
Come usare e ottimizzare le immagini per il webCome usare e ottimizzare le immagini per il web
Come usare e ottimizzare le immagini per il web
SiteGround.com•679 views
Noi e l'Europa.pdfNoi e l'Europa.pdf
Noi e l'Europa.pdf
InassAddakiri•11 views
paesi_bassi.pptxpaesi_bassi.pptx
paesi_bassi.pptx
francesco79996•24 views
BAPIx.pptBAPIx.ppt
BAPIx.ppt
StefanoContran•2 views
complessità_computazionale.pptxcomplessità_computazionale.pptx
complessità_computazionale.pptx
ManuelIezzi•3 views
pkl bandungpkl bandung
pkl bandung
ardipklbandung•6 views
Report Scenario online Audiweb - Febbraio 2023Report Scenario online Audiweb - Febbraio 2023
Report Scenario online Audiweb - Febbraio 2023
Audiweb•314 views
Alf. 1-2 - Italiano per stranieri - Esercizi di rinforzo.pdfAlf. 1-2 - Italiano per stranieri - Esercizi di rinforzo.pdf
Alf. 1-2 - Italiano per stranieri - Esercizi di rinforzo.pdf
JONATHANJUANJESUSCAR•475 views
Reviewvn.netReviewvn.net
Reviewvn.net
Reviewvn.net•7 views
18UOIT.pdf18UOIT.pdf
18UOIT.pdf
ssuser1abd29•3 views
Link buiding i parametri importantiLink buiding i parametri importanti
Link buiding i parametri importanti
BTF Traduzioni SEO Sviluppo Web•2 views
Ridondanza Accessi Internet AS BGP - 2023 04Ridondanza Accessi Internet AS BGP - 2023 04
Ridondanza Accessi Internet AS BGP - 2023 04
Mauro Ronzana•22 views
Come e perché ($) migliorare le prestazioni web - Aprile 2023.pptxCome e perché ($) migliorare le prestazioni web - Aprile 2023.pptx
Come e perché ($) migliorare le prestazioni web - Aprile 2023.pptx
Andrea Verlicchi•6 views
Che Cos'è L’attacco Ryuk RansomwareChe Cos'è L’attacco Ryuk Ransomware
Che Cos'è L’attacco Ryuk Ransomware
HelpRansomware•5 views
Serviços graficosServiços graficos
Serviços graficos
GraficaMeuNegocio•5 views
definizioni SEO.pdfdefinizioni SEO.pdf
definizioni SEO.pdf
Luca Calderan•2 views
Ottenimento IPv4 indipendenti da RIPE NCC - 2023 01 Ottenimento IPv4 indipendenti da RIPE NCC - 2023 01
Ottenimento IPv4 indipendenti da RIPE NCC - 2023 01
Mauro Ronzana•30 views

Featured(20)

Defining a Tech Project Vision in Eight Quick Steps pdfDefining a Tech Project Vision in Eight Quick Steps pdf
Defining a Tech Project Vision in Eight Quick Steps pdf
TechSoup •7.6K views
The Hero's Journey (For movie fans, Lego fans, and presenters!)The Hero's Journey (For movie fans, Lego fans, and presenters!)
The Hero's Journey (For movie fans, Lego fans, and presenters!)
Dan Roam•27.4K views
10 Inspirational Quotes for Graduation10 Inspirational Quotes for Graduation
10 Inspirational Quotes for Graduation
Guy Kawasaki•300.7K views
The Health Benefits of DogsThe Health Benefits of Dogs
The Health Benefits of Dogs
The Presentation Designer •33.4K views
The Benefits of Doing NothingThe Benefits of Doing Nothing
The Benefits of Doing Nothing
INSEAD•50.1K views
A non-technical introduction to ChatGPT - SEDA.pptxA non-technical introduction to ChatGPT - SEDA.pptx
A non-technical introduction to ChatGPT - SEDA.pptx
Sue Beckingham•17.7K views
The Dungeons & Dragons Guide to MarketingThe Dungeons & Dragons Guide to Marketing
The Dungeons & Dragons Guide to Marketing
Ian Lurie•15.6K views
How You Can Change the WorldHow You Can Change the World
How You Can Change the World
24Slides•57.4K views
signmesh snapshot - the best of sustainabilitysignmesh snapshot - the best of sustainability
signmesh snapshot - the best of sustainability
signmesh•9.4K views
The Science of a Great Career in Data ScienceThe Science of a Great Career in Data Science
The Science of a Great Career in Data Science
Kate Matsudaira•38.1K views
The ABC’s of Living a Healthy LifeThe ABC’s of Living a Healthy Life
The ABC’s of Living a Healthy Life
Dr. Omer Hameed•1.1M views
CAREER FORWARD - THE TOOLS YOU NEED TO START MOVINGCAREER FORWARD - THE TOOLS YOU NEED TO START MOVING
CAREER FORWARD - THE TOOLS YOU NEED TO START MOVING
Kelly Services•2.8K views
Top 5 Skills for Project ManagersTop 5 Skills for Project Managers
Top 5 Skills for Project Managers
LinkedIn Learning Solutions•22.8K views
Mind-Blowing Facts About National ParksMind-Blowing Facts About National Parks
Mind-Blowing Facts About National Parks
Ethos3•43.2K views
8 Easy Ways to Relieve Stress At Work (Backed By Science)8 Easy Ways to Relieve Stress At Work (Backed By Science)
8 Easy Ways to Relieve Stress At Work (Backed By Science)
True Stress Management•2.7K views
ChatGPT What It Is and How Writers Can Use It.pdfChatGPT What It Is and How Writers Can Use It.pdf
ChatGPT What It Is and How Writers Can Use It.pdf
Adsy•31.6K views
Pixar's 22 Rules to Phenomenal StorytellingPixar's 22 Rules to Phenomenal Storytelling
Pixar's 22 Rules to Phenomenal Storytelling
Gavin McMahon•4.7M views
2022 Women in the Workplace Briefing2022 Women in the Workplace Briefing
2022 Women in the Workplace Briefing
McKinsey & Company•22.8K views
10 Steps great leaders take when things go wrong10 Steps great leaders take when things go wrong
10 Steps great leaders take when things go wrong
GetSmarter•82.7K views
Forgotten women in tech history.Forgotten women in tech history.
Forgotten women in tech history.
Domo•143.5K views
Advertisement

Scrivere codice CSS e dormire tranquilli

  1. Scrivere codice CSS… … e dormire sogni tranquilli
  2. TEMPI COSTI QUALITÀ
  3. SPECIFICITÀ Internet Explorer 6
  4. •Prevedibile •Riusabile •Scalabile •Mantenibile
  5. Se lo vogliamo prevedibile…
  6. Se lo vogliamo prevedibile…
  7. http://www.stuffandnonsense.co.uk/archives/css_specificity_wars.html Se lo vogliamo prevedibile…
  8. Se lo vogliamo riusabile… http://oocss.org/
  9. Se lo vogliamo riusabile…
  10. Se lo vogliamo riusabile… http://bradfrost.com/blog/post/atomic-web-design/
  11. Se lo vogliamo scalabile … ARCHITETTURA DEI CSS
  12. Se lo vogliamo scalabile …
  13. Se lo vogliamo scalabile …
  14. Se lo vogliamo scalabile …
  15. Se lo vogliamo mantenibile…
  16. Se lo vogliamo mantenibile…
  17. Se lo vogliamo mantenibile…
  18. Se lo vogliamo mantenibile… http://cssguidelin.es/
  19. Riepilogo • Prevedibile – Reset / Normalize – CSS Frameworks – Occhio alla specificità • Riusabile – OOCSS – Preprocessori CSS – Atomic Design • Scalabile – Architettura dei CSS • Mantenibile – Naming Convention – Pulizia del codice – Coding Guidelines
  20. Bibliografia • http://www.slideshare.net/stubbornella/css-bloat • http://www.sitepoint.com/css-architectures-scalable-and- modular-approaches/ • http://oocss.org/ • https://smacss.com/ • http://sass-lang.com/ • http://lesscss.org/ • http://cssguidelin.es/ • https://addons.mozilla.org/it/firefox/addon/dust-me- selectors/ • http://specificity.keegan.st/ (Calcolatore di specificità)
  21. Grazie per l'attenzione @nicoladm79
Advertisement