E farlo è semplicissimo. Ti basterà scrivere nel browser l’url: http://griddle.it/[total width]-[number of columns]-[gutter size].

Al posto di total width dovrai mettere le dimensioni della pagina (ad es. 960), in [number of colums] dovrai mettere il numero di colonne della griglia (es 12) e in [gutter-size] lo spazio tra le colonne e quindi l’url diventerà: http://griddle.it/960-12-30, e in questo modo avrai la griglia pronta da mettere come sfondo nella bozza da realizzare.

Inoltre potrai inserire la griglia come sfondo nella pagina web, inserendo l’immagine di sfondo nel selettore body nel foglio di stile css.

Esistono dei framework consolidati come ad esempio 960grid, che però pongono delle limitazioni, dato che il numero di colonne o gli spazi sono predefiniti, a differenza di Griddle.

Cosa ne pensi di questo progetto? Utilizzi le griglie nei siti web che realizzi?

Scarica gratis il jQuery Mega Pack con tutti i miei tutorial jQuery!

Ti basterà aggiungere le immagini che dovranno fare parte della gallery, scegliere il template da utilizzare, l’aspetto delle miniature e pubblicare la gallery.

La versione free inserirà in ogni foto il link a Visual Lightbox, mentre con 69$ si potrà utilizzarlo senza alcuna limitazione, per qualsiasi sito.

Personalmente non ho mai fatto uso di questo strumento perchè mi piace fare le cose a manina, ma non nego che in futuro questo strumento potrà essermi utile, magari quando ci saranno delle scadenze  di progetti immediate.

Tu cosa ne pensi? Hai mai utilizzato Visual Lightbox o strumenti simili?

Scarica gratis il jQuery Mega Pack con tutti i miei tutorial jQuery!

Come sempre gli articoli sono di altissima qualità e tra questi troverai, il terzo capitolo della guida a Gimp, dove viene spiegato come utilizzare una parte degli strumenti di disegno.

In particolare, nell’articolo viene spiegato come utilizzare i primi sei strumenti di Gimp, cioè il Riempimento Colore, la Sfumatura, la Matita, il Pennello, la Gomma e l’Aerografo. Nel prossimo numero verranno spiegati gli altri strumenti.

Ecco i titoli degli articoli di questo imperdibile numero, e ricordati: è gratis!

• Master in Italia: si o no?
• Blog design: Sidebar? Si, no, forse
• Attenzione, dietro quel sito c’è una donna!
• Come pensare, scrivere e vendere il tuo eBook di successo
• Il valore dei link per i motori di ricerca
• User Experience: progettare siti web a misura di bambino
• Addio originalità: usi e abusi nel web design
• Le folksonomie: cosa sono e a cosa possono servire?
• Conoscere i feed RSS (terza parte)
• Guida a Gimp: gli strumenti di disegno – Parte 1
• Intramontabile, romantico, creativo. Ispirazione in vintage style

Che bello sarebbe avere questa rivista cartacea, magari in abbonamento che ti arriva direttamente a casa vero?  Vuoi sapere come rendere questo sogno una realtà? Qui trovi tutti i dettagli

Scarica gratis il jQuery Mega Pack con tutti i miei tutorial jQuery!

Al suo interno troverai articoli uno migliore dell’altro, tra cui il secondo capitolo della guida a Gimp, dove viene spiegato come utilizzare i principali strumenti di selezione.

Infatti una delle operazioni basilari nella grafica è la selezione, che si può effettuare in diversi modi a seconda di quello che si può fare.Ecco i titoli degli articoli di questo imperdibile numero, e ricordati: è gratis!

• La crisi non è la crisi
• Viaggio alla scoperta dell’INPS
• Cercasi Web Designer possibilmente factorum
• La strategia del dolore del marketing
• Ottimizzare i contenuti per i motori di ricerca
• Web Design e daltonismo
• Utilizzare l’A/B Testing nei nostri progetti
• Design visivo: alla ricerca dell’immagine giusta
• Conoscere i feed RSS (II parte)
• Guida a Gimp: gli strumenti di selezione
• Realizzare un sito multilingua grazie a PHP
• vCard e Microformats
• Tutto quello che c’è da sapere sulle mascotte nel web design
• La posta di Your Inspiration Magazine

