Discuter avec Chris Coyier

Beaucoup d’entre nous, ici chez Nettuts +, sommes de grands fans de Chris Coyier et de son travail sur CSS-Tricks.com. Au fil des années, Chris a publié de nombreux tutoriels, sites Web et scripts pour aider les concepteurs et les développeurs à améliorer leurs compétences. Aujourd'hui, nous allons nous entretenir avec l'homme à l'origine de ces articles et discuter avec lui de CSS, du design et de la vie dans la ville de Portland..

La plupart des gens nous connaissent et connaissent votre travail grâce à CSS-Tricks.com. Pour ceux qui ne te connaissent pas bien, peux-tu nous parler un peu de toi et de ce que tu fais??

Je suis un concepteur Web régulier tous les jours. Vous avez récemment interviewé de vrais concepteurs et développeurs de rockstar sur Nettuts +. Je suis flatté d'être invité à une interview, car je ne suis même pas proche de leur ligue! Ce que je fais, c’est passer au travers de ma vie quotidienne en tant que concepteur web, puis essayer de partager tout ce que j’apprends à apprendre, mais je peux le faire..

Quelle est la principale motivation qui vous a intéressé à la conception et au développement Web??

C'est difficile de mettre le doigt dessus, mais je pense que c'est essentiellement un désir de créer. Certaines personnes aiment mettre leurs doigts dans l'argile et la façonner, d'autres aiment presser le fusain contre le papier. Cela les satisfait de façon créative. Je ressens le même sentiment de satisfaction de créer un site Web qui fait ce qu’il est supposé faire..

Travaillez-vous actuellement pour des entreprises de design ou travaillez-vous à la pige à temps plein maintenant??

Je vis à Portland, dans l'Oregon, mais j'ai passé la plus grande partie de ma vie à Madison, dans le Wisconsin. Je travaille toujours pour une entreprise de design à Madison, Chatman Design. Nous sommes une jolie petite entreprise, juste trois gars, et je suis le seul gars en ligne. Je ne suis pas vraiment freelance, c'est trop stressant pour moi et je reste assez occupé sans ça.

Quand avez-vous lancé votre site web CSS-Tricks? Quel était le principal facteur de motivation pour la création de ce site?

Il a été lancé à l'été 2007, peu de temps après mon arrivée chez Chatman Design. En fait, je pensais créer un blog pour chaque programme de la suite Adobe Creative Suite et leur fournir une aide, des conseils et des astuces. CSS-Tricks faisait partie de cela comme une sorte de tag étrange. Il est vite devenu évident que c'était stupide. Avoir beaucoup de blogs différents a trop attiré mon attention. CSS-Tricks était celui pour lequel j'ai le plus aimé écrire, alors j'ai tout donné et laissé les autres mourir. Aujourd’hui, j’ai motivé de la même manière que j’étais moi-même motivé quand j’ai commencé à partager tout ce que j’apprisais..

CSS-Tricks a récemment subi une refonte massive. Quels ont été les obstacles les plus importants et les aspects les plus difficiles de la refonte??

Le but premier était de créer quelque chose de plus attrayant visuellement. Il s’agit de la première itération du design qui m’attire beaucoup, c’était donc vital. Je voulais aussi m'assurer d'utiliser des techniques plus modernes, donc il y a du jQuery et un peu de @ font-face pour le plaisir. L’autre objectif était de mieux organiser le contenu sur le backend. La page d'accueil screencast et toutes les pages vidéo individuelles étaient toutes des pages statiques que j'ai créées et mises à jour en fonction des besoins. Clairement, cela n’était pas durable, la refonte a donc impliqué de transférer tout cela (et plus) dans mon backend WordPress afin que les futures mises à jour soient plus faciles. En plus de cela, les forums sont une grande partie du site, mais ils utilisent phpBB pour s'exécuter. Après la conception, j'ai donc dû créer une nouvelle peau pour phpBB afin que cette zone ressemble au reste du site. J'ai écrit un peu plus sur la refonte ici.

En parlant de CSS-Tricks, nous devons nous demander si vous avez un favori CSS-Trick que vous utilisez fréquemment?

Mes astuces CSS préférées sont les plus simples. Utiliser des styles simples et réutilisables est très important pour moi. J'aime utiliser une classe .button qui permet de transformer facilement un lien ou une entrée en bouton. J'aime utiliser des identifiants sur le corps pour définir des styles spécifiques à la page. J'utilise le remplacement d'image CSS sur presque tous les projets que je réalise. Je pense aussi que le positionnement absolu est sous-utilisé en général.

Que trouvez-vous comme étant la fonctionnalité, le bogue ou l’application de CSS les plus frustrants??

