Link utili CSS (aggiornato al 20-07-2024)

[KillerWorm]

Link utili CSS

Nota:
Questa è la versione aggiornata dei Link utili del forum CSS. La vecchia discussione è mantenuta al seguente link
https://forum.html.it/forum/showthre...readid=1013463


- Link veloci alle questioni più comuni

• 02-09-2014 (en) Centering in CSS: A Complete Guide Chris Coyier - CSS-Tricks
• 07-02-2017 (it) CSS Grid Layout in alternativa a FlexBox Claudio Garau - Edit HTML.it
• 11-05-2015 (it) Introduzione a Flexbox Cesare Lamanna - HTML.it - Nuova modalità di impaginazione con CSS3

- Indicazioni generali
In questa discussione è disponibile una raccolta di link utili relativi ai CSS. L'intento è quello di fornire a tutti gli utenti, esperti e meno esperti, dei riferimenti validi su materiali di studio, strumenti di sviluppo, esempi pratici, pillole e varie altre risorse interessanti.

Il forum non risponde in alcun modo dei contenuti riportati nelle pagine linkate.

_{Collabora con noi}
Questo thread sarà lasciato aperto a chiunque desideri collaborare segnalando link a risorse che si ritene possano essere utili e di interesse pubblico. Vi chiediamo tuttavia un po' di ordine nel postare i vostri messaggi specificando chiaramente l'argomento relativo a quella tale risorsa e, in particolare, verificando preventivamente che questa non sia già stata catalogata.

_Pillole
Per chi volesse apportare un maggiore contributo pratico, può farlo creando di propria mano, e postando sul forum, delle "pillole", cioè dei mini-tutorial o degli snippet, da condividere con la community. In seguito basterà segnalare qui il link riferito a tale post.

_{Aggiornamento dei link}
I diversi link segnalati saranno controllati periodicamente (per quel che è possibile) dai moderatori e inseriti opportunamente nelle relative sezioni di questo thread. Tutte le segnalazioni verranno via via eliminate. Col normale trascorrere del tempo è plausibile che dei link risultino non più attivi. I moderatori faranno il possibile per tenere la situazione aggiornata ma, non avendo ancora il dono dell'onnipresenza, si chiede la collaborazione di tutti per segnalare i link non più funzionanti.


Si ringraziano, per le segnalazioni: MC23


_Attenzione!
Qui non vanno assolutamente postate discussioni relative agli argomenti proposti. Potete invece aprire nuove discussioni direttamente sul forum, nelle quali sarà possibile fare anche riferimento ad eventuali link qui proposti qualora si ritenga utile ai fini della discussione stessa.


Grazie per l'attenzione.
I moderatori: KillerWorm, ResianTaxidrive

- Come consultare i link
La lista di voci (contenenti i link) è suddivisa in capitoli (argomenti principali) i quali sono numerati e riportati in post distinti.
I capitoli sono organizzati secondo questa linea logica che va dalla teoria alla pratica:

• 1-4 concetti teorici (guide, teorie di utilizzo, specifiche degli standard)
• 5-7 strumenti per iniziare a lavorare e tecniche per farlo al meglio
• 8-11 azione pratica (tutorial, snippets, esempi dimostrativi)
• 12 pillole degli utenti del forum
• 13 siti di riferimento e aree tematiche dove poter reperire ulteriori risorse

Ogni capitolo è suddiviso a sua volta in paragrafi i quali contengono gli elenchi di voci raggruppate per attinenza.

Ogni singola voce dell'elenco può riportare, oltre il link, diversi dati informativi che ne facilitano la consultazione, secondo questo schema:

• data (riferita alla pagina di provenienza o, in generale, alla pubblicazione della risorsa)
• lingua (sigla: "it", "en", o altra eventuale lingua relativa alla risorsa)
• link (specificato dal titolo della risorsa stessa)
• informazioni eventuali (autore - editore - sito di riferimento - ecc.)
• breve descrizione (riportata sotto la riga del link)

- Indice degli argomenti

1. Cosa sono i CSS – nozioni di base e guide complete
2. Come funzionano i CSS – concetti e meccanismi di funzionamento
3. Perché usare i CSS - approccio al moderno web design
4. Documentazione e riferimenti degli standard CSS – elenchi di regole, proprietà, funzioni e specifiche
5. Strumenti per lavorare con i CSS
6. Ottimizzazione CSS – guide e consigli utili per lo sviluppo di codice efficiente e compatibile
7. Librerie CSS – pre-processori, estensioni, CSS dinamici e altri ambiti di utilizzo dei CSS
8. CSS in azione – tecniche, esempi pratici e tutorial
9. Layout e suoi elementi
10. Contenuti e componenti di uso comune
11. Divertendosi con style
12. Pillole - contributo dagli utenti del forum
13. Siti, risorse, aree tematiche su CSS e dintorni

[KillerWorm]

-- Panoramica --

* 15-05-2024 (it) CSS Wikipedia
* ~~~~~~2006 (en) Cascading Style Sheets Håkon Wium Lie (padre dei CSS)
* 24-06-2013 (it) Guida CSS di base Cesare Lamanna - HTML.it
* 25-07-2011 (it) Guida CSS Tecniche essenziali Simone D'Amico - HTML.it
* 24-06-2011 (it) Guida CSS3 Cesare Lamanna e Simone D'Amico - HTML.it
* ~~~~~~~~~~ (it) F.A.Q. CSS HTML.it
* 08-11-2022 (it) Il Manuale CSS: Comoda Guida CSS per Sviluppatori Flavio Copes - traduz. di Dario Di Cillo - freeCodeCamp
* 11-10-2021 (it) I metodi migliori per imparare CSS online aulab.it
* ~~~~~~~~~~ (it) Cos’è il linguaggio CSS Gemma Zaragoza - aulab.it - Guida HTML e CSS in italiano
* 22-02-2023 (it) Best Practice CSS per Principianti Salman Ravoof - kinsta.com
* 25-02-2022 (it) Introduzione al codice CSS: guida pratica per gestire il tuo sito web Fashion Snobber
* 26-03-2019 (it) Come imparare il CSS: una guida semplice IONOS
* 21-05-2016 (it) Introduzione ai CSS Alessandra Salvaggio - comefarea.it - Tratto da: XHTML e CSS Guida all’uso - Edizioni FAG
* ~~~~~~~~~~ (en) CSS Introduction W3Schools
* ~~~~~~~~~~ (en) Getting to Know CSS Shay Howe - learn.shayhowe.com - Learn to Code HTML & CSS
* ~~~~~~~~~~ (en) Intimidated By CSS? The Definitive Guide To Make Your Fear Disappear Jon Penland - html.com

