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

[KillerWorm]

-- Banner (generale) --

* 21-01-2014 (it) Realizzare banner animati con CSS3 Ma-No-Web Design & Development
* 02-02-2022 (en) 15+ CSS Banners gdmtech.it

-- Banner cookies - impostazione del banner in overlay --

* 20-08-2015 (it) Nuova personalizzazione del banner dei cookie su Blogger Ernesto Tirinnanzi - Idee per Computer ed Internet - Per banner Google nei siti su piattaforma Blogger

-- Liste con stile --

* 16-03-2015 (it) Liste con contatori, pseudo-elementi e generated content Carlo Daniele - HTML.it
* ~~~~~~~~~~ (en) Listamatic Max Design - Svariati esempi per la realizzazione di elementi lista

-- Immagini - slide, gallerie, mappe --

_{- impaginazione e metodi di applicazione}
* 18-10-2022 (it) Come Rendere le Immagini Responsive con il CSS Cem Eygi - traduz. di Dario Di Cillo - freeCodeCamp
* 25-05-2022 (it) Come centrare un'immagine usando text-align: center Ilenia Magoni - freeCodeCamp
* 05-07-2022 (it) Come aggiungere l'URL di un'immagine al tuo div Amy Haddad - traduz. di Dario Di Cillo - freeCodeCamp
* 14-04-2016 (it) Rimuovere Spazio Sotto alle Immagini Michele Pisani

_{- slideshow}
* ~~~~~~~~~~ (~~) Responsive CSS Image Slider Dudley Storey - CodePen
* ~~~~~~~~~~ (it) Slider di immagini in puro CSS cssslider.com

_{- photo galleries}
* ~~~~~~~~~~ (en) 85+ CSS Galleries freefrontend.com
* ~~~~~~~~~~ (en) 65+ CSS Galleries - Free Code + Demos devsnap.me
* ~~~~~~~~~~ (en) 37 Image Gallery Design Inspiration codemyui.com
* 02-12-2023 (en) Very Simple Responsive Image Gallery (Pure HTML CSS) code-boxx.com
* ~~~~~~~~~~ (en) Gallery CSS Ben Schwarz

_{- image map}
* 13-06-2018 (it) Mappa su immagini responsive Qualche nozione dal forum riguardo la realizzazione di mappe responsive - forum.html.it
* 14-06-2014 (en) Responsive Image Map Avex Designs
* 15-04-2012 (en) Responsive Image Maps jQuery Plugin Matt Stow
* ~~~~~~~~~~ (en) Responsive Image Map Generator The ZaneRay Group
* ~~~~~~~~~~ (en) Responsive Image Map Creator image-map.weebly.com
* ~~~~~~~~~~ (en) Free Online Image Map Generator Image-Map.net

_{- risorse e servizi online}
* Dynamic Dummy Image Generator Russell Heimlich - DummyImage.com
* Free placeholder images Babak Fakhamzadeh - LoremFlickr

-- Form - moduli e relativi elementi --

* 30-12-2014 (it) Modificare CSS form registrazione e login WordPress Nicole Curioni - nicolecurioni.com
* 23-01-2015 (it) Come inserire icone nei campi input di un form Alessio Angeloro - alessioangeloro.it - (Bootstrap)
* 06-07-2015 (it) Layout di form con flexbox Cesare Lamanna - HTML.it
* 09-09-2022 (it) Come impostare lo stile dell'elemento button Dionysia Lemonaki - traduz. di Dario Di Cillo - freeCodeCamp
* 19-10-2014 (~~) Checks and Radios with fontawesome Tony Montemorano - CodePen

_{- strumenti online}
* ~~~~~~~~~~ (it) Form Builder JotForm - Servizio online per la creazione di moduli interattivi
^{Altri simili: pForm - Response-O-Matic - Wufoo - FormLogix - Faary - Kontactr}

-- Elementi per sondaggi, votazioni, statistiche - charts, graphs, surveys, rating --

