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

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

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

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

Responsive web design: compatibilità e testing

Compatibilità e browser: penso che per noi sviluppatori web questi due termini messi insieme significhino davvero tanto. Durante la fase di sviluppo scegliamo di controllare la resa visiva del sito sul nostro browser preferito (il mio è Firefox). A fine...

8 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

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

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

Responsive Design: come e perchè progettare siti responsive?

Il tuo sito è Responsive? I tuoi visitatori riescono ad accedere comodamente da qualunque dispositivo? La parola d’ordine è mobilità, il fornire applicazioni, soprattutto web, su qualunque dispositivo, in qualunque angolo dell’Universo. Prima di parlare, però, direttamente di Responsive Design,...

46 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

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

Quali sono i libri migliori per diventare web designer?

È Natale, tempo di regali. Perché non approfittare e regalarsi un bel libro sul web design? Ho raccolto alcuni libri che, secondo me, dovrebbe essere letti almeno una volta nella vita. Nel farlo, ho cercato di creare una sorta di...

48 commenti

Come utilizzare font non standard su un sito web?

Ogni nuova scoperta nell'ambito del web design, già dalla sua nascita deve confrontarsi con un ostacolo spesso duro da sormontare: la compatibilità con Internet Explorer. Emblematici sono gli esempi di ombreggiature, o angoli arrotondati: sono facilmente ottenibili tramite moduli del...

36 commenti

Form accessibile: come posizionare gli elementi e renderlo attraente?

Form accessibile: come posizionare gli elementi e renderlo attraente?

Ci eravamo lasciati con gran suspance, curiosi di vedere come il nostro brutto anatroccolo, di difficile comprensione, si sarebbe trasformato in uno splendido cigno... e ora sei pronto per seguirmi in questo processo di trasformazione attraverso il codice CSS? (altro…)

14 commenti