Probabilmente ora starai pensando: si bella, grande iniziativa..ma che fatica leggere su monitor!

Beh se desideri trovare la rivista nell’edicola della tua città gratis, stampa il volantino che trovi subito dopo la copertina e diffondilo il più possibile! Qui trovi tutti i dettagli.

Fai un piccolo sforzo per un grande progetto!

Scarica gratis il jQuery Mega Pack con tutti i miei tutorial jQuery!

Crebs è una risorsa importante per i giovani creativi che cercano lavoro e per i professionisti più affermati che vogliono dare slancio alla propria carriera.

I visitatori possono cercare l’annuncio direttamente dalla homepage, in modo davvero efficace, con i risultati che vengono mostrati in real time (in stile Google Instant).

Inoltre  l’utente potrà creare profili personali, condividere gli annunci e inviare il proprio curriculum; sarà anche possibile ricevere direttamente via email gli avvisi per gli annunci corrispondenti alla propria mansione.

Per quanto riguarda le aziende, sarà possibile aggiungere un annuncio in tre semplici passaggi, senza doversi registrare: in questo modo l’azienda risparmia tempo e trova candidati consoni all’annuncio. Per il lancio del sito, e per tutto il 2010, l‘inserzione dell’annuncio sarà gratuita.

Crebs ha inoltre sviluppato Live Stream, un plug-in ideato per i blogger e i webmaster, che permette di visualizzare tutti gli annunci di lavoro aggiornati in real-time e suddivisi per “settore”. Il plugin, disponibile in due varianti cromatiche, è flessibile e assolutamente poco invasivo (una riga di codice HTML).

Inoltre la struttura del sito è pensata nativamente per lavorare su dispositivi mobili come iPad, iPhone e BlackBerry.

Scarica gratis il jQuery Mega Pack con tutti i miei tutorial jQuery!

Oggi voglio condividere tre raccolte di risorse e strumenti che spaziano su tantissimi argomenti come risorse grafiche, SEO, accessibilità, sistemi di griglie e molto molto altro ancora.

Ecco le raccolte, e se conosci qualche altra risorsa simile non esitare a citarla nei commenti

JuliusDesign – Box Design

Nel box design Giuliano Ambrosio ha voluto raccogliere i suoi articoli divisi per tematiche, dando di fatto un valore aggiunto ai contenuti che ogni giorno propone ai suoi lettori. In effetti con tanti articoli prodotti è difficile dare risalto a tutti gli articoli e allora ecco che è nata questa ottima idea.

Manuela Langella – Risorse

Manuela Langella, recentemente ha dedicato una parte del suo blog alla raccolta di risorse per web designer, anche questa divisa per categorie come Typography, Vectors, Photoshop e molte altre ancora, che saranno sempre aggiornate.

Web Designer Italiani – Tools List

Facebook se sfruttato nella maniera giusta può essere davvero una grande risorsa e il gruppo Web Designer Italiani, fondato da Giuliano Ambrosio, ne è un gran bell’esempio.

In questo gruppo, tra le tante risorse condivise è stato creato un documento dove  molti web designer hanno raccolto risorse utili per web designer, divise per categorie. Dato che queste risorse sono visibili solo se si è membri del gruppo ho voluto riportarle qui di seguito.

Scarica gratis il jQuery Mega Pack con tutti i miei tutorial jQuery!

Con questo articolo voglio cercare di rispondere alle tantissime mail che mi arrivano dove mi viene chiesto: ma quale libro mi consigli per wordpress? jquery? web design in generale?

Con i libri che sto per elencare e che spero aumenteranno, voglio darti una risposta definitiva.

Categoria WordPress

Rockstar WordPress Designer

