Ultime dal Blog

calcola-larghezze-flexbox

Come si calcolano le larghezze in Flexbox

La scorsa settimana ti abbiamo presentato, all'interno del nostro webinar, il modulo FlexBox che sta acquistando sempre più supporto. In trasmissione abbiamo parlato di "come si calcolano le larghezze" ma ho pensato che un approfondimento non faccia affatto male.

Sicuramente FlexBox è un modulo incredibilmente interessante, grazie a questo è possibile separare la semantica dallo stile ma non è di questo che voglio parlare, gli obiettivi di questo articolo sono ben altri.

Se vuoi approfondire l’argomento FlexBox ti ho gia collegato il nostro webinar che ti ho presentato velocemente perché quest’oggi ho deciso di parlare di un dettaglio molto interessante di FlexBox o per meglio dire del tuo browser; scopriremo come calcola automaticamente le dimensioni dei nostri elementi.

Perché diciamoci la verità, è comodo che sia il browser a calcolare le larghezze per noi e che disponga i vari elementi; ma conoscere le logiche che stanno alla base di queste operazioni ci aiuta a diventare degli sviluppatori migliori!

Proprio per questo motivo in questo articolo ti presenterò le formule matematiche che ti permetteranno di calcolare con precisione il comportamento dei tuoi elementi. Non perdiamo altro tempo e andiamo subito a scoprirle!

Leggi Tutto

compass-sprite-css

Gestisci al meglio le tue Sprite CSS grazie ad un Compass

Come dovresti sapere, creare delle immagini per le Sprite CSS è forse uno dei compiti più noiosi da realizzare, serve precisione e pazienza! In questo articolo non ti mostrerò soltanto come automatizzare la loro creazione ma anche come velocizzare lo sviluppo dei tuoi CSS con classi pronte all'uso.

Se ci segui da diverso tempo dovresti sapere che questa non è la prima volta che trattiamo l’argomento delle Sprite CSS, infatti già all’interno di questo blog trovi una prima introduzione e abbiamo approfondito la sua conoscenza nel corso dedicato a Sass su skillsAndMore.

Il motivo è molto semplice, sfruttare queste tecniche permette di velocizzare incredibilmente il download del proprio sito perché al posto di creare una chiamata HTTP per ogni immagine abbiamo l’opportunità di farlo tutto all’interno di una singola chiamata, risparmiando i “ritardi” che si hanno nell’effettuare ogni richiesta HTTP.

In fin dei conti questa è un’informazione che avresti dovuto già avere, ma un piccolo ripasso non fa mai male, anzi questo è il motivo dei link aggiunti precedentemente ;) Però quello che troverai all’interno di questo articolo non sarà un semplice ripasso, piuttosto ti permetterà di scoprire come velocizzare questa tecnica e come semplificare lo sviluppo dei tuoi fogli di stile grazie a Sass, o per meglio dire grazie a Compass.

Praticamente, seguendo questo articolo sarai in grado di dimezzare come minimo il tuo lavoro e sopratutto non dovrai disturbare il tuo designer chiedendogli nuove immagini da testare! Sembra bello vero? Eppure è anche meglio ma non potrai scoprirlo se non continui a leggere.

Leggi Tutto

conosci-angular

Introduzione ad AngularJS e Sviluppi Futuri

Ultimamente sto studiando molto le soluzioni che ci permettono sviluppare delle mobile app sfruttando direttamente le conoscenze di sviluppo web che io ed i lettori di questo blog possediamo. Tra i vari nomi uno molto ricorrente è stato quello di AngularJS, ti va di scoprirlo assieme?

Con questo articolo non voglio entrare nella classica lotta di quartiere dove da una parte sentiamo “sono meglio le applicazioni native” mentre dall’altra arriva la risposta “ma le web app stanno migliorando ogni giorno” perché altrimenti non ci leviamo più le gambe e non avrò l’opportunità di farti scoprire qualcosa di nuovo; al massimo potresti leggere qualche citazione presa da questo o quel sito internet.

Attraverso il contenuto che troverai in questo articolo sarai in grado di creare il tuo punto di vista personale e in aggiunta tornerai a casa conoscendo AngularJS e il suo funzionamento; non mi pare male come accordo non credi?

Leggi Tutto

sviluppo-browsersync-grunt

Sviluppa dal Vivo grazie a BrowserSync e Grunt

Ormai dovresti sapere che la mia missione non è soltanto quella di mostrarti nuove funzionalità ma piuttosto anche quella di scoprire nuove tecniche e tecnologie che ti permettono di velocizzare il tuo lavoro, in fin dei conti più veloce sarai più tempo potrai investire in altre attività.

Ebbene nel corso della vita di questo blog abbiamo parlato diverse volte di strumenti e tecniche che ti permettono di migliorare le tue performance come ad esempio quando ti ho parlato dei nuovi modi per scrivere HTML, di precompilati che velocizzano la creazione di CSS e quando di veri e propri editor.

Al momento manca all’appello un bello studio sul browser dello sviluppatore per eccellenza (IMO non può che essere Firefox Developer Edition) ma quest’oggi ho deciso di focalizzare le mie energie nell’eliminare un’azione tanto comune quanto fastidiosa per ogni developer: il refresh!

Sono sicuro che una volta imparata la scorciatoia F5 o CTRL+R ti sei accorto che, in fin dei conti, non è proprio una rottura. Tutto quello che devi fare è cambiare finestra attiva e continuare a usare uno strumento a te comune, la tastiera. Però se ci pensi un attimo allo stesso tempo ci sono dei piccoli momenti morti che sarebbe meglio evitare…

Leggi Tutto

errori-javascript-google-analytics

Usiamo Google Analytics per tracciare gli errori JavaScript

Sono sicuro che hai già incontrato Google Analytics e che, come il sottoscritto, l'unico momento in cui ti trovi di fronte a lui è quando dobbiamo prendere un codice per un cliente o un nostro nuovo sito, oppure quando controlliamo le statistiche dei propri progetti. Ebbene quest'oggi ti presento un modo alternativo che ti permetterà di scovare gli errori JavaScript, buona lettura!

Google Analytics è uno dei tool principali presenti in quasi tutti i siti per poter studiare e tracciare le visite e gli utenti per poter migliorare il proprio business.

Come strumento è veramente potente e quindi ha anche una API veramente avanzata per fare molte cose ed oggi ne sfrutteremo una piccola parte per poter utilizzare questo servizio in modo da salvare gli errori JavaScript e consultarli comodamente in un secondo commento.

Ovviamente non è un argomento da deboli di cuore e per questo motivo mi sento in dovere di rilasciarti qualche indicazione prima di proseguire!

Leggi Tutto

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