Consigliato da @imaginepaolo
Suggerisci Modifiche

[Web Design]

Complete Web Design Templates

 Se avete necessità di sviluppare velocemente un sito web eccovi una deliziosa lista di templates:

  1. TemplateNavigator: The largest catalogue of free website and flash templates, along with quality preview shots.
  2. TemplateBox: Over 300 freebie website, logo, banner, and flash templates to complement their collection of paid offerings.
  3. Template Monster: A small but very high-quality set of web, flash, and blog templates.
  4. Art for the Web: 75 freebie templates. Pretty good place to look if you’re looking for something slightly out of the ordinary.
  5. Free CSS Templates: A 206 template strong resource which is frequently updated with new submissions.
  6. Effex-Media: Free website templates designed by designers, this massive list is categorized by website type and includes user reviews of many of the templates.
  7. DotcomWebDesign: Hundreds of free templates, some of which are really top-notch. However, the categorization is a little arbitrary so be ready to spend some time manually searching.
  8. Themebot Design Templates: This site has some design templates, but not very many. There is a good amount of free themes.
  9. Groovy Lizard: Personal page templates (commercial use must buy a license)
  10. Interspire: Freebie web, Frontpage and Dreamweaver templates
  11. Joyful Heart Designs: Personal page templates generally with floral designs.
  12. OpenSourceTemplates: Free CSS and xhtml open source website templates and Web 2.0 designs.
  13. Ricky’s Web Templates: 50+ freebie templates, graphics, and buttons.
  14. Free CSS Templates: A dozen full-featured fully functional CSS based templates.
  15. FreekTemplates.com: A collection of business, cars and bikes, and hosting templates.
  16. Template Perfection: 200+ freebie templates with quite a few non-english oriented templates.
  17. TemplateWorkz: 48 freebie web templates, along with some basic logo and newsletter templates.
  18. Zymic: 80 freebie templates (HTML Pages + CSS + Images + PSD Files + Blank Images Files).
  19. OpenSourceTemplates: A community-driven CSS and xhtml open source template design showcase.
  20. Freelayouts: HTML and Flash templates.
  21. FreeCSSTemplates.org: Over 100 freebie CSS templates.
  22. Free Layouts: Complete list of hundreds of HTML, flash, and CSS templates.
  23. Free Templates Online: Dozens of easily customizable templates categorized by theme.
  24. Free Website Templates: A large collection of templates that don’t require a reciprocal link.
  25. Six-Shooter Media: Free CSS and xhtml open source templates.
  26. Free Flash Template: Web templates and intros with tons of special features.
  27. Layouts4Free.com: Free web layouts with search capability.
  28. Solucija: Free XHTML / CSS website templates already setup and sorted by commercial use.
  29. MasterTemplates: Professionally designed free website layouts along with PowerPoint templates.
  30. TemplateWorld: Free, tableless, W3C-compliant web design layouts designed by Template World designers.
  31. Painted Pixels: Free web page templates, buttons, and background tiles for non-commercial use.
  32. CSSFill: A selection of CSS / XHTML based layouts and templates by Michael Strand.
  33. ThemesBase: Templates organized by popular content management, blogging and forum systems.
  34. Arcsin Design Templates: 22 Freebie XTML and CSS Templates
  35. Snakeye Web Templates: 20 templates with a focus on Dreamweaver and Fireworks.
  36. Steve’s Templates: Dozens of templates, free with link back.
  37. GordonMac.com: Free CSS templates along with some freebie PHP scripts.
  38. Web Design Helper: Full page templates including the graphics and code.
  39. Webmaster Resources: 25 free web templates.

Consigliato da @imaginepaolo
Suggerisci Modifiche

[News]

Contact Forms Inspirations: 36 bellissimi form da cui prendere spunto

I form di contatto sono presenti in quasi tutti i siti web e sono importantissimi per lo scambio di informazioni tra l’utente e gli amministratori.

Spesso però la loro grafica annoia e disturba i clienti intenti a riempirne il contenuto. Allora che ne pensate di rinnovare un po’ le idee rinfrescando il design in modo da renderli appetibili, accattivanti e invitanti alla compliazione?

dzineblog ha raccolto 36 bellissime mascherine di contatto e vere e proprie pagine da cui trarre ispirazione. Spero che vi possano tornare utili in un vostro futuro progetto.

Link


Consigliato da @imaginepaolo
Suggerisci Modifiche

[News Web Design]

Blockster, plugin in jQuery per scorrimento div (effetto slide)

Blockster è un leggerissimo plugin in jQuery che gestisce i livelli div con bellissime animazioni a effetto slide.

Il plugin, sostanzialmente, ha 2 effetti: transizione a blocchi e una transizione a gradiente. Sono entrambe molto belle da vedere e utilissime per impressionare e far interessare gli utenti ai contenuti.

Le transizioni possono essere personalizzate definendo il numero di righe, colonne e la velocità (dell’effetto fade). Blockster, inoltre, è capace di mostrare i div in ordine di posizionamento sulla pagina, ma può essere tranquillamente impostato anche lo scorrimento random.

Link


Consigliato 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
Suggerisci Modifiche

[Web Design]

