Chiacchierando con Chris Coyier

Molti di noi qui a Nettuts + sono grandi fan di Chris Coyier e del suo lavoro su CSS-Tricks.com. Nel corso degli anni, Chris ha pubblicato numerosi tutorial, siti Web e script per aiutare i progettisti e gli sviluppatori a migliorare le proprie competenze. Oggi ci sediamo con l'uomo dietro a questi articoli e parliamo con lui di CSS, design e vita nella città di Portland.

Molti di noi hanno familiarità con te e il tuo lavoro grazie a CSS-Tricks.com. Per quelli che non ti conoscono bene, puoi dirci qualcosa su di te e su quello che fai?

Sono un web designer di tutti i giorni. Voi ragazzi avete recentemente incontrato dei veri designer e sviluppatori di rockstar intervistati su Nettuts +. Sono lusingato di essere stato chiesto per un'intervista, perché non sono nemmeno vicino al loro campionato! Quello che faccio è attraversare la mia vita quotidiana come web designer, e poi provare a condividere tutte le cose interessanti che imparo, comunque posso.

Qual è stato il principale motivatore che ti ha interessato al web design e allo sviluppo?

È difficile puntare il dito esattamente, ma penso che sia fondamentalmente un desiderio di creare. Ad alcune persone piace mettere le dita nell'argilla e trasformarla in forme, ad alcune persone piace premere il carbone contro la carta. Li soddisfa in modo creativo. Sento lo stesso senso di soddisfazione nel creare un sito web che fa ciò che dovrebbe fare.

Attualmente stai lavorando per qualche società di design o sei freelance a tempo pieno ora?

Vivo a Portland, in Oregon, al momento, ma ho vissuto gran parte della mia vita a Madison, nel Wisconsin. Lavoro ancora per un'azienda di design a Madison, Chatman Design. Siamo una piccola compagnia, solo tre ragazzi, e io sono l'unico ragazzo del web. Non sono un vero freelance, è troppo stressante per me lo trovo e sono abbastanza occupato senza di esso.

Quando hai lanciato il tuo sito Web CSS-Tricks? Qual è stato il principale motivatore per la creazione di questo sito?

È stato lanciato nell'estate del 2007, poco dopo aver iniziato a Chatman Design. In realtà avevo l'idea di iniziare un blog per ogni singolo programma in Adobe Creative Suite e fornire aiuto, suggerimenti e trucchi per tutti loro. I CSS-Tricks erano una parte di quello come una sorta di strano tag lungo. È diventato evidente abbastanza rapidamente che questo era solo stupido. Avere molti blog diversi ha dilagato la mia attenzione. I CSS-Tricks erano quelli che mi piaceva scrivere per la maggior parte, quindi ho dato il mio tutto e lasciato che gli altri morissero. Ho motivato oggi nello stesso tempo ero motivato quando l'ho iniziato, per condividere tutte le cose interessanti che stavo imparando.

Di recente, i CSS-Tricks sono stati sottoposti a una massiccia riprogettazione. Quali sono stati alcuni dei più grandi ostacoli e aspetti più difficili della riprogettazione?

L'obiettivo prima di tutto era creare qualcosa di più visivamente accattivante. Questa è la prima iterazione del design a cui sono abbastanza attratto, quindi è stato fondamentale. Volevo anche assicurarmi di usare alcune tecniche più moderne, quindi c'è un po 'di jQuery e un po' di font @ face per divertimento. L'altro obiettivo era ottenere il contenuto più organizzato sul back-end. La homepage di screencast e tutte le singole pagine video erano tutte pagine statiche che ho creato e aggiornato secondo necessità. Chiaramente questo non era sostenibile, quindi la riprogettazione prevedeva lo spostamento di tutto questo (e altro) nel mio backend WordPress in modo che gli aggiornamenti futuri fossero più facili. Oltre a questo, i forum sono una parte importante del sito, solo che usano phpBB per funzionare, quindi dopo che il progetto è stato fatto ho dovuto creare una nuova skin per phpBB in modo che quell'area fosse come il resto del sito. Ho scritto un po 'di più sulla riprogettazione qui.

A proposito di CSS-Tricks, dobbiamo chiederci, avete un CSS-Trick preferito che usate frequentemente?

I miei trucchi CSS preferiti sono quelli semplici. Usare stili semplici e riutilizzabili è grande per me. Mi piace usare una classe .button che rende semplice trasformare qualsiasi link o input in un pulsante. Mi piace usare gli ID sul corpo per impostare stili specifici per la pagina. Uso la sostituzione delle immagini CSS su quasi tutti i progetti che faccio. Penso anche che il posizionamento assoluto sia sottoutilizzato in generale.

