This Photoshop + Flash tutorial will show you how to design a cool photo gallery as seen on AppleTV website and in many Mac application (ie. iTune, iPhone). In fact, this tutorial is very easy to follow, all you need is some basic Photoshop and Flash skills. To complete this tutorial, you need Photoshop CS2+, Flash 8+, and a photoFlow component from Flashloaded.

View Demo PhotoFlip Gallery

Download Zip package

More than one year has passed from the first version of Nifty Corners. While it was more of a proof of concept, and the second version presented some big improvements, there was still something missing. So here I present Nifty Corners Cube, that are simpler and more flexible than the previous versions. Let's start.

Ecco un meraviglioso elenco di links sui form

• Contact form design showcase
• Login Form Design Patterns
• Registration Forms design showcase
• LiveValidationPHP
• LiveValidation
• FormCheck
• JSValidate
•  fValidator
• questo esempio

Fonte: blog.html.it

Postate commenti e links...

Segnalo questi bookmarks gentilmente concessi da blog.html.it

• Photoshop secret shortcuts
• Adobe Photoshop Keyboard Shortcuts
• 18 Exceptionally Useful Photoshop Shortcuts
• 28 More Exceptionally Useful Photoshop Shortcuts.
• The best 80 Photoshop text effects on the web
• 51 Text Effect Tutorials Every Designer Should See.
• Creating a Web 2.0 Template design
• Slow shutter text effect
• Advanced Glow Effects 
• Realistic Rain tutorial.
• PSlover, Good-tutorials
• WebDesignersFX.
• Ultimate Web 2.0 Layer Styles
• disponibili anche per Gimp

Una splash page progettata a dovere può avere una sua utilità. Smashing Magazine ne elenca ben dodici... Una raccolta utile da cui prendere spunto per ottenere splash page utiliti, funzionali ed esteticamente piacevoli.

In questo articolo voglio elencare le 10 estensioni di Firefox a cui non potrei mai rinunciare, che mi aiutano nel lavoro di tutti i giorni e che spero possano risultare utili a chi ancora non le conosce.

1. Web Developer

Aggiunge una toolbar con numerosi strumenti e funzionalità, dalla possibilità di disabilitare i CSS alla validazione della pagina corrente.

2. Firebug

Permette di fare il debug e modificare il contenuto di una pagina con pochi clic, monitorando CSS, HTML e Javascript in tempo reale. La considero un’estensione complementare a Web Developer, piuttosto che sostitutiva.

3. CSS Mate

Estensione fondamentale per fare test al volo sui CSS di una pagina, avendo un feedback immediato.

4. IE Tab

Per testare un sito è comodo avere degli strumenti che facilitino lo switch tra i vari browser. Questa estensione permette di visualizzare una pagina con il rendering engine di Internet Explorer dentro una tab di Firefox.

5. IE View Lite

Variante di IE Tab (vedi sopra), consente di aprire la pagina corrente in una finestra di Explorer tramite una voce nel menu contestuale.

6. OperaView

Estensione dal funzionamento analogo ad IE View, utile per aprire una pagina sul browser Opera.

7. HTML Validator

Aggiunge all’interno della finestra per la visualizzazione del codice alcune indicazioni utili sulla validazione della pagina. Segnala errori e warnings, con utili suggerimenti per correggerli.

8. MeasureIt

Semplice ma utilissimo tool che crea un righello con il quale misurare gli elementi di una pagina.

9. Screengrab!

Per catturare screenshot di una pagina salvando solo la porzione visibile o tutto il contenuto. Questa estensione è stata migliorata ed il salvataggio dei file immagine ora è molto più veloce.

10. SEO for Firefox

Aggiunge informazioni utili ai risultati della ricerca di Google: PageRank, età del dominio, numero di links, rank su Technorati ed Alexa e molto altro.

meebo    Divertitevi a collegarvi al vostro instant messanger preferito da qualunque browser;

Color tool    Il sito propone un tool Ajax per definire e testare i colori di sfondi e testo da utilizzare in template. E' possibile creare, salvare e modificare la propria combinazione preferita;

Spelling check    di frasi e parole in inglese, con anche suggerimenti per le parole sbagliate;

LfVr    visualizzatore flickr;

Neilm    demo di fotoritocco online, usa Ajax per fare l'update dell'immagine senza ricaricare la pagina (il tool funzionante è a pagamento);

MoeMoe    tool per schizzi a mano libera ( istruzioni in inglese e giapponese);

