Category: CSS

CSS

Bootstrap Offcanvas: creare un menu laterale a scorrimento

bootstrap-offcanvas

Ormai tutti utilizziamo Twitter Bootstrap per il frontend dei nostri progetti web e mobile. Si, lo usi anche tu, lo so. Perchè è fico, bello, utile, ben progettato e, soprattutto, ben supportato. Io non ne farei mai a meno.

Oggi vediamo come implementare un menu laterale a scorrimento per le nostre mobile app in html5. Bootstrap, di base, prevede nella sua navbar che il menu “collapsi” (si, l’ho detto) …

Leggi tutto

Associare più animazioni a un singolo elemento con Animate.css e jQuery

animate.css

Per un progetto a cui sto lavorando ho avuto la necessità di associare molteplici animazioni CSS3 per un singolo elemento HTML. Come ogni volta che ho una simile esigenza, ho scelto di utilizzare l’ottimo Animate.css di Daniel Eden.

Per utilizzare Animate.css è sufficiente includere il file:

<link rel="stylesheet" href="animate.min.css">

e associare l’animazione all’elemento tramite jQuery:

$('#element').addClass('animated bounceOutLeft');

Nel caso …

Leggi tutto

Nuovo WordPress Theme per EmaWebDesign!

nuovo wordpress theme emawebdesign

Era da tempo che volevo realizzare un unovo tema WordPress per questo blog ma non riuscivo mai a trovare “5 minuti” per poterne realizzare uno 😀

Quel momento è finalmente arrivato, pubblico in versione ultra-beta il nuovo tema WordPress per EmaWebDesign. Se trovi qualche problema segnalamelo ma, soprattutto, ci tengo ad avere il tuo feedback, dimmi cosa pensi del nuovo layout nei commenti 😉…

Leggi tutto

jQTouch: applicazioni per iPhone con un plugin jQuery

Gli sviluppatori web, che realizzano applicazioni per il mobile, hanno finalmente trovato un alleato con cui sviluppare applicazioni per iPhone: jQTouch. Non sto parlando di Objective C/Cocoa ma di un potente plugin per jQuery che permette a chi ha familiarità con HTML/CSS/JavaScript di realizzare applicazioni che si presentano come “native” dell’iPhone, quindi, con grafica, animazioni e funzionalità identiche a quelle delle applicazioni native …

Leggi tutto

PHP Widget per FriendFeed con SimpleXML e le API di FriendFeed

PHP Widget per FriendFeed con SimpleXML e le API di FriendFeed

Oggi vediamo come realizzare un widget per FriendFeed utilizzando PHP e le API di FriendFeed. Si, lo so, esistono già i widget per i social network ma, siamo developers, le cose ci piace realizzarcele con le nostre manine 😉

Cosa farà questo widget?

Visualizzerà il nostro stream di FriendFeed e sarà facilmente personalizzabile impostando opportunamente le seguenti variabili:

width (larghezza del widget)
borderColor (colore del bordo)
– …

Leggi tutto