Il modulo Views non credo abbia bisogno di presentazioni essendo uno dei moduli basilari di Drupal. La versione 2.0, sviluppata specificamente per Drupal 6 e giunta allo stadio di Release Candidate 5, presenta molte novità  a livello di funzioni e di interfaccia. Penso quindi sia utile un esempio pratico di utilizzo. Quanto segue è una versione semplificata dell'esempio presente sulla documentazione ufficiale di Views per creare una lista degli articoli recenti. (more...)

Continua a leggere Creare una lista articoli recenti in Drupal 6 e Views 2

Categoria: CMS

Apple si è sempre distinta per essere fonte di ispirazione nel web design e recentemente sono stati pubblicati diversi tutorial e risorse per creare menu con lo stile della Mela che vorrei segnalarvi. Cominciamo con Apple Style Accordion Menu su DynamicDrive, che presenta un menu accordion con JQuery e CSS. Per quanto riguarda il menu principale di Apple, ecco Apple style menu tutorial using CSS sprites e Create an apple style menu and improve it via jQuery: entrambi i tutorial includono anche la realizzazione grafica con Photoshop, e il secondo ha un effetto decisamente accativante. Concludo con Create apple.com-like breadcrumb using simple CSS per realizzare una breadcrumb in puro stile Apple.

Continua a leggere Menu con i CSS: ispirazioni da Apple

Categoria: Web Design

Eccoci ad un nuovo appuntamento dei bookmark dedicati a Photoshop. Cominciamo con due mega liste che contengono di tutto un po': Monster size selection of awesome Photoshop tutorial e The world’s biggest post about Photoshop. Passiamo ai tutorial e alle risorse con un effetto sempre più utilizzato nella grafica, ovvero l'effetto glow: ecco 25 brilliants glow effects e se magari volete agevolarvi un po' con i pennelli, potrebbe fare al caso 200+ Photoshop Brushes for Light, Sparkles, Glows and Glitter. (more...)

Continua a leggere Bookmark: tutorial Photoshop

Categoria: Grafica

Appuntamento dei bookmark dedicato ai layout con i CSS. Cominciamo con All about floats, un bel tutorial che spiega i meccanismi principali che governano i float. Altro tutorial pratico e utile è Top reasons your CSS columns are messed up che illustra i principali motivi di problemi di resa con i float. Una mega-lista da aggiungere ai preferiti è CSS Layouts: 40+ Tutorials, Tips, Demos and Best Practices che contiene tutorial, layout pronti, tips e molto altro. Della lista merita una menzione speciale il corposo From PSD to HTML, Building a Set of Website Designs Step by Step. Non si tratta di un tutorial espressamente dedicato al layout, ma porta alla realizzazione di quattro pagine complete da usare come template a partire da un PSD. Davvero ben fatto. (more...)

Continua a leggere CSS: risorse sui layout

Categoria: CSS

Come di consueto, eccoci all'appuntamento mensile con alcune segnalazioni meritevoli che non hanno ancora trovato posto sul blog. Segue la lista: Logo design trends 2008 che illustra le tendenze grafiche dei logotipi nel 2008 SEO Basics, introduction to Search Engine Optimization una corposa introduzione all'ottimizzazione per i motori di ricerca Perfect Pagination Style Using CSS, una bella raccolta di navigazioni di paginazione da Antonio Lupetti Designing for the Mobile Web un'interessante introduzione su Sitepoint High-quality free icon sets una raccolta a 90 set di icone free 45 Photoshop tutorial for better navigation, una notevole selezione di tutorial su menu in Photoshop 45+ Fresh Out of the oven jQuery Plugins, ben 45 plugin per jQuery Sitepoint HTML reference, un ottimo complemento alla reference CSS sempre su Sitepoint Izzymenu un generatore on-line di menu con grafica e CSS.

Continua a leggere Bookmark di Marzo

Categoria: Web Design

Alcune segnalazioni interessanti sui CSS che ho raccolto di recente. Cominciamo con Planning your stylesheet - the definitive guide: il titolo è un po' pretenzioso forse, ma contiene dei suggerimenti preziosi. Un articolo simile è Combating Classitis with Cascades and Sequential Selectors, con alcuni tips per usare le classi con buon senso. Passiamo ai tutorial: decisamente bello il Legend of style revised, un articolo che propone differenti presentazioni dell'elemento legend dei form. Ottenere risultati cross-browser per questo elemento non è semplice, ma mi pare che l'autore del pezzo abbia fatto un ottimo lavoro. Altro tutorial molto specifico: Creating and styling resizable buttons per ottenere bottoni semi-grafici autoadattanti in larghezza. (more...)

