{"id":3453,"date":"2017-04-11T08:45:26","date_gmt":"2017-04-11T06:45:26","guid":{"rendered":"https:\/\/www.intesys.it\/journal\/?p=3453"},"modified":"2022-03-03T09:41:33","modified_gmt":"2022-03-03T08:41:33","slug":"css-day-2017-tutte-le-novita-sul-mondo-del-frontend","status":"publish","type":"post","link":"https:\/\/www.intesys.it\/journal\/information-technology\/css-day-2017-tutte-le-novita-sul-mondo-del-frontend\/","title":{"rendered":"CSS Day 2017: tutte le novit\u00e0 sul mondo del frontend"},"content":{"rendered":"

<\/p>

Anche quest\u2019anno, per il secondo anno consecutivo, come Intesys e Team Front End, abbiamo partecipato alla 3a edizione del Css Day<\/a>, che si \u00e8 svolto a Faenza il giorno 17 Marzo 2017.<\/p>\n

Premessa<\/strong><\/h3>\n

L\u2019evento si vende come dedicato a sviluppatori e web designer, improntato a parlare di ci\u00f2 che sta emergendo o si sta consolidando nel mondo frontend, soprattutto legato al tema Css. Tema che prende sempre pi\u00f9 importanza perch\u00e9 deve accettare sfide portate dalle necessit\u00e0 di nuove interfacce, sempre pi\u00f9 complesse, con user experience<\/a> spinte dai framework javascript. Attraverso i vari talk abbiamo potuto constatare come scrivere codice Css con metodologie ben definite e strutturate possa portare dei vantaggi notevoli alla qualit\u00e0 di ci\u00f2 che ci ritroviamo a sviluppare giorno per giorno, in termini di performance e manutenibilit\u00e0, con un occhio sempre pi\u00f9 fisso al mobile.<\/p>\n

Talks
\n<\/strong><\/h3>\n

Vediamo brevemente, talk per talk, quali sono stati i temi trattati.<\/p>\n

    \n
  • Griglie CSS – il futuro prossimo del layout<\/strong>
    \nMassimo Artizzu ci ha fornito una notevole carrellata di tecniche per le griglie Css. Partendo dalle storiche tabelle, passando dai colori dei float attraversando il sempre pi\u00f9 utilizzato flexbox, arriva ad una visione futuristica dell\u2019utilizzo delle griglie (progetto Microsoft, e subito abbandonato). Un\u2019analisi interessante che ha dato pro e contro di ogni tecnica, tracciando un segno netto su cosa non \u00e8 pi\u00f9 utilizzabile (le tabelle), su cosa viene ormai accantonato (i float), e su cosa \u00e8 utile puntare (flexbox e griglie). Un occhio va tenuto ovviamente sulla compatibilit\u00e0, in cui purtroppo le griglie peccano.<\/li>\n
  • CSS Scalabile: Sfide e ricompense di un percorso in salita<\/strong>
    \nCarla Soloperto ha fatto un confronto molto interessante tra lo sport che lei pratica, la
    \nscalata, e come costruire il Css in un progetto molto ambizioso. Spesso la sfida pi\u00f9
    \ngrande \u00e8 mantenere la flessibilit\u00e0 e scalabilit\u00e0 nel codice appoggiandosi a metodi
    \nconsolidati come BEM, che ne permettono una lettura pi\u00f9 efficace.<\/li>\n
  • Refactoring CSS<\/strong>
    \nMattia Tommasone, backender fino a qualche anno fa, ha sottolineato come di
    \nnatura il Css non sia testabile, rispetto al linguaggio java da dove proveniva. Quello che ha potuto fare – e ci \u00e8 riuscito alla grande – \u00e8 definire una serie di regole che possono aiutare lo sviluppo giorno per giorno: se rispettate, possono aiutare molto per un ottimo risultato finale.<\/li>\n
  • Le performance come esperienza religiosa<\/strong>
    \nAndrea De Carolis ha fatto un bellissimo ed ironico talk, dove ha sottolineato
    \nl\u2019importanza di investire in performance, soprattutto in ambito frontend. L\u2019utente medio, se il sito non risponde in tempi inferiori ai 2 secondi, tende ad abbandonare la pagina e non tornarci pi\u00f9: \u00e8 quindi essenziale arrivare alla presentazione dei contenuti il prima possibile. Non investire in performance vuol dire dover rinunciare a volte anche a una fetta di nuove opportunit\u00e0 di business.<\/li>\n
  • CSS, figli di un dio minore<\/strong>
    \nDavide Di Pumpo ha sottolineato come spesso chi scrive in codice Css viene visto
    \ncome una persona di poco valore tecnologico. Non \u00e8 cos\u00ec: chi si ritrova a scrivere
    \nfogli di stile spesso ha una responsabilit\u00e0 molto elevata, dovendo rendere al meglio una user experience sempre pi\u00f9 essenziale nei prodotti.<\/li>\n
  • The multicolumn challenge: ACCEPTED!<\/strong>
    \nLorena Ramonda ha affrontato un tema molto importante, ovvero quella della
    \nrealizzazione dello stesso layout con metodi differenti. Ha effettuato un\u2019analisi molto razionale e specifica, realizzando un layout multicolonna tramite tre metodi basilari ed ha quantificato la qualit\u00e0 di ciascuno tramite statistiche sulle performance, potendo quindi confrontarli. Sembra che il vincitore sia sempre e solo flexbox. Questo ci rassicura, in quanto \u00e8 la scelta che abbiamo fatto fin da subito anche qui in intesys!<\/li>\n
  • Responsive Images, uno standard HTML 5.1<\/strong>
    \nAndrea Verlicchi ha affrontato un tema molto importante, quello delle immagini e del responsive. In un\u2019era multi device, e quindi multi risoluzione, il tema delle immagini pesa a tutti gli effetti sui tempi di risposta e quindi sulle performance della pagina. Con html, il tag picture e gli attributi src sembra pi\u00f9 facile trovare soluzioni. Da considerare come unica problematica il doversi appoggiare ad un servizio che possa realizzare in automatico le varie versioni delle immagini, ma ne esistono molti di fidati. Certo, si pu\u00f2 fare tutto fatto in casa; ma \u00e8 sconsigliabile per manutenzione e mole di lavoro.<\/li>\n
  • Bootstrap 4 is coming!<\/strong>
    \nCarmine Alfano ha parlato di bootstrap 4 e di tutte le nuove funzionalit\u00e0, partendo dalla griglia impostata su flexbox e analizzando i nuovi breakpoint per la versione small e large, con una piccola digressione sulla versione sass, che ne permette una notevole customizzazione. Sembra che il team Bootstrap abbia fatto davvero un ottimo lavoro, peccato che il progetto sia ancora in alpha, e a nostro avviso non vedr\u00e0 la luce nemmeno a fine 2017. Attendiamo con ansia, in attesa di capire se possiamo contribuire in qualche maniera al progetto, grazie al fatto che viene rilasciato come open source.<\/li>\n<\/ul>\n

    Considerazioni personali<\/strong><\/h3>\n

    In tutta sincerit\u00e0, inizialmente ho snobbato l’evento, perch\u00e9 lo ritenevo, a sentimento, di profilo medio basso per contenuti ed importanza tecnica. Fortunatamente mi sono ricreduto ed ho potuto constatare come il livello sia alto, e i temi molto attuali ed interessanti. Che dire, aspettiamo con ansia la prossima edizione, sempre sul pezzo e sempre motivati!<\/p>\n","protected":false},"excerpt":{"rendered":"

    Anche quest\u2019anno, per il secondo anno consecutivo, come Intesys e Team Front End,
    \nabbiamo partecipato alla 3a edizione del Css Day svoltosi a Faenza il 17
    \nMarzo 2017<\/p>\n","protected":false},"author":70,"featured_media":3463,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[27],"tags":[],"class_list":{"0":"post-3453","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-information-technology"},"acf":[],"yoast_head":"\nCSS Day 2017: tutte le novit\u00e0 sul mondo del frontend<\/title>\n<meta name=\"description\" content=\"Al via il CSS Day 2017, Intesys e il Team Front End non poteva mancare. Ecco i principali temi trattati e le impressioni di Imtesys in merito all'evento.\" \/>\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.intesys.it\/journal\/information-technology\/css-day-2017-tutte-le-novita-sul-mondo-del-frontend\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CSS Day 2017: tutte le novit\u00e0 sul mondo del frontend\" \/>\n<meta property=\"og:description\" content=\"Al via il CSS Day 2017, Intesys e il Team Front End non poteva mancare. Ecco i principali temi trattati e le impressioni di Imtesys in merito all'evento.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.intesys.it\/journal\/information-technology\/css-day-2017-tutte-le-novita-sul-mondo-del-frontend\/\" \/>\n<meta property=\"og:site_name\" content=\"Intesys Journal\" \/>\n<meta property=\"article:published_time\" content=\"2017-04-11T06:45:26+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-03-03T08:41:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.intesys.it\/journal\/wp-content\/uploads\/sites\/13\/2017\/04\/css.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1290\" \/>\n\t<meta property=\"og:image:height\" content=\"960\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Daniele Malavasi\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Daniele Malavasi\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.intesys.it\/journal\/information-technology\/css-day-2017-tutte-le-novita-sul-mondo-del-frontend\/\",\"url\":\"https:\/\/www.intesys.it\/journal\/information-technology\/css-day-2017-tutte-le-novita-sul-mondo-del-frontend\/\",\"name\":\"CSS Day 2017: tutte le novit\u00e0 sul mondo del frontend\",\"isPartOf\":{\"@id\":\"https:\/\/www.intesys.it\/journal\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.intesys.it\/journal\/information-technology\/css-day-2017-tutte-le-novita-sul-mondo-del-frontend\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.intesys.it\/journal\/information-technology\/css-day-2017-tutte-le-novita-sul-mondo-del-frontend\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.intesys.it\/journal\/wp-content\/uploads\/sites\/13\/2017\/04\/css.jpg\",\"datePublished\":\"2017-04-11T06:45:26+00:00\",\"dateModified\":\"2022-03-03T08:41:33+00:00\",\"author\":{\"@id\":\"https:\/\/www.intesys.it\/journal\/#\/schema\/person\/c4061dccd430a968a1c57e2c1bf36f36\"},\"description\":\"Al via il CSS Day 2017, Intesys e il Team Front End non poteva mancare. Ecco i principali temi trattati e le impressioni di Imtesys in merito all'evento.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.intesys.it\/journal\/information-technology\/css-day-2017-tutte-le-novita-sul-mondo-del-frontend\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.intesys.it\/journal\/information-technology\/css-day-2017-tutte-le-novita-sul-mondo-del-frontend\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/www.intesys.it\/journal\/information-technology\/css-day-2017-tutte-le-novita-sul-mondo-del-frontend\/#primaryimage\",\"url\":\"https:\/\/www.intesys.it\/journal\/wp-content\/uploads\/sites\/13\/2017\/04\/css.jpg\",\"contentUrl\":\"https:\/\/www.intesys.it\/journal\/wp-content\/uploads\/sites\/13\/2017\/04\/css.jpg\",\"width\":1290,\"height\":960},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.intesys.it\/journal\/information-technology\/css-day-2017-tutte-le-novita-sul-mondo-del-frontend\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.intesys.it\/journal\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CSS Day 2017: tutte le novit\u00e0 sul mondo del frontend\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.intesys.it\/journal\/#website\",\"url\":\"https:\/\/www.intesys.it\/journal\/\",\"name\":\"Intesys\",\"description\":\"Ogni settimana nuovi articoli dedicati al mondo della trasformazione digitale!\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.intesys.it\/journal\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.intesys.it\/journal\/#\/schema\/person\/c4061dccd430a968a1c57e2c1bf36f36\",\"name\":\"Daniele Malavasi\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/www.intesys.it\/journal\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0d50ccc801300914ded90a2f804ffc66aec28146b09b8166c6500328efc06a80?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0d50ccc801300914ded90a2f804ffc66aec28146b09b8166c6500328efc06a80?s=96&d=mm&r=g\",\"caption\":\"Daniele Malavasi\"},\"url\":\"https:\/\/www.intesys.it\/journal\/autore\/daniele-malavasi\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"CSS Day 2017: tutte le novit\u00e0 sul mondo del frontend","description":"Al via il CSS Day 2017, Intesys e il Team Front End non poteva mancare. Ecco i principali temi trattati e le impressioni di Imtesys in merito all'evento.","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.intesys.it\/journal\/information-technology\/css-day-2017-tutte-le-novita-sul-mondo-del-frontend\/","og_locale":"it_IT","og_type":"article","og_title":"CSS Day 2017: tutte le novit\u00e0 sul mondo del frontend","og_description":"Al via il CSS Day 2017, Intesys e il Team Front End non poteva mancare. Ecco i principali temi trattati e le impressioni di Imtesys in merito all'evento.","og_url":"https:\/\/www.intesys.it\/journal\/information-technology\/css-day-2017-tutte-le-novita-sul-mondo-del-frontend\/","og_site_name":"Intesys Journal","article_published_time":"2017-04-11T06:45:26+00:00","article_modified_time":"2022-03-03T08:41:33+00:00","og_image":[{"width":1290,"height":960,"url":"https:\/\/www.intesys.it\/journal\/wp-content\/uploads\/sites\/13\/2017\/04\/css.jpg","type":"image\/jpeg"}],"author":"Daniele Malavasi","twitter_card":"summary_large_image","twitter_misc":{"Scritto da":"Daniele Malavasi","Tempo di lettura stimato":"5 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.intesys.it\/journal\/information-technology\/css-day-2017-tutte-le-novita-sul-mondo-del-frontend\/","url":"https:\/\/www.intesys.it\/journal\/information-technology\/css-day-2017-tutte-le-novita-sul-mondo-del-frontend\/","name":"CSS Day 2017: tutte le novit\u00e0 sul mondo del frontend","isPartOf":{"@id":"https:\/\/www.intesys.it\/journal\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.intesys.it\/journal\/information-technology\/css-day-2017-tutte-le-novita-sul-mondo-del-frontend\/#primaryimage"},"image":{"@id":"https:\/\/www.intesys.it\/journal\/information-technology\/css-day-2017-tutte-le-novita-sul-mondo-del-frontend\/#primaryimage"},"thumbnailUrl":"https:\/\/www.intesys.it\/journal\/wp-content\/uploads\/sites\/13\/2017\/04\/css.jpg","datePublished":"2017-04-11T06:45:26+00:00","dateModified":"2022-03-03T08:41:33+00:00","author":{"@id":"https:\/\/www.intesys.it\/journal\/#\/schema\/person\/c4061dccd430a968a1c57e2c1bf36f36"},"description":"Al via il CSS Day 2017, Intesys e il Team Front End non poteva mancare. Ecco i principali temi trattati e le impressioni di Imtesys in merito all'evento.","breadcrumb":{"@id":"https:\/\/www.intesys.it\/journal\/information-technology\/css-day-2017-tutte-le-novita-sul-mondo-del-frontend\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.intesys.it\/journal\/information-technology\/css-day-2017-tutte-le-novita-sul-mondo-del-frontend\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.intesys.it\/journal\/information-technology\/css-day-2017-tutte-le-novita-sul-mondo-del-frontend\/#primaryimage","url":"https:\/\/www.intesys.it\/journal\/wp-content\/uploads\/sites\/13\/2017\/04\/css.jpg","contentUrl":"https:\/\/www.intesys.it\/journal\/wp-content\/uploads\/sites\/13\/2017\/04\/css.jpg","width":1290,"height":960},{"@type":"BreadcrumbList","@id":"https:\/\/www.intesys.it\/journal\/information-technology\/css-day-2017-tutte-le-novita-sul-mondo-del-frontend\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.intesys.it\/journal\/"},{"@type":"ListItem","position":2,"name":"CSS Day 2017: tutte le novit\u00e0 sul mondo del frontend"}]},{"@type":"WebSite","@id":"https:\/\/www.intesys.it\/journal\/#website","url":"https:\/\/www.intesys.it\/journal\/","name":"Intesys","description":"Ogni settimana nuovi articoli dedicati al mondo della trasformazione digitale!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.intesys.it\/journal\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Person","@id":"https:\/\/www.intesys.it\/journal\/#\/schema\/person\/c4061dccd430a968a1c57e2c1bf36f36","name":"Daniele Malavasi","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.intesys.it\/journal\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0d50ccc801300914ded90a2f804ffc66aec28146b09b8166c6500328efc06a80?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0d50ccc801300914ded90a2f804ffc66aec28146b09b8166c6500328efc06a80?s=96&d=mm&r=g","caption":"Daniele Malavasi"},"url":"https:\/\/www.intesys.it\/journal\/autore\/daniele-malavasi\/"}]}},"_links":{"self":[{"href":"https:\/\/www.intesys.it\/journal\/wp-json\/wp\/v2\/posts\/3453","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.intesys.it\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.intesys.it\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.intesys.it\/journal\/wp-json\/wp\/v2\/users\/70"}],"replies":[{"embeddable":true,"href":"https:\/\/www.intesys.it\/journal\/wp-json\/wp\/v2\/comments?post=3453"}],"version-history":[{"count":1,"href":"https:\/\/www.intesys.it\/journal\/wp-json\/wp\/v2\/posts\/3453\/revisions"}],"predecessor-version":[{"id":10014,"href":"https:\/\/www.intesys.it\/journal\/wp-json\/wp\/v2\/posts\/3453\/revisions\/10014"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.intesys.it\/journal\/wp-json\/wp\/v2\/media\/3463"}],"wp:attachment":[{"href":"https:\/\/www.intesys.it\/journal\/wp-json\/wp\/v2\/media?parent=3453"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.intesys.it\/journal\/wp-json\/wp\/v2\/categories?post=3453"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.intesys.it\/journal\/wp-json\/wp\/v2\/tags?post=3453"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}