Archivio per la Categoria ‘Xhtml & Css’ Category

Come realizzare un menu a comparsa laterale con un clic

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 sul sito web, ma ci sono una serie di showcase che dimostrano come il menu di navigazione possa apparire solo dopo aver cliccato su una semplice icona costruita ad hoc. || Leggi altro »

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

8 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,...

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

1 commento

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

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

Nessun commento

HTML Mobile App: perchè utilizzare l’MVC

12_05

In un precedente articolo avevo parlato delle view e della loro importanza per quanto riguarda l’incremento delle prestazioni di rendering e della fluidità, nel caso dell’interfaccia di un’applicazione mobile sviluppata in HTML, CSS3 e Javascript.La view è uno dei componenti...

5 commenti

Come centrare un elemento verticalmente

05_05

Talvolta ci si imbatte in problemi apparentemente “di poco conto”, ma che è indispensabile risolvere per cercare di mantenere un determinato equilibrio. Come nella vita, così (e soprattutto) nel Web Design. Ma ovviamente non starò qui a vestire i panni...

9 commenti

HTML Mobile App: il funzionamento delle view

29_04

Nell’ultimo post ho discusso l’importanza della view in ambito web, e i motivi secondo cui secondo me tale concetto dovrebbe essere preso in considerazione da qualunque sviluppatore front-end. In questo articolo voglio approfondire il discorso delle view e di come...

4 commenti

Guida HTML5: i form – parte 4

28_04

Ed eccoci, finalmente, all’ultima parte della guida dedicata ai form! Nello scorso capitolo abbiamo introdotto nuovi tipi di input per gestire email, url, date, numeri ed altro. Quest’oggi, invece, affronteremo alcuni interessanti elementi come le datalist e le progress bar,...

2 commenti

Creare gallerie thumbnail accattivanti con effetti hover CSS3

24_04

In questo tutorial vediamo come creare alcuni effetti hover sulle gallerie immagini in miniatura o cosiddette thumbnail. Lo scopo è sia quello di rendere accattivante la galleria che quello di aumentare l'interattività dell’utente che al passaggio del mouse riesce a...

9 commenti

Guida HTML5: i form – parte 3

23_04

Nei precedenti articoli di questa guida dedicati completamente ai form, abbiamo appreso, tra l’altro, come utilizzare i placeholder e le validazioni tramite le regular expression. Nel corso di questa terza parte, invece, esploreremo alcuni nuovi tipi di input introdotti dall’HTML5....

1 commento

Accordion: creiamolo usando CSS3

16_04-2

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

jPreloader.js: animiamo anche i caricamenti

15_04

Quasi sicuramente, un buon 80% di voi conoscerà bene il sito web del cosiddetto "web designer dei vip", e il restante 20% avrà usato almeno una volta il sito "Mega", famoso per permettere agli utenti di effettuare i propri uploads....

1 commento