Plugin in jQuery: Carosello di contenuti (immagini e html)

bxCarousel è un semplicissimo plugin in jQuery pronto da implementare nelle nostre pagine web.

Lascia scorrere – come da titolo – dei contenuti all’interno di una lista <ul> di elementi.

È possibile implementare dei pulsanti di scorrimento prev e next mediante l’uso dei CSS3, può essere impostato lo scorrimento automatico con loop infinito, la velocità e la direzione dello scorrimento.


Consigliato da @imaginepaolo
Suggerisci Modifiche

[News Web Design]

Icone in PNG di Alta Qualità per Carte di Credito | Icone per E-Commerce

Oggi vi presento un Set di Icone, composto da 18 elementi in PNG, in risoluzione 32 x 32 px oppure 128 x 128 px.

Queste icone sono state realizzate e pensate per un sito di e-commerce dove è necessario mostrare all’utente il tipo di pagamento richiesto. Come di solito, questo set è gratuito per scopi privati e commerciali.

Preview

Download


Consigliato da @imaginepaolo
Suggerisci Modifiche

[Web Design]

Lightbox_me: Plugin in jQuery per Oggetti DOM a Comparsa sulla Pagina

Lightbox_me è un plugin in jQuery che esegue un bell’effetto di messa in evidenza degli oggetti DOM. Avete mai voluto evidenziare dei form, dei contenuti, e nascondere il resto della pagina, magari opacizzandola con una tonalità di nero (overlay)? Questo è il plugin che fa per voi.

È leggerissimo, solo 1kb (compresso) e utilizza un sistema di posizionamento intelligente, in quanto, è in grado di posizionare correttamente gli elementi anche quando la finestra principale è ridotta.

Gli effetti personalizzabili sono diversi: l’effetto di comparsa, la velocità, personalizzazione CSS e scelta di far comparire il pulsante di uscita o meno.


Consigliato da @imaginepaolo
Suggerisci Modifiche

[Web Design]

Un fornitissimo set di Icone vettoriali : iconSweets2

Qualche mese fa Iconsweets, un bellissimo set di icone, è stato condiviso in WRD.

Oggi c’è una nuova versione del set, iconSweets2 che ha 400 pezzi unici.

Attualmente esso contiene 400+ tutte in 64×64px + 32×32px e 292 292 16×16px icone, tutte create con Photoshop.

Ecco il link !


Consigliato da @imaginepaolo
Suggerisci Modifiche

[Web Design]

Converti ogni immagine in una mappa con MobilyMap !

MobilyMap è un plugin per jQuery che può creare una mappa simile a quelle di Google maps, con il posizionamento dei puntatori data una qualsiasi immagine di partenza fornita dallo sviluppatore.

E ‘possibile aggiungere marcatori basati sulla localizzazione e informazioni su display quando uno di questi marcatori viene cliccato.

La mappa può essere posizionata come si preferisce (in alto, in basso a destra, ecc) o attraverso la definizione di una posizione esatta.

I dati della mappa sono citati all’interno di elementi HTML come: <div class = “punto” id = “p-900-130”> che assegnerà un marcatore al punto specificato.

Il plugin ha anche funzioni di callback come : onMarkerClick, onPopupClose, onMapLoad per una migliore interazione ad ogni livello.

Ecco il link

Consigliato da @imaginepaolo
Suggerisci Modifiche

[News]

Boxtuffs : Un sito di risorse in HTML5 e CSS3 !

Boxtuffs è un sito che mette regolarmente in condivisione risorse originali e gratuite create con HTML5 e CSS3, costruiti da Salvador Lopez Mendoza, talento del designer. Il sito comprende una casella di ricerca di auto-crescita, un interruttore on / off, un pulsante per il download e molto altro, ma tutti con un twist. E, una cosa importante circa le risorse è che ogni download viene fornito con il file sorgente PSD . Ecco il link


Consigliato da @imaginepaolo
Suggerisci Modifiche

[News]

Aggiungere Widgets a jQuery UI ? Wijmo è ciò che fa per te !

Query UI è una grande aggiunta a “JavaScript jQuery” grazie ai framework, ai widget ed alla personalizzazione che offre.

Se state cercando un’alternativa per i widget, Wijmo, che è un set di 30 elementi, può essere ciò che fa per voi.

Ha 2 versioni in cui la versione “Open” ha 15 prodotti gratis da utilizzare ;  la versione “Complete”,  che è commerciale (o gratuita per le licenze GPL apps), comprende, invece, il set completo.

La versione “Open” di Wijmo ha molti widget utilizzati di frequente come la fisarmonica, il calendario, barra di avanzamento, slider, schede, tooltip e altro ancora.

Ecco il link !


Consigliato da @imaginepaolo
Suggerisci Modifiche

[Web Design]

Lista di Tutorial per Photoshop: Icon Design & GUI Design

Nel post di oggi voglio rimandarvi ad un’importante lista stilata da noupe.com che vuole riepilogare tantissimi tutorials per Photoshop.

Ci sono tutorials di tutti i tipi: avete passione per il design di icone? Passione per il design di GUI? Design di illustrazioni pubblicitarie? È la lista che fa al caso vostro.

Dategli un’occhiata cliccando qui.