Ultime dal Blog

layout-flexbox

Interessanti layout che puoi creare Oggi grazie a FlexBox

FlexBox è uno tra i più interessanti moduli recentemente introdotti all'interno del CSS, ne parliamo da diverso tempo ma la cosa più interessante è che permette di creare dei layout flessibili in pochissimo tempo e sopratutto compatibili con la maggior parte dei browser.

Queste sono tutte belle notizie ma molto spesso servono delle nozioni aggiuntive per poter avere la completa padronanza di uno strumento o, come in questo caso, di una nuova tecnologia.

All’interno del corso che abbiamo appositamente creato vengono spiegati per filo e per segno qualsiasi proprietà di questo nuovo modulo e sopratutto vengono introdotti i concetti base che grazie ai video integrati mostrano immediatamente il loro comportamento.

Ma molto spesso questo non basta, anche se sei un bravo sviluppatore quando si va ad apprendere qualcosa di nuovo c’è la necessità di dover vedere dal vivo come questo si comporta all’interno di ambienti reali, o per meglio dire all’interno dei browser.

Ecco perché mi è venuta in mente la creazione di questo articolo, all’interno di questo ti parlerò di alcune soluzioni che ti permetteranno di vedere in pratica come FlexBox può esserci di aiuto nella creazione di determinate strutture, la mia intenzione non sarà quella di confrontarlo con la vecchia scuola dove, grazie ai float, potevamo far galleggiare a destra o sinistra i nostri elementi e pulire tutto con un bel clear. Quello che voglio fare, piuttosto, è mettere in luce le caratteristiche utili di questo nuovo modulo e permetterti di comprenderle al meglio.

Leggi Tutto

jqery-compleanno

Buon decimo compleanno jQuery!

E così una tra le librerie JavaScript più famose al mondo ha raggiunto il decimo anno di età. Che cosa è cambiato da allora? E conviene utilizzare oggi una libreria complessa come jQuery? Queste e altre sono le domande alle quali voglio rispondere con questo articolo, buona lettura!

Il 14 gennaio del 2006 jQuery venne presentato al mondo dal suo autore John Resig ed a oggi é diventata la libreria JavaScript piú utilizzata al mondo.

Grazie a questa libreria sono nati molti effetti e soluzioni che oggi implementiamo nei nostri siti web senza neanche pensarci troppo, molti di questi sono anche diventati parte integrante di JavaScript vanilla oppure di nuovi moduli introdotti nelle recenti specifiche CSS.

Benché sia sempre stata una libreria molto potente e utilizzata talvolta bisogna dire che la sua fama in parte è stata anche fonte del suo declino, fin troppi sviluppatori si avvicinavano a essa convinti di sviluppare in JavaScript; ma come Google o Facebook non sono internet, neanche questa libreria rappresenta JavaScript nella sua completezza.

In questo articolo non voglio fare un’accusa o elevare jQuery in nessun modo, piuttosto voglio fare un percorso a ritroso in cui metto in luce la storia di questa libreria e cerco di affrontare alcune argomentazioni che potrebbero interessarti.

Leggi Tutto

sassdoc-documentazione

SassDoc, documenta in un lampo il tuo progetto

Siamo all'inizio di un nuovo anno e i buoni propositi che ci siamo fatti devono essere messi in pratica. Non so te, ma tra i miei obiettivi ho messo quello di migliorare la collaborazione con i miei colleghi e la mia ricerca mi ha portato a scoprire l'interessante strumento che ti presento in questo articolo.

Lavorare a più mani su uno stesso progetto è una pratica sempre più diffusa, i Jack of the all Trades, master of none sono (in mia opinione) destinati a sparire perché il Web ci porta sempre nuove tecniche e soluzioni che dobbiamo implementare nei nostri lavori e se non ci specializziamo in qualcosa sarà ben difficile poterci distinguere dai cugini della porta accanto.

Ma questa è una cosa che abbiamo detto spesso anche all’interno dei nostri webinar

Lavorare in team ed essere uno specialista in un campo specifico è sicuramente molto più importante e professionale, ma anche in questo contesto talvolta è utile poter collaborare con più persone che hanno le stesse competenze a diversi livelli.

