{"id":28366,"date":"2024-06-25T10:59:33","date_gmt":"2024-06-25T08:59:33","guid":{"rendered":"https:\/\/www.codemotion.com\/magazine\/?p=28366"},"modified":"2024-06-25T10:59:35","modified_gmt":"2024-06-25T08:59:35","slug":"repository-css-da-esplorare","status":"publish","type":"post","link":"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/repository-css-da-esplorare\/","title":{"rendered":"La nuova onda del CSS: 5 repository CSS da esplorare"},"content":{"rendered":"\n<p>Il CSS sta vivendo una rinascita, grazie a framework innovativi, ampi contributi dalla comunit\u00e0 e l&#8217;evoluzione costante delle pratiche di sviluppo web. Considerato un tempo noioso e limitato, negli ultimi anni il <strong>CSS ha subito una spettacolare trasformazione<\/strong>, diventando uno strumento potente in grado di creare design web interattivi e mozzafiato. Non pi\u00f9 confinato allo stile di base, il CSS consente ora agli sviluppatori di realizzare interfacce intricate e creative che un tempo sembravano impossibili. <\/p>\n\n\n\n<p>Immaginate di progettare qualcosa di complesso e visivamente affascinante come <a aria-label=\" (opens in a new tab)\" href=\"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/creiamo-una-ui-alla-fallout-usando-modern-css\/\" target=\"_blank\" rel=\"noreferrer noopener\" class=\"ek-link\">l&#8217;interfaccia PipBoy di Fallout<\/a> \u2014 un progetto che abbiamo realizzato con successo un paio di settimane fa.<\/p>\n\n\n\n<p>Oggi, i framework e le librerie CSS permettono agli sviluppatori di spingere pi\u00f9 in l\u00e0 i confini del web design, rendendo il compito, una volta monotono, non solo pi\u00f9 facile, <strong>ma addirittura entusiasmante<\/strong>. Benvenuti nella nuova era del CSS, dove le possibilit\u00e0 sono illimitate quanto la vostra creativit\u00e0.<\/p>\n\n\n\n<p>Ecco cinque dei migliori repository CSS che dovreste guardare per rimanere sulla breccia nel 2024.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-1-bulma\">1. Bulma<\/h3>\n\n\n\n<p>\u00a0\u00a0\u00a0&#8211; <strong>Repository<\/strong>: <a href=\"https:\/\/github.com\/jgthms\/bulma\" target=\"_blank\" aria-label=\" (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"ek-link\">jgthms\/bulma<\/a><\/p>\n\n\n\n<p>\u00a0\u00a0\u00a0&#8211; <strong>Stelle<\/strong>: 48.8k<\/p>\n\n\n\n<p>\u00a0\u00a0\u00a0&#8211; <strong>Descrizione<\/strong>: Bulma \u00e8 un framework CSS moderno basato su Flexbox. \u00c8 progettato per essere semplice da usare e facile da personalizzare, diventando il preferito tra gli sviluppatori per creare design web reattivi e puliti.<\/p>\n\n\n\n<p>\u00a0\u00a0\u00a0&#8211; <strong>Punti salienti<\/strong>: Bulma fornisce un ricco set di classi CSS per creare una variet\u00e0 di componenti web senza bisogno di JavaScript. Questo lo rende una scelta eccellente per gli sviluppatori che preferiscono mantenere separati i layer di design e funzionalit\u00e0.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-2-animate-css\">2. Animate.css<\/h3>\n\n\n\n<p>\u00a0\u00a0\u00a0&#8211; <strong>Repository<\/strong>: <a href=\"https:\/\/github.com\/animate-css\/animate.css\" target=\"_blank\" aria-label=\" (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"ek-link\">animate-css\/animate.css<\/a><\/p>\n\n\n\n<p>\u00a0\u00a0\u00a0&#8211; <strong>Stelle<\/strong>: 78.5k<\/p>\n\n\n\n<p>\u00a0\u00a0\u00a0&#8211; <strong>Descrizione<\/strong>: Animate.css \u00e8 una libreria di animazioni pronte all&#8217;uso e compatibili con vari browser, da utilizzare nei vostri progetti web. Ottima per enfasi, landing pages, slider e suggerimenti che guidano l&#8217;attenzione.<\/p>\n\n\n\n<p>\u00a0\u00a0\u00a0&#8211; <strong>Punti salienti<\/strong>: La libreria \u00e8 incredibilmente facile da integrare e offre una vasta gamma di animazioni applicabili con semplici nomi di classe. Supporta impostazioni personalizzate per le animazioni, come ritardi e iterazioni.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-3-tailwind-css\">3. Tailwind CSS<\/h3>\n\n\n\n<p>\u00a0\u00a0\u00a0&#8211; <strong>Repository<\/strong>: <a href=\"https:\/\/github.com\/tailwindlabs\/tailwindcss\" class=\"ek-link\">tailwindlabs\/tailwindcss<\/a><\/p>\n\n\n\n<p>\u00a0\u00a0\u00a0&#8211; <strong>Stelle<\/strong>: 71.3k<\/p>\n\n\n\n<p>\u00a0\u00a0\u00a0&#8211; <strong>Descrizione<\/strong>: Tailwind CSS \u00e8 un framework CSS utility-first ricco di classi come flex, pt-4, text-center e rotate-90 che possono essere composte per costruire qualsiasi design, direttamente nel markup.<\/p>\n\n\n\n<p>\u00a0\u00a0\u00a0&#8211; <strong>Punti salienti<\/strong>: L&#8217;approccio di Tailwind \u00e8 unico perch\u00e9 incoraggia gli sviluppatori a pensare in termini di classi utility piuttosto che di CSS personalizzato. Questo metodo pu\u00f2 accelerare significativamente il processo di sviluppo e garantire coerenza tra i progetti.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-4-font-awesome\">4. Font Awesome<\/h3>\n\n\n\n<p>\u00a0\u00a0\u00a0&#8211; <strong>Repository<\/strong>: <a href=\"https:\/\/github.com\/FortAwesome\/Font-Awesome\" target=\"_blank\" aria-label=\" (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"ek-link\">FortAwesome\/Font-Awesome<\/a><\/p>\n\n\n\n<p>\u00a0\u00a0\u00a0&#8211; <strong>Stelle<\/strong>: 73.2k<\/p>\n\n\n\n<p>\u00a0\u00a0\u00a0&#8211; <strong>Descrizione<\/strong>: Font Awesome \u00e8 un set di icone e toolkit popolare usato da milioni di designer e sviluppatori. Fornisce icone vettoriali scalabili che possono essere personalizzate istantaneamente \u2014 dimensione, colore, ombra e qualsiasi cosa si possa fare con i CSS.<\/p>\n\n\n\n<p>\u00a0\u00a0\u00a0&#8211; <strong>Punti salienti<\/strong>: Font Awesome rende facile aggiungere icone ai vostri progetti. Con una documentazione estesa e una grande community, \u00e8 facile trovare aiuto ed esempi per quasi ogni caso d&#8217;uso. Si integra perfettamente con vari framework ed \u00e8 costantemente aggiornato con nuove icone e funzionalit\u00e0.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-5-50-projects-50-days\">5. 50 Projects 50 Days<\/h3>\n\n\n\n<p>\u00a0\u00a0\u00a0&#8211; <strong>Repository<\/strong>: <a href=\"https:\/\/github.com\/bradtraversy\/50projects50days\" class=\"ek-link\">bradtraversy\/50projects50days<\/a><\/p>\n\n\n\n<p>\u00a0\u00a0\u00a0&#8211; <strong>Stelle<\/strong>: 27.9k<\/p>\n\n\n\n<p>\u00a0\u00a0\u00a0&#8211; <strong>Descrizione<\/strong>: Questo repository offre 50 mini progetti in HTML, CSS e JavaScript, perfetti per i nuovi sviluppatori che vogliono migliorare le proprie competenze attraverso esempi pratici.<\/p>\n\n\n\n<p>\u00a0\u00a0\u00a0&#8211; <strong>Punti salienti<\/strong>: I progetti coprono una vasta gamma di funzionalit\u00e0 e pattern di design, fornendo un&#8217;esperienza pratica con scenari del mondo reale. Questa \u00e8 una risorsa eccellente per imparare facendo.<\/p>\n\n\n\n<p>Conclusione: CSS is back<\/p>\n\n\n\n<p>Il CSS ha subito una significativa evoluzione nel corso degli anni. L&#8217;introduzione di una <a href=\"https:\/\/web.dev\/articles\/media-query-range-syntax\" target=\"_blank\" aria-label=\" (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"ek-link\">nuova sintassi di media query <\/a>e framework come Bulma e Tailwind CSS ha rivoluzionato il modo in cui gli sviluppatori pensano alla stilizzazione delle applicazioni web. Questi framework non solo forniscono un robusto set di strumenti, ma promuovono anche le migliori pratiche attraverso il loro sviluppo guidato dalla comunit\u00e0 e una documentazione completa.<\/p>\n\n\n\n<p>Con l&#8217;ascesa dei framework utility-first come Tailwind CSS, gli sviluppatori possono ora costruire design complessi rapidamente ed efficacemente. Questi framework enfatizzano l&#8217;importanza delle classi riutilizzabili, che portano a codebase pi\u00f9 manutenibili e scalabili.<\/p>\n\n\n\n<p>Inoltre, librerie come <strong>Animate.css<\/strong> e strumenti come <strong>Font Awesome<\/strong> riflettono l&#8217;impegno continuo della comunit\u00e0 a migliorare sia l&#8217;estetica che la funzionalit\u00e0 dei progetti di sviluppo web. Forniscono soluzioni facili da implementare che possono migliorare significativamente l&#8217;esperienza utente e la presentazione.<\/p>\n\n\n\n<p>In conclusione, esplorare questi repository pu\u00f2 mantenervi aggiornati nello sviluppo frontend, permettendovi di creare applicazioni web moderne, reattive e visivamente attraenti con facilit\u00e0. Buona programmazione!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Il CSS sta vivendo una rinascita, grazie a framework innovativi, ampi contributi dalla comunit\u00e0 e l&#8217;evoluzione costante delle pratiche di sviluppo web. Considerato un tempo noioso e limitato, negli ultimi anni il CSS ha subito una spettacolare trasformazione, diventando uno strumento potente in grado di creare design web interattivi e mozzafiato. Non pi\u00f9 confinato allo&#8230; <a class=\"more-link\" href=\"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/repository-css-da-esplorare\/\">Read more<\/a><\/p>\n","protected":false},"author":64,"featured_media":28361,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_editorskit_title_hidden":false,"_editorskit_reading_time":0,"_editorskit_is_block_options_detached":false,"_editorskit_block_options_position":"{}","_uag_custom_page_level_css":"","_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[10265],"tags":[11736,10446,12288,12290],"collections":[],"class_list":{"0":"post-28366","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-frontend-it","8":"tag-css-it","9":"tag-github-it","10":"tag-repositories","11":"tag-tailwind-it","12":"entry"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.9 (Yoast SEO v26.9) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Repository CSS che devi conoscere - Codemotion<\/title>\n<meta name=\"description\" content=\"Scopri questi repository CSS e vedi come si \u00e8 trasformato da noioso a innovativo, permettendo di realizzare design straordinari.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/repository-css-da-esplorare\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"La nuova onda del CSS: 5 repository CSS da esplorare\" \/>\n<meta property=\"og:description\" content=\"Scopri questi repository CSS e vedi come si \u00e8 trasformato da noioso a innovativo, permettendo di realizzare design straordinari.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/repository-css-da-esplorare\/\" \/>\n<meta property=\"og:site_name\" content=\"Codemotion Magazine\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Codemotion.Italy\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-06-25T08:59:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-06-25T08:59:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2024\/06\/DALL\u00b7E-2024-06-24-17.23.54-A-super-widescreen-image-featuring-CSS-as-a-character.-CSS-is-portrayed-as-a-cool-trendy-and-swag-figure-with-a-stylish-outfit-sunglasses-and-a-co.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1792\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Codemotion\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@CodemotionIT\" \/>\n<meta name=\"twitter:site\" content=\"@CodemotionIT\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Codemotion\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/repository-css-da-esplorare\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/repository-css-da-esplorare\/\"},\"author\":{\"name\":\"Codemotion\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/201bb98b02412383686cced7521b861c\"},\"headline\":\"La nuova onda del CSS: 5 repository CSS da esplorare\",\"datePublished\":\"2024-06-25T08:59:33+00:00\",\"dateModified\":\"2024-06-25T08:59:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/repository-css-da-esplorare\/\"},\"wordCount\":731,\"publisher\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/repository-css-da-esplorare\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2024\/06\/DALL\u00b7E-2024-06-24-17.23.54-A-super-widescreen-image-featuring-CSS-as-a-character.-CSS-is-portrayed-as-a-cool-trendy-and-swag-figure-with-a-stylish-outfit-sunglasses-and-a-co.webp\",\"keywords\":[\"CSS\",\"GitHub\",\"Repositories\",\"Tailwind\"],\"articleSection\":[\"Frontend\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/repository-css-da-esplorare\/\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/repository-css-da-esplorare\/\",\"name\":\"Repository CSS che devi conoscere - Codemotion\",\"isPartOf\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/repository-css-da-esplorare\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/repository-css-da-esplorare\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2024\/06\/DALL\u00b7E-2024-06-24-17.23.54-A-super-widescreen-image-featuring-CSS-as-a-character.-CSS-is-portrayed-as-a-cool-trendy-and-swag-figure-with-a-stylish-outfit-sunglasses-and-a-co.webp\",\"datePublished\":\"2024-06-25T08:59:33+00:00\",\"dateModified\":\"2024-06-25T08:59:35+00:00\",\"description\":\"Scopri questi repository CSS e vedi come si \u00e8 trasformato da noioso a innovativo, permettendo di realizzare design straordinari.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/repository-css-da-esplorare\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/repository-css-da-esplorare\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/repository-css-da-esplorare\/#primaryimage\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2024\/06\/DALL\u00b7E-2024-06-24-17.23.54-A-super-widescreen-image-featuring-CSS-as-a-character.-CSS-is-portrayed-as-a-cool-trendy-and-swag-figure-with-a-stylish-outfit-sunglasses-and-a-co.webp\",\"contentUrl\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2024\/06\/DALL\u00b7E-2024-06-24-17.23.54-A-super-widescreen-image-featuring-CSS-as-a-character.-CSS-is-portrayed-as-a-cool-trendy-and-swag-figure-with-a-stylish-outfit-sunglasses-and-a-co.webp\",\"width\":1792,\"height\":1024,\"caption\":\"css repos\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/repository-css-da-esplorare\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.codemotion.com\/magazine\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Frontend\",\"item\":\"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"La nuova onda del CSS: 5 repository CSS da esplorare\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#website\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/\",\"name\":\"Codemotion Magazine\",\"description\":\"We code the future. Together\",\"publisher\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.codemotion.com\/magazine\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#organization\",\"name\":\"Codemotion\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/codemotionlogo.png\",\"contentUrl\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/codemotionlogo.png\",\"width\":225,\"height\":225,\"caption\":\"Codemotion\"},\"image\":{\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Codemotion.Italy\/\",\"https:\/\/x.com\/CodemotionIT\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/201bb98b02412383686cced7521b861c\",\"name\":\"Codemotion\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/cropped-codemotionlogo-150x150.png\",\"contentUrl\":\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/cropped-codemotionlogo-150x150.png\",\"caption\":\"Codemotion\"},\"description\":\"Articles wirtten by the Codemotion staff. Tech news, inspiration, latest treends in software development and more.\",\"sameAs\":[\"https:\/\/x.com\/CodemotionIT\"],\"url\":\"https:\/\/www.codemotion.com\/magazine\/author\/codemotion-2\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Repository CSS che devi conoscere - Codemotion","description":"Scopri questi repository CSS e vedi come si \u00e8 trasformato da noioso a innovativo, permettendo di realizzare design straordinari.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/repository-css-da-esplorare\/","og_locale":"en_US","og_type":"article","og_title":"La nuova onda del CSS: 5 repository CSS da esplorare","og_description":"Scopri questi repository CSS e vedi come si \u00e8 trasformato da noioso a innovativo, permettendo di realizzare design straordinari.","og_url":"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/repository-css-da-esplorare\/","og_site_name":"Codemotion Magazine","article_publisher":"https:\/\/www.facebook.com\/Codemotion.Italy\/","article_published_time":"2024-06-25T08:59:33+00:00","article_modified_time":"2024-06-25T08:59:35+00:00","og_image":[{"width":1792,"height":1024,"url":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2024\/06\/DALL\u00b7E-2024-06-24-17.23.54-A-super-widescreen-image-featuring-CSS-as-a-character.-CSS-is-portrayed-as-a-cool-trendy-and-swag-figure-with-a-stylish-outfit-sunglasses-and-a-co.webp","type":"image\/webp"}],"author":"Codemotion","twitter_card":"summary_large_image","twitter_creator":"@CodemotionIT","twitter_site":"@CodemotionIT","twitter_misc":{"Written by":"Codemotion","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/repository-css-da-esplorare\/#article","isPartOf":{"@id":"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/repository-css-da-esplorare\/"},"author":{"name":"Codemotion","@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/201bb98b02412383686cced7521b861c"},"headline":"La nuova onda del CSS: 5 repository CSS da esplorare","datePublished":"2024-06-25T08:59:33+00:00","dateModified":"2024-06-25T08:59:35+00:00","mainEntityOfPage":{"@id":"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/repository-css-da-esplorare\/"},"wordCount":731,"publisher":{"@id":"https:\/\/www.codemotion.com\/magazine\/#organization"},"image":{"@id":"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/repository-css-da-esplorare\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2024\/06\/DALL\u00b7E-2024-06-24-17.23.54-A-super-widescreen-image-featuring-CSS-as-a-character.-CSS-is-portrayed-as-a-cool-trendy-and-swag-figure-with-a-stylish-outfit-sunglasses-and-a-co.webp","keywords":["CSS","GitHub","Repositories","Tailwind"],"articleSection":["Frontend"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/repository-css-da-esplorare\/","url":"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/repository-css-da-esplorare\/","name":"Repository CSS che devi conoscere - Codemotion","isPartOf":{"@id":"https:\/\/www.codemotion.com\/magazine\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/repository-css-da-esplorare\/#primaryimage"},"image":{"@id":"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/repository-css-da-esplorare\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2024\/06\/DALL\u00b7E-2024-06-24-17.23.54-A-super-widescreen-image-featuring-CSS-as-a-character.-CSS-is-portrayed-as-a-cool-trendy-and-swag-figure-with-a-stylish-outfit-sunglasses-and-a-co.webp","datePublished":"2024-06-25T08:59:33+00:00","dateModified":"2024-06-25T08:59:35+00:00","description":"Scopri questi repository CSS e vedi come si \u00e8 trasformato da noioso a innovativo, permettendo di realizzare design straordinari.","breadcrumb":{"@id":"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/repository-css-da-esplorare\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/repository-css-da-esplorare\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/repository-css-da-esplorare\/#primaryimage","url":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2024\/06\/DALL\u00b7E-2024-06-24-17.23.54-A-super-widescreen-image-featuring-CSS-as-a-character.-CSS-is-portrayed-as-a-cool-trendy-and-swag-figure-with-a-stylish-outfit-sunglasses-and-a-co.webp","contentUrl":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2024\/06\/DALL\u00b7E-2024-06-24-17.23.54-A-super-widescreen-image-featuring-CSS-as-a-character.-CSS-is-portrayed-as-a-cool-trendy-and-swag-figure-with-a-stylish-outfit-sunglasses-and-a-co.webp","width":1792,"height":1024,"caption":"css repos"},{"@type":"BreadcrumbList","@id":"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/repository-css-da-esplorare\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.codemotion.com\/magazine\/"},{"@type":"ListItem","position":2,"name":"Frontend","item":"https:\/\/www.codemotion.com\/magazine\/it\/frontend-it\/"},{"@type":"ListItem","position":3,"name":"La nuova onda del CSS: 5 repository CSS da esplorare"}]},{"@type":"WebSite","@id":"https:\/\/www.codemotion.com\/magazine\/#website","url":"https:\/\/www.codemotion.com\/magazine\/","name":"Codemotion Magazine","description":"We code the future. Together","publisher":{"@id":"https:\/\/www.codemotion.com\/magazine\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.codemotion.com\/magazine\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.codemotion.com\/magazine\/#organization","name":"Codemotion","url":"https:\/\/www.codemotion.com\/magazine\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/logo\/image\/","url":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/codemotionlogo.png","contentUrl":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/codemotionlogo.png","width":225,"height":225,"caption":"Codemotion"},"image":{"@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Codemotion.Italy\/","https:\/\/x.com\/CodemotionIT"]},{"@type":"Person","@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/201bb98b02412383686cced7521b861c","name":"Codemotion","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/image\/","url":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/cropped-codemotionlogo-150x150.png","contentUrl":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/cropped-codemotionlogo-150x150.png","caption":"Codemotion"},"description":"Articles wirtten by the Codemotion staff. Tech news, inspiration, latest treends in software development and more.","sameAs":["https:\/\/x.com\/CodemotionIT"],"url":"https:\/\/www.codemotion.com\/magazine\/author\/codemotion-2\/"}]}},"featured_image_src":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2024\/06\/DALL\u00b7E-2024-06-24-17.23.54-A-super-widescreen-image-featuring-CSS-as-a-character.-CSS-is-portrayed-as-a-cool-trendy-and-swag-figure-with-a-stylish-outfit-sunglasses-and-a-co-600x400.webp","featured_image_src_square":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2024\/06\/DALL\u00b7E-2024-06-24-17.23.54-A-super-widescreen-image-featuring-CSS-as-a-character.-CSS-is-portrayed-as-a-cool-trendy-and-swag-figure-with-a-stylish-outfit-sunglasses-and-a-co-600x600.webp","author_info":{"display_name":"Codemotion","author_link":"https:\/\/www.codemotion.com\/magazine\/author\/codemotion-2\/"},"uagb_featured_image_src":{"full":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2024\/06\/DALL\u00b7E-2024-06-24-17.23.54-A-super-widescreen-image-featuring-CSS-as-a-character.-CSS-is-portrayed-as-a-cool-trendy-and-swag-figure-with-a-stylish-outfit-sunglasses-and-a-co.webp",1792,1024,false],"thumbnail":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2024\/06\/DALL\u00b7E-2024-06-24-17.23.54-A-super-widescreen-image-featuring-CSS-as-a-character.-CSS-is-portrayed-as-a-cool-trendy-and-swag-figure-with-a-stylish-outfit-sunglasses-and-a-co-150x150.webp",150,150,true],"medium":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2024\/06\/DALL\u00b7E-2024-06-24-17.23.54-A-super-widescreen-image-featuring-CSS-as-a-character.-CSS-is-portrayed-as-a-cool-trendy-and-swag-figure-with-a-stylish-outfit-sunglasses-and-a-co-300x171.webp",300,171,true],"medium_large":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2024\/06\/DALL\u00b7E-2024-06-24-17.23.54-A-super-widescreen-image-featuring-CSS-as-a-character.-CSS-is-portrayed-as-a-cool-trendy-and-swag-figure-with-a-stylish-outfit-sunglasses-and-a-co-768x439.webp",768,439,true],"large":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2024\/06\/DALL\u00b7E-2024-06-24-17.23.54-A-super-widescreen-image-featuring-CSS-as-a-character.-CSS-is-portrayed-as-a-cool-trendy-and-swag-figure-with-a-stylish-outfit-sunglasses-and-a-co-1024x585.webp",1024,585,true],"1536x1536":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2024\/06\/DALL\u00b7E-2024-06-24-17.23.54-A-super-widescreen-image-featuring-CSS-as-a-character.-CSS-is-portrayed-as-a-cool-trendy-and-swag-figure-with-a-stylish-outfit-sunglasses-and-a-co-1536x878.webp",1536,878,true],"2048x2048":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2024\/06\/DALL\u00b7E-2024-06-24-17.23.54-A-super-widescreen-image-featuring-CSS-as-a-character.-CSS-is-portrayed-as-a-cool-trendy-and-swag-figure-with-a-stylish-outfit-sunglasses-and-a-co.webp",1792,1024,false],"small-home-featured":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2024\/06\/DALL\u00b7E-2024-06-24-17.23.54-A-super-widescreen-image-featuring-CSS-as-a-character.-CSS-is-portrayed-as-a-cool-trendy-and-swag-figure-with-a-stylish-outfit-sunglasses-and-a-co-100x100.webp",100,100,true],"sidebar-featured":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2024\/06\/DALL\u00b7E-2024-06-24-17.23.54-A-super-widescreen-image-featuring-CSS-as-a-character.-CSS-is-portrayed-as-a-cool-trendy-and-swag-figure-with-a-stylish-outfit-sunglasses-and-a-co-180x128.webp",180,128,true],"genesis-singular-images":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2024\/06\/DALL\u00b7E-2024-06-24-17.23.54-A-super-widescreen-image-featuring-CSS-as-a-character.-CSS-is-portrayed-as-a-cool-trendy-and-swag-figure-with-a-stylish-outfit-sunglasses-and-a-co-896x504.webp",896,504,true],"archive-featured":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2024\/06\/DALL\u00b7E-2024-06-24-17.23.54-A-super-widescreen-image-featuring-CSS-as-a-character.-CSS-is-portrayed-as-a-cool-trendy-and-swag-figure-with-a-stylish-outfit-sunglasses-and-a-co-400x225.webp",400,225,true],"gb-block-post-grid-landscape":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2024\/06\/DALL\u00b7E-2024-06-24-17.23.54-A-super-widescreen-image-featuring-CSS-as-a-character.-CSS-is-portrayed-as-a-cool-trendy-and-swag-figure-with-a-stylish-outfit-sunglasses-and-a-co-600x400.webp",600,400,true],"gb-block-post-grid-square":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2024\/06\/DALL\u00b7E-2024-06-24-17.23.54-A-super-widescreen-image-featuring-CSS-as-a-character.-CSS-is-portrayed-as-a-cool-trendy-and-swag-figure-with-a-stylish-outfit-sunglasses-and-a-co-600x600.webp",600,600,true]},"uagb_author_info":{"display_name":"Codemotion","author_link":"https:\/\/www.codemotion.com\/magazine\/author\/codemotion-2\/"},"uagb_comment_info":0,"uagb_excerpt":"Il CSS sta vivendo una rinascita, grazie a framework innovativi, ampi contributi dalla comunit\u00e0 e l&#8217;evoluzione costante delle pratiche di sviluppo web. Considerato un tempo noioso e limitato, negli ultimi anni il CSS ha subito una spettacolare trasformazione, diventando uno strumento potente in grado di creare design web interattivi e mozzafiato. Non pi\u00f9 confinato allo&#8230;&hellip;","lang":"it","_links":{"self":[{"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/posts\/28366","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/users\/64"}],"replies":[{"embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/comments?post=28366"}],"version-history":[{"count":3,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/posts\/28366\/revisions"}],"predecessor-version":[{"id":28370,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/posts\/28366\/revisions\/28370"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/media\/28361"}],"wp:attachment":[{"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/media?parent=28366"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/categories?post=28366"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/tags?post=28366"},{"taxonomy":"collections","embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/collections?post=28366"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}