Risultati della Ricerca per: 2010/04/19/gli-stili-nel-webdesign-le-caratteristiche-dello-stile-vintage

Come centrare un elemento verticalmente

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 della filosofa-occasionale-da-socialnetwork, mi limiterò ad occuparmi dell’aspetto puramente tecnico della questione, legato al codice html.

E, dato che si parla di equilibrio, quella che voglio trattare in questo articolo è proprio la possibilità di ottenere un equilibrio visivo con delle proprietà ben specifiche, in particolare, per riuscire a gestire una situazione che richiede l’allineamento di elementi in maniera verticale. || Leggi altro »

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 realizzare un menu a comparsa laterale con un clic

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

13 commenti

Come trasformare un psd in (x)html e css senza perderci la ragione? Parte 1

Come trasformare un psd in (x)html e css senza perderci la ragione? Parte 1

Il nostro compito in questa lezione sarà di dissezionare e in seguito di ricomporre il sito come in un puzzle della Clementoni, utilizzando i fogli di stile e l’(x)html. È una delle parti più appassionanti del lavoro perché ti permette...

48 commenti

Restyling portfolio di un fotografo: progettiamolo insieme

Qualche giorno fa una mia carissima amica fotografa mi ha chiesto di sistemarle il sito. Il suo problema principale era quello di non poter inserire e modificare la galleria a suo piacimento. Dopo un’analisi approfondita sono però emersi numerosi punti...

21 commenti

Guida alla sviluppo di plugin per wordpress: il pannello di amministrazione (3/3)

Nel precedente articolo ci siamo lasciati con il plugin quasi completamente funzionante. Rimane solo da dare vita alle opzioni riguardanti il CSS (colore di background del box) e il javascript (effetto di chiusura del box). (altro…)

13 commenti

Come utilizzare font non standard su un sito web?

Ogni nuova scoperta nell'ambito del web design, già dalla sua nascita deve confrontarsi con un ostacolo spesso duro da sormontare: la compatibilità con Internet Explorer. Emblematici sono gli esempi di ombreggiature, o angoli arrotondati: sono facilmente ottenibili tramite moduli del...

36 commenti

Portfolio? No,VCard: quando fare le cose “in piccolo” è meglio

Portfolio? No,VCard: quando fare le cose “in piccolo” è meglio

Chi di voi ha visto il film ‘American Psyco’ ricorderà senz’altro la parte intrisa di pathos in cui Patrick Bateman e gli altri figli di papà sfoggiano i loro biglietti da visita per sbandierare in modo elegante - quanto maniacale,...

36 commenti

Html, come lavorare e sviluppare siti in modo professionale?

Html, come lavorare e sviluppare siti in modo professionale?

Comincerò col dire qualcosa che ti stupirà sicuramente: creare siti web professionali è difficile. Ci sono moltissime variabili di cui tener conto, tanti piccoli dettagli da curare, anche se il tuo compito riguarda esclusivamente il codice e non il design...

5 commenti

E tu utilizzi tutti i selettori CSS disponibili?

E tu utilizzi tutti i selettori CSS disponibili?

Come conclusione della serie di articoli sui selettori CSS, ho voluto prendere degli esempi non banali dal "mondo reale" e mostrarti come gli sviluppatori utilizzano combinazioni di selettori per realizzare i loro lavori. Devo dire che questa ricerca non è...

9 commenti

Settembre: preferiti della redazione

Settembre: preferiti della redazione

Anche Settembre è stato un mese decisamente ricco di iniziative, risorse e letture interessanti che non possiamo fare a meno di consigliarti. Iniziamo Ottobre alla grande con la consueta carrellata di materiale che la redazione di YIW si è tenuta...

20 commenti

Fireworks: come disegnare un portfolio?

Oggi proveremo a mettere in pratica le nozioni su Fireworks che abbiamo appreso negli scorsi tutorial: disegneremo il layout di un mini-sito di una sola pagina, stile portfolio creativo. (altro…)

8 commenti

Scrivi e disegna con i dingbat

Scrivi e disegna con i dingbat

Se pensi che i dingbat, ovvero i font composti da simboli, siano poco seri e pressoché inutili, devi cominciare a ricrederti. Eleganti, sfiziosi, umoristici…ce ne sono per tutti i gusti e per ogni esigenza. Sono facili da utilizzare, modificare, ridimensionare...

9 commenti

Come presentare la bozza al cliente: consigli ed esempi

Ecco, ci siamo, ce l’abbiamo fatta: l’ispirazione ha finalmente dato i suoi frutti e la bozza grafica del sito su cui stiamo lavorando è finalmente completa. Un ultima revisione ai dettagli et voilà, pronta da presentare al cliente su un...

42 commenti

Semplificarsi la vita e realizzare layout di impatto: ecco come!

Ricevo numerose e-mail di web designer o aspiranti tali che si definiscono, parole loro, “negati per tutto ciò che è grafica e design” e che mi chiedono come migliorarsi e come riuscire a fare siti gradevoli senza essere dei geni...

54 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

Il Design, dalle grotte

Il Design, dalle grotte

Fu un designer a dare inizio alla storia. Rivelazione scioccante? Macché, documentata. Col termine preistoria, letto sui libri scolastici, si contorna quel lasso di tempo che va dall’origine del mondo (comunque pensiate sia andata) fino all’invenzione della scrittura, databile 3500...

4 commenti

Tutorial e Psd: creare un Vcard professionale in pochi passi

Una settimana fa abbiamo parlato del fenomeno VCard: cosa sono, a cosa servono e quali sono le caratteristiche principali di un VCard efficace. Oggi è arrivato il momento di mettere alla prova quanto abbiamo appreso, cercando di creare un VCard...

35 commenti

WordPress: Diamo Uno Sguardo al Pannello di Amministrazione

Nella prima lezione abbiamo visto com’è semplice installare WordPress sul proprio computer domestico: del resto la semplicità e rapidità d’installazione sono solo alcune delle principali caratteristiche che hanno reso questa piattaforma di blogging così popolare. La lezione di oggi sarà...

23 commenti