-- Video guide --

* 14-07-2024 (it) HTML e CSS Pratico: Guida Completa per Principianti Giovanni Pace - Archety - 9 video - tot. 01:29:35
* 12-06-2024 (it) Corso di CSS (tutorial in italiano) Francesca Martorana - FantasticaMente ING - 12 video - tot. 03:26:29
* 22-11-2023 (it) Corso CSS Italiano 2023 Manuel Ricci - Imparare Coding con Manuel - 23 video - tot. 11:48:04
* 14-01-2022 (it) Corso CSS 3 Completo 2022 Edoardo Midali - 29 video - tot. 06:46:36
* 22-11-2021 (it) Corso Completo di CSS + Progetto Pratico HPV film - video 05:27:02
* ~~~~~~2017 (it) Introduzione a CSS Khan Academy - Video lezioni gratuite e vario materiale didattico
* 30-04-2017 (it) CSS Tips & Tricks Carmhack - Free Programming - 7 video - tot. 01:11:16
* 25-06-2015 (it) Corso CSS3 livello base AndreaRizzieri - 22 video - tot. 01:14:44
* 04-07-2016 (it) Corso CSS3 livello avanzato AndreaRizzieri - 15 video - tot. 03:10:42
* 20-10-2014 (it) Corso intermedio HTML CSS Francesca G. - 6 video - tot. 01:35:06
* 23-06-2014 (it) Video Corso CSS (Level 2 e 3) ITA fcamuso - 17 video - tot. 05:55:34
* 09-02-2012 (it) CSS Tutorials Michael Mammoliti - 7 video - tot. 01:04:40
* 22-07-2015 (en) Sass & SCSS Tutorial for Beginners thenewboston - 7 video - tot. 00:45:24
* 01-07-2015 (en) Less CSS Tutorials for Beginners thenewboston - 8 video - tot. 00:42:20

-- eBook - PDF stampabili --

* 12-02-2012 (it) CSS - su Wikibooks - 35 pagine
* 15-10-2007 (it) Guida pratica ai CSS Massimiliano Carnevale - su Manie Grafiche - 41 pagine
^{Nota: è una vecchia versione pubblicata su HTML.it; la nuova versione è del 2013 su HTML.it}
* 12-10-2023 (en) CSS From A To Z Muhammed CİNDİOĞLU - 109 pagine
* 09-06-2023 (en) Learn CSS Basics - A Brief Guide Code Xtracts - Mocktime Publication - 101 pagine
* 13-07-2009 (en) CSS3 Cheat Sheet Chris Hanscom (Veign.com) - su Smashing Magazine - 5 pagine
^{Guida rapida delle referenze CSS3}
* ~~~~~~2011 (it) Corso di Web Programming - CSS Paolo Milazzo - di.unipi.it - slide pdf - 59 pagine
* ~~~~~~2014 (en) The Missing Link Michael Mendez - Open SUNY Textbooks - su textbooks.opensuny - 304 pagine
^{An Introduction to Web Development and Programming}

-- Un salto in libreria --

_{- in italiano}
* 2023 Impara CSS: Guida pratica di CSS (Aggiornata) A de Quattro - Amazon Digital Services LLC - Kdp - 120 pagine
* 2018 I fondamentali del CSS con accenni al CSS3 Antonio Mercurio - 109 pagine
* 2017 HTML e CSS. Progettare e costruire siti web Jon Duckett - Apogeo - 512 pagine
* 2015 HTML5 e CSS3: Guida completa Alessandra Salvaggio - Edizioni LSWR - 582 pagine
* 2015 HTML e CSS - Seconda edizione Elizabeth Castro, Bruce Hyslop - Tecniche Nuove - 549 pagine
* 2012 HTML5 e CSS3. Per il World Wide Web Elizabeth Castro, Bruce Hyslop - Tecniche Nuove - 548 pagine
* 2011 HTML5 e CSS3 Gabriele Gigliotti - Apogeo Editore - 312 pagine
* 2011 CSS: terza edizione Gianluca Troiani - Apogeo - 288 pagine
* 2008 Oltre i CSS. La sottile arte del web design Andy Clarke - Pearson - 384 pagine
* 2006 Cascading Style Sheets. Guida pratica Håkon Wium Lie e Bert Bos - Pearson Italia S.p.a. - 380 pagine
^{Questo testo rappresenta la prima edizione italiana della guida ufficiale all'uso dei CSS. Gli autori del libro sono i creatori dei CSS e spiegano l'origine del linguaggio CSS.}

_{- in inglese}
* 2023 CSS: The Definitive Guide Eric Meyer, Estelle Weyl - O'Reilly Media, Inc. - 1128 pagine
* 2023 CSS: A Beginner's Guide Dobbs Media - Amazon Digital Services LLC - Kdp - 64 pagine
* 2023 CSS Notes for Professionals book Dr. Ashad ullah Qureshi - Concepts Books Publication - 244 pagine
* 2023 HTML and CSS: The Comprehensive Guide Jürgen Wolf - Rheinwerk Publishing - 814 pagine
* 2023 HTML and CSS: The Modern Web Development RJ Raawat - 274 pagine
* 2016 Flexible Boxes in Css: Free Yourself With Flexbox Estelle Weyl - O'Reilly Media - 75 pagine
* 2011 CSS Pocket Reference Eric A. Meyer - O'Reilly Media - 252 pagine

[KillerWorm]

-- Box model --

* 24-06-2013 (it) Il box model Cesare Lamanna - HTML.it
* ~~~~~~~~~~ (it) CSS - il box model traduz. di Andrea D. - learnlayout.com
* 12-10-2017 (en) Introduction to the CSS basic box model - CSS MDN
* ~~~~~~~~~~ (en) Box model CSS 2 W3C
* ~~~~~~~~~~ (en) Opening the Box Model Shay Howe - learn.shayhowe.com - Learn to Code HTML & CSS

