Tutorial

Creating a Vector-Style MacBook from Scratch

25 Apple Inspired Tutorials for Designers

Il weekend inizia con una carrellata di tutorial ispirati allo Stile Apple, uno dei maggiori trend del design moderno. Ne abbiamo scelti 25 e vi porteranno mostreranno come realizzare bellissimi effetti con Photoshop, Illutrator e Flash (a seconda del caso, ovvio!). Buona visione e buon weekend (all’ombra!) dallo staff!

(continua…)

17
Optimize your CSS
Mixing CSS3 and jQuery… How to CSS3 effects via jQuery

Come usare oggi i CSS3 con la sicurezza di creare effetti visibili su tutti i browser? Semplice! Nascondendoli in jQuery! In questo modo il vostro problema sarà solo sapere se i browser supportano jQuery. Oggi vi mostriamo una lista utile per imparare ad usare i CSS3 tramite jQuery ma prima iniziamo con qualche esempio per capire come usare i CSS3 in jQuery dopo.

(continua…)

28
Optimize your CSS

How the CSS Lists can Help the SEO

Google controlla più di 200 parametri per assegnare al nostro sito web una posizione all’interno dei risultati delle ricerche. Tra questi parametri c’è l’organizzazione dei link del nostro sito web. Vogliamo mostrarvi come sia possibile ottenere una migliore scansione del nostro sito da parte di Googlebot così da essere indicizzato in maniera migliore semplicemente usando le Liste CSS.

Sappiamo che in ogni sito è necessaria una pagina Sitemap che raggruppi tutte i link interni del nostro sito. Attenzione a non confondere questa Sitemap con la Sitemap XML, questa sarà una pagina web strutturata come tute le altre pagine (html, php, asp, …) del nostro sito. E’ buona prassi chiamarla Sitemap (esempio: sitemap.html). Quello che molti non sanno è che se in ogni pagina del nostro sito inseriamo una navigazione html sottoforma di lista Google capisce molto meglio che si tratta di un menu di navigazione contenente link interni al nostro sito. Ciò sarà utile ad un SEO che vuole essere primo in Google usando questa e altre tecniche e regole.

(continua…)

56
jQuery tutorial

Top10 Simplest jQuery Tutorials

La settimana comincia con una Top10 dei 10 tutorial jQuery più semplici ed utili che possono essere di aiuto per chi si avvicina a jQuery o per chi già lo conosce e cerca strumenti utili per il proprio sito o per il sito di un cliente. Come noterete, con jQuery è ormai possibile fare cose che fino a qualche anno fa non si pensava fosse possibile se non con flash. Effetti grafici incredibili e funzioni che migliorano la navigation experience dell’utente.

Alla fine della Top10 troverete un Bonus!

(continua…)

23
Optimize your CSS

Dark Side of CSS: the Slectors

Cosa è necessario per essere un guru del webdesign? Ce lo siamo chiesti spesso. Sicuramente c’è bisogno di un buon mix di fantasia e conoscenze tecniche relative al diversi argomenti. La fantasia è qualcosa che ognuno di noi ha in modi diversi. Un programmatore per esempio non potrà raggiungere la fantasia di un designer in merito all’estetica di un auto o si un sito web. Probabilmente il primo ha iniziato a scrivere prima ancora di saper leggere (sembra una contraddizione!) e il secondo invece giocava con matite colorate, pennarelli e pennelli prima di imparare a legere e scrivere. Quindi sulla fantasia non si può intervenire molto, si tratta di un elemento che viene cresce in modo diverso nelle persone. Le conoscenze tecniche invece possono essere aumentate nel corso del tempo. Tra le conoscenze tecniche di un webdesigner ci sono i CSS. Le pagine del W3C e il web in generale è pieno di tutorial ed esempi relativi ai css, sono fondamentali per la realizzazione dei siti web e attualmente si sta aspettando l’avvento dei CSS3 i quali porteranno numerosi vantaggi per gli sviluppatori (di ciò ce ne occuperemo in un altro articolo). Ma fino a che punto è necessario conoscere i CSS? Ci sono parti meno conosciute del mondo dei CSS? Quando ci si può definire un guru dei CSS?

E’ con queste domande che introduciamo l’articolo di oggi: “i Selettori CSS”.

Buona lettura!

(continua…)

7
layout finished

Hardcore Design - How to Create a Designer Portfolio in Wood Style

Recentemente ci siamo occupati di come si possa impiegare il legno nel webdesign mostrandovi quanto siano importanti i CSS per il background (e non solo) e alcuni esempi di Siti Web in cui il legno è stato ampiamente utilizzato con risultati eccellenti.

Oggi vogliamo mostrarvi come realizzare con Photoshop un Layout di un Portfolio personale in cui è presente il legno.

Buona lettura!

(continua…)

1
Sliders and Carousels in Web Design, Best Practices, Scripts and Showcases

Sliders and Carousels in Web Design, Best Practices, Scripts and Showcases

Oggi analizziamo nei dettagli le migliori soluzioni che permettono di realizzare effetti Slide per le pagine web. Si tratta di effetti molto utili perchè consentono una migliore interazione con gli utenti e mettono meglio in evidenza i contenuti utili per l’utente. Inoltre grazie ad AJAX è possibile ottenere risultati eccellenti senza grandi tempi di caricamento.

(continua…)

209