Ultime dal Blog

Che Cosa è SASS?

Che Cosa è SASS

Benvenuto alla prima lezione di questa nuova serie. All'interno di questa potrai conoscere da vicino il linguaggio SASS, valutarne le sue potenzialità e sperimentare con esempi dal vivo tutto il suo potenziale! Cosa aspetti? Continua a leggere!  

Molto probabilmente hai già notato che all’interno di questo sito sono sempre stato un grande appassionato di LESS.js, sia su questo che su Udemy ho pubblicato diversi articoli e guide che ti invitano ad utilizzare questo preprocessor. Il motivo per il quale adesso mi trovi a scrivere articoli che parlano di SASS non è tanto perché è calata la mia passione verso il primo ma piuttosto perché, ad oggi, la semplicità e la potenza di quest’ultimo mi hanno fatto ricredere.

Sono sempre stato un grande fan di LESS.js sopratutto per la sua semplicità di utilizzo. In fin dei conti bastava caricare un file JavaScript ed eravamo pronti a programmare senza troppi problemi mentre con SASS inizialmente richiedeva diverse conoscenze. Per prima cosa dovevi avere sia Ruby che RVM installati sul tuo sistema (cosa non molto semplice sopratutto se utilizzi Windows).

Adesso, grazie anche alle applicazioni che a breve andremo a scoprire, utilizzare questo preprocessor è una cosa veramente semplice e non richiede alcune conoscenze particolari; fintanto che sei in grado di installare una applicazione sul tuo sistema sei a cavallo!

Leggi Tutto

Organizza il Contenuto in HTML5

Come Organizzare il Contenuto in HTML5

Eccoci di nuovo qui ed oggi parleremo di come strutturare HTML5 per il tuo contenuto! Non c'è bisogno di sottolineare che il contenuto è la parte più importante di un sito, specialmente adesso che i motori di ricerca diventano sempre più esigenti e dove i competitor abbondano e non vedono l'ora di farti mangiare la polvere.

Quindi quello che vedremo oggi è solo un supporto tecnico a quello che dovrai fare tu per rendere interessante il tuo sito questo, per quanto riguarda strategie di marketing ed altro dovrai (per il momento) lavorarci da solo!

Leggi Tutto

non-usare-w3cshool

Perchè non devi usare W3Schools

  Tutti quanti noi usiamo sicuramente W3Schools per scoprire le sintassi corrette per il tuo codice HTML, ma bisogna capire che non è quello che credi che possa essere! Vieni a scoprire il perchè!  

Avrai sicuramente sentito parlare del W3Schools e lo ritieni anche comodo e completo, ma oggi ti dico perchè non devi usarlo!

Per scrivere questo articolo mi sono basato su W3Fools (scritto dai big del settore come Paul Irish o Addy Osmani) che vi consiglio di leggere alla fine di questo articolo.

Leggi Tutto

creiamo-testata

Creiamo la testata in HTML5

In questa puntata vedremo cos'è la testata e come utilizzarla sia per i motori di ricerca ma anche come fare un menù orizzontale utilizzando le liste. Perchè le liste? Molto semplice! I menu vengono realizzati con le liste perchè sono alla fine una lista di link! Quindi è una manna per i motori di ricerca!  

Ciao! Se stai leggendo queste righe significa che sei determinato a conoscere proprio le basi di HTML5 e che vuoi incominciare a sporcarti le mani!

In questa puntata vedrai cosa sono le sezioni, come fare una testata e un menù per una pagina web, se sei determinato ce la farai tranquillamente!

Leggi Tutto

3 Librerie di Mixin per LESS.js

3 Librerie di Mixin per LESS.js

Abbiamo già affrontato altre volte l'argomento LESS.js ma questo non è un buon motivo per smettere di parlarne! Questa libreria ti permette di velocizzare incredibilmente la scrittura dei tuoi fogli di stile ma, oltre a questo, ha dato il via alla creazione di un gran numero di librerie piene di utili mixin pronti da usare nei tuoi progetti! In questo articolo andremo a vedere insieme le 3 più famose e che presentano le soluzioni più interessanti.

Saper usare LESS.js è sicuramente una cosa che aiuterà il tuo lavoro da sviluppatore web, e la possibilità di creare i tuoi mixin è una caratteristica che velocizzerà la creazione degli effetti CSS3 in maniera incredibile; sopratutto perché avrai del codice compatibile anche con i browser più datati scrivendo una sola riga di codice. Ma la bellezza di questa librerie non risiede soltanto nella possibilità di crearsi da soli queste soluzioni, la vera potenza sta nel fatto che ci sono decine di sviluppatori che hanno creato le proprie librerie di mixin e che le distribuiscono gratuitamente.

In questo articolo andremo a scoprire tre di queste librerie, quelle che io ritengo migliori sia dal punto di vista storico che da quello dell’usabilità ma prima di andare oltre vorrei ricordarti che se sei interessato a conoscere meglio questa libreria puoi consultare il video corso che ho realizzato appositamente per questo scopo ed aiutarti a velocizzare il tuo lavoro.

Leggi Tutto

struttura-base-pagina-html5

La Struttura Base di una Pagina HTML5

In questa puntata vedrai i tag principali che ti permetteranno di creare la struttura di una pagina web creata con il linguaggio HTML5. Questi tag HTML5 sono stati pensati per migliorare il SEO (Search Engine Optimization), ma anche perchè sono molto più descrittivi rispetto ai precedenti elementi div, che venivano considerati come un contenitore di elementi, senza specificare alcuna semanticità alla pagina (giusto per spolverare qualche concetto condiviso nella lezione precedente).

Dato che vuoi sapere come creare una pagina web con il linguaggio HTML5, credo che sia meglio saltare subito al contenuto e scoprire quale sia la sua struttura di base, struttura senza la quale una pagina HTML5 non esisterebbe…

Leggi Tutto