Qui parliamo di: Web Design

Tutto su come progettare la vostra pagina Web, come sviluppare un buon sito web.
Suggeriamo come realizzare siti web artistici, semplici e funzionali.
Siti Web sviluppati con buonsenso, passione creativa ed esperienza di SEO e Web Marketing.
Il Web Designer, l’architetto del web, che dispone tutte le competenze che vanno dallo studio del singolo elemento, alla complessità del progetto, e competenze di usabilità e accessibilità.

imaginepaolo

Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche
Letto 19.803 Volte

[Web Design]

Complete Web Design Templates
Consiglio del di
Segui i miei consigli su:

                           

 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.
imaginepaolo

Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche
Letto 19.485 Volte

[News Web Design]

Gestione MySQL: AeroSQL, alternativa (evoluta) di PHPmyadmin
Consiglio del di
Segui i miei consigli su:

                           

AeroSQL è un’applicazione web open source, scritta in PHP con il supporto del framework Javascript ExtJS, progettata per la gestione di databases registrati su un server o più servers.

Come appena detto, infatti, essa può controllare le basi di dati a partire da servers diversi in una singola interfaccia desktop-like. Le tabelle sono rappresentate come fogli di dati, composte da colonne e righe che corrispondono, rispettivamente, a istanze e records.

È possibile anche eseguire query o batch di esse, editare records e tanto altro.

Link | Demo

imaginepaolo

Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche
Letto 17.345 Volte

[Web Design Web Marketing]

Come possiamo ottenere più followers su Instagram?
Consiglio del di
Segui i miei consigli su:

                           

Questo meraviglioso articolo mi ha fatto riflettere che oltre facebook, Google+, pinterest, twitter, … esiste anche instagram:

e ho deciso di fare un riassunto delle cose importanti da ricordare (la mia strategia è questa vedo cosa succede in rete, leggo molti articoli, studio, ricerco, imparo e poi riscrivo l’articolo sui miei blog, così sono sempre aggiornato).

Oggi Instagram è la community più popolare di photo-sharing (“prima era Flickr ora è quasi scomparso”, quindi un domani si dirà “prima era instagram ora è quasi scomparso”?).

Stanno nascendo molte applicazioni, community, basate su instagram se anche i grandi marchi fanno ADV su instagram.

Ma come ottenere maggiori followers?

Innanzitutto pubblicizza la tua presenza su instagram.

Gestisci bene il tuo account e magari affidati ad un fotografo professionista (ottima idea “instagram coaching” nuovo servizio che un fotografo può offrire) per gestire il tuo account con immagini appropriate.

Create un piano editoriale per pubblicare contenuti congrui alla vostra attività, senza però mai perdere di vista una bella foto che è sempre un buon contenuto (non più di 3/4 foto al giorno), e usata gli #hashtag congrui alla vostra attività.

A proposito di hashtag, fate ricerca e magari createne uno che non esiste: #imaginepaolo!!! (ora lo faccio subito)

Studia instagram e magari seguite persone influenti che possono spingere il vostro brand, partecipate alla community e magari registratevi a questi siti che possono fornirvi un valido supporto per ottenere più followers!

http://statigr.am/viewer.php

Con tante applicazioni da poter usare tra cui una per creare una “Profile Cover” molto interessante.

http://instagrid.me/imaginepaolo/

http://followgram.me/

imaginepaolo

Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche
Letto 26.220 Volte

[News Web Design]

Blockster, plugin in jQuery per scorrimento div (effetto slide)
Consiglio del di
Segui i miei consigli su:

                           

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

imaginepaolo

Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche
Letto 26.855 Volte

[Graphic Design News Web Design]

50 Meravigliose alternative a WordPress
Consiglio del di
Segui i miei consigli su:

                           

Zotonic, The Erlang CMS — Zotonic

DeployCMS – effortless Web CMS and site management.

SilverStripe.org – Open Source CMS / Framework

Plone CMS: Open Source Content Management

Pods CMS Framework

HiFi CMS (Coming Soon)

RuubikCMS – open source web content management

GetSimple CMS

PyroCMS | The modular open-source CodeIgniter CMS

Un lista presa da: http://designshack.co.uk/

Continue reading →

imaginepaolo

Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche
Letto 502 Volte

[News Web Design]

Brackets: un editor di testo open source e moderno, creato per il web.
Consiglio del di
Segui i miei consigli su:

                           

Oggi vi segnalo Brackets, un moderno editor di testo Open Source che facilita la programmazione per il web.

Perché Usare Brackets?

Editor Inline potente, ultramoderno e leggerissimo, un progetto Open Source. Brackets potrà mostrare tutti i selettori CSS con un determinato ID selezionato in una finestra. Se si stabilisce una connessione in tempo reale con il tuo browser puoi modificare il codice CSS e HTML per vedere in diretta i cambiamenti sullo schermo. Un grande editor con gli strumenti di sviluppo integrati nel browser. Con Brackets potete lavorare con i preprocessori, utilizzare l’Anteprima Live o modificare velocemente i tuoi file LESS e SCSS per rendere il lavoro più facile che mai.

imaginepaolo

Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche
Letto 555 Volte

[News Web Design]

Adobe Muse: per un sito veloce senza scrivere una riga di codice.
Consiglio del di
Segui i miei consigli su:

                           