Continua a leggere CSS: tips, tutorial e risorse

Categoria: CSS

Le PNG semitrasparenti sono da sempre uno strumento potente per ottenere effetti grafici accattivanti e altrimenti impossibili. Ecco due tutorial molto ben fatti sul loro uso creativo. In Doing strange things to CSS Backgrounds su Sitepoint viene mostrato come agendo sulla background-position sia possibile ottenere differenti velocità  di scorrimento orizzontali degli sfondi (qui l'esempio). Nel recente How to recreate SilverbackÂ’s Parallax su Vitamin viene spiegato come ottenere un effetto tridimensionale come quello di Silverback grazie a tre sfondi PNG e poche regole CSS. Per notare l'effetto, anche in questo caso vi basta stringere o allargare la finestra del browser.

Continua a leggere Sperimentazioni con il background

Categoria: CSS

Apro questo post con una novità  che vorrei condividere con i lettori. Dal 13 febbraio mi sono trasferito per lavoro in Olanda, avrà un contratto di tre anni. Ebbene si, sono uno dei cervelli in fuga :) Mi sono già  sistemato con la casa, ma c'è un piccolo problema: sono senza internet per ora! Ci andranno ancora due-tre settimane per avere l'ADSL: quando arriverà  riprenderà l'attività  sul blog con la normale frequenza. Questo weekend sono però tornato a casa in Italia, e ho pensato di recuperare un po' di bookmark e non mancare con l'appuntamento mensile: The principles of beautiful HTML email: su Sitepoint, una bella lettura sulle email in formato HTML The one page graphic design portfolio guide con tips e risorse per creare un portfolio a pagina singola Font-based layouts becoming fashionable?, una riflessione sui layout elastici 18 Smoking hot bussiness card designs: un'ispirazione con 18 biglietti da visita stupendi Creating a three-level rollover vertical menu with CSS, un tutorial per creare un menu verticale espandibile a tre livelli solo con i CSS 70 of the best logo design resources, ben 70 risorse e articoli sulla creazione di logotipi 9 Practical Ways to Enhance your Web Development Using the Firefox Web Developer Extension, come migliorare lo sviluppo con questa pratica estensione di Firefox

Continua a leggere Bookmark di Febbraio

Categoria: Bookmark

Eccoci ad un nuovo appuntamento dei bookmark dedicato a Photoshop. Cominciamo: How To Create a Stunning Vista Inspired Menu è un dettagliato tutorial per creare menu in stile Vista, Chroma Wallpapers in Photoshop illustra invece come realizzare un desktop dal look decisamente moderno.Ora due belle liste di risorse: 100 Photoshop Tutorials for Creating Beautiful Art e Photoshop Tutorials and Links - Best of the Web - January . Per i video, ecco invece 20+ Photoshop Video Tutorials. Passando ad uno stile grafico che sta diventando sempre più di tendenza, il vintage o wicked-worn, segnalo Creating a cool vintange collage design in Photoshop, 10 Photoshop tutorial to create a wicked-worn look e Filter-free Art in Photoshop.Non proprio a tema, ma merita una segnalazione per la sua semplicità  ed efficacia, How to turn a photo into a sketch.Concludo con i pennelli: una raccolta di brushes decisamente notevole è Best of Photoshop: 40+ brush sets e, visto che ci stiamo avvicinando a San Valentino, ecco Photoshop Heart Brushes Collection. Alla prossima!

Continua a leggere Bookmark Photoshop

Categoria: Adobe World

Dopo il futuro dello stile segnalato da Gianluca poco tempo fa, torniamo a parlare di CSS3 con alcune segnalazioni interessanti. La prima è Progressive enhancement with CSS, un bel tutorial per usare da subito alcune proprietà  CSS3 e rendere un menu più accattivante nei browser che le supportano. Sempre di progressive enhancement si parla in CSS Not([hacks]), che illustra un modo per avvantaggiarsi dei selettori CSS3 e creare regole specifiche per i browser capaci. Il recente Stay on :target infine mostra benissimo le potenzialità  di questa pseudo-classe CSS3. Tra le risorse di casa in tema, segnalo infine CSS3 a piccoli passi per chi se lo fosse perso. Buona lettura!

Continua a leggere Segnalazioni sui CSS3

Categoria: CSS