Articoli relativi a Webdesign

Tempo fa scrissi in merito ad un servizio che consentiva di ottenere degli screenshot di un sito visto con differenti combinazioni di browser e sistema operativo.
Una cosa di questo tipo è sicuramente molto utile per verificare che, almeno dal punto di vista grafico, la maggior parte degli utenti possa vedere il frutto del nostro lavoro nel modo in cui noi lo abbiamo progettato.

Avere una lista di screenshot però, non permette di testare a fondo il funzionamento del sito dato che, essendo immagini, non permettono alcuna interazione.
Continua a leggere

A differenza di quanto annunciato in precedenza, Microsoft ha deciso di rendere l’ultima versione del proprio browser* maggiormente rispettosa degli standard che “regolano” lo sviluppo delle pagine web. La variazione riguarda in particolare la modalità standard di rendering delle pagine, che non è di default quella implementata in IE7 ma una che segue maggiormente le linee guida dettate dal W3C.

In pratica non sarà necessario specificare nel codice l’utilizzo dello standard mode di IE8 perché tale modo di rendering sarà quello utilizzato di default. Non servirà quindi utilizzare il meta tag:
<meta http-equiv="X-UA-Compatible" content="IE=8" />
per sfruttare la modalità standard di IE8.

Anche John Resig (il creatore di jQuery) sembra particolarmente soddisfatto di questa nuova versione del browser Microsoft.

* disponibile da oggi in versione beta.

La parte spesso più fastidiosa nello sviluppo di un template per un sito riguarda lo sforzo necessario per adeguarsi ai differenti comportamenti dei browser presenti sulle diverse piattaforme. Può succedere infatti di avere un sito che corrisponde esattamente al mockup grafico di riferimento quando viene visualizzato su un pc con Internet Explorer 6 e con Firefox, ma che presenta caratteri troppo grandi se visto con Safari su Mac oppure elementi non perfettamente allineati con Internet Explorer 7.

Per rendersi conto di queste problematiche è quindi necessario testare un sito su diversi browser e piattaforme differenti. Non sempre però è necessario essere dotati di altri computer per effettuare questi test.
Continua a leggere

Su Smashing Magazine è possibile trovare una lista di suggerimenti che possono tornare utili nella creazione dei fogli di stile. Dagli hack più diffusi ai consigli per l’organizzazione dei vari elementi contenuti in uno o più file CSS.

Capita ormai sempre più spesso sentir parlare di siti web che si definiscono o che vengono definiti 2.0 ma che in realtà non presentano alcun connotato tipico di questo concetto.

La “colpa”, se così la vogliamo definire, è dovuta all’affermarsi di uno stile di design 2.0.
Se siete interessati, su Web Design from Scratch è possibile trovare una guida che spiega i passi principali da seguire per realizzare un sito in puro stile Web 2.0.

Dall’utilizzo di un layout semplice e centrato alla netta separazione della testata dal resto del contenuto, dall’uso del grassetto alla scelta dei colori, dei gradienti e delle icone.

Continua a leggere

Su web-graphics.com è stata pubblicata una lista contenente i post, gli articoli, gli strumenti e le realizzazioni che hanno lasciato un segno nel design e nello sviluppo per il Web nel corso dello scorso anno.

Eccole elencate:

• Miglior articolo su JavaScript: Ten good practices for writing JavaScript in 2005
• I migliori effetti con JavaScript, una libreria che sfrutta prototype.js : Moo.fx
• Javascript for Ajax: AHAH
• Miglior risorsa per CSS layout: In search of the One True Layout
• La migliore idea realizzata con i CSS: Creating a star-rater with CSS
• Miglior articolo su CSS e browser: On having layout
• Top CSS hackery: Pup’s Box Flow Hack
• Miglior articolo su CSS e font: Worn Type
• Migliori pratiche di sviluppo con i CSS: CSS framework
• Il meglio sul markup: semantic Typography
• Webdesign, l’idea più creativa: Nifty Corners
• Milgior articolo sui WebStandard: Ten reasons to learn and use web standards
• Miglior risorsa sui WebStandard: Basic webstandards Workshop
• Miglior presentazione sui WebStandard: Designing with Web Standards
• Miglior articolo sull’accessibilità: Developing sites for users with Cognitive disabilities and learning difficulties
• Miglior articolo sul design: Five simple steps to designing grid systems
• Miglior articolo sui motori di ricerca: Beginner’s Guide to SEO
• Miglior strumento online: Typetester
• Migliore web app commerciale: Mint
• Miglior blog: 456BereaStreet

Una tabella di conversione tra scala Pantone e la codifica esadecimale dei colori.

Sempre restando in tema suggerisco anche ColorBlender.

Link: Pantone and hexidecimal colour conversion chart.

Su DarkEye potete vedere, esprimere un giudizio e persino mostrare le vostre creazioni in materia di web design.

Link: DarkEye.

Un strumento per confrontare tre diversi stili di testo, scegliendo font, dimensione, allineamento e altri parametri. Un modo facile e veloce per decidere quale stile ci soddisfa maggiormente. Questo è Typetester.

E’ possibile selezionare i caratteri scegliendo tra quelli “sicuri”, quelli di default di Windows, del Mac e quelli installati sul proprio sistema.

Dalla sezione tools si accede anche alla lista delle configurazioni più gettonate ed è possibile scaricare il css della configurazione realizzata utilizzando Typetester.

Un servizio da provare.

Link: Typetester.

Quando si tratta di HTML, XHTML e CSS è meglio affidarsi agli strumenti tipo Dreamweaver, GoLive e simili oppure ad un caro, “vecchio” e affidabile text editor?
La domanda probabilmente circola sin da quando uscì sul mercato la prima applicazione wysiwyg per la realizzazione delle pagine web.

Su Whitespace se ne parla anche in questi giorni e ancora una volta il famoso acronimo viene storpiato in WYSIAWYG che sta a significare What You See Isn’t Always What You Get per i puristi del codice oppure What You See Is Almost What You Get per i moderati.

PS: io tifo per i text editor ;)