Archive for 'css'
Sprites animate con le transizioni CSS3
Posted on 31. Aug, 2010 by daniele.
Nel tutorial di oggi vedrete come creare un'animazione con i CSS3 utilizzando le transizioni.
Il vantaggio di questa tecnica è che non viene utillizzato nessun javascript e quindi avremo un minor peso complessivo del nostro sito. Lo svantaggio però, è che questa caratteristica non è ancora supportata da tutti i browser ma solamente dai browser basati su WebKit come Chrome e Safari.
Link: http://www.impressivewebs.com/animated-sprites-css3/
Continue Reading
WanderWall, un’interfaccia Hover-Based realizzata in jQuery, CSS3 e HTML5!
Posted on 30. Aug, 2010 by daniele.
Addy Osmani vi insegnerà come creare un utile interfaccia utente hover-based utilizzando jQuery, CSS3, HTML5 e @ font-face.
Con la popolarità di applicazioni web touch su dispositivi mobili, è stata semplificata la navigazione, in quanto, con un semplice tocco è possibile passare da una pagina all'altra. Perchè non applicare tutto questo anche sui dispositivi desktop? Seguite il tutorial e lo scoprirete!
Link: http://addyosmani.com/blog/wanderwall/
Continue Reading
Creare un riflesso alle immagini con i CSS!
Posted on 23. Aug, 2010 by daniele.
Fino a qualche giorno fa vi abbiamo mostrato esempi che spiegano come creare riflessi in PHP, in Javascript, con Photoshop ecc.
Oggi vogliamo segnalarvi un'articolo molto interessante che spiega come creare un riflesso alle proprie immagini utilizzando solamente i CSS.
Link: http://davidwalsh.name/css-reflection
Continue Reading
Riprodurre il testo “Slide to unlock” dell’iPhone con i CSS3!
Posted on 17. Aug, 2010 by daniele.
Credo che molti di voi conoscono il tasto dell'iPhone "slide to unlock". Questo tasto permette di sbloccare i tasti del dispositivo eseguendo uno scroll con il dito. Per rendere più intuitivo questo pulsante, Apple ha pensato bene di aggiungere un testo che cambia colore orizzontalmente in modo da attirare l'attenzione dell'utente.
Nel tutorial di oggi imparerete come ricreare questo effetto utilizzando i CSS3.
Link: http://css-tricks.com/slide-to-unlock/
Continue Reading
CSS3 in cinque minuti!
Posted on 13. Aug, 2010 by daniele.
Addy Osmani ha messo a disposizione un video che spiega come realizzare un pulsante partendo da un stile piatto con i CSS2 a uno stile più "fresco" con angoli arrotondati e ombre, utilizzando i CSS3! Ovviamente si tratta di CSS puro quindi non verrà utilizzata nessuna immagine.
Link: http://addyosmani.com/blog/css3-screencast/
Continue Reading
Disegnare triangoli con i CSS!
Posted on 11. Aug, 2010 by daniele.
Nel tutorial di oggi imparerete come disegnare triangoli con i CSS.
Usando il CSS puro è possibile creare triangoli compatibili cross-browser scrivendo pochissimo codice!
Link: http://davidwalsh.name/css-triangles
Continue Reading
Disegnare con i CSS!
Posted on 10. Aug, 2010 by daniele.
Nel tutorial di oggi imparerete com'è facile disegnare con i CSS.
Utilizzeremo attributi come border-radius e box-shadow. I CSS3 hanno introdotto alcuni attributi molto verastili come l'opacità, i gradienti sullo sfondo, sul testo e sui bordi.
Link: http://jonraasch.com/blog/drawing-with-css
Continue Reading
Effetto fade sui pulsanti con i CSS3!
Posted on 09. Aug, 2010 by daniele.
Quasi tutti i browser supportano i CSS3, è proprio per questo che oggi vogliamo spiegarvi come realizzare dei pulsanti che all'evento hover cambiano colore attraverso un effetto fade. Sfrutteremo solo i CSS3 utilizzando le loro transizioni, facendo a meno di utilizzare javascript.
Link: http://www.mightymeta.co.uk/fading-button-background-images-with-css3-transitions/
Continue Reading
Slide laterale dei post correlati in jQuery e CSS3!
Posted on 03. Aug, 2010 by daniele.
In questo articolo imparerete come creare un bellissimo effetto realizzato in jQuery e CSS3 che mostra i post correlati all'interno di uno slide laterale.
L'idea principale è quella di mostrare un elenco fisso sul lato destro dello schermo con alcune anteprime fuori. Quando l'utente si posiziona sugli articoli, scivolano fuori, rivelando il titolo e due link, uno per l'articolo correlato e uno per la demo. Inoltre, avremo un pulsante "shuffle" sotto la lista che quando viene premuto, la lista si aggiorna in modo casuale con i post correlati!
Link: http://tympanus.net/codrops/2010/07/21/related-posts-slide-out-boxes/
Continue Reading
[jQuery] RocketBar, un menu di navigazione persistente
Posted on 02. Aug, 2010 by daniele.
Addy Osmani ha scritto RocketBar, un menu di navigazione persistente che segue l'utente durante lo scorrimento della pagina.
Questo menu è stato scitto in jQuery e CSS3, è possibile scorrere l'intera pagina con un solo click e ritornare alla posizione originale nello stesso modo.
Link: http://addyosmani.com/blog/rocketbar/
Continue Reading
Condividi
Speciale
Newsletter
-
Iscriviti alla newsletter e tieniti sempre aggiornato!
Adv
Dal web
Immaginate di dover installare Windows Vista o Windows 7 su un sistema che non ha DVD (un netbook ad esempio). Le installazioni di Windows Vista, Server 2008 e del 7 vengono fornite su DVD e quindi non c’è modo di installarle se non con l’accesso al drive DVD. Una soluzione rapida esiste senza dover perdere
Here is the original:Â Installare Windows 7 da chiavetta USB con A Bootable USB[Tools for search DLL Hijacking Vulnerabilities]
Maggiori info su questa vulnerabilità , le possiamo trovare qui: [DLL Hijacking] Windows 7 and more application Remote code Exuction => metasplooit Vediamo ora come cercare applicazioni vulnerabili :D Sempre nell’articolo sopra citato, ho mostrato come con metasploit è possibile sfruttare questa vulnerabilità , sfruttando webdav, anche da remoto. L’exploit creato da HD moore, sviluppatore metaploit è
View original post here:Tools for search DLL Hijacking Vulnerabilities
[Secunia PSI controlla la sicurezza dei programmi installati e li aggiorna]
Secunia è forse la società più conosciuta in Rete che si occupa di sicurezza dei programmi. I sui Advisories sono temuti da tutte le società di software per le segnalazioni di  bachi e buchi di sicurezza. La società ha dopo rilasciato la beta 2 del suo Secunia Personal Software Inspector (PSI)
View original here:Secunia PSI controlla la sicurezza dei programmi installati e li aggiorna
[Scroller di contenuti]
Scroller di testi o di immagini statico o dinamico Tipo risorsa: script JavaScript Categoria script: Immagini: gallerie e slideshow
View original here:Â Scroller di contenuti[Alitalia: Ecco il nuovo Redesign + [Sondaggio]]
Non tutti hanno notato, forse presi dalle vacanze come il sottoscritto, che il 21 Luglio Alitalia ha presentato il nuovo sito istituzionale integrando diversi nuovi servizi e aprendosi a 360° ai suoi clienti tramite i social network. Vorrei condividere con voi alcuni aspetti della home page di Alitalia, facendovi notare quanto si stiano creando sempre di più pagine di benvenuto con più informazioni possibili, strutturate in modo da non confondere l’utente grazie a tab, menu a comparsa e altri piccoli stratagemmi. Vediamo la nuova grafica e nuovo concetto di homepage
Read more from the original source:Â Alitalia: Ecco il nuovo Redesign + [Sondaggio][Chi ha ucciso il linguaggio Prolog? (1/2)]
Secondo , che espone il suo pensiero attraverso il blog , si possono classificare i linguaggi di programmazione in quattro grandi categorie, ognuna delle quali ha... (continua...)
Continued here:Â Chi ha ucciso il linguaggio Prolog? (1/2)