In questo blog si è visto più di una volta che wordpress non è solo blog e che si possono realizzare diverse tipologie di sito. Grazie a questo libro scoprirai come trasformare WordPress in un CMS completo. Vai a vedere la preview per capire quali sono gli argomenti trattati.

Digging into WordPress (grazie a Manuela Langella)

WordPress 3 Site Blueprints (grazie a Oleg)

Smashing WordPress: Beyond the Blog (grazie a Oleg)

Categoria jQuery

jQuery: Novice To Ninja

Credo sia il miglior libro su jQuery in circolazione: parte dalle basi fino ad arrivare a realizzare applicazioni avanzate. Ti rimando alla lista degli argomenti trattati per capire se è un libro che può fare per te, ma penso proprio di si

Categoria Web Design (HTML, CSS, Standard)

Smashing Book

Non credo abbia bisogno di presentazioni. Il libro realizzato dai ragazzi di Smashing Magazine è adatto sia chi è alle prime armi, sia per chi è già esperto.

Sexy Web Design (grazie ad Antonio Fullone)

The Principles of Beautiful Web Design (grazie ad Antonio Fullone)

Designing with Web Standards (grazie ad Antonio Fullone)

The CSS Web Anthology (grazie a Quirky)

The Non Designer Book (grazie a Quirky)

Design Basics Index (grazie a Quirky)

Bulletproof Web Design (grazie ad Anna Palotti)

Oltre i CSS. La sottile arte del web design (grazie ad Anna Palotti)

XHTML e CSS (grazie ad Anna Palotti)

40 Free and Essential Web Design and Development Books from Google (grazie a Tancredi Matranga)

Questa è una lista di 40 libri che si possono leggere gratis su Google Book.

Quali libri aggiungeresti?

Scarica gratis il jQuery Mega Pack con tutti i miei tutorial jQuery!

Aspettando la rubrica Siti ai Raggi X, che inizierà domani, puoi intanto rispondere a queste domande utilizzando Wappalyzer, un ottimo plugin per Firefox che ti svelerà  quali sono state le tecnologie utilizzate nei vari siti.

Il plugin è in grado di rilevare fino a 155 diverse applicazioni che, una volta installato, verranno riportate in basso a destra.

Nella pagine ufficiale, inoltre puoi vedere quali sono le tecnologie più utilizzate, così puoi farti un’idea sul trend attuale e su cosa è meglio concentrarsi per lavori futuri.

Un ottimo plugin utile anche per rendersi conto delle potenzialità dei diversi CMS, ancora magari inesplorate.

Conosci o utilizzi qualcosa di simile, magari per altri browser?

Scarica gratis il jQuery Mega Pack con tutti i miei tutorial jQuery!

Al suo interno troverai articoli uno migliore dell’altro, tra cui il primo capitolo della guida a Gimp, dove viene fatta un’introduzione al programma.

In particolare viene spiegato come scaricare e installare Gimp, la  gestione delle finestre e infine viene fatta una panoramica su tutti gli strumenti a disposizione.

Ecco i titoli degli articoli di questo imperdibile numero, e ricordati: è gratis!

• Dalle collaborazioni occasionali ai contratti a progetto
• Interaction Design: per l’utente, l’interfaccia è il prodotto
• Trovare nuovi clienti in tre lezioni e mezzo
• Web semantico: quali le sfide e le opportunità
• Title e Description, i tag fondamentali per ottimizzare le nostre pagine web
• User Experience: come sono messe le aziende italiane?
• Accessibilità: quali sono gli errori più comuni?
• Form 3.0: l’evoluzione della specie
• Conoscere i feed RSS
• Come progettare una home page che funzioni
• Guida a Gimp: grafica professionale a costo zero
• CSS3: I vantaggi dei colori RGBA
• Quando il web design è un’arte che osa e che sa stupire
• La posta di Your Inspiration Magazine

Probabilmente ora starai pensando: si bella, grande iniziativa..ma che fatica leggere su monitor!