La chose la plus frustrante lors de l’écriture de CSS est presque toujours le contenu inter-navigateur. Je sens que je suis assez bon pour éviter les pièges majeurs, mais pourtant, dans presque chaque projet que je fais, je finis par trouver des problèmes multi-navigateurs que je dois corriger. Aujourd’hui, j’en ai eu un dans lequel j’avais un positionnement relatif sur une division d’emballage que j’utilisais et qui comportait trois éléments flottants. Tous les navigateurs fonctionnaient bien, à l'exception d'IE 7 qui rendait sa largeur à 0. J'ai dû revenir en arrière et ajouter une largeur spéciale: 100% pour la corriger. Pas un gros problème, mais juste frustrant. Il y a BEAUCOUP de choses qui pourraient être meilleures avec CSS. Un de mes messages préférés que j'ai jamais demandé à d'autres concepteurs à ce sujet. Même Nettuts + et ses propres Jeffrey Way et Collis Ta'eed répondent.

J'ai remarqué que vous êtes un passionné de musique. Quel genre de musique considéreriez-vous comme votre favori et pourquoi??

Je suis un grand fan de la musique old time. Clawhammer banjo et violons et guitares. Je jouais dans un ancien groupe au collège et quelques années après, mais je ne joue plus. Je prends toujours le banjo presque tous les jours. J'aime toutes sortes de musique, même la nouvelle hanche aime les enfants. Je profite de Fleet Foxes récemment.

David Walsh de DavidWalsh.name semble être une personne avec laquelle vous collobuer souvent. Comment vous connaissez-vous et quand avez-vous décidé de travailler ensemble??

David est également originaire de Madison, même si je ne l’ai vraiment pas "rencontré" avant mon déménagement à Portland. Je pense que David est un programmeur talentueux. Je lui demande constamment de l'aide avec JavaScript et PHP. Littéralement, constamment, je suis sûr que c'est agaçant. Nous étions tous les deux intéressés à faire un lien alimenté par la communauté en même temps, il était donc plus logique de collaborer que de faire des choses indépendantes. C’est d’où vient Script & Style.

Quelles activités et loisirs aimez-vous lorsque vous n'êtes pas à la conception d'ordinateur?

J'aime jouer de mes instruments et voir de la musique live. J'aime prendre des photos bien que j'aimerais en avoir beaucoup plus. J'ai besoin d'un nouvel objectif! J'aime aussi regarder les images animées avec le son qu'ils ont eu au théâtre aujourd'hui.

Parlez-nous un peu plus de votre modèle de site Web de groupe et d'où vous vient l'idée.

Un groupe me demandait littéralement de travailler sur un site comme celui-ci. Pas un modèle en soi, mais un système pour ajouter facilement de nouvelles émissions, éditer / supprimer des émissions existantes et pour supprimer automatiquement les émissions au fur et à mesure de leur passage. Je pensais que cela semblait tout à fait raisonnable, et que tout groupe du monde voudrait sur son site Web. Malheureusement, je ne suis pas un grand programmeur, j'ai donc demandé à David de créer le backend pour moi. Il était logique de concevoir un modèle autour de celui-ci et de le rendre accessible à tous. C'est exactement ce que nous avons fait et divisé le produit au milieu. Je pense toujours que c'est un produit cool à ce jour. J'aime l'idée de modèles offrant un petit plus en termes de fonctionnalités spécifiques.

Vous avez créé Script and Style, un site Web de ressources de développement Web. Sur quel framework ou CMS (le cas échéant) S & S a-t-il été construit et quelle a été l'expérience de développement d'un tel site?

Script & Style est construit avec WordPress, le plugin TDO Mini Forms et certains travaux de hack personnalisés par David. Il était important pour nous de nous assurer que des liens directs étaient disponibles pour les articles, quoi qu'il arrive. Sur le site, via les flux, ou intégré à d’autres sites, c’est la partie qui a nécessité un peu de piratage. C'était amusant à construire, mais c'est encore plus amusant de voir grandir et aider à s'améliorer. L’un des aspects les plus difficiles à ce sujet est de s’assurer que tout ce que nous proposons est un article de qualité intéressante, et qu’il s’agit d’une belle variété. C'est plus difficile qu'il n'y paraît, car si vous ne faites pas attention, cela pourrait se transformer en un flot de posts. Ce qui en fait alors un tour d'horizon qui vient de devenir incontrôlable. Nous préférons nous relier à la source réelle d'articles de qualité.

Quelle est la question la plus importante que vous posez lorsque vous rencontrez un client pour la première fois pour discuter d'un nouveau design ou projet??

