Lo scenario d'uso presentato da Ryan Berg, creatore di CSS Prism, non è tanto raro: si adopera un editor testuale come TextMate per scrivere un CSS, ma non si ha a disposizione uno strumento per visualizzare al meglio i colori inseriti nel foglio di stile sotto forma di valori esadecimali e simili. Da qui l'idea. CSS Prism funziona inserendo nell'apposito campo l'URL di un CSS. A quel punto estrapola i valori dei colori definiti nel foglio di stile e li visualizza in un'interfaccia accompagnata da una serie di color picker per modificarli, eventualmente, e salvare il nuovo CSS.

Continua a leggere Ispezionare i colori con CSS Prism

Categoria: CSS

Tags: ,

Un compito molto comune per i web designer è quello di scegliere la palette dei colori in base al logo o all'immagine principale del sito o dell'applicazione. Pictaculous è un servzio che permette di effettuare l'upload di un'immagine e generare una conseguente color palette. Una volta premuto il tasto "get palette", la scala di colori verrà  mostrata con tanto di valori esadecimali e suggerimenti addizionali provenienti da Adobe Kuler e Colourlovers. Infine, un'altra interessante caratteristica: il servizio permette di scaricare la palette in formato Adobe Swatch.

Continua a leggere Pictaculous: generare palettes dalle immagini

Categoria: Software e Servizi

Tags: ,

Inutile soffermarsi sul fatto che il corretto contrasto tra il colore del testo e quello dello sfondo sia un decisivo fattore da tenere presente per garantire l'accessibilità  della pagina. E molti di voi hanno magari talvolta usato uno dei tanti tool disponibili per effettuare la verifica rispetto alle indicazioni contenute nelle linee guida del W3C. Recentemente Joe Dolson ha presentato uno strumento da lui creato. Come egli stesso evidenzia, una particolarità  rispetto ad altri sistemi consiste nell'approccio. Invece che verificare il giusto contrasto fornendo l'indirizzo della pagina che si desidera testare o una coppia di valori cromatici, prende come input un solo colore espresso in codice esadecimale. L'output è rappresentato da una serie di combinazioni possibili con il giusto livello di contrasto in base alle indicazioni delle WCAG 1 o delle WCAG 2. Molto utile anche la lista di link di approfondimento posta in calce al post. essays help

Continua a leggere Verificare il giusto contrasto tra testo e sfondo

Categoria: Web Design

Jeff Croft, uno molto apprezzato da queste parti, ha deciso di ridisegnare il suo sito. Dettagli a parte, la scelta più forte è senza dubbio quella di adottare uno sfondo marrone, usando questo colore in altre sfumature anche per specifici elementi minori dell'interfaccia. àˆ una scelta non comune, che però viene spiegata in modo molto semplice e diretto: mi piace il marrone. Punto. Il problema, aggiunge, è che quando si è trattato di adottarlo su siti progettati per i clienti, la risposta è stata quasi sempre negativa: "Vede, caro Croft, il marrone ricorda un po' troppo... sa... quella materia organica non proprio profumata... capisce, vero?". E voi, mai avuto problemi con il marrone?

Continua a leggere Problemi con il marrone?

Categoria: Web Design

Sono moltissimi i siti dedicati a palette e risorse per il colore. Tra tanti, spicca a parer mio ColourLovers con il suo interessantissimo blog. In uno degli ultimi post, ovvero Color Inspiration from the Masters of Painting vengono presentate le palette estratte da alcuni capolavori della pittura. Se le palette presentate non dovessero bastarvi, ecco come poter applicare l'idea a qualsiasi dipinto. Basta partire da Google immagini o da un sito specifico come ABCgallery, copiare l'url del dipinto che più vi piace e darlo in pasto a uno dei servizi per estrarre palette di colori a partire da un'immagine, ad esempio Pic2color o Color Palette Generator. Buon divertimento!

Continua a leggere Palette di colori: ispirazioni dalla pittura

Categoria: Software e Servizi

Cromologie

8 Dec

