Archivio per la Categoria ‘Xhtml & Css’ Category

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

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 le stesse funzionalità. Nella versione 4.0 da poco rilasciata (nel momento in cui scrivo) sono state introdotte alcune migliorie riguardanti proprio l’usabilità. In particolare, ho apprezzato molto l’aggiornamento all’interfaccia che permette di far scrollare il contenuto interno dell’editor mantenendo visibili i pulsanti di TinyMCE per la formattazione dei contenuti. In questo modo non è più necessario scorrere tutta la pagina verso l’alto quando ti trovi a dover inserire un grassetto (per fare un esempio) su una parola presente alla fine dell’editor. || Leggi altro »

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…)

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

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

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

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

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

5 commenti