Archivio Autore

CSS Transition e Transform: come posso utilizzarle?

Nei precedenti articoli abbiamo visto le basi delle CSS Transforms e Transition. Ma come utilizzare questi strumenti? Quali possono essere i possibili campi applicativi? Oggi ti mostrerò tre esempi che sfruttano queste proprietà.

|| Leggi altro »

Come creare animazioni con le CSS Transitions?

css-transitions

Nell'articolo precedente abbiamo parlato dei CSS3 Transforms, come modo per modificare gli elementi della pagina. Oggi facciamo il primo passo verso la realizzazione di animazioni con CSS3 studiando il primo dei moduli che consentono di animare gli elementi: le CSS...

3 commenti

Stendhal, un template WordPress pulito, responsive e…GRATIS!

stendhal740x221

La passione per il design pulito e il senso del bello insito nel concept di questo progetto fanno capire che il tema che ti proponiamo oggi non poteva essere chiamato diversamente. Stendhal è il nome di uno scrittore francese notoriamente...

15 commenti

Pillola CSS: come trasformare gli elementi con CSS3?

pillole-css3

Fino a pochi anni fa l'unico modo per aggiungere delle piccole animazioni ai vari elementi di un sito web era quello di utilizzare JavaScript. Con l'introduzione di CSS3 le possibilità sono aumentate, permettendoci di applicare semplici effetti senza utilizzare un...

6 commenti

Come rendere trasparenti gli elementi con CSS3?

pillole-css3

La gestione della trasparenza è stata sempre una delle operazioni più noiose del web design, dato che non c'era un modo effettivo di applicarla agli elementi di un sito se non tramite immagini preparate ad hoc (filtri proprietari esclusi). Le...

11 commenti

Custom Post Type: come personalizzare il pannello di amministrazione?

customposttypewordpress

Prosegue il nostro viaggio alla scoperta dei Custom Post Type di Wordpress: in questa lezione vedremo come personalizzare il pannello di amministrazione ed in particolare l'elenco dei post. Questa tecnica, unita a quelle esaminate nel precedente articolo, ci permetterà di...

20 commenti

Custom Post Type: come migliorare l’esperienza utente?

customposttypewordpress

Nel precedente articolo abbiamo introdotto i Custom Post Type (CPT): abbiamo visto cosa sono e come generarli. In questo articolo vedremo come adattare perfettamente il nostro Custom Type all'interno di Wordpress, così da farlo sembrare un elemento predefinito, come i...

33 commenti

Custom Post Type: come strutturare al meglio i nostri contenuti?

customposttypewordpress

Grazie all'introduzione dei Custom Post Type in Wordpress 2.9, il nostro motore di blogging preferito ha fatto l'ultimo passo che lo separava dal diventare un vero e proprio CMS. In questa serie di articoli vedremo come sfruttare le potenzialità di...

24 commenti

Vuoi imparare jQuery ma non sai da dove iniziare? – Le dimensioni

Vuoi imparare jQuery ma non sai da dove iniziare? – Le dimensioni

Una parte fondamentale per la gestione e la creazione delle interfacce utente di un sito o di un'applicazione web è la conoscenza di come manipolare le dimensioni e la posizione dei vari elementi presenti nella pagina. jQuery fornisce un'interfaccia semplice...

13 commenti

Pillole CSS: come modificare la resa visiva del testo con la proprietà white-space?

Pillole CSS: come modificare la resa visiva del testo con la proprietà white-space?

Uno degli aspetti meno conosciuti dei CSS è quello relativo alla gestione degli spazi bianchi all'interno di un testo. Spesso infatti si ha la necessità di avere un controllo sulla formattazione del testo maggiore rispetto a quella predefinita effettuata dal...

10 commenti

Come utilizzare le espressioni regolari in JavaScript?

Come utilizzare le espressioni regolari in JavaScript?

Dopo aver esaminato le basi teoriche e la sintassi delle espressioni regolari, è importante sapere come utilizzare queste conoscenze in ambito produttivo. Infatti, sebbene le regole siano comuni, ogni linguaggio di programmazione utilizza delle routine proprie: in questo articolo presenteremo...

5 commenti

Espressioni Regolari: i costrutti avanzati

espressioni_regolari

La "cattiva" fama delle espressioni regolari è dovuta in larga parte alla sintassi oscura: esistono molte regole e abbreviazioni, alcuni simboli assumono un significato diverso a seconda della loro posizione, certi costrutti sembrano incompleti, mentre sono correttamente funzionanti. Nella precedente...

7 commenti

Espressioni regolari: Cosa sono e come iniziare?

espressioni_regolari

Tra tutti i potenti strumenti messi a disposizione di un programmatore, le espressioni regolari occupano sicuramente un posto di rilievo. La loro flessibilità sia nel campo della ricerca che in quello della validazione di stringhe e dati le rende un...

16 commenti

Da Psd a Xhtml: come trasformare il layout in XHTML+CSS?

Da Psd a Xhtml: come trasformare il layout in XHTML+CSS?

Nella prima parte di questo articolo abbiamo visto come esportare, utilizzando lo strumento "sezioni" di Photoshop, i vari componenti del nostro layout "YIW Corporate". Oggi ti "sporcherai le mani" con il codice: vedremo come realizzare il markup per tale layout,...

17 commenti

Da Psd a Xhtml: come sezionare un layout con Photoshop?

psdtoxhtml

Una delle attività più frequenti quando si lavora sul web è l'esportazione di un layout da un'immagine a codice XHTML+CSS. Purtroppo (e per fortuna) non esistono ancora strumenti validi per automatizzare questo compito, per cui tutto si rifà all'abilità ed...

26 commenti

Pillole CSS: che cos’è il box model e come sfruttarlo per i nostri layout?

pillole.css1

Negli ultimi due articoli abbiamo visto come strutturare un layout fisso a due e tre colonne utilizzando i float opposti, e abbiamo costruito una piccola pagina di esempio. Il risultato era accettabile, ma risultava un po' troppo "attaccato": ogni elemento...

14 commenti

Pillola CSS: come realizzare un layout fisso a tre colonne?

pillole.css

Nella pillola della scorsa settimana abbiamo visto come realizzare un layout fisso a due colonne. Sono sempre più diffusi però - complice l'aumento esponenziale della risoluzione dei monitor - i layout a tre colonne. Come fare dunque per aggiungere un'ulteriore...

15 commenti

Pillole CSS: come realizzare un layout fisso a due colonne?

pillole.css

Con l'introduzione dei framework CSS come 960gs, o Blueprint, realizzare layout con CSS è diventato davvero semplice. L'unica pecca che affligge questi framework è anche il loro punto di forza: nascondere le implementazioni all'utente, permettendo di realizzare layout complessi utilizzando...

12 commenti

Quali sono i principali metodi per integrare JavaScript nella tua pagina html?

link-accessibili

Negli ultimi anni, con l'introduzione di JavaScript le nostre pagine web sono diventate sicuramente più "vive": effetti fantastici, caricamenti asincroni, interfacce migliorate, hanno reso l'esperienza utente molto più coinvolgente. All'esponenziale crescita di JavaScript è corrisposto un crescente utilizzo dei link...

11 commenti