Nel seguito di questo articolo ti mostrerò meglio che cosa intendo con queste parole ma prima ancora di fare questo voglio presentarti lo strumento che ho trovato nella mia ricerca: SassDoc. Come già successo quando abbiamo parlato di Grunt su questo sito, sto facendo riferimento a uno strumento da riga di comando che sarà incredibilmente utile per la tua carriera.

Capisco che spesso questi sono strumenti che tendiamo a evitare, visto l’avvento delle GUI che abbiamo subito in questi ultimi anni; ma come ti ho confessato più volte ritengo che gli strumenti del futuro siano quelli che possiamo utilizzare senza interfaccia grafica perché sono veloci, affidabili e facili da condividere.

Leggi Tutto

semantica-html5-schemaorg

Semantica HTML5 e Schema.org, sai veramente come usarli?

Eccoci ad affrontare un argomento che dovrebbe interessare lo sviluppatore che è in te, non tanto perché scoprirai nuovi elementi e attributi da utilizzare nel tuo codice HTML, ma piuttosto perché con queste nozioni sarai in grado di costruire pagine web più comprensibili da parte dei motori di ricerca in modo da migliorare i prodotti che consegnamo ai tuoi clienti.

Parlo di clienti perché essere in grado di consegnare dei siti web più performanti potrà migliorare la qualità del tuo lavoro e di conseguenza la tua professionalità, cose che non dobbiamo mai prendere sottogamba in un mercato pieno di cugini in grado di realizzare pagine web.

I consigli che troverai all’interno di questo articolo sono stati affrontati in un webinar che abbiamo registrato, se preferisci questo formato avrai la possibilità di consultarlo direttamente da queste pagine, ma allo stesso tempo andrò ad aggiungere testo e blocchi di codice che ti permetteranno di capire meglio i singoli aspetti.

Insomma, ci sono veramente tante cose da vedere, quindi non voglio perdere altro tempo e vado subito ad analizzare le migliorie che puoi utilizzare sin da ora.

Leggi Tutto

html-import-introduzione

Un’accattivante Introduzione agli HTML Import

Internet è in continua evoluzione e come frontend developer non ti puoi permettere di rimanere indietro e non approfondire le tue conoscenze; cavoli noi ci crediamo talmente tanto che abbiamo addirittura aperto una scuola dedicata!

Però oggi non sono qua per parlarti della nostra scuola o del nostro approccio alla formazione, hai cliccato su questo titolo perché sei interessato agli HTML Import e non vedo l’ora di approfondire con te la loro conoscenza!

Prima di far questo devo collegarmi all’articolo precedente in cui ti ho presentato i Web Components, una nuova soluzione che ti permetterà di costruire le tue pagine web modularmente. Infatti, proprio come fa Ajax, i Web Components non sono un’unica tecnologia, ma piuttosto sono un insieme di implementazioni che collaborano.

Gli HTML Import sono una di queste tecnologie che permettono di importare pagine web dentro altre, fornendoci la modularità necessaria per lavorare con componenti separati anche in team di grandi dimensioni; oppure ti permetteranno di lavorare con più tranquillità scomponendo il tuo progetto in elementi più semplici da gestire.

Leggi Tutto

postcss-cosa

PostCSS, un nuovo Strumento per i tuoi CSS

Torniamo ancora una volta a parlare di CSS, non tanto di come scriverlo o come sia possibile applicare un determinato effetto ma questa volta voglio parlarti di una novità che va avanti da diversi anni.

In questo blog abbiamo trattato spesso soluzioni che ci permettono di migliorare la qualtà del codice che possiamo scrivere, ma ne abbiamo approfondite altre che ci hanno reso sempre più veloci come ad esempio i preprocessori.

In questi anni ci siamo dapprima interessati a LESS.js che è stato il mio primo incontro con il mondo dei precompilatori fino a specializzarsi nella creazione di codice Sass che si è reso sempre più interessante grazie alla presenza delle sue librerie e potenti funzionalità.

L’argomento di oggi non sarà tecnico come i precedenti, ma piuttosto ho deciso di guardare al futuro e cercare di capire come si sta muovendo il mondo dei CSS. Come scoprirai tu stesso dalla lettura, la definizione guardare al futuro non è tra le più corrette dato che il progetto che prenderemo in analisi è in vita fin dal 2013.

Leggi Tutto