Risultati della Ricerca per: css

Aprile: preferiti della redazione

Eccoci di nuovo all’appuntamento mensile con le risorse e le letture consigliate dallo staff di Your Inspiration Web. Questo mese vi proponiamo diverse risorse gratuite che potreste senz’altro trovare utili. E, perchè no, alcune letture e risorse di ispirazione che potrebbero dare un input diverso al vostro modo di lavorare.

Siete pronti? || Leggi altro »

HTML Mobile App: quali competenze occorrono per crearne una

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

Creare gallerie thumbnail accattivanti con effetti hover CSS3

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

CSS, come sviluppare siti in modo professionale?

CSS, come sviluppare siti in modo professionale?

Progettata la struttura delle nostre pagine web, il passo successivo è quello di portare il design dalla bozza grafica al codice. I CSS (fogli di stile a cascata) rendono questo lavoro molto più semplice rispetto all'utilizzo del solo HTML (come...

5 commenti

Twitter Bootstrap: come sviluppare rapidamente applicazioni web?

Twitter Bootstrap

Le applicazioni web hanno ormai raggiunto un livello di astrazione che permette loro di essere spesso paragonate ai classici applicativi desktop. Tutte le applicazioni web hanno in comune determinati elementi come menu orizzontali, bottoni, tabs, menu dropdown, ecc. Elementi che...

45 commenti

Olìmpo: il template xhtml/css per il tuo portfolio online

In quest'estate cosi afosa che ci siamo lasciati alle spalle (ma anche no!), per passare il tempo in un modo diverso dal solito (ah ah, bella questa!)  mi sono detta: perché non preparare una bella risorsa free da rilasciare agli...

39 commenti

jQuery – Creazione di form con label animate

jQuery – Creazione di form con label animate

Anche in questo articolo, ed ancora una volta, integreremo nel nostro sito un effetto semplice e carino utilizzando poche righe di JavaScript, grazie alla libreria jQuery. Questa volta, realizzeremo dei Label animati, che accompagneranno l’utente nella compilazione dei form; in...

16 commenti

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

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

16 commenti

Pillole CSS: progettare un sito con font accessibili

Una scelta comune a molti web designer alle prime armi riguarda l'uso dell'unità di misura pixel nei fogli di stile. Il pixel è un'unità di misura relativa al dispositivo (schermo, palmari, ipad, ecc) che può presentare tuttavia - aldilà della...

31 commenti

Come rendere trasparenti gli elementi con 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...

14 commenti

Vuoi imparare jQuery ma non sai da dove iniziare? Le animazioni personalizzate

Vuoi imparare jQuery ma non sai da dove iniziare? Le animazioni personalizzate

Nella scorsa lezione abbiamo dato un'occhiata veloce alle principali animazioni predefinite presenti in jQuery. Ma come fare ad applicare delle animazioni personalizzate? Oggi scoprirai come fare: iniziamo! (altro…)

15 commenti

Vuoi imparare jQuery ma non sai da dove iniziare? Gli stili inline, gli effetti predefiniti

Vuoi imparare jQuery ma non sai da dove iniziare? Gli stili inline, gli effetti predefiniti

Nell'ultima lezione abbiamo modificato ulteriormente il nostro interruttore, dotandolo di un unico link per accendere e spegnere la lampadina, e abbiamo visto come applicare un semplice effetto, attraverso l'opportuna aggiunta di una classe all'elemento interessato. Ma è davvero necessario prevedere...

4 commenti

Pillole di CSS: Height 100%: perché non funziona mai come ci aspettiamo? Cause e soluzioni!

Oggi parliamo di pillole di CSS: come risolvere problematiche legate al CSS apparentemente semplici per i più esperti ma che possono rivelarsi problematiche e cavillose per gli aspiranti web designer. Questo è probabilmente uno dei problemi più comuni quando si...

8 commenti

Agosto: preferiti della redazione

Eccoci di nuovo qua! Comincio con il ringraziarvi per le varie dimostrazioni di affetto che ci avete fatto pervenire (tramite messaggi o tramite i social network): è bellissimo per noi vedere che apprezzate il nostro lavoro tanto da reclamarci dopo...

24 commenti

Maggio: suggerimenti dalla redazione

Maggio: suggerimenti dalla redazione

Eccoci di nuovo al nostro appuntamento mensile con i "suggeriti dalla redazione". Questo mese il materiale interessante che vogliamo condividere con voi e' veramente molto: risorse, tutorial, curiosita'...e tantissime letture consigliate, alcune delle quali veramente simpatiche e curiose. Cominciamo con...

18 commenti

Il dibattito: è possibile sviluppare la bozza di un sito direttamente nel browser?

YIW è anche un luogo di confronto e di crescita professionale e individuale per cui, quando possibile, ci fa piacere coinvolgervi in alcuni dibattiti che nascono (fuori e dentro la redazione)  e invitarvi a dire la vostra sull’argomento. La controversia...

66 commenti

Formazione web designer: Quale percorso formativo seguire?

Formazione web designer: ogni giorno riceviamo - tra mail private, forum e commenti sul blog - decine e decine di richieste di supporto, la maggior parte delle quali provenienti da utenti che stanno muovendo i loro primi passi nel mondo...

49 commenti

Twitter Bootstrap: come utilizzare le griglie?

Abbiamo visto nella prima lezione cos'è Twitter Bootstrap e poi abbiamo fatto una breve panoramica di quali sono gli strumenti che questo tool ci mette a disposizione per sviluppare in maniera molto più rapida le nostre applicazioni web. In questa...

24 commenti

Come convertire un layout XHTML in un template Joomla?

In questo articolo vedremo come è possibile, partendo da un layout XHTML esistente, realizzare un template per Joomla in pochi semplici passi. Utilizzeremo il layout corporate/business realizzato da Sara e ripreso in seguito anche da Giustino in un articolo in cui...

47 commenti