Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 13

Discussione: Link utili CSS (aggiornato al 12-07-2017)

  1. #1
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    3,604

    Link utili CSS (aggiornato al 12-07-2017)

    Link utili CSS

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



    - Link veloci alle questioni più comuni





    - 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.

    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: Mich_, 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-10 azione pratica (tutorial, codici e costruzione dei vari elementi)
    • 11 pillole degli utenti del forum
    • 12 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. Pillole - contributo dagli utenti del forum
    12. Siti, risorse, aree tematiche su CSS e dintorni
    Ultima modifica di KillerWorm; 15-04-2017 a 19:51

  2. #2
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    3,604

    1. Cosa sono i CSS – nozioni di base e guide complete


    -- Panoramica --

    * 11-01-2017 (it) CSS Wikipedia
    * 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
    * 21-05-2016 (it) Introduzione ai CSS Alessandra Salvaggio - comefarea.it - Tratto da: XHTML e CSS Guida all’uso - Edizioni FAG
    * 25-12-2004 (it) Primi passi con HTML + CSS traduzione di Pasquale Popolizio - vers. orig. sul sito W3C
    * 03-10-2002 (it) Introduzione ai CSS .ConStile
    * ~~~~~~~~~~ (it) Introduzione allo sviluppo CSS Oreste Parlatano, Andrea Barghigiani - Oilproject
    * ~~~~~~~~~~ (it) C.S.S. - Cascading Style Sheet Roberto Bianchi - Spazioprever
    * ~~~~~~~~~~ (en) CSS Introduction W3Schools
    * ~~~~~~~~~~ (en) Getting to Know CSS Shay Howe - learn.shayhowe.com - Learn to Code HTML & CSS

    -- FAQ --

    * ~~~~~~~~~~ (it) F.A.Q. CSS HTML.it
    * 02-11-1999 (en) CSS Frequently Asked Questions HTML Writers Guild
    * 01-12-2016 (en) CSS FAQ MoodleDocs

    -- Tesi e tematiche --

    * ~~~~~~2006 (en) Cascading Style Sheets Håkon Wium Lie (padre dei CSS)
    * 05-11-2005 (it) Linguaggio Css Alessandro Calvaresi
    * ~~~~~~2012 (it) HTML5 e CSS3: un connubio vincente per la progr. web di domani (pdf) Federico Toffano
    * 15-07-2001 (it) Fogli di Stile - CSS Specco Andrea - Relazione sui CSS

    -- eBook - PDF stampabili --

    * 12-02-2012 (it) CSS - su Wikibooks - 35 pagine
    Questo wikibook ha come obiettivo di fornire al lettore adeguate conoscenze del linguaggio CSS. Il libro può essere consultato da chi possiede un fondamento di HTML, in quanto il CSS è un linguaggio di applicazione grafica alla struttura preesistente.
    * 15-10-2007 (it) Guida pratica ai CSS Massimiliano Carnevale - su Manie Grafiche - 41 pagine
    * 30-09-2002 (it) Guida CSS di base Cesare Lamanna - uniroma2.it - HTML.it - 74 pagine
    Nota: è una vecchia versione pubblicata su HTML.it; la nuova versione è del 2013 su HTML.it
    * 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 - 59 pagine (slide pdf)

    -- Un salto in libreria --

    - in italiano
    * 2015 (it) HTML5 e CSS3: Guida completa Alessandra Salvaggio - Edizioni LSWR - 582 pagine
    HTML e CSS sono il cuore della creazione delle pagine Internet, i mattoni di base su cui si possono costruire tutte le tecnologie Web.
    * 2012 (it) HTML5 e CSS3. Per il World Wide Web Elizabeth Castro, Bruce Hyslop - Tecniche Nuove - 548 pagine pagine
    Il modo più facile e veloce per imparare HTML5 e CSS3. Questa guida QuickStart usa tante immagini e testi brevi per rendervi esperti da subito.
    * 2011 (it) HTML5 e CSS3 Gabriele Gigliotti - Apogeo Editore - 312 pagine
    Scoprire il linguaggio di markup che sta rivoluzionando il Web. Migliorare l'esperienza utente con interfacce dinamiche e contenuti più ricchi.
    * 2011 (it) CSS: terza edizione Gianluca Troiani - Apogeo - 288 pagine
    Creare siti e pagine web accattivanti, funzionali ed economici da gestire. Sviluppare interfacce compatibili con iPhone, iPad e dispositivi Android.
    * 2008 (it) Oltre i CSS. La sottile arte del web design Andy Clarke - Pearson - 384 pagine
    Così come il Web si evolve e incorpora nuovi standard, e le versioni più recenti dei browser offrono costantemente nuove possibilità di utilizzare funzioni più avanzate, anche l'arte del creare i siti Web muta.
    * 2006 (it) 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
    * 2016 (en) Flexible Boxes in Css: Free Yourself With Flexbox Estelle Weyl - O'Reilly Media - 75 pagine
    Layout designers rejoice: CSS finally has an update that will make your lives easier. Flexible box layout, often called Flexbox, frees you from the challenges of creating layouts with floats and padding...
    * 2011 (en) CSS Pocket Reference Eric A. Meyer - O'Reilly Media - 252 pagine
    This handy, concise book provides all of the essential information you need to implement CSS on the fly. Ideal for intermediate to advanced web designers and developers, the 4th edition is revised and updated for CSS3.

    Ultima modifica di KillerWorm; 12-07-2017 a 00:05

  3. #3
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    3,604

    2. Come funzionano i CSS – concetti e meccanismi di funzionamento


    -- Box model --

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

    -- Position - posizionamento degli elementi sulla pagina --

    * 01-06-2015 (it) CSS: Positioning Lago - Lag's Weblog
    * 19-10-2015 (en) 5 Things You Might Not Know About the CSS Pos... George Martsoukos - Scotch.io
    * 24-06-2013 (it) Posizionare gli elementi con i CSS Cesare Lamanna - HTML.it
    * ~~~~~~~~~~ (it) CSS - position traduzione 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) (video YouTube 9:29) Andrea Rizzieri
    * 07-11-2015 (it) CSS3 Avanzato - 3.2 - Posizionamento 2 (absolute) (video YouTube 11:05) Andrea Rizzieri
    * 08-11-2015 (it) CSS3 Avanzato - 3.3 - Posizionamento 3 (fixed) (video YouTube 7:12) Andrea Rizzieri

    -- 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
    * 03-06-2015 (it) CSS: le proprietà float & clear Lago - Lag's Weblog
    * 25-03-2015 (it) Qual’è il modo migliore di applicare il clear ai float CSS? Gabriele Romanato
    * ~~~~~~~~~~ (it) CSS - float traduzione di Andrea D. - learnlayout.com
    * ~~~~~~~~~~ (it) CSS - the clearfix hack traduzione di Andrea D. - learnlayout.com
    * 12-08-2015 (it) CSS: come utilizzare la classe Clearfix Flavius Florin Harabor - InsiDevCode
    * ~~~~~~~~~~ (it) Le proprietà CSS float e clear blog.aziendeitalia.com
    * 22-11-2015 (it) CSS3 Avanzato - 3.5 - Floating (video YouTube 10:18) Andrea Rizzieri

    -- 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
    * 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
    * 17-05-2011 (it) Specificità ereditarietà override Stefano Vollono - Laboratorio CSS - WordPress plugin Page Style
    * 02-01-2012 (it) Ereditarietà Simone Grimani - Simogrima.com
    * ~~~~~~~~~~ (it) Concetti avanzati di CSS: ereditarietà e pseudo classi Andrea Barghigiani - Oilproject
    * ~~~~~~~~~~ (it) Calcolare specificità selettori css Devimadesign

    Ultima modifica di KillerWorm; 12-07-2017 a 00:23

  4. #4
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    3,604

    3. Perché usare i CSS - approccio al moderno web design


    -- Separare presentazione da contenuto --

    * 17-03-2006 (it) Cosa significa separare il contenuto dalla presentazione Michele Diodati - HTML.it
    * 01-09-2002 (it) Progettare con i CSS .ConStile
    * 01-10-2004 (en) Pushing Your Limits (and other secrets of designing with CSS) Douglas Bowman - Stopdesign

    -- Separare azione da presentazione --

    * 20-06-2006 (en) Behavioral Separation Jeremy Keith - A List Apart
    * 20-03-2006 (it) Javascript e CSS: separare l’azione dalla presentazione Peter-Paul Koch - HTML.it

    -- Tableless - layout tabellari?! ...storia passata --

    * 15-09-2002 (it) CSS e tabelle a confronto .ConStile
    * 17-03-2006 (it) Dalle tabelle al layout table-less Alessandro Fulciniti - HTML.it
    * 16-09-2004 (it) Gettare le tabelle fuori dalla finestra traduzione di Giuseppe Di Carlo e Chenoa - Gdesign - vers. orig. di Douglas Bowman - Stopdesign
    * ~~~~~~~~~~ (it) Creazione di un layout table-less con i Css Luca Ruggiero - lukeonweb.net
    * Vadere anche la modalità Flexbox al capitolo 9. Layout e suoi elementi

    -- 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) 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 traduzione di Andrea D. - Greg Smith - learnlayout.com

    -- 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
    * 11-10-2012 (it) Come e perché progettare siti responsive? Davide Mancuso - Your Inspiration Web
    * 14-06-2014 (it) La Differenza tra il web designe adaptive e responsive Tonic Blog
    * 16-01-2014 (it) Responsive design vs Adaptive design: cosa scegliere? Gianluca Tramontana Blog
    * 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
    * 01-10-2015 (en) Responsive design versus adaptive design App Center MDN
    * ~~~~~~~~~~ (en) Responsive vs. Adaptive Design: What’s the Best Choice Jerry Cao - Studio by UXPin
    * 11-04-2013 (en) What is the difference between responsive vs. adaptive Ryan Boudreaux - TechRepublic

    Ultima modifica di KillerWorm; 12-07-2017 a 00:33

  5. #5
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    3,604

    4. Documentazione e riferimenti degli standard CSS – elenchi di regole, proprietà, funzioni e specifiche


    -- CSS (generale) --

    * ~~~~~~~~~~ (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) W3C Translations W3C
    Ricerca di traduzioni della documentazione W3C
    * ~~~~~~~~~~ (it) Standard CSS1, CSS2, CSS3 Giorgio Brajnik
    Relazione sui CSS - Revisioni dello standard
    * ~~~~~~~~~~ (en) CSS Compatibility in Internet Explorer MSDN
    Tabelle informative riguardo il supporto delle caratteristiche CSS2.1 e CSS3 su diverse versioni di Internet Explorer
    * 23-06-2014 (it) Guida di riferimento ai CSS teoli, tregagnon, Federico - Mozilla Developer Network

    -- 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 --

    * 26-07-2006 (it) Fogli di stile a cascata, livello 2 Gabriele Romanato - Diodati.org
    Traduzione della Raccomandazione W3C 12 Maggio 1998
    * 04-09-2015 (en) Cascading Style Sheets Level 2 Revision 2 (CSS 2.2) Specification W3C Editors' Draft 04 September 2015
    * 17-12-2014 (en) Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification W3C Recommendation 07 June 2011
    * 12-05-1998 (en) Cascading Style Sheets, level 2 - CSS2 Specification W3C Recommendation 12 May 1998
    * 19-01-2006 (it) Lista completa delle proprietà CSS2 Andrea Di Pizio e Fabio Regina - lau.csi.it

    -- 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 e tabelle dei colori utilizzabili nei CSS --

    * 25-06-2016 (en) CSS Color Module Level 4 W3C Editor’s Draft
    * 16-08-2011 (en) Recognized color keyword names W3C Recommendation
    * ~~~~~~~~~~ (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 Shades e Mix
    * ~~~~~~~~~~ (en) HTML CSS Color Online color library development, web-design... Koshevoy Dmitry - htmlcsscolor.com

    Ultima modifica di KillerWorm; 12-07-2017 a 00:43

  6. #6
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    3,604

    5. Strumenti per lavorare con i CSS


    -- Browser, plugin ed estensioni --

    * Chrome Google - articolo su Wikipedia
    * Firefox Mozilla - articolo su Wikipedia
    * Firefox Developer Edition Mozilla.org - Progettato per i progettisti del Web
    * 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
    * Archivio browser Evolt.org - Browser Archive
    * Archivio Safari Michel Fortin - Multi-Safari
    * IE 6-11 iTechtics - Installer offline di alcune versioni di Internet Explorer (da 6 a 11)

    -- Strumenti di sviluppo integrati nei browser --

    * 25-11-2015 (it) Strumenti di Sviluppo di Firefox MDN
    * 29-04-2014 (it) Gli strumenti di sviluppo del browser Sintesi-Design.it
    * ~~~~~~~~~~ (it) Debug e risoluzione dei problemi della pagina Web MSDN - Windows Internet Explorer 9
    * 02-01-2013 (it) IE10, gli strumenti per gli sviluppatori Roberto Brunetti - HTML.it

    -- Emulatori di browser online --

    * Browsershots Johann C. Rocholl - Browsershots.org
    * Browserling Peteris Krumins e James Halliday - Browserling Inc.
    * Ghostlab Vanamco - Vanamco.com
    * Generate screenshots Microsoft Edge Dev

    -- 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 e semplice da usare. Aiuta a progettare elenchi e sistemi a schede css-based
    * 2013 Autoprefixer Andrey Sitnik - recensione su CSS-Tricks
    Un post-processore per gestire i prefissi vendor nel miglior modo possibile
    * 2007 Free CSS Toolbox Blumentals Solutions - recensione su HTML.it
    Validatore, formattatore e 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 per HTML, CSS e JS. Possibile iscriversi, configurare il kit, diventare follower di altri utenti
    * 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 e JS. Possibile includere librerie JavaScript, simulare chiamate AJAX, salvare propri 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 con rendering immediato. Supporta HTML (HTML, HAML, Markdown), JavaScript (JS, CoffeeScript) e CSS (Css, Sass, Scss)
    * Dabblet Lea Verou - recensione su HTML.it
    Testare le proprie creazioni. Gratuito, senza obbligo di registrazione, facile da usare. Possibile salvare codice su github
    * Liveweave Amit Sen - recensione su Mooseek.com
    Editor online. Supporta CSS3 ed HTML5
    * SassMeister Jed Foster, Dale Sande - The Sass Playground!
    The sassiest way to play with Sass, Compass, & LibSass
    * CSSDeck The Eighth Network - recensione di Michele Gobbi su Dynamick.it
    Raccolta di creazioni CSS/HTML. Supporta HTML5, CSS3, JavaScript
    * GitHub Chris Wanstrath, PJ Hyett, Tom Preston-Werner - articolo su Wikipedia
    Servizio hosting web per sviluppo di progetti software. Strumenti per editare, condividere file di testo e documenti revisionabili

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

    * CSS Border Radius Generator Jacob Bijani - Angoli arrotondati CSS3
    * CSS3 Rounded Corner Generator CSSPortal - Angoli arrotondati e altre proprietà bordi CSS3
    * Autoprefixer CSS online Per aggiungere prefissi vendor desiderati e rimuovere quelli inutili
    * CSS Button Generator css3buttongenerator.com
    * Button Generator bestcssbuttongenerator.com
    * CSS Button Generator cssbuttongenerator.com
    * Easy CSS3 Generator css3gen.com - Box Shadow, Text Shadow, Border Radius, Gradients, Button, More Tools

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

    * Evaluation, Repair, and Transformation Tools for Web Content Accessibility W3C
    Elenco di software e servizi online per la verifica di contenuti accessibili
    * CSS Techniques for Web Content Accessibility Guidelines 1.0 W3C Note
    Descrizione di tecniche per sviluppo CSS accessibile
    * Quick Reference - Testing Web Content for Accessibility WebAIM
    Servizi, articoli e risorse per verifica e sviluppo di 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 durante sviluppo codice HTML. Offre anche soluzioni a problemi riguardanti le persone che non usano browser text-based

    - strumenti di validazione per l'accessibilità
    * WAVE Web Accessibility Tool WebAIM
    * Cynthia Says Cryptzone Cynthia Says Portal
    * Web Accessibility Checker AChecker

    - strumenti per testare la conformità del contrasto cromatico
    * Contrast Checker Acart - contrastchecker.com
    * Color Contrast Checker WebAIM

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

    * Developer Tools W3C Developers - Validatori messi a disposizione da W3C
    * Unicorn Validatore unificato del W3C
    * CSS Validation Service Verifica CSS e documenti (X)HTML contenenti fogli di stile
    * Can I use Alexis Deveria - recensione di Mario Valerio su Mariovalerio.com
    Verifica la compatibilità sui vari browser desktop e mobile, di tutte le funzionalità recenti HTML5, CSS3, SVG

    -- 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

    Ultima modifica di KillerWorm; 10-04-2017 a 11:59

  7. #7
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    3,604

    6. Ottimizzazione CSS – guide e consigli utili per lo sviluppo di codice efficiente e compatibile


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

    * 16-09-2014 (it) CSS Audit: Valutare Attentamente il Codice traduzione a cura di Italian A List Apart - vers. orig. di Susan Robertson - A List Apart
    * 21-12-2015 (it) CSS: dieci consigli per utilizzarlo al meglio Susanna Marsiglia - Susy Drake Blog
    * 22-10-2013 (it) Imparare a scrivere un codice CSS migliore Alessia Missiaglia - alessiadesign.com
    * 08-09-2013 (it) Scrivere CSS migliori Gianluca Savini - extracorporea.net
    * 18-01-2015 (it) Come ottimizzare il codice CSS su Wordpress
    * 09-08-2013 (it) Ridurre al minimo il codice per una transition CSS traduzione di Elisa Ferrarini - Laboratorio CSS - vers. orig. di Louis Lazaris - Impressive Webs
    * 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
    * 13-07-2015 (en) 70 Expert Ideas For Better CSS Coding Vitaly Friedman - HackHands
    * 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
    * 24-02-2016 (it) Mantenere il front-end modulare con BEM traduzione di Antonio Polese - Laboratorio CSS - vers. orig. di Connie Chan - thoughtbot
    * 08-06-2016 (it) BEM: ovvero CSS con un approccio modulare e flessibile Francesco Caruccio - codeRevolution
    * 08-06-2016 (it) BEM: Scrivere CSS facili da comprendere Mantenibili e Scalabili (video YouTube 8:25) Andrea Marchetti

    -- 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 --

    * 07-08-2013 (it) Il supporto dei browser per i selettori CSS3 traduzione di Elisa Ferrarini - Laboratorio CSS - vers. orig. di Louis Lazaris - Impressive Webs
    * ~~~~~~~~~~ (it) Prefissi vendor addio Devimadesign
    * ~~~~~~~~~~ (en) PostCSS A tool for transforming CSS with JavaScript
    * 01-01-2016 (en) Surprising CSS properties you can use today Anthony Dillon - 12devsofxmas.co.uk
    * 15-03-2015 (en) 15 Common CSS bugs and their easy fixes Sarah Parker - Sanwebe.com

    Ultima modifica di KillerWorm; 12-07-2017 a 01:04

  8. #8
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    3,604

    7. Librerie CSS – pre-processori, estensioni, CSS dinamici e altri ambiti di utilizzo dei CSS


    -- DCSS (Dynamic Cascading Style Sheets) --

    * 15-01-2016 (it) Dynamic CSS Wikipedia
    * 03-03-2010 (en) Dynamic CSS Kathleen Murtagh - Drupal.org

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

    * ~~~~~~~~~~ (en) Sass sito ufficiale
    * 07-12-2015 (it) Guida SASS Sandro Paganotti, Davide Brognoli, Carlo Daniele - HTML.it
    * 01-07-2013 (it) SASS, e il CSS diventa facile da mantenere Sandro Paganotti - HTML.it
    * 23-03-2015 (it) Sass Wikipedia
    * 29-04-2016 (it) Sass: il nuovo approccio ai fogli di stile Giulia Meneghello - ibuildings.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

    -- 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

    -- Bootstrap --

    * 07-04-2014 (it) Guida Bootstrap Cesare Lamanna - HTML.it
    * ~~~~~~~~~~ (it) CSS - Bootstrap traduzione di Rocco Musolino - Hackers Tribe - vers. orig. su getbootstrap.com
    * 29-04-2015 (it) Consigli utili sul responsive di Bootstrap traduzione di Stefano Vollono - Laboratorio CSS
    * 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
    * ~~~~~~~~~~ (it) Tutorial su bootstrap Anna Di Lorenzo - tes.com
    * 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) The Big Badass List of Twitter Bootstrap Resources BootstrapHero

    -- WordPress --

    * 08-04-2016 (it) Guida introduttiva al CSS per chi usa WordPress Andrea Di Rocco - sos-wp.it
    * 14-12-2016 (it) Fogli di stile con 5 plugin per impostare la grafica con WordPress Marcello Moresco - gestionewp.it

    Ultima modifica di KillerWorm; 12-07-2017 a 00:09

  9. #9
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    3,604

    8. CSS in azione – tecniche, esempi pratici e tutorial


    -- Tutorial ed articoli pratici sui CSS --

    * (~~) Web Design References - CSS Tutorials Svariati link di articoli e tutorial CSS da tutto il web
    * (en) CSS Tutorial W3Schools - Centinaia di esempi CSS
    * (it) Articoli CSS HTML.it - Archivio di articoli CSS
    * (it) Articoli ed Esempi con i Fogli di Stile Extrowebsite
    * (it) css Archives Sintesi-Design.it
    * (it) css Lag's Weblog Lag's Weblog
    * (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

    -- Calc - operazioni matematiche con CSS --

    * 20-01-2014 (it) La funzione CSS calc(): teoria e pratica Cesare Lamanna - HTML.it
    * 23-11-2015 (it) Realizzare una griglia responsive con la funzione calc() Alessandra de Robertis - Webhouse
    * 09-02-2015 (it) Calc css - calcolare le dimensioni con i css Alessio Moretto - alessiomoretto.com
    * 11-12-2012 (it) Espressioni matematiche css con la proprietà calc() Antonio Polese - Laboratorio CSS
    * 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
    * ~~~~~~~~~~ (it) Creare un rollover disgiunto con i CSS Extrowebsite
    * 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 --

    * ~~~~~~~~~~ (it) Box centrato con sfondo opaco coi CSS3 ed un pizzico di J... Luca Ruggiero - lukeonweb.net

    -- Animazioni - transition, animation e keyframe ...eppur si muove! --

    * 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
    * 03-02-2015 (it) Anima gli Elementi HTML con CSS3, grazie a Animate.css Andrea Barghigiani - html5AndMore
    * ~~~~~~~~~~ (~~) Animate.css Daniel Eden - daneden.github.io
    * 08-06-2015 (it) SVG animate con CSS tramite Animation Carlo Daniele - HTML.it
    * ~~~~~~~~~~ (it) Guida alle funzioni di interpolazione Andrey Sitnik - 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
    * 17-04-2012 (it) CSS media print per la stampa Stefano Vollono - Laboratorio CSS
    * 06-02-2014 (it) Rendi stampabile il tuo sito con i CSS blog.imginternet.com - vers. orig. di Paul su AddThis
    * 02-11-2009 (it) CSS per la stampa Sandra Farnedi - porteapertesulweb.it
    * ~~~~~~~~~~ (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
    * 24-11-2011 (en) How To Set Up A Print Style Sheet Christian Krammer - Smashing Magazine

    -- Email - supporto dei CSS nelle email HTML ...un salto nel passato --

    * 03-07-2015 (it) Applicare fogli di stile CSS nelle email Email Marketing Tools
    * 17-04-2006 (it) Email commerciali con html e css Alessandro Fulciniti - HTML.it
    * ~~~~~~~~~~ (en) Email Client CSS Support MailChimp
    * ~~~~~~~~~~ (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.
    * ~~~~~~~~~~ (en) Index of Attributes W3C - Lista attributi presentazionali e non (HTML4)

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

    * 05-10-2010 (it) Sprites CSS Simone D'Amico - HTML.it
    * 12-06-2015 (it) CSS: Image Sprites Anto72 - Lag's Weblog
    * ~~~~~~~~~~ (it) CSS Image Sprites W3Schools

    Ultima modifica di KillerWorm; 12-07-2017 a 12:21

  10. #10
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    3,604

    9. Layout e suoi elementi


    -- Grid Layout - impaginazione a due dimensioni --

    * 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
    * ~~~~~~~~~~ (it) Layout a griglia MSDN
    * 21-03-2017 (it) CSS Grid Layout - La rivoluzione è arrivata! Giovanni Boldini - softcodex.ch
    * 22-12-2016 (it) Il futuro dei layout CSS: Grid layouts Davide Milani - fabvla.com
    * 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
    * 04-03-2016 (en) A Complete Guide to CSS Grid Layout Chris House - chris.house
    * 09-02-2017 (en) CSS Grid Layout Module Level 1 W3C Candidate Recommendation
    * 10-04-2017 (en) CSS Grid Layout MDN

    -- Flexbox - impaginazione a singola dimensione --

    * 09-05-2016 (it) Flexbox, guida pratica Cesare Lamanna, Carlo Daniele - HTML.it
    * 16-11-2015 (it) Using CSS flexible boxes fscholz, Renatvs88 - MDN
    * ~~~~~~~~~~ (it) Imparare l'impaginazione con i CSS - flexbox traduzione di Andrea D - learnlayout.com
    * 11-06-2015 (it) Web Design per Bambini: Impaginazione CSS traduzione di Luca Sartori - webdesign.tutsplus.com - vers. orig.
    * ~~~~~~~~~~ (en) CSS3 Flexible Box W3Schools
    * 15-09-2015 (it) Come si calcolano le larghezze in Flexbox Andrea Barghigiani - html5AndMore
    * 13-01-2014 (it) CSS Flexbox Cesare Lamanna - HTML.it
    * 04-02-2015 (it) Flex: i layout CSS del futuro? Roberto Mannelli - Webhouse
    * 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

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

    -- Layout (generale) --

    * ~~~~~~~~~~ (it) Impostazione del layout di una pagina web con i CSS marcuspag.eu
    * ~~~~~~2005 (it) Layout Gala Alessandro Fulciniti - blog.html.it - Una galleria di layout
    * 01-01-2015 (it) Creare il layout di una pagina con i fogli stile CSS (video YouTube 25:24) Giancarlo Perlo
    * ~~~~~~~~~~ (en) CSS Layouts Listing Stu Nicholls - CSS PLAY
    * ~~~~~~~~~~ (it) Layouts CSS da 1 a 4 colonne fluidi e centrati iport.it
    * 14-11-2013 (it) Come Realizzare un Layout Diagonale con i CSS3 Alessandra de Robertis - Webhouse

    -- Layout 2 colonne --

    * 05-06-2015 (it) Bozza layout 2 colonne larghezza fissa, usando i float Anto72 - Lag's Weblog
    * 05-06-2015 (it) Bozza layout liquido/fluido 2 colonne, usando i float Anto72 - Lag's Weblog
    * 20-03-2006 (it) Layout liquido a 2 colonne con i CSS Alessandro Fulciniti - HTML.it

    -- Layout 3 colonne --

    * 30-07-2015 (en) Layout CSS 3 colonne fluido iport.it
    * 30-07-2015 (en) Layout CSS 3 colonne centrato iport.it

    -- Header e Footer --

    * 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
    * 15-03-2015 (it) Realizzazione di menu a tendina con i CSS marcuspag.eu
    * ~~~~~~~~~~ (it) Come Creare un Menu a Tendina in HTML e CSS wikiHow
    * ~~~~~~~~~~ (en) CSS navigation menus Stu Nicholls - CSS PLAY
    * ~~~~~~~~~~ (it) Menu verticali con i CSS HTML.it
    * 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
    * 27-05-2015 (it) Aggiungere icon font personalizzati Marco Rosetti - Liferay
    * 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

    - unità di misura
    * 07-09-2010 (it) Unità di misura per il testo Simone D'Amico - HTML.it
    * 03-11-2015 (it) Responsive design… molto più facile con le unità vw e vh di CSS3! RedTurtle - RedTurtle’s blog
    * 13-05-2015 (it) La differenza tra em e rem nel css dei nostri siti Luca Raldiri - lucaraldiri.it
    * 02-08-2013 (it) CSS font-size: em contro pixel contro punti contro percentuali traduzione di Elisa Ferrarini - Laboratorio CSS - vers. orig. su kyleschaeffer.com
    * ~~~~~~~~~~ (en) CSS PX to EM Conversion W3Schools

    -- Tooltip --

    * 15-03-2015 (it) Creare un tooltip css Sintesi-Design.it
    * ~~~~~~~~~~ (en) CSS Tooltip W3Schools - Create tooltips with CSS

    Ultima modifica di KillerWorm; 15-04-2017 a 18:52

Tag per questa discussione

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2017 vBulletin Solutions, Inc. All rights reserved.