-- Position e z-index - posizionamento e impilamento degli elementi --

* 24-06-2013 (it) Posizionare gli elementi con i CSS Cesare Lamanna - HTML.it
* 05-01-2022 (it) 4 ragioni per cui il tuo z-index non sta funzionando Jessica Chan - traduz. di Ilenia Magoni - freeCodeCamp
* 13-06-2022 (it) Come usare la proprietà position in CSS per allineare elementi Dario Di Cillo - freeCodeCamp
* ~~~~~~~~~~ (it) CSS - position traduz. di Andrea D. - learnlayout.com
* 25-12-2004 (it) Layout e posizionamento Roberto Bianchi - Spazioprever
* ~~~~~~~~~~ (en) Positioning Content Shay Howe - learn.shayhowe.com - Learn to Code HTML & CSS
* 05-11-2015 (it) CSS3 Avanzato - 3.1 - Posizionamento 1 (relative) Andrea Rizzieri - video 09:29
* 07-11-2015 (it) CSS3 Avanzato - 3.2 - Posizionamento 2 (absolute) Andrea Rizzieri - video 11:05
* 08-11-2015 (it) CSS3 Avanzato - 3.3 - Posizionamento 3 (fixed) Andrea Rizzieri - video 07:12

-- Float e Clear - elementi flottanti nel flusso dei contenuti --

* 24-06-2013 (it) Float e clear Cesare Lamanna - HTML.it
* 20-03-2006 (it) Float: teoria e pratica Alessandro Fulciniti - HTML.it
* 25-03-2015 (it) Qual’è il modo migliore di applicare il clear ai float CSS? Gabriele Romanato
* ~~~~~~~~~~ (it) CSS - float traduz. di Andrea D. - learnlayout.com
* ~~~~~~~~~~ (it) CSS - the clearfix hack traduz. di Andrea D. - learnlayout.com
* 12-08-2015 (it) CSS: come utilizzare la classe Clearfix Flavius Florin Harabor - InsiDevCode
* 22-11-2015 (it) CSS3 Avanzato - 3.5 - Floating Andrea Rizzieri - video 10:18

-- Specificità, ereditarietà, override --

* 22-06-2010 (it) Cos'è la Specificità Simone D'amico - HTML.it
* 22-06-2010 (it) Calcolare la specificità Simone D'amico - HTML.it
* ~~~~~~~~~~ (en) Specificity Calculator Keegan Street - Tool online per il calcolo della specificità
* 09-04-2012 (it) CSS: calcolo della specificità dei selettori Gabriele Romanato
* 17-11-2011 (it) CSS Specificity Simone Grimani - simogrima.com
* 28-05-2010 (it) CSS/Cascade Wikibooks
* 02-01-2012 (it) Ereditarietà Simone Grimani - Simogrima.com
* ~~~~~~~~~~ (it) Concetti avanzati di CSS: ereditarietà e pseudo classi Andrea Barghigiani - Oilproject

[KillerWorm]

-- Il design basato sui CSS --

* 03-11-2015 (it) CSS Zen Garden David Shea - Wikipedia
^{Una dimostrazione di cosa si può realizzare per mezzo del design basato sui CSS.}
* 17-03-2006 (it) Cosa significa separare il contenuto dalla presentazione Michele Diodati - HTML.it
* 20-03-2006 (it) Javascript e CSS: separare l’azione dalla presentazione Peter-Paul Koch - HTML.it
* 17-03-2006 (it) Guida Layout dei siti con i CSS Alessandro Fulciniti - HTML.it
* 01-09-2002 (it) Progettare con i CSS .ConStile
* ~~~~~~~~~~ (it) Imparare l'impaginazione con i CSS traduz. di Andrea D. - Greg Smith - learnlayout.com
* 20-06-2006 (en) Behavioral Separation Jeremy Keith - A List Apart

-- RWD vs. AWD - Responsive Web Design e Adaptive Web Design --

* 02-11-2015 (it) Design responsivo Wikipedia
* 14-05-2012 (it) Cos’è il responsive design Cesare Lamanna - HTML.it
* 09-03-2022 (it) Tutorial Media Query - breakpoint e dimensioni smartphone Cem Eygi - Ilenia Magoni - freeCodeCamp
* 11-10-2012 (it) Come e perché progettare siti responsive? Davide Mancuso - Your Inspiration Web
* 28-07-2014 (it) Progettazione e design di un sito Web Responsive Alessandra de Robertis - Webhouse
* 12-01-2011 (en) Responsive Web Design: What It Is and How To Use It Kayla Knight - Smashing Magazine
* 25-05-2010 (en) Responsive Web Design Ethan Marcotte May - A List Apart
* ~~~~~~2022 (en) Responsive design - Learn web development MDN
* ~~~~~~~~~~ (en) Responsive vs. Adaptive Design: What’s the Best Choice Jerry Cao - Studio by UXPin

_{- Video tutorial}
* 17-04-2016 (it) Progettazione di un sito responsive: CSS3 Media Query Giancarlo Perlo - video 17:11
* 20-07-2017 (it) HTML/CSS creare un sito web responsive, con Bootstrap o Foundation mark61196 - video 05:07

-- Mobile First - Ultima frontiera, l'era del web "tascabile" --

* 26-09-2011 (it) Responsive design pragmatico: “prima il mobile” Marco Pontili - HTML.it
* 30-05-2016 (it) Mobile First: il nuovo approccio al web design 1&1 IONOS
* 17-08-2017 (it) Mobile web: gli errori più frequenti 1&1 IONOS
* 22-09-2016 (it) Mobile First è meglio? emmemedia.com

-- Tableless - L'estinzione del layout tabellare --

* 15-09-2002 (it) CSS e tabelle a confronto .ConStile
* 17-03-2006 (it) Dalle tabelle al layout table-less Alessandro Fulciniti - HTML.it
* Vedere anche le modalità Grid Layout e Flexbox al capitolo 9. Layout e suoi elementi

[KillerWorm]

-- CSS (generale) --