_{- generale}
* 24-06-2013 (it) Pie Chart CSS3 animato senza JS miniMAC - minimamente.com - Grafico a torta
* 27-05-2015 (en) 20 Useful CSS Graph and Chart Tutorials and Techniques Adrian - designmodo.com
* 18-08-2015 (en) Making Charts with CSS Robin Rendle - CSS-Tricks

_{- star rating}
* 03-12-2014 (en) 5 stars rating CSS and HTML radios Jordan-Simonds - CodePen
* 17-11-2015 (en) Star Ratings CodePen - Vari esempi di star rating
* 28-05-2007 (en) CSS Star Rating System pmob.co.uk

-- Pullquotes - citazioni --

* 24-04-2017 (en) 10 Simple CSS Snippets for Creating Beautiful Blockquotes Jake Rocheleau - 1stwebdesigner.com
* ~~~09-2006 (en) Snazzy Pullquotes for Your Blog Chris Pearson - pearsonified.com

[KillerWorm]

-- Giocando - CSS Games --

_{- Imparare giocando}
* (it) Giochi divertenti per aiutarti a imparare facilmente la programmazione CSS Dz Tech
* (en) Knights of the Flexbox Table Uso di Flexbox e Tailwind CSS - BeyondCode
* (en) CSSBattle! online code golfing game
* (en) CSS Diner Gioco sui selettori CSS - Luke Pacholski
* (it) Grid Garden Codepip
* (en) Learn Code By Playing Games codingfantasy.com - Flex Box Adventure - Grid Attack
* (it) Flexbox Froggy Thomas Park
* (en) Flexbox Defense Channing Allen
* (en) Guess CSS! Aleksei Berezkin
* (en) CSS Speedrun Vincent Will
* (en) 100 Days CSS Challenge Matthias Martin
* (en) CSS Challenges Temani Afif

_{- Miňo Černota minocernota.com}
* 2019 Tale of the Warrior
* 2017 Adventure Time - Rescue of Flame princess

_{- Itzik Pop on CodePen}
* 2017 The Maze
* 2017 Air bomb
* 2017 Save the eggs

_{- Ben Szabo on CodePen}
* 2018 Tower of Hanoi
* 2017 Connect 4

_{- Stu Nicholls CSSPLAY}
* 2024 CSS Tic- Tac-Toe - simplified
* 2024 CSS 3 x 3 Slide Puzzle
* 2024 CSS Fibonacci spiral
* 2024 CSS CONNECT 4 - updated
* 2024 CSS Triangle Spinner
* 2024 CSS Stopwatch using counter
* 2022 CSS Tower of Hanoi

-- Disegnando - grafica in puro CSS --

* 2022 (it) Come disegnare cerchi triangoli e altre figure in CSS puro Thomas Weibenfalk - traduz. di Ilenia Magoni - freeCodeCamp
* ~~~~ Pure CSS art gallery css-art.com
* 2018 Heart modelling nikolisan - dev.to
* 2019 Minion with CSS Samu - CodePen
* 2016 Baby Squirtle Josh Bader - CodePen
* ~~~~ The Simpsons Chris Pattle
* ~~~~ Characters in Pure CSS Popular cartoon characters - Rachel Bull - CodePen
^{Peppa Pig - South Park - Angry Birds - The Powerpuff Girls - Frozen's Olaf - The Simpsons - The Lego Movie's Emmet - Family Guy's Brian Griffin - Family Guy's Stewie Griffin - Monsters Inc's Mike Wazowski - SpongeBob SquarePants - Despicable Me's Minion - Disney's Mickey Mouse - Disney's Big Hero 6 Baymax}

-- Leggendo - animazioni ed effetti book --

* 2018 Flipping Book Dhanish - CodePen
* 2018 Book Animation Lyna Nguyen - CodePen
* 2018 3D Book project Anna Sabatini - CodePen
* 2018 3D Flip Hover Effects Book Of Congratulations from the game - Robert Bunnysman - CdoePen
* 2017 Book Layout Erin E. Sullivan - CodePen
* 2017 3D Book Browsing Jon Kantner - CodePen
* 2017 CSS BOOK Miňo Černota
* 2016 Book opening animation Valeriia - CodePen
* 2017 Comic book style layout with CSS Grid Aysha Anggraini - CodePen
* 2016 Responsive Comic Book Layout Chris Smith - CodePen
* 2015 Jumpy Book Shelf Ryan McLaughlin - CodePen
* 2014 Pure CSS animal book Ana Tudor - CodePen
* 2014 Pure CSS book Jani Kinnunen - CodePen
* 2013 Animated Books with CSS 3D Transforms Marco Barria - tympanus.net
* 2013 3D Book Showcase Mary Lou - tympanus.net