MX Query Builder demo live    Demo di un database con possibilità di costruire relazioni e query SQL;

Free ports   applicazione Ajax che elenca per ogni porta del PC che servizio la utilizza ( sia servizi legali, sia trojan e backdoor);

Tavola periodica degli elementi    utile strumento per gli studenti di chimica, rielaborata con Ajax;

Portale interattivo    portale di Backbase ,completamente personalizzabile;

Coming soon:  AjaxOS   il primo sistema operativo basato su Ajax!

Protopage    crea una pagina principale per il tuo browser, personalizzata con news, segnalibri, note, foto e molto altro ancora;

Netvibes   crea una pagina principale personalizzata come Protopage, ma ha un'impaginazione piu regolare;

Kiko    Agenda con numerose possibilità di reminder ( email, instant messanger) e feed RSS dgli avvenimenti entranti;

Backpack    organizer online, per memo, foto, files e appuntamenti;

Tudu    TO DO list online, open source;

Tadalists    to do list pesonalizzabili, registrazione richiesta;

ajaxwrite    word processor online, non richiede registrazione;

Writely    word processor online;

FCKeditor    HTML e text editor, open source

HTML editor    editor che permette di visualizzare istantaneamente il codice scritto nella parte superiore della finestra;

Ajaxxls     emulatore di fogli di calcolo

Google Maps    celebre tool di Google per la visualizzazione di mappe stradali e satellitari molto dettagliate;

Google Calendar   agenda avanzata ( bisogna registrare un account google per accedervi, oppure utilizzare login e password del proprio account Gmail );

Gmail    webmail di Google sviluppata in tecnologia Ajax. Gli account si ottengono solo tramite invito da parte di un altro utente Gmail;

Google Suggest    interfaccia Google sperimentale con risultati istantenei;

Google Spreadsheets   Foglio di calcolo online ( accesso solo "ad invito")

Web design is a process of conceptualization, planning, modeling, and execution of electronic media content delivery via Internet in the form of Markup language suitable for interpretation by Web browser and display as Graphical user interface (GUI).

The intent of web design is to create a web site -- a collection of electronic files that reside on a web server/servers and present content and interactive features/interfaces to the end user in form of Web pages once requested. Such elements as text, bit-mapped images (GIFs, JPEGs, PNGs), forms can be placed on the page using HTML/XHTML/XML tags. Displaying more complex media (vector graphics, animations, videos, sounds) requires plug-ins such as Flash, QuickTime, Java run-time environment, etc. Plug-ins are also embedded into web page by using HTML/XHTML tags.

Improvements in browsers' compliance with W3C standards prompted a widespread acceptance and usage of XHTML/XML in conjunction with Cascading Style Sheets (CSS) to position and manipulate web page elements and objects. Latest standards and proposals aim at leading to browsers' ability to deliver a wide variety of media and accessibility options to the client possibly without employing plug-ins.

Typically web pages are classified as static or dynamic.

Static pages don’t change content and layout with every request unless a human (web master/programmer) manually updates the page.

Dynamic pages adapt their content and/or appearance depending on end-user’s input/interaction or changes in the computing environment (user, time, database modifications, etc.) Content can be changed on the client side (end-user's computer) by using client-side scripting languages (JavaScript, JScript, Actionscript, etc.) to alter DOM elements (DHTML). Dynamic content is often compiled on the server utilizing server-side scripting languages (Perl, PHP, ASP, JSP, ColdFusion, etc.). Both approaches are usually used in complex applications.

With growing specialization within communication design and information technology fields, there is a strong tendency to draw a clear line between web design specifically for web pages and web development for the overall logistics of all web-based services.

• Fawnt è un sito che presenta una piccola collezione di font free, alcuni decisamente belli.
• Smashing Magazine ha pubblicato poco tempo fa la ricchissima 40+ Excellent Freefonts For Professional Design
  
• The showcase of BIG typography, una raccolta di screenshot di ispirazione
• Nice Web Type, un sito dedicato a risorse tipografiche con un piccolo showcase.
• 54 Typography Resources Every Designer Should Bookmark con molti link divisi per categoria: font, articoli e strumenti per la tipografia sul web e tradizionale
• How to size text in CSS,in cui Richard Rutter presenta il risultato di uno studio sul dimensionamento relativo del testo e la sua resa sui diversi browser
• Per quanto riguarda l'allineamento del testo, segnalo invece Choosing Type Alignments for the Web.
• Arial or Helveticaà, un piccolo quiz in cui verrà messa alla prova la vostra capacità di riconoscere questi due font