Beh se desideri trovare la rivista nell’edicola della tua città gratis, stampa il volantino che trovi subito dopo la copertina e diffondilo il più possibile! Qui trovi tutti i dettagli.

Fai un piccolo sforzo per un grande progetto!

Scarica gratis il jQuery Mega Pack con tutti i miei tutorial jQuery!

Come farsi conoscere nel mondo del web design?

Ritengo che oggi sia più difficile riuscire a distinguersi nel web con un blog, rispetto a qualche anno fa. Ora ce ne sono tanti, forse troppi che parlano di web design e la concorrenza quindi è sempre più spietata.

Esistono però altri modi per farsi notare, e voglio condividere con te quelli che ritengo siano più efficaci per avere più probabilità di successo. Se ne vuou condividere altri parlane pure nei commenti

Scopriamoli insieme.

Facebook

Non sto parlando di pagine fan, o meglio, non solo. Hai realizzato dei lavori di grafica a tempo perso che sono di qualità? Crea un album dei tuoi lavori più belli. Magari un tuo amico ha bisogno di creare una brochure o un sito web e vedendo i tuoi lavori verrà da te!

Youtube

Sei esperto di Photoshop, Illustrator o altro ancora? Realizza delle video guide da pubblicare su youtube, dove dimostri la tua bravura e la puoi condividere con altri appassionati. Si potrebbero aprire scenari interessanti, come richieste di fare dei corsi on line, oppure realizzare dei siti web o grafiche destinate alla stampa, proprio come è successo a me.

Ecco alcuni canali youtube su photoshop, ma ce ne sono anche su altri programmi, in italiano e in inglese.

Photoshoppista

Ellebi62

Bisturi84

Contest grafici

Prova a partecipare a dei contest grafici e mettiti in gioco. Non c’è niente di meglio che un sano confronto, per capire le reali capacità e vedere se si è realmente portati per questo mondo.

Ecco alcuni siti di contest grafici a cui puoi partecipare e provare a vincere.

Best Creativity

99designs

Zooppa

Guerra Creativa

E-book

Conosci bene un argomento? Sei esperto di Photoshop, Illustrator, Flash, Html, CSS, SEO e altro ancora? Allora scrivi un e-book, dimostrando le tue conoscenze e segnalalo ai maggiori web designer e blogger. Saranno ben felici di pubblicizzarlo.

Prova a vedere queste 3 raccolte, tutte stilate da Speckyboy da prendere come esempio:

• 20 Useful Free PDF ebooks for Designers and Bloggers
• 12 Useful and Free Downloadable Web Design Books
• 9 More Useful and Free Downloadable Web Design Books

Vendita di risorse

Hai realizzato dei lavori di grafica, template, effetti speciali con i video, animazioni in flash ecc. di cui non sai cosa fare? Prova a venderle sul marketplace di Envato.

Envato Marketplace

Portfolio

Ora è venuto il momento di mostrare i tuoi lavori in modo elegante e professionale, con un portfolio.

Per prendere un po’ di ispirazione ecco una lista di 40 portfolio, stilata da Web Design Ledger.

40 Inspiring Portfolio Designs

Inoltre ti segnalo un’altra raccolta di 60 risorse per un portfolio, dove troverai tutorial, template e siti da cui prendere ispirazione, stilata da Van Delay Design.

Aprire un blog

Ho messo per ultimo aprire un blog, perchè ritengo che tra tutte le soluzioni, sia quella che richiede maggiori sforzi e che può portare ad abbandonare tutto in men che non si dica. Se i risultati precedenti non ti portano i risultati sperati allora prova ad aprire un blog, e mi raccomando, usa WordPress!

Non limitarti a scrivere contenuti. Commenta in modo costruttivo gli articoli dei blog più in vista, collabora con altri blog, e scrivi guest post per blogger autorevoli.

E ora a te la parola: hai usato uno di questi modi per distinguerti dalla massa? o ce ne sono altri che mi sono sfuggiti?

Scarica gratis il jQuery Mega Pack con tutti i miei tutorial jQuery!