Con Adobe Muse si lavora in puro HTML5, possiamo progettare e pubblicare siti web che dinamicamente si adattano a qualsiasi dispositivo. Oggi grazie all’integrazione con il nuovo Adobe Comp CC, si può partire a creare il layout prima su iPad o iPhone e poi passare ad Adobe Muse per completare il sito. Utile per progettare siti web incredibili in tutta semplicità (anche per chi non ha competenze da sviluppatore). Ideale per creare affidabili siti responsive, effetti meravigliosi che ora includono un supporto migliore lo scorrimento su schermi di qualsiasi dimensione. Transizioni di stato animate ed effetti di scorrimento accattivanti…

Possiamo gustare questa galleria di siti per capire le potenzialità di Adobe Muse: http://resources.muse.adobe.com/collections/site-of-the-day

imaginepaolo

Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche
Letto 1.329 Volte

[Graphic Design Web Design]

La Sezione Aurea fa piacere di più i vostri prodotti.
Consiglio del di
Segui i miei consigli su:

                           

Siamo progettati per osservare con piacere cose che rispettano la Sezione Aurea.

«La geometria ha due grandi tesori: uno è il teorema di Pitagora; l’altro è la divisione di un…

Click To Tweet

Il famoso trattato sulla sezione aurea del matematico Luca Pacioli illustrato da Leonardo da Vinci, digitalizzato, visionabile online e scaricabile liberamente: https://archive.org/details/divinaproportion00paci

Cos’è la Sezione Aurea? La natura ha come base un numero, una cifra molto nota dall’antichità:

sezione-aurea

Leonardo Da Vinci conosceva bene la Sezione Aurea con il suo famoso “Uomo Vitruviano“.

http://www.goldenmeanspiral.com/the-golden-mean.html

http://www.goldenmeanspiral.com/the-golden-mean.html

Infatti, e in particolare, nell’essere umano, il rapporto tra l’altezza totale e l’altezza dall’ombelico a terra indovinate che numero dà 1,618… Ecco!

formula

Le forme geometriche che hanno questa proporzione sono ben apprezzate da chi le osserva, forme che rispettano la Divina Proporzione: la Sezione Aurea.

Questo rapporto aureo si trova in tutta la natura, nell’arte e nell’architettura, ad esempio sono in Sezione Aurea:

Logo Apple e la Gold Section:

paulmmartinblog.wordpress.com

https://www.quora.com/Does-the-Apple-logo-really-adhere-to-the-golden-ratio

Gli antichi conoscevano la Sezione:

phitemp

In fotografia troviamo equilibrio con la divina proporzione:

8-Fog-on-the-sea-wall,-Vancouver,-Canada_Spiral-overlay

Anche per chi fa Web Design è importante rispettare la Sezione Aurea, ad esempio Twitter:

twitter

Per chi progetta consiglio di scaricarsi questa immagine e portarla sempre con sè.

009

Abbiamo anche un calcolatore delle misure in Sezione Aurea: http://www.calcoloaureo.com/

Ora godiamoci questi video:


imaginepaolo

Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche
Letto 766 Volte

[News Web Design]

Il ritorno di Flash con Adobe Animate…
Consiglio del di
Segui i miei consigli su:

                           

Adobe Animate è qui: http://blogs.adobe.com/animate/animate-cc-is-here/

Per quasi venti anni Flash Professional è stato lo standard per la produzione di siti web sul web.

Noi lo insegnavamo, facevamo tanti lavori con FLASH, ha permesso a tutti di creare stando lontani dalla conoscenza del CODICE HTML:

Schermata 2015-12-02 alle 10.18.46

ma allo stesso tempo la comparsa di HTML5 e la diffusione dell’iPhone, che ha escluso da subito FLASH, ha fatto crollare la richiesta di siti sviluppati con FLASH.

Steve Jobs scriveva: Flash is no longer necessary.

Click To Tweet

Oggi ADOBE ha riscritto completamente l’applicazione per il supporto HTML5 Canvas e WebGL nativo e Flash Professional è stato rinominato Adobe Animate CC, sarà disponibile a nei primi mesi del 2016.

Sbriciamo un po’ con questo video di Michael Chaize.

Fonte: http://blogs.adobe.com

In diretta su http://www.twitch.tv/adobe

 

imaginepaolo

Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche
Letto 672 Volte

[News Web Design]

Covers – A series of 55 animated vintage book graphics
Consiglio del di
Segui i miei consigli su:

                           

Covers from Henning M. Lederer on Vimeo.

Covers – A series of 55 animated vintage book graphics

Animation: Henning M. Lederer / led-r-r.net/
Music: Jörg Stierle / soundcloud.com/muschel

Sources:
Julian Montague Project / montagueprojectsblog.blogspot.de/
Book Worship / bookworship.com/

imaginepaolo

Consigliato da @imaginepaolo
Scritto da imaginepaolo
Suggerisci Modifiche
Letto 939 Volte

[News Web Design]

Search Code: il motore di ricerca del codice.
Consiglio del di
Segui i miei consigli su:

                           

Search Code: https://searchcode.com/

Il motore di ricerca del codice su oltre 5.000.000 di progetti.

Potete cercare da Github, Bitbucket, Google Code, Codeplex, Sourceforge, Fedora Project e più.

Gratuitamente ricerca codice sorgente e la relativa documentazione.

Documentazione delle API, frammenti di codice e open source (con download gratuito).

https://searchcode.com/