Cosa trovi per essere la caratteristica, l'errore o l'implementazione del CSS più frustrante?

La cosa più frustrante quando si scrive CSS è quasi sempre la roba cross-browser. Mi sento come se fossi abbastanza bravo a evitare le trappole più importanti, ma ancora in quasi tutti i progetti che faccio, finisco per trovare problemi di cross-browser che ho bisogno di tornare indietro e risolvere. Proprio oggi ne avevo uno in cui avevo un posizionamento relativo su un div wrapper che stavo usando che aveva tre elementi flottati al suo interno. Ogni browser andava bene tranne IE 7 che stava rendendo la larghezza a 0. Dovevo tornare indietro e aggiungere una larghezza speciale: 100% per risolverlo. Non è un grosso problema, ma semplicemente frustrante. Ci sono molte cose che potrebbero essere migliori dei CSS. Uno dei miei post preferiti di sempre ho chiesto ad altri designer solo questo. Anche Nettuts + proprio Jeffrey Way e Collis Ta'eed rispondono.

Ho notato che sei un appassionato amante della musica. Quale genere di musica considereresti il ​​tuo preferito e perché?

Sono un grande fan della musica dei vecchi tempi. Banjo di Clawhammer e violini e chitarre. Ero solito suonare in una vecchia band al college e per alcuni anni dopo, ma non suonavo più. Comunque continuo a raccogliere il banjo quasi ogni giorno. Ad ogni modo mi piacciono tutti i tipi di musica, anche le cose nuove che piacciono ai bambini. Ultimamente mi sono divertito con Fleet Foxes.

David Walsh di DavidWalsh.name sembra essere qualcuno con cui frequenti relazioni. Come vi conoscete e quando avete deciso di lavorare insieme?

Anche David è di Madison, anche se non l'ho davvero "incontrato" fino a quando non mi sono trasferito a Portland. Penso che David sia un programmatore di talento. Lo baco costantemente per l'aiuto con JavaScript e cose di PHP. Letteralmente, costantemente, sono sicuro che sia fastidioso. Entrambi eravamo interessati a fare un collegamento basato su community allo stesso tempo, quindi ha più senso collaborare che fare cose indipendenti. Da lì è nato Script & Style.

Quali attività e hobby ti piacciono quando non lavori al computer?

Mi piace suonare i miei strumenti e vedere la musica dal vivo. Mi piace fotografare, anche se mi piacerebbe averlo fatto molto di più. Ho bisogno di una nuova lente! Mi piace anche guardare le immagini in movimento con il suono che hanno ottenuto lì al teatro oggi.

Parlaci un po 'di più del tuo modello di sito web Band e da dove hai preso l'idea.

Mi è stato letteralmente chiesto da una band su cui stavo lavorando su un sito per costruire qualcosa di simile. Non un modello per dire, ma un sistema per aggiungere facilmente nuovi spettacoli, modificare / eliminare quelli esistenti e per rimuovere automaticamente gli spettacoli mentre passano. Pensavo che suonasse del tutto ragionevole, e qualcosa che qualsiasi band del mondo vorrebbe sul loro sito web. Sfortunatamente, non sono un gran programmatore, quindi ho creato David per me. Aveva senso solo progettare un modello attorno ad esso e renderlo disponibile a chiunque. Questo è esattamente ciò che abbiamo fatto e dividere i proventi nel mezzo. Penso ancora che sia un prodotto interessante fino ad oggi. Mi piace l'idea di modelli che offrono un piccolo extra in termini di funzionalità specifiche.

Hai creato Script and Style, un sito web di risorse per lo sviluppo web. Quale framework o CMS (se ce ne sono) è stato costruito su S & S e quale è stata l'esperienza come lo sviluppo di un sito del genere?

Script & Style è costruito con WordPress, il plugin TDO Mini Forms e alcuni lavori di hacking personalizzati di David. Per noi era importante assicurarsi che i collegamenti diretti fossero disponibili per gli articoli, non importa quale. Sul sito, attraverso i feed, o integrato in altri siti, questa è la parte che ha richiesto un po 'di hackeraggio. È stato divertente costruire ma è ancora più divertente guardarlo crescere e aiutare a migliorare. Una delle parti più difficili a riguardo è assicurarsi che tutto ciò che portiamo avanti sia un articolo di qualità e interessante, e che sia una buona varietà. È più difficile di quanto sembri, come se non si prestasse attenzione a trasformarsi in un flusso di post di rastrellamento. Che poi rende una carrellata di rastrellamenti che sta appena sfuggendo di mano. Preferiamo il collegamento alla vera fonte di articoli di qualità.

Qual è la domanda più importante che si pone al primo incontro con un cliente per discutere di un nuovo progetto o progetto?

