xcolor è un plugin in jQuery che consente di effettuare manipolazioni sui colori e i relativi codici esadecimali.

Prima di tutto può convertire i colori nei diversi formati: RGB, HSV e HEX, con i metodi getRGB(), get HSV() o getHEX().

Può, mediante un altro metodo, calcolare il colore combinato, es: se do in entrata rosso e blu, l’algoritmo mi restituirà viola. Nell’immagine, viene utilizzato l’esempio del giallo e rosso, che da, in uscita, il verde.

Altri metodi consentono di gestire i colori complementari e, un’ultima, ma interessantissima funzione, è quella che il plugin, mediante dei calcoli sul codice di un colore, stabilisce se esso potrà risultare leggibile su una determinata tonalità di sfondo.

Link

Oggi vi propongo un tool per controllare la velocità di caricamento del vostro sito web: Which Loads Faster?. Possiamo mettere a paragone due siti web diversi e mostrare, in percentuale, chi è più veloce.

È molto utile, non solo per verificare chi carica prima, ma per vedere in quanti ms le vostre pagine vengono generate dai browser.

Esiste anche un’altra funzione, quella “race”, che consente di mostrare un set multiplo di siti che verranno caricati in successione.

Il sito fornisce anche un servizio di sharing, utile per ripetere il test successivamente, oppure per mostrare il risultato al pubblico.

I lavori astratti, molte volte, sono al centro di un buon designing. Le vostre opere possono essere presenti su un desktop “vibrante”,  come header, oppure come footer di un buon sito web. Essi possono essere fatti a partire da pattern, pura immaginazione, combinazioni di colori, ombre, schemi…

Questa collezione, tratta da noupe, contiene tantissimi tutorials che utilizzano photoshop per implementare le “idee grafiche” ed ottenere i risultati desiderati. L’intera lista la potete trovare qui, ma di seguito vi riporto quelli che trovo più interessanti.

OneWay è un leggerissimo tool per Mac OS X in grado di effettuare un FTP velocissimo attraverso il menù contestuale destro del Finder.

Si possono caricare i file in FTP, SFTP o anche Amazon S3.

Questo plugin è utilissimo per i web designer: quando si testano delle nuove pagine, essi hanno bisogno di continui update di file caricati in rete. Perché non farlo cliccando semplicemente su di essi con il tasto destro?

Buon hosting!

Oggi, tutto quello che scriviamo, modifichiamo o creiamo è contenuto per il web. Sia esso un blog, un progetto, o un contenuto su un social network.

Da un punto di vista grafico e della funzionalità, le regole da rispettare, sono diverse da quelle di un articolo di giornale, di un libro o di qualsiasi altro contenuto stampato. Yahoo ha creato una guida chiamata Yahoo! Style Guide, che contiene una serie di regole, consigli e articoli scritti da esperti, che aiuteranno a comprendere meglio il web.

La guida, infatti, offre delucidazioni su (inglese):

• Semplicità
• Studio della vista: dove guardano prima gli utenti?
• Nomi di file, tipi ed estensioni
• Search Engine Optimization

La guida sarà disponibile tra pochissimo.

Coloreminder è un tool per web designer, gratis, che consente di trovare le varie tonalità di un determinato colore.

Si può utilizzare il selettore del colore, oppure inserire (incollando il codice) un colore proprio.

Dopo aver inviato la richiesta, esso mostra tutte le opzioni per quel colore: il complementare, la scala di grigi, l’inverso ecc…

Un’applicazione simile, sviluppata per iPhone, è Palettes 2.0

PageRank 10

Check your pagerank here http://www.webdesigngroup.it/pagerank/

Currently 12 domains

• Google.com – Google, the most popular Internet search engine, and the one that assigns this PageRank we’re rambling on about.
• W3.org – World Wide Web Consortium, the organization behind most web specifications like HTML, CSS and so on.
  • http://jigsaw.w3.org/css-validator/ (CSS validator)
• USA.gov – The U.S. Government’s official web portal.
• Adobe.com - The main domain is no longer PR10, but these two pages are:
  • get.adobe.com/flashplayer/ (Adobe Flash Player)
  • get.adobe.com/reader/ (Adobe PDF Reader)
• India.gov.in – Government of India
• HHS.gov – United States Department of Health and Human Services
• Recovery.gov – U.S Government recovery board
• TheEuropeanLibrary.org – The European Library – searches the content of European national libraries.
• Europeana.eu – Europeana – “The cultural collections of Europe”.
• CNN.com – Cable News Network, American television news channel
• Miibeian.gov.cn – Ministry of Information Industry Records in China
• AddThis.com – AddThis bookmarking/sharing service – this page is linked to by every page using the system (as StatCounter.com used to be), hence the PR10.

PageRank 9

Currently 148 domains

Nuovo numero per il semestrale ideato dalla wedding planner CIRA LOMBARDO: in 96 pagine le location più prestigiose, i più raffinati atelier di moda, le nuove frontiere dell’interior design e molto altro…

Gli atelier di moda più raffinati, le location più affascinanti, i preziosi consigli di bon ton, le immagini d’autore, le frontiere del flower design e le novità del cake design: in novantasei pagine il matrimonio viene ‘raccontato’ in ogni suo aspetto…tra tradizione e innovazione!
DA MARTEDI 6 LUGLIO 2010 sarà possibile trovare in tutte le edicole il nuovo numero di WEDDINGS LUXURY, l’elegante periodico nato – lo scorso gennaio – da un’idea della event & wedding planner CIRA LOMBARDO.

In poco meno di cento 100, il semestrale dedica le sue rubriche all’universo che circonda l’organizzazione del ‘giorno più bello’, dagli accessori degli sposi all’interior design, dalle griffe sartoriali più amate ai viaggi d’autore, sino alle fiere del settore e alle usanze popolari…
Tantissimi gli argomenti che sono protagonisti del nuovo numero di WEDDINGS LUXURY: il total wedding look tra moda e tendenze, i wedding jokes, le poesie d’amore scelte dalla redazione, i gioielli della sposa, la scelta di un english marriage, la cosmesi per la sposa e lo sposo e molto altro ancora.

Diretto da Emilia De Gregorio, WEDDINGS LUXURY (www.ciralombardoweddings.it) è pubblicato da Edizioni CALL, editrice campana guidata da Antonio Liberti e dalla stessa Lombardo. La trentanovenne imprenditrice campana Cira Lombardo è, sin dal 2005, artefice di matrimoni ed eventi d’autore, creati ‘su misura’ per coloro che si affidano alla sua professionalità e al suo senso del gusto, in equilibrio tra estro, eleganza, essenzialità ed emozione…

Check your pagerank here http://www.webdesigngroup.it/pagerank/

Cloud Zoom è un leggerissimo plugin in jQuery che mostra le immagini ingrandite attraverso alcuni effetti particolari.

Effettua lo zoom in base alla posizione del mouse sull’anteprima (thumbnail), mostrando l’immagine ingrandita accanto, oppure direttamente  in essa.

Possono essere create gallerie di immagini: questa feature è utilissima per la costruzione di siti e-commerce, dove è opportuno mostrare agli utenti delle immagini, sia in anteprima, sia in dettaglio dei prodotti di una categoria.

La trasparenza, lo zoom e tutti gli altri effetti possono essere personalizzati semplicemente attraverso i fogli di stile CSS.

Demo