Ultime dal Blog

atom-editor

Atom, l’editor del ventunesimo secolo

Oggi voglio farti conoscere Atom, un potentissimo editor Open Source creato da GitHub. Andiamo a vedere cosa ha da offrirci questo fantastico strumento e scopri perché dovresti iniziare ad usarlo oggi!

Atom è un editor di testi Open Source creato da GitHub, famoso servizio di hosting per progetti indipendenti. Questo editor è stato sviluppato in CoffeScript ed è disponibile per Windows, OS X e Linux. Per scaricarlo vai su atom.io e clicca sul pulsante Download nella home page.  Andiamo a vedere quali sono i punti forti di questo editor.

Leggi Tutto

background-strisce-sass

Come Creare un Backgound a Strisce con SASS

Torniamo ad approfondire l'argomento SASS con qualcosa di diverso, qualcosa che ti porterà più verso la programmazione che il classico generatore CSS. Ebbene sì, in questa lezione ti mostrerò alcune funzionalità che abbiamo sorvolato in precedenti articoli, ma che risulta davvero interessante.

Ormai non è più un segreto, SASS mi piace un sacco! Per prima cosa perché permette di eliminare totalmente una delle attività più mangia tempo di qualsiasi sviluppatore andando ad implementare il DRY; ovvero il Don’t Repeat Yourself.

Ogni volta che ti trovi a creare un nuovo selettore già usato, ad aggiungere una stessa proprietà oppure a modificare un dato valore ti trovi a perdere del tempo prezioso! Il concetto è molto più esteso di questo ma la cosa importante da capire è che: ogni volta che ti ripeti, stai perdendo del tempo.

Oltre a questo, SASS ci permette di raggiungere uno sviluppo CSS che si avvicina molto alla programmazione vera e propria. È possibile utilizzare delle strutture @if, usare delle variabili e sfruttare delle vere e proprie funzioni. Un linguaggio di programmazione fa molto altro, ma se dovessi avere qualche problema nella comprensione di questi termini, ti consiglio di dare una veloce lettura al corso su JavaScript di Daniele che ti aiuterà a comprendere meglio questi concetti.

Leggi Tutto

perche-conoscere-web-design

Perché dovresti conoscere il Web Design, Oggi?!?

Questo non sarà un classico articolo, magari uno di quelli dove ti spiego come applicare effetti CSS3 o ti introduco al linguaggio di programmazione JavaScript. Questo sarà un articolo dove elenco i miei personali motivi per i quali ti consiglio di apprendere i linguaggi che danno vita al web; se vuoi aggiungere qualcosa sei più che invitato a farlo, i comenti sono aperti!

Gli argomenti di quest’oggi saranno molto variegati; parleremo di quali linguaggi ti consiglio di apprendere per iniziare ad essere un web designer, ti descriverò le motivazioni che mi hanno spinto a scrivere questo articolo, condividerò alcuni consigli per restare al passo con i tempi e cercherò anche di farti capire perché ti consiglio anche di insegnare il web design a tuo figlio/a!

L’ultima cosa che vorrei ottenere da questo articolo è quello di posizionarmi in una luce diversa dalla tua. In parte questo è uno sfogo personale, ma allo stesso tempo vorrebbe diventare un inno alla condivisione. Ebbene sì, condivisione!

Tutto quello che scriverò all’interno di questo articolo non deve essere visto come “Io sono più figo di te perché conosco queste cose”, tutt’altro! I concetti che verranno esposti devono funzionare come stimoli per una conversazione. Sono veramente curioso di conoscere il tuo punto di vista; se sei d’accordo con me, i motivi per i quali sei contrario ed anche il perché, credo vivamente che da un confronto possiamo capire meglio tutti i motivi alla base di una scelta fondamentale come quella di apprendere le fondamenta del Web Design.

Ma dato che una conversazione non può nascere senza delle basi, andiamo ad elencare i motivi per i quali ti consiglio di conoscere il web design!

Leggi Tutto

animare-html-css3

Inizia ad Animare gli Elementi HTML con i CSS3

Se c'è un trend che abbiamo visto crescere sempre di più in questi anni è sicuramente quello rivolto alle animazioni! Non parliamo di flat o material perché queste sono cose che riguardano i grafici, ma quando si parla di come poter dar vita agli elementi HTML viene chiamato in causa lo sviluppatore che è in te!

Lo sviluppo web è cresciuto in modo incredibile in questi ultimi anni, la presenza di progetti open source è aumentata a dismisura e piattaforma code CodePen o GitHub hanno contribuito moltissimo a questa crescita. Ad oggi lo sviluppatore non è più una persona sola che fissa lo schermo e che rimbalza da una reference ad un’altra.

Più che mai oggi abbiamo la possibilità di collaborare, discutere e crescere grazie al confronto diretto che possiamo avere con gli altri sviluppatori e questo è proprio quello che è successo con il progetto che ti presento quest’oggi: Animate.

Grazie a questo semplice file CSS sarai in grado di includere un gran numero di animazioni senza neanche dover sapere come si costruiscono, tutto quello che ti serve è utilizzare la giusta classe ;)

Dì la verità, ti ho incuriosito. Beh non ti resta che continuare a leggere per scoprire dove, perché e come utilizzare ed integrare questo progetto.

Leggi Tutto

Il DOM e la Console nella Sintassi JavaScript

Il DOM e la Console

Il DOM e la Console sono strumenti fondamentali per qualsiasi persona desideri approfondire le proprie conoscenze JavaScript, in questa lezione sarai in grado di scoprire che cosa sono e come usarli in modo da approfondire successivamente le loro potenzialità.

Tranquillo non si tratta di strumentistica da DJ o tasse da pagare!

Visto che sono importanti è inutile girarci intorno ed incominciamo subito anche perchè credo che tu voglia sporcarti veramente le mani!

Leggi Tutto

Sintassi JavaScript: Variabili, Array e Funzioni

Sintassi JavaScript: Variabili, Array e Funzioni

Bentornati, nella scorsa lezione abbiamo visto le condizioni ed i cicli che possiamo usare in JavaScript, ma ancora non abbiamo visto la vera potenza di un linguaggio di programmazione, ed eccomi qua pronto ad accompagnarti alla scoperta di queste caratteristiche :)

Come ormai avrai capito, le condizioni permettono di verificare delle situazioni e di eseguire del codice specifico, sicuramente molto utile dato che ci permetterà di preparare diversi comportamenti; ma come possiamo ottenere dei valori per queste verifiche?

Quello che voglio dire è: non sarebbe meglio se potessi “contenere” questi valori all’interno di un qualcosa che sia facile da ricordare?

Ebbene i linguaggi di programmazione sono veramente potenti anche per questo! In questa lezione infatti scoprirai il significato di parole come variabili, array e funzioni; tutte strutture che faciliteranno e velocizzeranno il tuo sviluppo!

Leggi Tutto