HTML5 Cheat Sheet

HTML5 è una parte dello sviluppo del web attuale verso un futuro più stabile e con maggiori integrazioni tra le varie piattaforme.
Ecco una serie di HTML5 Cheat Sheet che ci possono aiutare a ricordare più facilmente alcune funzioni.
Da stampare e attaccare alla parete del web development department office!

video HTML 5 con CSS3

Il video HTML 5 è in piena evoluzione, mi ricorda gli albori dei primi flash player. Ecco un esempio molto interessante che permette di fare zoom, rotazioni e spostamenti di un video con il semplice uso del CSS3.

Usare ogni tipo di browser dal web

Browser Sandbox è un servizio molto utile che permette di utilizzare qualsiasi tipo di browser e relative versioni, direttamente online. Da Internet Explorer 6 a Mozilla Firefox 2, ad Opera. Applicazioni necessarie per chi deve controllare e testare la compatibilità di siti con tutti i browser principali usati dagli utenti.

il futuro dell'HTML 5 di Bruce Lawson

Il futuro nel web non è mai una certezza, Bruce Lawson ci spiega meglio le evoluzioni dell'HTML 5.

The Future of HTML5 by Bruce Lawson from Carsonified on Vimeo.

jQuery Tools. Library di componenti user interface

jQuery tools è un elenco di componenti open source molto utili per migliorare le interfacce delle pagine web di un sito con soluzioni interessanti, personalizzabili e di sicuro effetto.



Nell'area demo puoi vedere molte applicazioni realizzate per varie esigenze, tabelle, scrolling, tooltips, flashembed, esposizione dati o form, ecc. Da utilizzare personalizzando a piacimento con creatività personale.

Strumenti per verificare l'accessibilità di siti web

Ci sono molti metodi e strumenti software per verificare il corretto processo di accessibilità di un sito web. Wave è uno strumento gratuito, disponibile online, che può aiutarci a capire e migliorare le pagine web dei nostri siti internet.



E' sufficiente inserire il percorso di un sito, oppure fare l'upload di una pagina web, e poi in pochi secondi appare il risultato con le indicazioni e consigli, tramite icone colorate molto chiare, per migliorare la struttura e il codice, e per mantenere quindi una corretta accessibilità web. Questo parametro non è da sottovalutare, e anche i motori di ricerca, lo valutano e analizzano con particolare attenzione (è quindi uno dei molti punti importanti per un corretto SEO del sito).

Upload di files con Flash e Javascript

SWFUpload è un piccolo tool con codice gratuito in javascript e flash.
E' possibile utilizzare un nuovo sistema di upload di files per aree amministrative o zone riservate a clienti. La grande capacità di upload di flash e l'accessibilità del codice html e css, permettono di ottenere un sistema rapido e funzionale per far caricare dei files tramite internet dal proprio pc.



Si possono caricare files multipli senza fare il reload della pagina e tramite il css possiamo personalizzare a piacere la visualizzazione grafica in base alle proprie esigenze. Da provare!

Codice Javascript per funzione drag&drop

Ecco il codice javascript per realizzare finestre drag&drop, posizionabili in varie parti dello schermo, in modo semplice e veloce. Utile per realizzare parti amministrative in stile web 2.0.

CSS html template per migliorare lo stile!

Realizzare strutture CSS professionali e senza errori, non è certo cosa facile. Se poi vogliamo che il template html in css da noi realizzato, sia compatibile con tutti i browser e conforme alle norme internazionali, è ancora più complicato.



Un valido e concreto aiuto sono i seguenti siti internet dedicati al mondo CSS e in particolare alle strutture o templates di vario tipo. E ricordatevi che una struttura html ben realizzata, è il primo passo per l'ottimizzazione del sito per i motori di ricerca.

CSS Easy >
CSS Layouts >
Sample CSS page layout >
CSS W3C Validator >
40 CSS Layout da scaricare >
Advanced CSS layouts step by step >
CSS Tutorial >
Layout css statica e centrata >
CSS Creator >