Penso che il primo incontro dovrebbe essere del 75% su di loro. Chi sono, cosa fanno, perché lo fanno, chi sono i loro clienti, quali sono gli obiettivi del progetto. Quel genere di cose. Quindi il 25% su di te. Chi sei, come lavori, cosa ti aspetti, cose che hai fatto in passato che potrebbero essere rilevanti. Dovrebbe essere pari allo 0% circa il design, le tecnologie utilizzate o qualsiasi specifica su cosa potrebbe essere il prodotto finale. Dopo aver avuto una buona impressione reciproca, la discussione SUCCESSIVA può essere più focalizzata su una proposta e idee per un prodotto finale.

Ovviamente, dipende dal lavoro o dal progetto corrente, ma preferisci un determinato framework javascript? CMS?

Per quanto io voglia essere, non sono un gran programmatore, quindi mi piace attenermi a cose che conosco e cercare di ottenere il meglio che posso in quelle cose. Ho usato molto jQuery, mi piace molto, quindi questa è la mia struttura preferita, ma non ne so abbastanza degli altri per offrire un confronto equo. Mi piacciono anche alcuni WordPress. L'ho usato in un sacco di progetti diversi con molti obiettivi e applicazioni differnet e mi sento come se potessi farlo fare quasi tutto ciò che voglio. Ma ancora una volta, non ho mai nemmeno usato Joomla, quindi non ne so abbastanza per fare un confronto equo.

Hai scritto qualche libro? In caso contrario, hai intenzione di scriverne uno in futuro?

Silenzio! Ancora nessun dettaglio ma il loro è sicuramente un libro già in lavorazione. Tutto quello che posso dire è che sono malvagio pompato al riguardo. Il piano è prendere tutto il tempo necessario e renderlo il migliore del suo genere. Menzionerò qualcosa su CSS-Tricks quando sarà il momento.

Trovato su ChrisCoyier.net è il tuo flusso fotografico personale. La fotografia è una tua passione? Pensi che questo aiuti a migliorare le tue capacità di progettazione e creatività globali? Che tipo di macchina fotografica usi?

Non lo chiamerei una passione, ma mi diverto davvero. È la cosa numero 1 che vorrei fare di più. Sto risparmiando i miei penny per un buon obiettivo Macro, dato che sono molto attratto da quello stile di fotografia e ho sentito anche raddoppiare come delle belle lenti per ritratti che mi piacciono anche. Ho una Canon Rebel XTi.

Hai qualche sito web o progetto che vorresti inserire sfortunatamente su oltre 25.000 abbonati e 1 milione di lettori al mese?

Assolutamente! Voglio davvero che le persone controllino il mio ultimo progetto Are My Sites Up? È un servizio di monitoraggio dei siti Web che ho costruito con il mio amico Richard. Penso che sia un servizio fantastico per i designer freelance e le agenzie di web design da utilizzare per tenere d'occhio i loro siti in modo che possano reagire rapidamente a qualsiasi problema. C'è un piano gratuito e un piano premium ricco di funzionalità.

Un sincero ringraziamento a Chris Coyier per aver dedicato del tempo a chattare con noi oggi!

Ti potrebbe anche piacere ...

  • Chiacchierando con Cameron Moll

    Molti di voi hanno familiarità con Cameron Moll attraverso i suoi libri di successo, Mobile Web Design e CSS Mastery. Oggi parleremo con lui di tutto, dalle band rock al futuro del web.

    Leggi l'articolo

  • Fuoco rapido con Jeff Croft

    Alcuni di voi potrebbero aver letto i suoi libri di successo. Altri potrebbero tenerti traccia di lui tramite
    il suo blog popolare. Tuttavia, Jeff Croft è uno dei principali sostenitori del web
    standard oggi. In questo fuoco veloce, Jeff risponderà tutto dal suo preferito
    musica per i suoi "pet di sviluppo web pet". Godere!

    Leggi l'articolo

  • Un'intervista con Jonathan Snook

    Con moglie e figli, dice Jonathan, la giornata di lavoro deve finire esattamente alle 5:00. Eppure, in qualche modo, riesce ancora ad essere un abile sviluppatore web, scrittore, blogger, freelancer - lo chiami! Ci si chiede se Jonathan usi un orologio speciale a cui il resto di noi non è a conoscenza.

    Leggi l'articolo

  • Check-in con Eric Meyer "

    In questa intervista, Eric parla di dove vede muoversi CSS oltre che del suo lavoro
    la vita dopo avere un'altra bambina. Se hai altre domande, vattene
    un commento e - forse solo - Eric potrebbe rispondere. Non posso promettertelo!

    Leggi l'articolo

  • Iscriviti al feed RSS di NETTUTS per ulteriori tuts e articoli di sviluppo web giornalieri.