Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[Web Design]

Suggerimenti e Trucchi Professional Web Design

A cura della dott.ssa Liliana Castello

Ecco qui 12 utili trucchetti e suggerimenti forniti da Web Designers professionisti:

  1. Mettete le informazioni più importanti nella parte superiore.

Organizzate le vostre pagine dall’alto verso il basso. Le informazioni più rilevanti dovrebbero sempre essere trovate nel modo più semplice possibile.

  1. Limite di lunghezza delle pagine.

Due o tre schermate dovrebbero essere la lunghezza massima per ciascuna pagina.

  1. Rendete la navigazione semplice.

Siate coerenti nel collocare i vostri strumenti di navigazione, per esempio menù, pulsanti e così via.

  1. Rendete le immagini quanto più piccole possibile

Riducete la dimensione fisica delle immagini con Paintprima di immetterle nelle vostre pagine Web

  1. Utilizzate la tavolozza web (WEB PALETTE)

Ciò consente di ottimizzare la dimensione dei files (la mantiene piccola) e rende le immagini ben visibili da tutti i monitor e sistemi.

  1. Usate in maniera appropriata e correttai formati GIF e JPEG

Utilizzate il formato JPEG per le fotografie e quello GIF per tutto il resto.

  1. Evitate “sfondi occupati” (di colori troppo carichi o simili a quello del testo)

In tal modo la lettura del testo dovrebbe essere più scorrevole. Dunque assicuratevi sempre di avere un sufficiente contrasto.

  1. Utilizzate parametri ALT (bassa ris. e/o testo) per le immagini.

Questo è importante soprattutto per quelle persone che visualizzeranno le vostre pagine con computers più vecchi.

  1. Evitate animazioni eccessive

Non animate le immagini a meno che non abbiate un’ottima ragione- può essere davvero irritante.

  1. Utilizzate le tabelle per formattare il testo e le immagini.

Questo è il modo migliore per controllare bene il vostro layout.

  1. Utilizzate Fonts comuni.

In questo modo vi assicurerete che chiunque veda le vostre pagine così come voi le avete progettate.

  1. Non centrate pagine intere
Utilizzate questo tipo di metodo solo per titoli e situazioni particolari.

Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[Web Design]

jQuery Resources: Infinite carouFredSel. Slideshow Immagini

carouFredSel è un plugin gratuito in jQuery che converte qualsiasi elemento HTML in un carosello circolare di immagini infinito.

Può lasciar scorrere uno o più elementi contemporaneamente, sia orizzontalmente che verticalmente. Include funzionalità automatiche e altre attivabili mediante l’interazione dell’utente ai pulsanti di azione.

Essi possono essere pulsanti prev e next con immagini personalizzate (CSS), indicatori di posizione e pulsanti di play e di pausa.

Link


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[Web Design]

Effetti sulle immagini con Javascript! PaintbrushJS. Funzione

Oggi vi propongo un interessantissimo plugin, PaintBrushJS, scritto totalmente in Javascript, in grando di applicare degli effetti alle immagini selezionate dagli utenti.

Gli effetti vengono applicati client-side (javascript) e utilizzano il tag <canvas> dell’HTML5. Oltre all’effetto principale è possibile applicare altri parametri semplicemente applicando una classe all’elemento.

Gli effetti applicabili, attualmente, sono: blur, scala di grigi, mosaico, noise, posterize, sepia e tint.

Ecco una demo.


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[News]

Nuovo iPad

Vi elenco altre informazioni recuperate dalla rete:

  1.  fotocamera FaceTime frontale
  2. un processore più veloce
  3. maggiore disponibilità di RAM
  4. un’uscita mini-USB e quella che sembra avere tutta l’aria di una funzionalità per la disposizione del tablet in modalità landscape, con una porta USB per l’installazione di iPad su un dock in posizione orizzontale.

Qui una serie di immagini rubate: http://www.webnews.it/2010/12/17/ipad-2-le-immagini-rubate/


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[Web Design]

HTML5 & jQuery Grayscale

Una volta l’immagine in scala di grigi doveva essere convertita manualmente per poter essere visualizzata sul web.

Oggi con HTML5 le immagini possono essere manipolate in scala di grigi, senza dover utilizzare un software di fotoritocco.

Ho trovato questa demo su http://www.webdesignerwall.com che mostra come utilizzare jQuery per HTML5 e duplicare le immagini a colori in scala di grigi.


Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche

[Web Design]

slideViewerPro: Altra Galleria in jQuery

slideViewerPro è una galleria completamente personalizzabile in jQuery attraverso il CSS, deriva dal plugin slideViewer, ma con altre features.

La galleria è formata da una lista unordered con qualsiasi numero di immagini.

Alcune caratteristiche personalizzabili sono: didascalie, riproduzione casuale, pulsanti di avanzamento, definire l’animazione e il tempo delle slides e molto molto altro.