Risultati della Ricerca per: css
Guida Ruby on Rails: creiamo c-Bookcase
Commenti disabilitati su Guida Ruby on Rails: creiamo c-Bookcase
Eccoci finalmente pronti ad affrontare la parte più interessante della guida: la creazione di una vera e propria web app dedita a gestire un catalogo online di libri! Nel corso di questa lezione, per spezzare la monotonia delle lunghe lezioni teoriche precedenti, passeremo subito all’azione, salvo ritornare, nel corso dei prossimi articoli, a definire il processo logico e strutturale dell’applicazione. Adesso, basta con le chiacchiere e mettiamoci all’opera! || Leggi altro »
Guida Ruby on Rails: page layout
Nello scorso articolo abbiamo accantonato momentaneamente lo sviluppo della nostra applicazione cbookcase per dare spazio alla fase della convalida e del testing. Riprendiamo quindi a scrivere codice per il nostro catalogo online di libri! (altro…)
Commenti disabilitati su Guida Ruby on Rails: page layout
Accessibilità: il tuo sito è leggibile?
Nel mio ultimo articolo abbiamo parlato della leggibilità relativamente ai colori, mentre alcune settimane orsono abbiamo affrontato il tema delle font web-standard e in particolare della specifica CSS3 @font-face. Un importante aspetto che, per un motivo o per un altro,...
Guida HTML5: I form – parte 2
Nella prima parte di questo capitolo dedicato ai form, siamo partiti dal creare una base in HTML4 e l’abbiamo utilizzata come punto di partenza per introdurre gradualmente le novità dall’HTML5. In questa seconda parte continueremo sulla stessa scia, approfondendo i...
Prendere ispirazione o copiare: che differenza c’é? scopriamolo insieme
Qualche settimana fa sul nostro forum l’utente Giavara ha posto agli utenti di Your Inspiration Web un intrigante interrogativo: “Secondo voi è corretto "prendere ispirazione" da lavori che vedete in giro?” ovvero: in poche parole, si può veramente parlare di...
GSAP: creiamo un login animato
Le animazioni sono all’ordine del giorno nel web odierno. Purtroppo, però, sempre più spesso ci troviamo a combattere con la compatibilità cross-browser che, specialmente su browser come IE9 e precedenti, non è sempre assicurata. (altro…)
Dicembre: preferiti della redazione
Tornare a lavoro dopo questa pausa natalizia non è affatto facile. Alleggeriamo un po' la tensione con un articolo leggero ricco di segnalazioni e risorse: è il primo lunedi del mese, se vogliamo, e quindi non ci resta che condividere...
Dicembre: suggerimenti dalla redazione
Cari lettori di YIW, eccoci tornati alle nostre postazioni di lavoro. Ricominciare dopo tutti questi giorni di vacanze è dura, vero? Cerchiamo allora di alleggerire il rientro con un pò di risorse, articoli e curiosità che abbiamo raccolto per voi...
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...
Guida HTML5: la prima pagina
Nell’articolo precedente abbiamo appreso che l’HTML5 è un linguaggio in costante evoluzione, quindi… come possiamo essere sicuri che il nostro sito sia compatibile con tutti i browsers? Lo scopriremo in questa parte della guida e, per soddisfare i più impazienti,...
Script.aculo.us: effetti avanzati, ma ancora poco codice!
Nella scorsa lezione su Script.aculo.us abbiamo implementato dei simpatici effetti di base, degli esempi di massima giusto per prendere familiarità con questo framework javascript e ci siamo lasciati con una promessa: quella di dar vita, nella seguente lezione, a qualcosa...
Twitter: 5 temi pronti per l’uso per visualizzare gli ultimi tweet sul tuo sito
Siamo ormai vicini al Natale, periodo si sa, in cui avviene il consueto scambio di regali tra amici e parenti. E anche noi non volendo essere da meno iniziamo la settimana con una nuova risorsa gratuita targata YIW. Nell’articolo di...
HTML: I tag <H1>…<H6>
Il tag HTML <h1>...<h6> servono a creare delle intestazioni in una pagina web. (altro…)
Commenti disabilitati su HTML: I tag <H1>…<H6>
I tooltips nel web design: a cosa servono e come si utilizzano
Oggi voglio parlarvi dei tooltips, ovvero le finestre pop up che si aprono nel momento in cui posizioniamo il mouse su un’immagine o su un testo. Letteralmente, i tooltip o hint o infotip , sono degli elementi grafici che si...
Da Psd a Xhtml: come sezionare un layout con Photoshop?
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...
Come sviluppare un sito con scroll animato
In questo tutorial ti mostrerò come sviluppare la parte tecnica di un sito con scroll animato. Se ne vedono diversi in giro per il web; il concetto è quello di creare un unico documento con un’area più grande (sia in...
Accessibilità: come e perché stare attenti ai colori da utilizzare?
Negli articoli precedenti, della serie "Perché pensare tipograficamente rovina il tuo sito?", abbiamo già parlato di dover prendere in considerazione la personalizzazione a cui può essere sottoposto un sito web da parte dell'utente e delle font standard, tralasciando però una questione...
Oggi tocca a me raccontare una storia…
Ultimamenti gli articoli su YIW hanno assunto una tinta molto autobiografica: dopo l'analisi (e autoanalisi) di Nando, e la storia semiseria di Francesca, questa settimana dovrete sorbirvi una parte del mio percorso, professionale e non. Spero di non annoiarvi, del...
L’importanza del markup semantico
“Nel markup, la semantica riguarda il significato di un elemento e come questo elemento descrive il suo contenuto.” Molly E. Holzschlag Oggi voglio parlarti dell'importanza dell'utilizzo della semantica nella redazione di un documento (x)html. Ogni tag è stato progettato allo...