Risultati della Ricerca per: css

CSS 3: è il momento giusto per utilizzarli?

CSS 3 è il momento giusto per utilizzarli

La bozza di codice CSS3 ha suscitato entusiasmo fin dal momento del suo annuncio, vedere poi i primi browser (tutti, tranne IE) che cominciavano a supportare queste fantastiche proprietà, rendendo semplici le cose più rognose da realizzare ha mandato in visibilio numerosi web-designer che hanno deciso di dedicarsi anima e corpo a questa novità, insieme ad HTML5.

Il linguaggio HTML definisce la struttura, la parte fondamentale del sito, e lasciarla in balìa di un codice non standard, o di librerie js che dovrebbero far girare siti in HTML 5 su browser non compatibili (come Modernizr) è comunque un rischio.

Diverso è il discorso sul codice CSS che, per definizione, definisce la presentazione. || Leggi altro »

SASS: come potenziare lo sviluppo di CSS

Negli scorso articoli, abbiamo parlato di Angular e di uno stile di sviluppo più veloce e ordinato. Per continuare sulla scia della semplicità ed efficacia per lo sviluppo delle nostre applicazioni e progetti web, non posso non introdurre l’argomento SASS...

9 commenti

Guida CSS3: introduzione e selettori

Introduzione e selettori

Benvenuto! Quest’oggi inauguriamo un nuovo filone di articoli che andrà, progressivamente, a formare un’esaustiva guida ai CSS3. Poiché in passato le pagine virtuali di Your Inspiration hanno ospitato la mia guida all’HTML5, mi è sembrato naturale tentar di completare il...

4 commenti

Pillola CSS: come trasformare gli elementi con CSS3?

Fino a pochi anni fa l'unico modo per aggiungere delle piccole animazioni ai vari elementi di un sito web era quello di utilizzare JavaScript. Con l'introduzione di CSS3 le possibilità sono aumentate, permettendoci di applicare semplici effetti senza utilizzare un...

8 commenti

CSS3: gli effetti più cool, ma che non puoi ancora implementare… o forse si?

I CSS (Cascading Style Sheet) hanno rivoluzionato il modo di approcciare alla programmazione web: non solo permettono di poter applicare al nostro sito una grafica accattivante, ma, tramite i suoi selettori, può essere oggetto di modifiche tramite javascript. Dal 1996 (anno...

19 commenti

Come creare animazioni con le CSS Transitions?

Nell'articolo precedente abbiamo parlato dei CSS3 Transforms, come modo per modificare gli elementi della pagina. Oggi facciamo il primo passo verso la realizzazione di animazioni con CSS3 studiando il primo dei moduli che consentono di animare gli elementi: le CSS...

13 commenti

CSS3: Come implementare alcuni moduli anche su Internet Explorer?

Nello scorso articolo abbiamo avuto modo di approfondire un modulo CSS avanzato come il @font-face che, tra le varie caratteristiche positive, aveva soprattutto la piena compatibilità con Internet Explorer. @font-face però è un modulo del CSS 2.1. Come si comporta...

5 commenti

HTML5 Mobile app: transizioni ed animazioni CSS3: parte1

Sicuramente avrai già sentito parlare di applicazioni mobile create completamente in HTML5, CSS3 e Javascript, o magari abbinando questi tipi di linguaggi con quelli nativi, come nelle applicazioni "ibride". Forse potrebbe interessarti l’ottimo post di Smashing Magazine sulle applicazioni ibride:...

14 commenti

CSS3: ATTIVARE LE TRANSIZIONI CON JQUERY

In questo articolo vi illustrerò in che modo attivare le transizioni CSS tramite un piccolissimo codice Jquery. Come tutti immagino sappiate, le “CSS Transitions” sono delle feature introdotte con il nuovo standard CSS3 che permettono di creare delle semplici animazioni...

7 commenti

Creare sfondi accattivanti tramite CSS: i gradients

I gradients sono elementi molto importanti che donano ai nostri siti uno stile sorprendente, interessante, ma soprattutto, accattivante. La novità nei gradients non sta nella possibilità di poter sfumare colori semplicemente dall'alto in basso o da destra a sinistra, queste tecniche...

13 commenti

Come creare tasti “a porta” usando solo CSS3

Continuiamo con la serie di articoli realizzati per mostrare il potenziale di CSS, senza usare il tanto amato e odiato Javascript. Oggi vediamo come creare dei tasti che possiedano un'animazione simile all'apertura di una porta (o di una finestra, dipende...

3 commenti

Perché dovresti conoscere i nuovi selettori CSS3

Perché dovresti conoscere i nuovi selettori CSS3

La nuova specifica CSS3 introduce molte novità in parecchi ambiti. Proprio per questo motivo è stata suddivisa in vari moduli, tra loro indipendenti. Il modulo selettori, che probabilmente sarà il primo a diventare una raccomandazione del W3C, è costituito da...

7 commenti

Accordion: creiamolo usando CSS3

Partiamo subito da una premessa: esistono plugin creati apposta per realizzare accordion. Javascript la fa da padrona in questo senso e, nel caso più specifico, Jquery UI. Quando si usa Javascript possono insorgere sempre gli stessi problemi, da quelli più...

7 commenti

Framework CSS: Grid System 960. Cos’è?

Framework CSS: Grid System 960. Cos’è?

Da qualche anno a questa parte si è molto parlato di Framework CSS: Blueprint, Grid System 960, Elastic, ecc... in molti dicono che possono essere un buon punto di partenza per lo sviluppo dei propri lavori. Ma è davvero così?...

26 commenti

Realizzare un layout sticky footer con colonne fullheight grazie alle table css

Nel nostro lavoro di sviluppatori ci capita spesso di doverci confrontare con problemi più o meno complessi. Due di questi problemi sono la realizzazione di una pagina alta almeno il 100% della finestra del browser (di cui ho già parlato...

1 commento

CSS Transition e Transform: come posso utilizzarle?

Nei precedenti articoli abbiamo visto le basi delle CSS Transforms e Transition. Ma come utilizzare questi strumenti? Quali possono essere i possibili campi applicativi? Oggi ti mostrerò tre esempi che sfruttano queste proprietà. (altro…)

7 commenti

CSS: come utilizzare la proprietà z-index?

Un paio di settimane addietro abbiamo analizzato l’utilizzo delle proprietà CSS relative al posizionamento degli elementi all’interno di un documento. Nel dettaglio abbiamo visto come si utilizza il posizionamento assoluto e come opera il posizionamento fisso. In quest’ultimo articolo abbiamo...

13 commenti

Conosci questi modi di utilizzo dei selettori css? (Parte 2)

Conosci questi modi di utilizzo dei selettori css? (Parte 2)

Dopo aver introdotto i selettori di base presenti nelle specifiche CSS, ed averne testato la potenza, forse ti sarai chiesto: "Che bisogno c'é di altri selettori? Posso fare tutto con class e ID!". Non c'è niente di più professionale di...

10 commenti

Come aumentare le performance del mio sito? – CSS Sprites

Come aumentare le performance del mio sito? – CSS Sprites

Hai creato un sito, magari seguendo la nostra guida "Come creare un sito web dalla A alla Z", ma noti che spesso i tempi di caricamento sono lunghissimi. I motivi alla base di questo comportamento possono essere molteplici, ma ci...

30 commenti