Archivio per la Categoria ‘Xhtml & Css’ Category

Immagini responsive. Ora.

La proliferazione di un numero sempre maggiore di dispositivi con risoluzioni e tecnologie di visualizzazione diverse ha introdotto sfide e possibilità interessanti nel panorama del design digitale.

Riportando una frase celebre, “da grandi poteri derivano grandi responsabilità”, i poteri indotti dalla capacità di sfruttare ogni singolo pixel su schermo ci permettono di archiviare un design d’espressione superiore, ma ad un costo.

|| Leggi altro »

Guida CSS3: i font – parte prima

css3-ifont-1

Bentrovato a questo nuovo appuntamento con la guida CSS3! Quest’oggi affronteremo un tema fondamentale: l’utilizzo di font, predefiniti e personalizzati. Nonostante sul web ci sia ormai un grand’utilizzo di materiale visivo — immagini, video, animazioni, etc. — il ruolo ricoperto...

5 commenti

Guida CSS3: ereditarietà

guida-ccs3-ereditarietà

Bentrovato ad un nuovo appuntamento con la guida CSS3! Nel corso di questo articolo ci soffermeremo su un aspetto fondamentale che condiziona l’intero flusso di lavoro con il CSS: l’ereditarietà. (altro…)

2 commenti

Guida CSS3: pseudo classi e pseudo elementi

pseudoclassi

Bentrovato a questo nuovo articolo della guida CSS3! Come preannunciato nel capitolo precedente, quest’oggi ci occuperemo di pseudo classi e pseudo elementi. Ti sarà capitato spesso di voler applicare uno stile a degli elementi non proprio ben identificabili del tuo...

6 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...

5 commenti

Guida HTML5: Web storage

23_02

Durante lo scorso articolo abbiamo definitivamente chiuso la sezione dedicata al Canvas. Oggi passiamo, quindi, a occuparci di un’altra fondamentale funzionalità offertaci dall’HTML5: il web storage. (altro…)

1 commento

WordPress per i tuoi clienti: semplificare l’interfaccia del popolare CMS — Parte 3

semplificare-parte03

Lo studio dell’usabilità fatto dagli sviluppatori di WordPress è sicuramente, fin dalle prime versioni, uno dei punti di forza di questo popolare CMS. Penso che la semplicità di utilizzo abbia offerto un netto vantaggio rispetto ad altre soluzioni che proponevano...

5 commenti

Guida HTML5: il Canvas – Parte 4

html5_p4

Benvenuto alla quarta e ultima parte di questa guida dedicata al Canvas. Oggi tratteremo alcune tecniche avanzate che ci permetteranno di gestire le ombre, i pattern, i gradient e di modificare immagini. (altro…)

8 commenti

Come realizzare un menu a comparsa laterale con un clic

14_10

Chi l'ha detto che il menu deve essere sempre realizzato e sviluppato nel classico modo con le classiche voci disposte in orizzontale? Sì, è vero, il menu di navigazione è uno di quegli elementi fondamentali e importanti per poter navigare...

13 commenti

Guida HTML5: il Canvas – Parte 3

13-10

Benvenuto alla terza parte di questa guida dedicata al Canvas. Ora che conosciamo tutti i meccanismi di base che regolano questo strumento, possiamo cominciare a creare qualcosa di più complesso e decisamente più interessante come un rudimentale programma di disegno....

2 commenti

HTML5 si può usare per i siti accessibili?

html5

Premessa: questo articolo è rivolto unicamente a chi avrà a che fare con la Pubblica Amministrazione nei prossimi mesi, speriamo non anni, in cui ancora HTML5 non è considerato lo standard da seguire. Poiché molti hanno frainteso le mie parole,...

10 commenti

CSS3: COME ANIMARE LE TUE IMMAGINI

21_07

Il tutorial di oggi è davvero semplice e nello stesso tempo molto efficace: vedremo insieme come creare una semplice animazione che permetta di rendere dinamiche le nostre immagini, inserendo effetti zoom e una o più didascalie su di esse. è...

9 commenti

Personalizzare WordPress Per i Tuoi Clienti – Parte 1

02_07

Sono sempre di più i freelance e le web agency che si affidano a questa popolare piattaforma open source come base per i propri progetti web. In questo articolo andiamo ad analizzare alcuni accorgimenti, esempi pratici e best practice per...

17 commenti

Guida HTML5: il Canvas – Parte 2

30_06

Nel corso di questo articolo approfondiremo canvas, le cui basi sono state già discusse in una precedente lezione. Nello specifico, l’ultima volta abbiamo imparato come settare la nostra tela virtuale e come disegnare linee dritte e linee curve. Oggi, invece,...

3 commenti

Guida HTML5 : i player video

26_06

Benvenuto a un nuovo appuntamento con la guida HTML5! Nelle precedenti lezioni abbiamo esaustivamente parlato dei tag <audio> e <video>; oggi approfondiremo l’argomento creando un player in JavaScript capace di interagire con il tag <video>! Sembra interessante, no? E allora...

3 commenti

CSS3: Visualizzare il portfolio in una griglia di immagini con anteprima

16_06

È possibile realizzare un portfolio accattivante in moltissimi modi e gli elementi che entrano in gioco nella sua creazione sono diversi e molteplici. Molto importante è, innanzitutto, considerare il tipo di lavoro freelance che svolgi: va deciso se dare più...

4 commenti

Come creare tasti “a porta” usando solo CSS3

29_05_social

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

HTML Mobile App: quali competenze occorrono per crearne una

28_05

Quasi contemporaneamente alla nascita degli smartphone e all’introduzione nel mercato dei dispositivi mobile, è nata la possibilità di realizzare mobile app ibride, soprattutto grazie all’avvento di tools come Phonegap, che permettono di compilare progetti HTML5 sotto forma di applicazioni native....

6 commenti

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

27_05

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