css2less è un servizio utilizzabile direttamente on line gratuitamente e senza necessità di iscrizione, la sua funzione è in pratica quella di convertire (ma sarebbe ancora meglio dire “tradurre”) il codice relativo a delle regole di stile CSS nel corrispondente listato in LESS, il noto linguaggio che estende CSS introducendo all’interno di esso costrutti dinamici [...]
CSS
-
css2less per convertire CSS in LESS
-
Effetti di scrolling in puro CSS
Approfitto di questo post per presentarvi il lavoro di un bravissimo Web designer che ha affrontato con un certo successo la problematica relativa alla realizzazione di effetti di scrolling su liste basati interamente su regole di stile CSS; in realtà i risultati ottenuti da Hakim El Hattab, questo il suo nome, hanno richiesto anche l’utilizzo [...]
-
CSS Arrow Please, un generatore di frecce in puro CSS
Le frecce sono uno dei simboli più utilizzati nella creazione di layout grafici per siti Web; queste ultime possono essere realizzate utilizzando delle immagini, ma in questo formato diventa più difficile modificarle al volo, in alternativa è possibile utilizzare del semplice testo (ad esempio “:::>>”) ma in questo secondo caso si avranno a disposizione poche [...]
-
Facebook buttons con CSS
CSS3 Facebook Buttons è una interessante risorsa per il Web design che da la possibilità di creare dei pulsanti basati su CSS 3 sullo stile di quelli utilizzati sul social network più grande della Rete; tutti gli output prodotti sono visualizzabili tramite Firefox 3.5 o superiore, Google Chrome, Safari 4 o superiore, IE 9 e [...]
-
iPad: eliminare l’ombra dai campi di input
Il sempre ottimo David Walsh ha pubblicato qualche tempo fa uno snippet dedicato allo styling dei campi di input in Web application visualizzabili tramite la viewport del tablet iPad prodotto dalla Casa di Cupertino; nello specifico lo sviluppatore ha voluto eliminare l’effetto ombra dagl “input text elements” e, per far questo, ha fatto ricorso alla [...]
-
Tutto sui CSS con InstaCSS
InstaCSS non è un semplice sito Web dedicato alle regole di stile per le pagine Web, ma una vera e propria raccolta completa di documentazione che permette di accedere velocemente a tutti i riferimenti sugli attributi e le proprietà di CSS3; se siete dei Web designer, probabilmente conoscerete già molte delle nozioni disponibili tramite questo [...]
-
Animatable: galleria di transizioni CSS
La transizioni sono una delle features più interessanti tra quelle presenti in CSS3, grazie ad esse sarà possibile applicare effetti di animazione e morphing a diversi elementi di pagina come per esempio background, bordi, testi e molto altro; le transizioni sono supportate (in modo differente) da tutti i browser più moderni, in ogni caso prima [...]
-
SimpLESS genera CSS a partire da un “.less”
LESS è un comodo strumento che permette di associare regole di stile alle proprie pagine Web scrivendo meno codice possibile, questo framework produce di norma dei file con estensione “.less” che vengono convertiti lato client in tempo reale nel corrispondente CSS attraverso JavaScript o lato server tramite Node.js.
-
CSS3: colori alternati utilizzando solo i fogli di stile
Grazie a CSS3 è possibile creare effetti davvero stupefacenti, ma è anche possibile risolvere in modo molto semplice e veloce una serie di problemi comuni. Fra questi ultimi vi è, sicuramente, la creazione di righe a colori alternati, effetto molto comune nelle tabelle di rappresentazioni dati (report).
-
Media Queries per smartphone generici
Le Media Queries sono delle componenti di CSS grazie alle quali è possibile definire delle regole di stile sulla base di specifiche caratteristiche del browser per la navigazione Internet o del dispositivo utilizzato come per esempio l’orientamento del device di riferimento. In linea generale abbiamo due tipologie di orientamento: “portrait” (ritratto), dispositivo posto in verticale, [...]
