64 trucchi e risorse per CSS

Risorse per CSS!Logo risorse per CSS

Avete fame di CSS? Volete saperne di più su tutte le funzioni del CSS? In questo articolo troverete quello di cui necessitate: 64 link a trucchi e risorse per CSS!

Che cos’è il CSS?

Il CSS è un linguaggio web che permette di separare lo stile di visualizzazione della pagina dal codice HTML. Molto utile per questioni di SEO (Ottimizzazione per i Motori di Ricerca) e per alleggerire la grandezza della pagina web. Per maggiori informazioni, visitate questo articolo di Klayz.com: Cosa significa “CSS” e a cosa serve?.

Dove trovo trucchi e risorse per CSS?

Ecco qui una lista di 64 link di trucchi e risorse per CSS utili per gli sviluppatori (web developer), per i disegnatori (web designers) e per tutti coloro che ne vogliono sapere di più:

  1. HTML.it – Guida base al CSS: Un tutorial che vi aiuterà a muovere i primi passi per iniziare ad imparare il linguaggio CSS.
  2. HTML.it – Articoli CSS: Articoli vari sul linguaggio CSS.
  3. SmashingMagazine.com – 53 CSS Techinques You Couldn’t Live Without: 53 tecniche in CSS per creare tabelle, box di immagini e barre di navigazione.
  4. HongKiat.com – 20 Useful CSS Tips For Beginners: Consigli di utilizzo del CSS per principianti. L’uso delle classi, delle liste, del reset.css, delle tabelle, etc.
  5. Code.TutsPlus.com: 5 Way to Instantly Write Better CSS: Consigli utilissimi per iniziare a creare correttamente e con organizzazione un foglio di stile in CSS.
  6. Noupe.com: Using CSS to Do Anything: 50 guide e tutorial per creare fogli di stile in CSS.
  7. DevSnippets.com – CSS Code Snippets and 15 Wicked Tricks: Trucchi ed esempi di codice per creare liste stilizzate, per creare immagini con grandezze preimpostate, etc.
  8. Designer-Daily.com – 8 CSS tips for better linking: 8 trucchi in CSS per creare dei link personalizzati, includendo ad esempio la nazionalità del link che stiamo per visitare mostrando una bandiera alla sua sinistra.
  9. CSSGlobe.com – 8 Premium One Line CSS Tips: Alcuni codici che mostrano come centare un elemento in una pagina, come mostrare sempre la scrollbar di Firefox, rimuovere il bordo ai link attivi, etc.
  10. SmashingMagazine.com – 70 Expert Ideas For Better CSS Coding: Guide su come creare delle classi preimpostate, come utilizzare il reset.css e organizzare al meglio il codice CSS.
  11. DesignReviver.com – 10 Excellent CSS Tips and Tutorials: Guide per creare bottoni rotondi in CSS, link con icone e menu a lista stilizzati.
  12. Noupe.com – 40+ Tutorials, Demos, Tips and Best Practices: Guide su come creare i layout in CSS, come creare un sito web in orizzontale, etc.
  13. CSSTea.com – 120 Excellent Examples of CSS Horizontal Menu: Lista di esempi di menu in CSS creati in CSS.
  14. ITDiscover.com – 99 Wacky CSS resources: Tutorial, Layout, Ottimizzatori, Editor e molte altre risorse per CSS.
  15. SmashingMagazine.com – 12 Principles For Keeping Your Code Clean: Principi utili per capire come scrivere un codice CSS pulito.
  16. Tutorial9.net: Quick & Easy CSS Developement with Firebug: tutorial che spiega come creare del codice in CSS utilizzando a Firebug a nostro favore.
  17. DreamCSS.com – 25+ CSS Tools to reduce your work loads: Tool per formattare automaticamente il CSS scritto, per migliorarlo e per aiutarci semplificandoci la vita di programmatore.
  18. SixRevisions.com – 20 Useful Resources for Learning about CSS3: Link ad articoli che trattano di CSS3, problematiche, funzioni, migliorie, etc.
  19. SpeckyBoy.com – 16 CSS Graph Bar Chart Tutorials and Techniques: Esempi di utilizzo del CSS per creare dei grafici verticali e orizzontali.
  20. StylizedWeb.com – Most Used CSS Tricks: Lista dei trucchi comuni (ad esempio come creare dei bordi rotondi senza utilizzare le immagini) in CSS.
  21. WebDesignLedger – 12 CSS Tools and Tutorials For Beautiful Web Typography: Link di siti web terzi che permettono di stilizzare attraverso dei font personalizzati il testo, il tutto utilizzando il CSS.
  22. Noupe.com – 5 Popular CSS Frameworks: Sviluppare il codice CSS traendo vantaggio dalle impostazioni predefinite di un Framework.
  23. InstantShift – 30 Excellent CSS Based Navigation and Buttons Tutorials: Lista di guide per creare dei bottoni di navigazione per navbar.
  24. CatsWhoCode – Top 10 CSS Buttons Tutorial List: Le tecniche per creare dei bottoni in CSS.
  25. Blog.TeamTreehouse.com – Creating Sexy Stylesheets: Guida per creare dei fogli di stile perfetti.
  26. SixRevisions.com – Resetting Your Styles with CSS Reset: Resettare il CSS partendo dal reset.css.
  27. WebCredible.com – Ten CSS Tricks You May Not Know: Trucchi vari per semplificare il codice CSS.
  28. ErraticWisdom.com – 5 Tips for Organizing Your CSS: Consigli e trucchi per scrivere un CSS migliore.
  29. TheFloatingFrog.co.uk – 10 CSS Shorthand Techniques You’ll Use Everyday: Impostazioni per il padding, i margini, i colori, i background e altre risorse per CSS.
  30. LeslieFranke.com – CSS Cheat Sheet: Ottima tabella per migliorare il proprio CSS.
  31. DesignReviver.com – 13 Training Principles of CSS Everyone Should Know: Consigli per un migliore utilizzo del CSS.
  32. Noupe.com – 101 CSS Techniques of All Times: Le 101 migliori tecniche in CSS di tutti i tempi secondo Noupe.
  33. BlogWebAir.it – 16+ Easy CSS Techniques that Simplify The Web Designer Life: Lista di codici per creare menu, tabelle, immagini pop up, etc.
  34. Moz.com – 15 CSS Properties You Probably Never Use (but perhaps should): Una lista di proprietà CSS molto utili da conoscere.
  35. 456bereastreet.com – The HTML, CSS and JavaScript Lab: Un laboratorio online per analisi su questi linguaggi.
  36. PingMag.jp – 5 Steps To CSS Heaven: Trucchi e soluzioni per un migliore CSS.
  37. FrankManno.com – CSS Image Maps: Guida su come creare una immagine mappa utilizzando solamente il CSS.
  38. SitePoint.com – 20 Sites That Brought CSS into the Mainstream: Una lista di siti web che ha portato alla fama il linguaggio del CSS.
  39. CSS-Tricks.com – CSS Font Size: Guida su come stilizzare i font utilizzando il CSS.
  40. Blog.TeamTreeHouse.com – Make Your Site Mobile More Friendly: L’utilizzo del CSS per ottimizzare un sito web per i dispositivi mobili.
  41. SmashingMagazine.com – Top 10 CSS Table Designs: Utilizzo del CSS per creare delle tabelle ottimamente disegnate.
  42. AListApart – Fluid Grids: Creare delle griglie con il CSS utilizzando un codice pulito.
  43. Subcide.com – How to Debug CSS: Guida per scoprire gli errori commessi nel codice CSS utilizzando il Debug Mode.
  44. UltimateSmashing.com – 26 28+ Galleries to Follow on Twitter: Lista di gallerie CSS da seguire su Twitter.
  45. Veerle-v2-Duoh.com – Simple scalable CSS based breadcrumbs: Il codice per creare delle breadcrumb (barre di navigazione) in CSS.
  46. SitePoint.com – My Top Ten CSS Tricks: Lista di 10 trucchi in CSS.
  47. VanDelayDesign.com – 22 Resources To Easily Create CSS Layouts: Creare dei layout in CSS. Risorse per CSS.
  48. Toxel.com – 40 Beautiful Dark CSS Website Designs: Lista con dei siti web con design realizzato in CSS.
  49. WebDesignerWall – How to: CSS Large Backgrounds: Guida su come creare dei background in CSS utilizzando delle immagini a tutta pagina.
  50. WestCiv.com – Complete CSS Guide: Guida completa per il CSS.
  51. BarelyFitzDesigns – Learn CSS Positioning in Ten Steps: Imparare il posizionamento degli elementi utilizzando solo il CSS.
  52. HongKiat.com – 50+ Nice Clean CSS Tab-Based Navigation Script: Lista di script in CSS per creare delle tabelle di navigazione.
  53. Alvit.de – CSS Navigation Techniques ShowCase: Lista di tecniche e risorse per CSS per creare dei menu.
  54. Noupe.com – CSS Typography: Contrast Techniques, Tutorials and Best Practices: Silizzare le scritte utilizzando solo il CSS.
  55. CSSGlobe.com – 4 Uber Cool CSS Techniques for Links: Guida su come stilizzare i link con i CSS.
  56. HongKiat.com – 38 Free Elegant XHTML/CSS WebSites Templates: Lista di 38 Free Elegant XHTML/CSS WebSite Templates.
  57. SmashingMagazine.com – CSS Float Theory, Things You Should Know: Analisi dei migliori utilizzi per il float in CSS.
  58. SixRevisions.com – Structural Naming Convention in CSS: I migliori metodi per dare dei nomi agli elementi in CSS per la struttura di una pagina web.
  59. CameronMoll.com – The Highly Extensible CSS: Varie guide sul CSS. Risorse per CSS.
  60. SmashingMagazine.com – Improving Code Readability with CSS Styleguides: Guida per apportare delle migliorire al codice CSS.
  61. WebDesignerWall – Best of CSS Design 2008: Lista di siti web creati con il codice CSS.
  62. SitePoint.com – SitePoint CSS Reference: Referenza al CSS di SitePoint. Risorse per CSS.
  63. SmashingMagazine.com – CSS Editors Reviewed: Recensioni di editor di CSS.
  64. Devimadesign.com – Border Image in CSS: Articolo sulla proprietà di border image in CSS.

Molti dei link per le risorse CSS presenti in questo articolo sono stati presi da questa pagina web: http://www.gracesmith.co.uk/84-amazingly-useful-css-tips-resources/ (in lingua inglese).

Fatene buon uso!

 
1 Kudos
Non ti
muovere!

Condividi il Post