Leggete questa news: il player Zune di Microsoft è venduto moltissimo nella colorazione marrone. E chi lo avrebbe mai detto. Il responsabile marketing del player spiega che il marrone è un colore che "polarizza" l'utenza. Insomma, o piace molto o non piace proprio. A chi piace molto, però non c'è alternativa: visto che l'iPod marrone non esiste, si tenderà  ad acquistare Zune. Ora mi chiedo: quando sviluppate le vostre produzioni sul web, su cosa vi basate nelle scelte cromatiche? In questo post Fradefra ne aveva già  parlato. Ogni colore ha un suo significato, ma spesso ci abbandoniamo ad altri ragionamenti, ed è questo che chiedo: andate a istinto? Chiedete al committente? Partite dal logo? Oppure scegliete effettivamente secondo quello che ogni colore significa e può rappresentare? (chi risponde di sì a quest'ultima opzione sia convincente perchè non ci crederà)

Continua a leggere Cromologie

Categoria: Web Design

àˆ da un po' che mancavano i bookmark... così eccoci qui con un appuntamento decisamente variegato. Cominciamo dall'accessibilità : molto interessante l'articolo Flash, JavaScript, and Providing Alternative Content di cui vale la pena tradurre uno dei passaggi chiave: Quello che sto cercando di dire è che in quest'era di tecnologie web sempre più avanzate, è ancora estremamente importante fornire contenuto alternativo. I lettori vengono prima, prima delle animazioni Javascript e dei filmati Flash. A proposito di Flash... a giudicare dal primo articolo, sembra decisamente promettente una serie dedicata alla sua accessibilità  su Fadtastic: in Flash and Accessibility viene introdotta una feature che, a detta dell'autore, è sconosciuta ai più, ovvero il pannello accessibilità . Nell'articolo vengono presentati anche degli approfondimenti disponibili sul sito della Adobe. (more...)

Continua a leggere Bookmark web design

Categoria: Web Design

Che ci piaccia o no, i colori non sono solo un fattore estetico. Il colore è una sorta di cacciavite che ti entra nella testa e avvita o svita certe parti, in funzione della frequenza delle onde elettromagnetiche che colpiscono la nostra retina.Ci piace poco pensare al fatto che certi contesti psicologici siano corrispondenti a certi colori, ma ormai è studiato da decenni e comunemente accettato dalla comunità  scientifica.Quando scegliamo il colore dominante di un sito, stiamo operando un vero e proprio accesso alla mente altrui. (more...)

Continua a leggere Il colore é un potente stimolo psicologico

Categoria: Web Design

Appuntamento con i bookmark dedicato alla grafica. Cominciamo con uno strumento davvero utile, ovvero il Color Palette Generator, un servizio online che è in grado di generare una palette di cinque colori prendendoli a campione da un'immagine. I risultati sono davvero notevoli, soprattutto se l'immagine di partenza è scelta con cura (foto di natura o dipinti possono essere una buona fonte): basta ad esempio fare un giro su flickr o Google immagini e provare.Passiamo alle icone. àˆ davvero un ottimo complemento all'articolo Liste con marcatori perfetti questa pagina trovata su Listible: l'autore ha raccolto ben 17 risorse con icone free.Cambiamo argomento con un sito dedicato ai tutorial Photoshop e molto altro: TipClique, dello stesso genere di Tutorialism e PixelGroovy segnalati tempo fa qui sul blog.Concludo con due segnalazioni dei lettori. La prima riguarda il Button Maker, che si aggiunge al Brilliant Button Maker di Luca Zappa citato nel recente articolo Mini-bottoni con i CSS. La seconda è Dynamic 3D with CSS and the DOM, un'affascinante sperimentazione ottenuta usando CSS e Javascript.

Continua a leggere Bookmark grafica

Categoria: Grafica

Appuntamento con i bookmark con due argomenti particolari. Iniziamo con le segnalazioni di colori e palette, che si aggiungono ad alcuni presentati in questo post: in Web2.0 Colour Palette viene presentata una selezione di colori usati in alcuni siti tipicamente Web 2.0, in Daily Color Scheme viene pubblicata una palette al giorno, mentre Color Jack è un sito che offre un vero e proprio set di strumenti per creare, elaborare e salvare sotto forma di bookmark palette di colori.Cambiando argomento, ecco due script molto interessanti se volete inserire le vostre foto da un account su Flickr nel vostro sito: Flickrshow basato su Prototype e e FJB - An unobtrusive, navigable flickr badge sviluppato da Christian Heilmann.

Continua a leggere Bookmark: colore e slideshow su Flickr

Categoria: Bookmark