* (en) Descriptions of all CSS specifications W3C
* (en) CSS Reference W3Schools
* (en) All Standards and Drafts W3C
^{Lista delle raccomandazioni W3C correnti e altri documenti tecnici}
* (en) Cascading Style Sheets home page W3C
^{Informazioni su come imparare e usare CSS e sul software disponibile}
* (en) CSS Compatibility in Internet Explorer MSDN
^{Tabelle informative riguardo il supporto delle caratteristiche CSS2.1 e CSS3 su diverse versioni di Internet Explorer}

-- CSS 4 --

* 21-11-2018 (en) Selectors Level 4 W3C Working Draft
* ~~~~~~~~~~ (en) Selectors from level 4 to 1 css4-selectors.com
* ~~~~~~~~~~ (it) I selector CSS4 : le variabili native in CSS Glue Labs

-- CSS 3 --

* 31-01-2017 (en) CSS Snapshot 2017 W3C Working Group Note W3C Working Group Note
* ~~~~~~~~~~ (en) CSS3 Browser Support and Information CSS3 Click Chart

-- CSS 2 --

* 24-02-2022 (en) CSS 2 Editor’s Draft, 24 February 2022
* 07-06-2011 (en) Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification W3C Recommendation 07 June 2011

-- CSS 1 --

* ~~~08-2004 (it) Fogli di Stile a Cascata, livello 1 Pasquale Popolizio - Osservatoriosullacomunicazione.com
^{Traduzione della Raccomandazione W3C 17 Dicembre 1996}
* 11-04-2008 (en) Cascading Style Sheets level 1 W3C Recommendation 17 Dec 1996, revised 11 Apr 2008
* ~~~~~~~~~~ (it) Proprietà C.S.S. Roberto Bianchi - Spazioprever

-- Colori - definizione delle specifiche, tool e tabelle dei colori utilizzabili nei CSS --

* (en) CSS Color Module Level 5 W3C Working Draft
* (en) CSS Color Module Level 4 W3C Editor’s Draft
* (it) Encycolorpedia Schemi Colori Hex, Grafici, Tavolozze e Vernici
* (en) Color equivalents table Eric A. e Kathryn S. Meyer - Meyerweb
^{Tabella ordinabile, 147 colori standard e relativi valori Keyword, Decimal RGB, Percentage RGB, HSL, Hex, Short}
* (en) HTML Color Names W3Schools
^{Tabella dei 140 nomi-colore supportati da tutti i browser, relativi valori e tool Mix}
* (en) Color encyclopedia - Information and conversion ColorHexa.com
* (en) HTML CSS Color Online color library development, web-design... Koshevoy Dmitry - htmlcsscolor.com
* (en) CSS hex color words for web developers BADA55.io

_{- Tools}
* (en) CSS filter generator to convert from black to target hex color Barrett Sonntag - CodePen
* (en) Color Blender meyerweb.com
* (en) Dopely Colors A Free Solution to all your Color Problems
* (en) Coolors The super fast color palettes generator!
* (en) Canva Colors Color names, hex codes, color schemes and tools
* (en) ArtyClick Colors Ultimate Color Tools

[KillerWorm]

-- Browser, plugin ed estensioni --

* Brave Brave Software - articolo su Wikipedia
* Chrome Google - articolo su Wikipedia
* Google Chrome Dev Strumenti per sviluppatori di Google Chrome
* Firefox Mozilla - articolo su Wikipedia
* Firefox Developer Edition Mozilla.org
* Safari Apple - articolo su Wikipedia
* Edge Microsoft - articolo su Wikipedia
* Opera Opera - articolo su Wikipedia
* Amaya W3C - articolo su Wikipedia - Browser web open source e strumento di editing. Adottato dal W3C
* IE 6-11 iTechtics - Installer offline vecchie versioni Internet Explorer

-- Strumenti di sviluppo integrati nei browser --

* ~~~~~~~~~~ (en) Strumenti di Sviluppo di Firefox MDN
* 02-01-2013 (it) IE10, gli strumenti per gli sviluppatori Roberto Brunetti - HTML.it

-- Emulatori online browser --

* Browserling Peteris Krumins e James Halliday - Browserling Inc.

-- Tester devices responsive --

* Responsive Website Design Tester Media Genesis
* Am I Responsive? See your site responsive

-- Editor codice e software offline --

* Sublime Text Jon Skinner - recensione su HTML.it
* Atom GitHub Inc. - articolo su Wikipedia
* Brackets Adobe Systems - articolo su Wikipedia
* Rapid CSS editor Blumentals Solutions - recensione su HTML.it
* 21-05-2015 (en) 10 Professional Free CSS Editors Adrian - Designmodo
* 27-02-2015 (en) The 11 Best Code Editors Available in 2015 Nathan B. Weller - Elegant Themes Blog
* List of text editors su Wikipedia
* 2010 CSS Tab Designer OverZone Software - recensione su HTML.it
^{Software unico, facile uso. Aiuta a progettare elenchi e sistemi a schede css-based}
* 2013 Autoprefixer Andrey Sitnik - recensione su CSS-Tricks
^{Post-processore per gestire al meglio i prefissi vendor}
* 2007 Free CSS Toolbox Blumentals Solutions - recensione su HTML.it
^{Validatore, formattatore, compressore CSS gratuito}

-- Applicazioni online - editor, web playground e tool per sperimentare, testare e condividere i propri codici --

* CodePen Alex Vazquez, Tim Sabat, Chris Coyier - recensione di Ernesto Tirinnanzi su Idee per Computer ed Internet
^{Editor web-based HTML, CSS, JS. Possibile iscriversi, configurare kit, diventare follower}
* Tryit Editor W3schools.com
^{Editor HTML, CSS, JS basato su CodeMirror}
* JSFiddle Piotr Zalewa - recensione di Claudio Cicali su Edit HTML.it
^{Playground HTML, CSS, JS. Possibile includere librerie JavaScript, simulare chiamate AJAX, salvare i test}
* JS Bin Remy Sharp - recensione di Marco Pontili su Edit HTML.it
^{Simile a JSFiddle. Possibile eseguire codecasting, test cross-browser e cross-platform al volo}
* Rendera Brian P. Hogan - recensione su Mooseek.com
^{Editor online, rendering immediato. Supporta HTML (HTML, HAML, Markdown), JavaScript (JS, CoffeeScript), CSS (Css, Sass, Scss)}
* Dabblet Lea Verou - recensione su HTML.it
^{Code tester gratuito, registrazione facoltativa, facile uso. Possibile salvare codice su github}
* Liveweave Amit Sen - recensione su Mooseek.com
^{Editor online. Supporta CSS3, HTML5
The sassiest way to play with Sass, Compass, LibSass}
* CSSDeck The Eighth Network
^{Raccolta creazioni CSS/HTML. Supporta HTML5, CSS3, JavaScript}
* GitHub Chris Wanstrath, PJ Hyett, Tom Preston-Werner - articolo su Wikipedia
^{Servizio repository sviluppo progetti software. Strumenti per editare, condividere file di testo e documenti revisionabili}

