Ho cercato abbastanza in giro tanto da incazzarmi nel non trovare una guida teorica/pratica veloce per capire questa meravigliosa tecnica.
Il parallax è una tecnica che negli ultimi tempi si sta espandendo molto, non riesco nemmeno a contare tutti i siti che la usano. Un classico esempio è il 404 di github che utilizza un parallax, non sullo scroll (come vi esporrò in questa guida) ma sul movimento del mouse (Il concetto è lo stesso).

Era attesissimo, ogni singolo web-developer di questo mondo (e forse anche in qualcun’altro) si stava domandando quando sarebbe uscito e cosa in realtà sarebbe cambiado in bootstrap3.
Tolte le orribili persone che usano bootstrap clean solamente perchè credono che nessuno riconosca quel tipico bottone verde leggermente arrotondato e rialzato oppure la tipica navbar fixed in alto, a volte mascherata con un illegale .navbar-inverse, il 99% delle altre è solito sfrattare tutte quelle sfumature e ombre per far posto al re del momento, il FLAT.
Proprio per questo bootstrap ci da una mano: le ombre, le sfumature e tutto l’anti-flat per eccellenza è stato completamente smantellato per lasciar posto ad una tecnica ma mai banale piattezza.

Nella mia, seppur breve, esperienza da web designer mi sono ritrovato ad affrontare e utilizzare numerosi framework CSS, in questo articolo stilerò una lista dei miei preferiti con relative caratteristiche e difetti.

52FRAMEWORK

##

52Framework offre una ottima integrazione con le principali features di HTML5 come player-video, canvas, form-validation, reset e local-storage, utilizzando un sistema di grid semplice, compatto e funzionale. Il design base è minimale ed essenziale, offre pieno supporto ai browser più utilizzati ( compreso IE6 ).

Il web design è un’assoluta rottura di coglioni, sopratutto se pensiamo che dobbiamo stylare ogni cosa se vogliamo che la nostra opera risulti completa e visivamente attraente (quasi scopabile).
In tutto il processo di design, quante volte ripetiamo la stessa azione? Quante volte andiamo a cercare quel cazzo di colore che ci serve, e che magari non troviamo mai?
Io personalmente non mi ricordo mai a memoria le regole come il border-radius (con le sue rispettive regole di compatibilità dei browser) o il box-shadow (e molti altri, ma a voi ve ne sbatte il cazzo quindi mi fermo qui), come giustamente non mi ricordo a memoria l’RGB o l’esadecimale dei colori che si combinano bene insieme.

In questa “guida” voglio giustamente proporre qualche tool (che sinceramente spero conosciate già) per il web design.

border radius

“Mio Dio, esiste davvero un sito così? Oggesù cristo è davvero bellissimo, posso scrivere i numerini e fa tutto magicamente da solo, cazzo che figata“, NO, questo tool lo dovreste già conoscere ma lo posto ugualmente. Non ha anche bisogno di spiegazioni, se non capite cosa fa, siete degli inutili idioti e dovreste darvi fuoco per il bene dell’umanità.