Je pense que cette première réunion devrait porter sur 75% d'entre eux. Qui sont-ils? Que font-ils? Pourquoi le font-ils? Qui sont leurs clients? Quels sont les objectifs du projet? Ce genre de chose. Ensuite, 25% à propos de vous. Qui vous êtes, comment vous travaillez, ce que vous attendez, des choses que vous avez faites dans le passé qui pourraient être pertinentes. Il devrait être 0% sur la conception, les technologies utilisées ou tout autre détail sur ce que pourrait être le produit final. Une fois que vous vous sentez bien, la discussion sur NEXT peut être davantage axée sur une proposition et des idées de produit final..

Évidemment, cela dépend du travail ou du projet en cours, mais préférez-vous un certain framework javascript? CMS?

Autant que je veux être, je ne suis pas vraiment un programmeur, alors j'aime bien rester en contact avec des choses que je connais et essayer de faire de mon mieux. J'ai beaucoup utilisé jQuery, je l'aime beaucoup, c'est donc mon framework préféré, mais je ne connais pas suffisamment les autres pour offrir une comparaison équitable. Je m'aime aussi quelques WordPress. Je l'ai utilisé dans une tonne de projets différents avec de nombreux objectifs et applications différents et je sens que je peux le faire faire presque tout ce que je veux. Mais encore une fois, je n'ai même jamais utilisé Joomla, donc je ne sais pas assez pour faire une comparaison juste.

Avez-vous écrit des livres? Si non, avez-vous l'intention d'en écrire un à l'avenir?

Chut chut! Pas encore de détails, mais leur livre est déjà en préparation. Tout ce que je peux dire, c'est que je suis méchant à ce sujet. Le plan consiste à prendre tout le temps dont il a besoin et à en tirer le meilleur parti possible. Je mentionnerai quelque chose sur CSS-Tricks le moment venu.

Trouvé sur ChrisCoyier.net est votre flux de photos personnel. La photographie est-elle une passion? Pensez-vous que cela contribue à améliorer vos compétences générales en matière de conception et votre créativité? Quel type de caméra utilise-tu?

Je n’appellerais pas cela une passion, mais j’apprécie vraiment. C'est la chose n ° 1 que j'aimerais avoir plus. Je garde mon argent pour un bel objectif Macro, car je suis vraiment attiré par ce style de photographie et j’entends dire qu’il fait aussi double comme de jolis objectifs de portrait que j’aime aussi. J'ai un Canon Rebel XTi.

Avez-vous des sites Web ou des projets que vous voudriez connecter sans vergogne à plus de 25 000 abonnés et 1 million de lecteurs chaque mois?

Absolument! Je souhaite vraiment que les gens consultent mon dernier projet, Are My Sites Up? C'est un service de surveillance de site Web que j'ai construit avec mon ami Richard. Je pense que c’est un service fantastique que les concepteurs indépendants et les agences de design Web peuvent utiliser pour surveiller leurs sites et leur permettre de réagir rapidement à tout problème. Il existe un forfait gratuit ainsi qu'un forfait premium économique et complet..

Un merci très sincère à Chris Coyier pour avoir pris le temps de discuter avec nous aujourd'hui!

Vous pourriez aussi aimer…

  • Discuter avec Cameron Moll

    Vous êtes nombreux à connaître Cameron Moll via ses livres à succès, Mobile Web Design et CSS Mastery. Aujourd'hui, nous allons parler avec lui de tout, des groupes de rock au futur du Web..

    Lire l'article

  • Quick Fire avec Jeff Croft

    Certains d'entre vous ont peut-être lu ses livres à succès. D'autres pourraient le suivre via
    son blog populaire. Néanmoins, Jeff Croft est l’un des principaux défenseurs du Web.
    les normes aujourd'hui. Dans ce feu rapide, Jeff répondra à toutes ses questions.
    la musique à ses "bêtes noires de développement Web". Prendre plaisir!

    Lire l'article

  • Une entrevue avec Jonathan Snook

    Selon Jonathan, avec sa femme et ses enfants, la journée de travail doit se terminer précisément à 17 heures. Pourtant, il réussit quand même à devenir un développeur Web, un écrivain, un blogueur, un pigiste accompli - vous l'appelez! On se demande si Jonathan utilise une horloge spéciale que le reste d'entre nous ne sommes pas au courant.

    Lire l'article

  • Enregistrement avec Eric Meyer "

    Dans cette interview, Eric explique où il voit les mouvements de CSS et son travail.
    la vie après avoir eu une autre petite fille. Si vous avez des questions supplémentaires, laissez
    un commentaire et - juste peut-être - Eric pourrait répondre. Pas de promesses!

    Lire l'article

  • Abonnez-vous au flux RSS NETTUTS pour plus de commentaires et d'articles sur le développement Web au quotidien.