-- CSS generator - tool online per generazione di snippet CSS --

* The Ultimate CSS Generator Jason Macfarlane - webcode.tools
* CSS Border Radius Generator Jacob Bijani
* CSS3 Rounded Corner Generator CSSPortal
* Button Generator bestcssbuttongenerator.com
* CSS Button Generator cssbuttongenerator.com
* Ultimate CSS Gradient Generator Alex Sirota - ColorZilla.com
* Beautiful CSS box-shadow examples CSS Scan
* Autoprefixer CSS online Per aggiungere prefissi vendor desiderati e rimuovere quelli inutili

-- Accessibilità - verifica e riparazione CSS accessibili --

* CSS Techniques for Web Content Accessibility Guidelines 1.0 W3C Note
^{Tecniche per sviluppo CSS accessibile}
* Quick Reference - Testing Web Content for Accessibility WebAIM
^{Risorse per verifica e sviluppo interfacce web accessibili}
* 11-03-2016 (it) Web e Accessibilità - Cosa significa rendere un sito accessibile dirtywork.it
^{Traduzione dall’inglese del testo originale Introduction to Web Accessibility pubblicato da WebAIM}
* Tidy Dave Raggett - articolo su Wikipedia
^{Tool per correzione codice HTML. Offre anche soluzioni a problemi riguardo l'uso di browser non text-based}

_{- strumenti di validazione per l'accessibilità}
* WP Accessibility WordPress plugin - WordPress.org
* WAVE Web Accessibility Tool WebAIM
* Cynthia Says Cryptzone Cynthia Says Portal
* Web Accessibility Evaluation Tools List w3.org

_{- strumenti per testare la conformità del contrasto cromatico}
* Contrast Checker Acart - contrastchecker.com
* Color Contrast Checker WebAIM
* Contrast Finder Contrast-Finder.org

-- Validatori - controllo di conformità del codice --

* CSS Validation Service Verifica CSS e documenti (X)HTML contenenti fogli di stile
* Can I use Alexis Deveria
^{Verifica compatibilità su browser desktop e mobile, di tutte le funzionalità recenti HTML5, CSS3, SVG}
* HTML Email Check and Validation Tool David Bedenknecht - htmlemailcheck.com
^{Check the markup (HTML, XHTML, CSS) of HTML emails and newsletters}

-- Formattatori e ottimizzatori - editor online per auto-formattare/indentare/comprimere/minimizzare il codice --

* Clean CSS Dan's Tools - Vari tool per abbellire, minimizzare, formattare, comprimere diversi tipi di codice e file
* CSS Compressor Semplice compressore CSS
* PurifyCSS Online Remove unused CSS code from your stylesheets

[KillerWorm]

-- Con eleganza e "stile" - best practices, shorthand e accorgimenti per un CSS funzionale, snello e bello --

* 04-07-2022 (it) Convenzioni CSS che ti salveranno da ore di debug Emmanuel Ohans - tradus. di Ilenia Magoni - freeCodeCamp
* 28-11-2016 (it) Comprimere il codice CSS e migliorare la performance del sito 1&1 IONOS SE
* 16-09-2014 (it) CSS Audit: Valutare Attentamente il Codice traduz. Italian A List Apart - vers. orig. Susan Robertson - A List Apart
* 18-01-2015 (it) Come ottimizzare il codice CSS su Wordpress
* 15-05-2017 (it) 8 strumenti per formattare ed ottimizzare i CSS Ma-No.org
* 20-03-2006 (it) Ottimizzare i CSS Alessandro Fulciniti - HTML.it
* 30-07-2013 (en) The Minimum Code for a CSS Transition Louis Lazaris - Impressive Webs
* 05-08-2012 (en) How do you order your CSS properties? Chris Coyier - CSS-Tricks

-- BEM (Block Element Modifier) - creare codice CSS modulare, riutilizzabile e scalabile --

* ~~~~~~~~~~ (en) BEM methodology BEM is proudly made by Yandex - en.bem.info
* ~~~~~~~~~~ (it) BEM: Grammatica per la buona scrittura CSS Marzia Martinelli - trapstudio.it
* 08-06-2016 (it) BEM: Scrivere CSS facili da comprendere Mantenibili e Scalabili (video YouTube 8:25) Andrea Marchetti
* ~~~~~~~~~~ (en) Get BEM introduction - Block Element Modifier getbem.com

-- Reset e Normalize - ridefinire i valori di default e uniformare lo stile sui diversi browser --

* 01-08-2012 (it) Reset CSS, quale scegliere? Leano Benefico - WebHouse
* 15-06-2010 (it) Reset: controllare i valori di default del browser Simone D'amico - HTML.it
* ~~~~~~~~~~ (en) CSS Tools: Reset CSS Eric A. e Kathryn S. Meyer - Meyerweb
* ~~~~~~~~~~ (en) Most popular CSS Reset scripts, all in one place cssreset.com
* 27-10-2015 (it) CSS3 Avanzato - 2.1 - CSS Reset (video YouTube 24:24) Andrea Rizzieri
* 30-10-2015 (it) CSS3 Avanzato - 2.2 - Normalize.css (video YouTube 7:32) Andrea Rizzieri

-- Cross-browsing? Bug, hack, fix, trick, tip, hint, fallback e workaround - Questioni di "supporto" --

* ~~~~~~~~~~ (en) PostCSS A tool for transforming CSS with JavaScript
* 15-03-2015 (en) 15 Common CSS bugs and their easy fixes Sarah Parker - Sanwebe.com
* 28-02-2013 (en) Browser Support for CSS3 Selectors Louis Lazaris - Impressive Webs

[KillerWorm]

-- SASS (Syntactically Awesome StyleSheets) e SCSS (Sassy CSS) --

* ~~~~~~~~~~ (en) Sass sito ufficiale
* 23-03-2015 (it) Sass Wikipedia
* 01-07-2013 (it) SASS, e il CSS diventa facile da mantenere Sandro Paganotti - HTML.it
* 13-03-2019 (it) SASS: un CSS di livello più elevato? 1&1 IONOS
* 29-04-2016 (it) Sass: il nuovo approccio ai fogli di stile Giulia Meneghello - ibuildings.it
* 07-12-2015 (it) Guida SASS Sandro Paganotti, Davide Brognoli, Carlo Daniele - HTML.it
* 22-04-2014 (en) My Favorite Sass Tools Hugo Giraudel - SitePoint

-- LESS (Stylesheet language) --

* ~~~~~~~~~~ (en) Less sito ufficiale
* 14-11-2011 (it) LESS CSS: "programmare" gli stili Carlo Frinolli - HTML.it
* 24-11-2009 (it) Scrivere i CSS con LESS Andrea Ottolina - HTML.it
* 13-08-2012 (it) Cos’è e come funziona LESS Francesco Benanti - Webhouse
* 20-05-2016 (en) Less (stylesheet language) Wikipedia
* 22-12-2015 (en) Stylus (stylesheet language) Wikipedia
* 03-03-2010 (en) Dynamic CSS Kathleen Murtagh - Drupal.org

-- CSS e SVG (Scalable Vector Graphics) --

* 19-10-2015 (it) SVG e CSS, la guida Carlo Daniele - HTML.it
* 10-06-2014 (it) Guida a SVG e CSS: Animare e Stilizzare Davide De Maestri - WebHouse
* 02-02-2010 (it) Usare SVG per un background flessibile, scalabile e divertente Shelley Powers - Italian A List Apart

-- Frameworks CSS --

* ~~~~~~2020 (it) Tailwind CSS: tutorial ed esempi, guida completa | CSS HTML.it Alberto Bottarini - HTML.it
* ~~~~~~~~~~ (en) Tailwind CSS - Rapidly build modern websites without ever leaving your HTML Tailwind Labs
* 08-03-2018 (it) DynCSS: rendere dinamico il codice CSS HTML.it
* 19-03-2019 (en) CSS framework Wikipedia
* 27-02-2019 (en) Responsive & Lightweight CSS Frameworks Eric Karkovack - Speckyboy.com
* ~~~~~~~~~~ (en) CSS Front-end Frameworks with comparison usablica.github.io
* ~~~~~~~~~~ (en) A collection of the best front end frameworks Jason McCullough - cssframeworks.org
* 26-10-2018 (it) Framework css: Le migliori alternative a Bootstrap Simone Momo - getradice.com
* 07-09-2017 (it) YAML: il framework CSS più leggero per esperti 1&1 IONOS

-- Bootstrap --

* 07-04-2014 (it) Guida Bootstrap Cesare Lamanna - HTML.it
* ~~~~~~~~~~ (it) CSS - Bootstrap traduz. di Rocco Musolino - Hackers Tribe - vers. orig. su getbootstrap.com
* 14-06-2015 (it) Select con Bootstrap, il CSS e l’HTML Alessio Angeloro - alessioangeloro.it
* 17-03-2016 (it) CSS: i layout di tabella di Bootstrap Gabriele Romanato - gabrieleromanato.com
* 19-11-2014 (it) Bootstrap 3: come utilizzare i bottoni Eugenio Corrao - eugeniocorrao.it
* 24-03-2014 (it) Impaginiamo i contenuti in maniera intelligente con Bootstrap 3 Antonio Mangiacapra - yiw
* 16-10-2013 (it) Personalizzare CSS e JavaScript con Bootstrap Daniele Bochicchio - html5italia.com
* ~~~~~~~~~~ (en) Free Bootstrap Themes & Templates David Miller - startbootstrap.com
* ~~~~~~~~~~ (en) Free Bootstrap Themes Bootstrap Zero
* ~~~~~~~~~~ (en) Additional Bootstrap specific addons to supplement the base Bootstrap features BootstrapHero

-- WordPress --

* 08-04-2016 (it) Guida CSS completa e ideale per chi ha un sito WordPress Andrea Di Rocco - sos-wp.it
* ~~~~~~~~~~ (it) Come aggiungere il CSS personalizzato Supporto – WordPress.com

[KillerWorm]

-- Tutorial ed articoli pratici sui CSS --

* 12-01-2017 (it) Trucchi CSS: i comandi CSS più utili per il vostro sito web 1&1 IONOS
* (it) CSS - freeCodeCamp.org Raccolta di articoli e tutorial CSS
* (en) CSS Tutorial W3Schools - Centinaia di esempi CSS
* (it) Guida CSS Tecniche essenziali Simone D'Amico - HTML.it
* (en) CSS Demonstrations Stu Nicholls - CSS PLAY
* (en) 53 CSS-Techniques You Couldn't Live Without Vitaly Friedman - Smashing Magazine
* (en) CSS examples pmob.co.uk

-- UX e UI - buone pratiche per lo sviluppo di design facili da usare --

* ~~~~~~2017 (it) Guida UX/UI: design e sviluppo Martina Gentile - HTML.it
* 13-08-2019 (en) Enhancing The Clickable Area Size Ahmad Shadeed
* 07-07-2021 (en) Never Use a Warning When you Mean Undo Aza Raskin - A List Apart
* ~~~~~~~~~~ (en) UX Design Inspiration HTML and CSS snnippets with a focus on User Experience - codemyui.com
* ~~~~~~~~~~ (en) Design & UX SitePoint
* ~~~~~~~~~~ (en) UX Collective Fabricio Teixeira, Caio Braga - uxdesign.cc

-- Centrare in orizzontale/verticale testo o elementi dentro un contenitore --

* 19-10-2021 (it) Come centrare ogni cosa con CSS Kris Koishigawa - Alessia Vanni - freeCodeCamp
* 11-03-2019 (en) Centering in CSS: A Complete Guide Chris Coyier - CSS-Tricks
* 09-11-2017 (en) Centering things Bert Bos - w3.org
* ~~~~~~~~~~ (en) CSS Layout - Horizontal & Vertical Align W3Schools
* 14-07-2011 (en) 6 Methods For Vertical Centering With CSS Steven Bradley - vanseodesign.com

-- Operazioni matematiche con CSS --

* 20-01-2014 (it) La funzione CSS calc(): teoria e pratica Cesare Lamanna - HTML.it
* 01-06-2022 (it) Funzioni CSS - Come usare calc(), max(), min() e clamp() Dario Di Cillo - freeCodeCamp
* 23-11-2015 (it) Realizzare una griglia responsive con la funzione calc() Alessandra de Robertis - Webhouse
* 13-10-2015 (it) CSS: la funzione Calc() ma-no.org

-- Hover, active, checked, selection - interagire con gli elementi --

* 02-12-2014 (it) CSS3: effetto hover box autore Eugenio Corrao - eugeniocorrao.it
* 12-03-2012 (it) Mostra/nascondi con checkbox e CSS Cesare Lamanna - HTML.it
* 21-12-2011 (en) Stuff you can do with the "Checkbox Hack" Chris Coyier - CSS-Tricks
* 17-12-2012 (en) CSS Click Events Hugo Giraudel - Tympanus.net

-- Overlay - popup, finestre modali e altri elementi in sovrapposizione --

* ~~~~~~~~~~ (~~) "css overlay" on CodePen
* ~~~~~~~~~~ (~~) "pure css popup" on CodePen
* 03-06-2019 (it) Finestre modali col framwork w3.css Riccardo Degni - HTML.it
* 21-07-2017 (en) How to do CSS only frosted glass effect? Usama Tahir - medium.com

-- Animazioni - transition, animation e keyframe --

* 24-06-2011 (it) Animazioni CSS3 Simone D'Amico - HTML.it
* 27-04-2013 (it) CSS Animations Wikipedia
* 10-08-2015 (it) Le animazioni con i CSS3 Massimiliano Carnevale - Ueppy
* 09-07-2015 (it) Come fare animazioni con CSS3 Alessio Angeloro - alessioangeloro.it
* ~~~~~~~~~~ (en) Animate.css | A cross-browser library of CSS animations Daniel Eden - animate.style
* 08-06-2015 (it) SVG animate con CSS tramite Animation Carlo Daniele - HTML.it
* ~~~~~~~~~~ (en) Easing Functions Cheat Sheet Andrey Sitnik, Ivan Solovev - easings.net

-- Print - impostare layout di stampa --

* 28-11-2005 (en) Printing a Book with CSS: Boom! Bert Bos e Håkon Wium Lie - A List Apart
* 10-05-2002 (en) CSS Design: Going to Print Eric Meyer - A List Apart
* 24-06-2013 (it) CSS per la stampa di documenti Cesare Lamanna - HTML.it
* 28-07-2010 (it) Fogli di stile per la stampa Simone D'Amico - HTML.it
* 07-11-2012 (it) CSS per la stampa corretta Marco Damian - Zod Web Lab
* ~~~~~~~~~~ (it) Fogli di stile CSS per la stampa di pagine web Extrowebsite
* 07-01-2015 (en) Designing For Print With CSS Rachel Andrew - Smashing Magazine
* 08-03-2013 (en) 5 Powerful Tips And Tricks For Print Style Sheets Dudley Storey - Smashing Magazine
* 24-11-2011 (en) How To Set Up A Print Style Sheet Christian Krammer - Smashing Magazine
* 04-01-2008 (en) Advanced CSS Printing — Using CSS Page Breaks David Walsh

-- Email - supporto e sviluppo di CSS per la creazione di email HTML --

* 12-09-2017 (it) HTML e CSS: guida introduttiva Andrea Russo - blog.mailup.it
* 17-04-2006 (it) Email commerciali con html e css Alessandro Fulciniti - HTML.it
* 27-03-2018 (en) The Best Way to Code Background Colors for HTML Email Justine Jordan - litmus.com
* ~~~~~~~~~~ (en) Email Client CSS Support MailChimp
* ~~~~~~~~~~ (en) Index of Attributes W3C
^{Lista attributi presentazionali e non (HTML4)}
* ~~~~~~~~~~ (en) The Ultimate Guide to CSS Campaign Monitor
^{Dettaglio completo del supporto CSS per i primi 10 più popolari client email mobile, web e desktop.}
* 29-11-2016 (en) Build interactive emails with CSS Mark Robbins, Oliver Lindberg - medium.com
* ~~~~~~~~~~ (en) HTML Email Check and Validation Tool David Bedenknecht - htmlemailcheck.com
^{Check the markup (HTML, XHTML, CSS) of HTML emails and newsletters}

-- Sprite - gestire immagini multiple con un file unico --

* 31-08-2017 (it) Css Image Sprites: Google best practice Francesco Lamorgese - docnrolla.com
* 05-10-2010 (it) Sprites CSS Simone D'Amico - HTML.it
* ~~~~~~~~~~ (it) CSS Image Sprites W3Schools
* ~~~~~~~~~~ (en) CSS Sprites Generator Chris Coyier - toptal.com

[KillerWorm]

-- Grid Layout - impaginazione a due dimensioni --

* 22-04-2022 (it) CSS Grid - la grande guida per imparare i layout CSS Grid Sonja Hoffmann - raidboxes.io
* 19-05-2022 (en) CSS Grid Layout MDN
* 06-04-2017 (it) CSS Grid Vs. Flexbox Claudio Garau - Edit HTML.it
* 07-02-2017 (it) CSS Grid Layout in alternativa a FlexBox Claudio Garau - Edit HTML.it
* 16-03-2017 (it) CSS Grid Layout anche su Google Chrome Claudio Garau - Edit HTML.it
* 15-06-2016 (it) Nuove specifiche CSS3: Grid Layout Giulia Perozzo - ibuildings.it
* 21-03-2017 (it) CSS Grid Layout - La rivoluzione è arrivata! Giovanni Boldini - softcodex.ch
* 24-10-2016 (it) Grid CSS, guida essenziale per il tuo primo layout Andrea Barghigiani - skillsandmore.org
* ~~~~~~2017 (en) Grid by Example Rachel Andrew - gridbyexample.com
* 09-02-2017 (en) CSS Grid Layout Module Level 1 W3C Candidate Recommendation

-- Flexbox - impaginazione a singola dimensione --

* 09-05-2016 (it) Flexbox, guida pratica Cesare Lamanna, Carlo Daniele - HTML.it
* 03-10-2022 (it) Come funziona Flexbox - spiegato con gif colorate e animate traduz. di Roberto Pauletto - freeCodeCamp
* 28-04-2022 (en) Using CSS flexible boxes fscholz, Renatvs88 - MDN
* 11-06-2015 (it) Web Design per Bambini: Impaginazione CSS traduz. di Luca Sartori - webdesign.tutsplus.com - vers. orig.
* ~~~~~~~~~~ (en) CSS3 Flexible Box W3Schools
* 13-01-2014 (it) CSS Flexbox Cesare Lamanna - HTML.it
* 04-02-2015 (it) Flex: i layout CSS del futuro? Roberto Mannelli - Webhouse
* 21-03-2019 (en) Better Layouts Through CSS Flexbox Eric Karkovack - Speckyboy.com
* 26-05-2016 (en) CSS Flexible Box Layout Module Level 1 W3C Working Draft
* 18-05-2016 (en) A Complete Guide to Flexbox Chris Coyier - CSS-Tricks
* 10-12-2015 (en) Flexbox resources Arden - CodePen
* ~~~~~~~~~~ (en) Flexy Boxes CSS flexbox playground and code generation tool - Pete Boere - the-echoplex.net

_{- imparare giocando}
* ~~~~~~~~~~ (en) Flexbox Froggy Thomas Park - flexboxfroggy.com
* ~~~~~~~~~~ (en) Flexbox Defense Channing Allen - flexboxdefense.com

-- Layout (generale) --

* 17-08-2022 (it) HTML vs Body: altezza e larghezza pagina full size Dave Gray - traduz. di Dario Di Cillo - freeCodeCamp
* 27-05-2017 (it) Layout responsive con menu verticale fisso e contenuti scrollabili Extrowebsite
* 14-11-2013 (it) Come Realizzare un Layout Diagonale con i CSS3 Alessandra de Robertis - Webhouse
* ~~~~~~~~~~ (en) CSS Layouts Listing Stu Nicholls - CSS PLAY
* ~~~~~~~~~~ (it) Layouts CSS da 1 a 4 colonne fluidi e centrati iport.it
* 30-07-2015 (en) Layout CSS 3 colonne fluido iport.it
* 30-07-2015 (en) Layout CSS 3 colonne centrato iport.it

_{- video tutorial}
* 18-12-2016 (it) Layout con i fogli stile 1: dimensioni liquide vs dimensioni solide Giancarlo Perlo - durata 00:11:33
* 18-12-2016 (it) Layout con i fogli stile 2: Creare 3 righe e il padding Giancarlo Perlo - durata 00:09:36
* 18-12-2016 (it) Layout con i fogli stile 3: Creare colonne, margin e border Giancarlo Perlo - durata 00:14:15
* 18-12-2016 (it) Layout con i fogli stile 4: Un layout più complesso Giancarlo Perlo - durata 00:08:53

-- Header e Footer --

* 17-05-2022 (it) Come mantenere il footer al suo posto? Ilenia Magoni - freeCodeCamp
* 22-11-2020 (en) Creating Non-Rectangular Headers Erik Kennedy - CSS-Tricks
* 25-05-2016 (en) Sticky Footer with Fixed Footer Height Chris Coyier - CSS-Tricks

-- Menu - elementi di navigazione --

* 23-08-2011 (en) 100 Great CSS Menu Tutorials Kevin Muldoon - noupe.com
* ~~~~~~~~~~ (it) Come Creare un Menu a Tendina in HTML e CSS wikiHow
* ~~~~~~~~~~ (en) CSS navigation menus Stu Nicholls - CSS PLAY
* 25-05-2003 (it) Menu verticali .ConStile
* ~~~~~~~~~~ (it) CSS3 Menu. Creatore di menu CSS gratuito CSS3Menu.com

-- Fonts - come dare "carattere" ai propri testi --

_{- generale}
* ~~~~~~~~~~ (en) Web Safe and Web Font Family with HTML and CSS code Dan's Tools - cssfontstack.com

_{- font personalizzati}
* 25-08-2010 (it) Font personalizzati con @font-face Simone D'Amico - HTML.it
* 11-02-2010 (it) Come utilizzare font non standard su un sito web? Ivan Signorile - Your Inspiration Web
* 03-03-2015 (it) Font personalizzato su sito web (compatibile con IE) Daniele - Appunti di Web
* 04-04-2015 (it) WordPress: come usare i Google Fonts Eugenio Corrao - eugeniocorrao.it
* 30-12-2014 (it) Lista icone Font Awesome Alessio Angeloro - alessioangeloro.it
* 29-05-2014 (it) Google Fonts: cosa sono e come usarli Marco Grigis - HTML.it
* ~~~~~~~~~~ (it) Come inserire un font personalizzato su un sito Joomla! Font-face e altro Ginsite

_{- icon fonts}
* 22-10-2012 (it) Usare gli icon fonts con i CSS Cesare Lamanna - HTML.it
* 22-03-2017 (it) WP Visual Icon Fonts Paul van Zyl - HTML.it
* 10-06-2016 (it) Icon fonts: il web design basato su icone vettoriali 1&1 IONOS

_{- unità di misura}
* 07-09-2010 (it) Unità di misura per il testo Simone D'Amico - HTML.it
* 17-01-2023 (en) Why You Should Use rem to Set Font Size in CSS Vinod Mathew Sebastian - freeCodeCamp
* ~~~~~~~~~~ (en) CSS PX to EM Conversion W3Schools

-- Tooltip --

* ~~~~~~~~~~ (en) CSS Tooltip W3Schools - Create tooltips with CSS
* 18-04-2012 (en) CSS pointer-events and a pure CSS3 animating tooltip Dan Tello - viget.com