E grazie alla segnalazione di Mauro:
Con stile >
CSS Mania >

Siti e-commerce del futuro

Dal blog Web Side Story ho trovato una news molto interessante in merito al nuovo sistema di ricerca realizzato con applicazione web 2.0 Ajax per il sito e-commerce Jockey.
Questa nuova tecnologia è chiamata Active Browsing e consente di vedere le immagini in anteprima dei risultati della ricerca effettuata sul sito e-commerce e i dettagli di un prodotto, senza ulteriori click sul browser, migliorando così l'interazione con l'utente e la propria user experience che diventa più semplice e veloce.



Un nuovo sistema per realizzare un sito e-commerce e favorire gli acquisti.
Web Side Story è infatti l'azienda leader nell'analisi e statistiche del web e se ha dedicato risorse per realizzare questa nuova soluzione, significa che ci saranno sicuramente dei risultati positivi.
Probabilmente nel breve futuro vedremo molti siti e-commerce adeguarsi a questo sistema o prendere spunto da esso per migliorare ulteriormente il sistema di acquisto online.

Google Webmaster Blog, un aiuto per migliorare il nostro lavoro

Webmaster, esperti Seo Sem, web designer, web engineering, web editor, web surfer, o semplicemente gente comune! Un blog da controllare periodicamente per avere informazioni utili per la realizzazione di siti internet o per attività di internet advertising.
Google pensa ai webmaster, Google aiuta i webmaster, Google ama i webmaster!??
(sembra un nuovo spot promozionale via adsense?)

Official Google Webmaster Central Blog

Interessante l'articolo sui gadgets per pagine web. Ne proverò sicuramente qualcuno ;)

Email design in formato HTML

Se create e spedite regolarmente delle newsletter in formato html, suggerisco di leggere il seguente articolo: Email Design Guidelines for 2006 .
Molto utile per capire come realizzare il design e il codice html per le email da spedire e che siano leggibili da tutti i principali client di posta maggiormente utilizzati quali: AOL, Gmail, Hotmail, Yahoo, Outlook, Outlook Express, Eudora, Thunderbird, ecc.



Per altri dettagli e articoli sull'email-marketing consiglio l'ottimo blog di Eugenio La Mesa.

Il futuro del Web Design per un Marketing migliore

Come si stà orientando il web design?
Possiamo sintetizzare nelle seguenti caratteristiche principali:

• Layout di pagina semplice
• Orientamento centrato
• Effetti 3D usati con attenzione senza esagerare
• Colori di sfondo morbidi, neutri o con sfumature
• Colori forti usati con parsimonia
• Icone personalizzate
• Abbondanza di spazi bianchi
• Testo grande e chiaro

Un esempio di alcuni siti che hanno queste caratteristiche di design moderno?

> Protolize
> Plaxo
> Rapid Mortgage
> Linkedin
> Iomega
> Forecast Advisor
> Gr0w Collective

Finalmente molti web designers si stanno orientando su stili molto puliti, utilizzando grafiche semplici e che aiutano e invitano ad effettuare un'azione da parte dell'utente.
Tutto questo non fa altro che facilitare le conversioni per ottenere gli obiettivi richiesti.
Diciamo quindi che senza un web design attento e preciso alle esigenze attuali, il lavoro di SEO e SEM non è consente di raggiungere il massimo dei risultati per un sito internet.
Come accade anche in altri settori, il successo dipende da una serie di fattori e caratteristiche, dalla progettazione, alla realizzazione, alla ottimizzazione, al marketing, all'analisi dei dati, ecc.



Approfondimenti:
Webdesignfromscratch.com
Designmeltdown.com
CSS Beauty
CSS Thesis
Stylegala
CSS Drive
Piepmatzel.de
Webcreme
Uno studio sui fonts

Ripassiamo il vecchio ma sempre utile HTML?

Una pagina web che contiene un riepilogo generale del codice HTML.

H T M L

Molto utile per chi vuole fare una ripassatina veloce di qualche tag dimenticato.
http://www.rexswain.com/sampler.html