-- Curiosando - umorismo css, stranezze, giochilli da nerds e ammennicoli vari --

* 2017 (it) I giochi di parole ispirati dal CSS T4 Agency - Fonte: Design You Trust - Vedi anche su: Hongkiat
* ~~~~ (en) CSS Puns T-shirt & Mugs Saijo George
* ~~~~ (en) Fun with CSS! Mike Lee - CSS Humor
* ~~~~ (en) CSS hex color words for web developers BADA55.io
* 2017 (en) CSS is Awesome Brandon Smith - CSS-Tricks
* ~~~~ (en) Humor for developers Devhumor
* 2022 (en) Accessible Memes Can Be Done adrianroselli.com

[KillerWorm]

- Partecipa anche tu! (vedi indicazioni sul primo post) -

* 03-01-2018 [pillola] Tabella responsive di immagini con descrizione KillerWorm
* 01-11-2016 [pillola] Scheda libro con immagine copertina 3D (CSS3) KillerWorm
* 23-11-2017 [pillola mini tutorial] Animazione carte da gioco con effetto flip - pure CSS KillerWorm

[KillerWorm]

_{- in italiano}
* CSS: Articoli, Guide ed Approfondimenti Sezione dedicata al CSS del periodico telematico HTML.it
* W3C Italia Ufficio italiano del consorzio W3C
* CSS - freeCodeCamp.org community nonprofit che ti aiuta a imparare a programmare lavorando su progetti
* Gabrieleromanato.com Gabriele Romanato - Svilupp. web full stack. Membro IWA. Autore su Html.it e Smashing Magazine
* Italian A List Apart da un'idea di Valeria Brigatti - Traduzioni italiane degli articoli di A.L.A. - Sito autorizzato da A.L.A.
* Your Inspiration Web YIW - Community Italiana dedicata al mondo del Web Design
* Grafica & Formazione Francesca Gallesio - graficaeformazione.com - Web design, graphic design, formazione professionale
* Come fare a... - Il computer in pratica comefarea.it
* Simogrima Simone Grimani - Web Developer & Web Designer

_{- in inglese}
* W3C CSS Sezione dedicata al CSS del World Wide Web Consortium
* CSS-Tricks Tips, Tricks, and Techniques on using Cascading Style Sheets
* CSSplay Stu Nicholls - Experiments with cascading style sheets. Doing it with Style
* A List Apart For People Who Make Websites
* MDN Web Docs | CSS: Cascading Style Sheets Resources for Developers, by Developers
* HTML & CSS SitePoint
* CodeMyUI Web Design & UI Inspiration with Code Snippets
* Codrops Creative front-end resources and inspiration for web professionals
* Quackit Tutorials Ian Dickson - Quackit.com
* Speckyboy CSS Libraries, Toolkits, Snippets & Tutorials
* 1stWebDesigner Helping You Build a Better Web
* CSS Zen Garden The Beauty of CSS Design
* Hongkiat Beginner’s Guide to CSS3
* CSS Portal Generators, Resources, Tools, HTML
* Pure James Alley - purecss.io - A set of small, responsive CSS modules that you can use in every web project
* Veerle's blog 3.0 Webdesign, XHTML CSS, Graphic Design
* Eric Meyer: CSS meyerweb.com
* Complex Spiral Consulting Helping clients improve the bottom line through the use of Web standards
* Stopdesign Creative outlet of Douglas Bowman
* QuirksMode QuirksMode.org is the prime source for browser compatibility information on the Internet
* Brainjar Using Style Sheets
* Realworldstyle css layouts, tips, tricks, and techniques