Chatten met Chris Coyier

Velen van ons hier bij Nettuts + zijn grote fans van Chris Coyier en zijn werk op CSS-Tricks.com. Door de jaren heen heeft Chris veel tutorials, websites en scripts gepubliceerd om ontwerpers en ontwikkelaars te helpen hun vaardigheden te verbeteren. Vandaag gaan we met de man achter deze artikelen zitten en praten met hem over CSS, design en het leven in de stad Portland.

De meeste mensen kennen u en uw werk dankzij CSS-Tricks.com. Voor degenen die u niet goed kennen, kunt u ons iets over uzelf vertellen en wat u doet?

Ik ben een regelmatige webdesigner voor elke dag. Jullie hebben een aantal echte rockstar-ontwerpers gehad en ontwikkelaars werden onlangs geïnterviewd over Nettuts +. Ik voel me gevleid om te worden gevraagd voor een interview, want ik ben niet eens in de buurt van hun competitie! Wat ik doe is mijn dagelijkse leven als webdesigner doornemen en dan proberen alle coole dingen te delen die ik leer, maar ik kan het wel.

Wat was de belangrijkste motivator die je interesseerde in webdesign en -ontwikkeling?

Het is moeilijk om er precies de vinger op te leggen, maar ik denk dat het eigenlijk een verlangen is om te creëren. Sommige mensen houden ervan om hun vingers in klei te steken en het in vormen te vormen, sommige mensen willen houtskool op papier drukken. Het voldoet creatief aan hen. Ik voel hetzelfde gevoel van voldoening bij het maken van een website die doet wat het hoort te doen.

Werk je momenteel voor een ontwerpbureau of ben je nu fulltime freelancing??

Ik woon momenteel in Portland, Oregon, maar ik woonde het grootste deel van mijn leven in Madison, Wisconsin. Ik werk nog steeds voor een ontwerpbureau in Madison, Chatman Design. We zijn een aardig klein bedrijf, slechts drie jongens, en ik ben de enige internetman. Ik doe niet echt freelance, het is te stressvol voor mij en ik blijf druk genoeg zonder.

Wanneer heb je je website CSS-Tricks gelanceerd? Wat was de belangrijkste motivatie voor het maken van deze site??

Het werd gelanceerd in de zomer van 2007, kort nadat ik begon bij Chatman Design. Ik had eigenlijk het idee dat ik een blog zou gaan maken voor elk afzonderlijk programma in de Adobe Creative Suite en help, tips en trucs voor alle programma's. CSS-Tricks maakte daar deel van uit als een soort vreemde tag. Het werd al snel duidelijk dat dit gewoon stom was. Het hebben van veel verschillende blogs verspreidde mijn aandacht te dun. CSS-Tricks was degene die ik het leukst vond om te schrijven, dus ik gaf dat alles en liet de anderen doodgaan. Ik motiveerde vandaag op dezelfde manier waarop ik gemotiveerd was toen ik eraan begon, om alle leuke dingen te delen die ik aan het leren was.

Onlangs onderging CSS-Tricks een enorm herontwerp. Wat waren enkele van de grootste hindernissen en moeilijkste aspecten van het herontwerp?

Het doel was in de eerste plaats om iets visueel aantrekkelijker te maken. Dit is de eerste iteratie van het ontwerp waar ik me erg toe aangetrokken voel, dus dat was van levensbelang. Ik wilde ook zeker een aantal modernere technieken gebruiken, dus er is wat jQuery in en een beetje @ font-face voor de lol. Het andere doel was om de inhoud beter georganiseerd te krijgen op de backend. De startpagina van de screencast en alle afzonderlijke videopagina's waren allemaal slechts statische pagina's die ik naar behoefte heb gemaakt en bijgewerkt. Dit was duidelijk niet duurzaam, dus het herontwerp hield in dat ik dat alles (en meer) naar mijn WordPress-backend zou verplaatsen, zodat toekomstige updates eenvoudiger zouden zijn. Bovendien maken de forums een groot deel uit van de site, alleen gebruiken ze phpBB om te draaien, dus nadat het ontwerp klaar was moest ik een nieuwe skin maken voor phpBB zodat dat gedeelte voelde als de rest van de site. Ik heb hier iets meer geschreven over het herontwerp.

Over CSS-Tricks gesproken, we moeten je afvragen, heb je één favoriete CSS-Trick die je vaak gebruikt??

Mijn favoriete CSS-trucs zijn de eenvoudige. Het gebruik van eenvoudige, herbruikbare stijlen is groot voor mij. Ik ben dol op het gebruik van een .button-klasse die het gemakkelijk maakt om elke link of invoer in een knop te veranderen. Ik vind het leuk om ID's op het lichaam te gebruiken om paginaspecifieke stijlen in te stellen. Ik gebruik CSS-beeldvervanging in bijna elk project dat ik maak. Ik denk ook dat absolute positionering in het algemeen te weinig wordt gebruikt.

Wat vind je de meest frustrerende functie, bug of implementatie van CSS?

Het meest frustrerende bij het schrijven van CSS is bijna altijd de cross-browser-dingen. Ik heb het gevoel dat ik best goed ben in het vermijden van de belangrijkste valkuilen, maar toch in bijna elk project dat ik doe, kom ik tot het vinden van problemen met andere browsers. Ik moet teruggaan om te herstellen. Alleen vandaag had ik er een waarin ik een relatieve positionering had op een wrapper div die ik gebruikte met drie drijvende elementen erin. Elke browser was goed, behalve IE 7 die zijn breedte op 0 bracht. Ik moest teruggaan en een speciale breedte toevoegen: 100% om het te repareren. Geen big deal, maar gewoon frustrerend. Er is VEEL dingen die beter zouden kunnen zijn met CSS. Een van mijn favoriete berichten ooit, vroeg ik andere ontwerpers over dit alleen. Zelfs Nettuts + eigen Jeffrey Way en Collis Ta'eed reageren.

Ik heb je een enthousiaste muziekliefhebber opgemerkt. Welk muziekgenre zou u als uw favoriet beschouwen en waarom??

Ik ben een grote fan van oude muziek. Clawhammer-banjo en viool en gitaren. Ik speelde vroeger in een oude band op de universiteit en een paar jaar later, maar ik speel niet meer. Ik haal de banjo nog steeds bijna elke dag op. Ik hou echter van allerlei soorten muziek, zelfs de nieuwe hippe dingen die de kinderen leuk vinden. Ik geniet de laatste tijd van Fleet Foxes.

David Walsh van DavidWalsh.name lijkt iemand te zijn met wie je vaak samenkomt. Hoe kennen jullie elkaar en wanneer heb je besloten om samen te werken?

David komt ook uit Madison, hoewel ik hem niet echt 'ontmoette' tot nadat ik naar Portland verhuisde. Ik denk dat David een getalenteerde programmeur is. Ik beoordeel hem constant voor hulp met JavaScript- en PHP-dingen. Letterlijk, constant, ik weet zeker dat het vervelend is. We waren allebei geïnteresseerd in het tegelijkertijd uitvoeren van koppelingen via de gemeenschap, dus het was zinvoller om samen te werken dan onafhankelijke dingen te doen. Dat is waar Script & Style vandaan kwam.

Welke activiteiten en hobby's geniet u wanneer u niet bezig bent met het ontwerpen van de computer?

Ik speel graag mijn instrumenten en zie live muziek. Ik vind het leuk om foto's te maken, hoewel ik wou dat ik er veel meer van deed. Ik heb een nieuwe lens nodig! Ik hou ook van het kijken naar de bewegende beelden met het geluid dat ze daar nu in het theater hebben gekregen.

Vertel ons iets meer over uw Band-websitemal en waar u het idee vandaan hebt gekregen.

Ik werd letterlijk gevraagd door een band waar ik aan werkte op een site om zoiets te bouwen. Geen template per-say, maar een systeem om eenvoudig nieuwe shows toe te voegen, bestaande te bewerken / verwijderen en om shows automatisch te verwijderen als ze passeren. Ik dacht dat dat heel redelijk klonk, en iets dat elke band ter wereld op hun website zou willen hebben. Helaas ben ik niet zo'n programmeur, dus ik heb David de backend voor me laten bouwen. Het was alleen logisch om een ​​sjabloon eromheen te ontwerpen en deze voor iedereen beschikbaar te maken. Dat is precies wat we gedaan hebben en de opbrengst is in het midden gesplitst. Ik vind het nog steeds een cool product tot op de dag van vandaag. Ik hou van het idee van sjablonen die een beetje extra bieden in termen van specifieke functionaliteit.

U hebt Script and Style gemaakt, een website voor website-ontwikkeling. Op welk framework of CMS (indien aanwezig) was S & S gebaseerd en wat was de ervaring zoals het ontwikkelen van een dergelijke site?

Script & Style is gebouwd met WordPress, de TDO Mini Forms-plugin en enkele aangepaste hackwerkzaamheden van David. Het was belangrijk voor ons om ervoor te zorgen dat directe links beschikbaar waren voor de artikelen, ongeacht wat. Op de site, via de feeds, of geïntegreerd in andere sites, dat is het deel dat een beetje hacking vergde. Het was leuk om te bouwen, maar het is nog leuker om te zien groeien en helpen verbeteren. Een van de moeilijkste aspecten ervan is ervoor te zorgen dat alles wat we doordrukken een kwalitatief interessant artikel is en dat het een leuke afwisseling is. Het is moeilijker dan het klinkt, alsof je niet oppast, zou het een stroom roundup-berichten kunnen worden. Dat maakt het dan tot een verzameling razzia's die net uit de hand loopt. Wij geven de voorkeur aan een koppeling naar de echte bron van kwaliteitsartikelen.

Wat is de belangrijkste vraag die je stelt als je voor het eerst een klant ontmoet om een ​​nieuw ontwerp of project te bespreken??

Ik denk dat de eerste bijeenkomst voor hen 75% moet zijn. Wie ze zijn, wat ze doen, waarom ze het doen, wie hun klanten zijn, wat de doelen van het project zijn. Dat soort dingen. Dan 25% over jou. Wie je bent, hoe je werkt, wat je verwacht, dingen die je in het verleden hebt gedaan die relevant kunnen zijn. Het moet 0% zijn over ontwerp, gebruikte technologieën of specifieke informatie over wat het uiteindelijke product zou kunnen zijn. Nadat u een goed gevoel voor elkaar hebt gekregen, kan de VOLGENDE discussie meer gericht zijn op een voorstel en ideeën voor een eindproduct.

Het is natuurlijk afhankelijk van de huidige baan of het huidige project, maar geeft u de voorkeur aan een bepaald JavaScript-framework? CMS?

Hoe graag ik ook wil zijn, ik ben echt geen echte programmeur, dus hou ik ervan vast te houden aan dingen die ik ken en probeer zo goed mogelijk te worden in die dingen. Ik heb jQuery veel gebruikt, ik vind het echt leuk, dus dat is mijn favoriete framework, maar ik weet niet genoeg over de anderen om een ​​eerlijke vergelijking te bieden. Ik hou ook van wat WordPress. Ik heb het in een hoop verschillende projecten met veel verschillende doelen en applicaties gebruikt en ik heb het gevoel dat ik het kan krijgen om bijna alles te doen wat ik wil. Maar nogmaals, ik heb Joomla nog nooit gebruikt, dus ik weet niet genoeg om een ​​eerlijke vergelijking te maken.

Heb je boeken geschreven? Zo niet, ben je van plan er in de toekomst een te schrijven??

Stil maar! Nog geen details maar het is zeker een boek dat al in de maak is. Ik kan alleen maar zeggen dat ik er slecht over gepompt ben. Het plan is om zoveel tijd te nemen als nodig is en het de beste in zijn soort te maken. Ik zal iets zeggen over CSS-Tricks wanneer de tijd daar is.

Gevonden op ChrisCoyier.net is uw persoonlijke fotostream. Is fotografie een passie van jou? Voel je dat dit je algemene ontwerpvaardigheden en creativiteit helpt verbeteren? Wat voor soort camera gebruik je??

Ik zou het geen passie willen noemen, maar ik geniet er echt van. Het is het beste ding waarvan ik wou dat ik er meer van deed. Ik spaar mijn centen voor een mooie macrolens, omdat ik me echt aangetrokken voel tot die stijl van fotografie en ik hoor dat ze ook dubbel zo mooi zijn als portretlenzen die ik ook leuk vind. Ik heb een Canon Rebel XTi.

Heeft u websites of projecten die u schaamteloos wilt aansluiten op meer dan 25.000 abonnees en 1 miljoen lezers per maand??

Absoluut! Ik wil echt dat mensen mijn nieuwste project Are My Sites Up bekijken? Het is een website monitoring service die ik samen met mijn vriend Richard heb gebouwd. Ik denk dat het een fantastische service is voor freelance ontwerpers en webdesignbureaus om hun sites in de gaten te houden, zodat ze snel op eventuele problemen kunnen reageren. Er is een gratis abonnement en een voordelig premiumplan met veel functies.

Hartelijk dank aan Chris Coyier voor het nemen van de tijd om met ons te praten vandaag!

Misschien geniet je ook van ...

  • Chatten met Cameron Moll

    Velen van jullie kennen Cameron Moll met zijn succesvolle boeken, Mobile Web Design en CSS Mastery. Vandaag praten we met hem over alles, van rockgroepen tot de toekomst van het web.

    Lees artikel

  • Snel vuur met Jeff Croft

    Sommigen van u hebben misschien zijn succesvolle boeken gelezen. Anderen volgen hem mogelijk via
    zijn populaire blog. Niettemin is Jeff Croft een van de toonaangevende voorstanders van internet
    normen vandaag. In deze snelle brand zal Jeff alles beantwoorden van zijn favoriet
    muziek aan zijn 'web development pet peeves'. Genieten!

    Lees artikel

  • Een interview met Jonathan Snook

    Met een vrouw en kinderen, zegt Jonathan, moet de werkdag precies om 5:00 eindigen. Toch is hij op de een of andere manier nog steeds een ervaren webontwikkelaar, schrijver, blogger, freelancer - noem maar op! Je vraagt ​​je af of Jonathan een speciale klok gebruikt waar de rest van ons niet bekend mee is.

    Lees artikel

  • Inchecken bij Eric Meyer "

    In dit interview vertelt Eric over waar hij CSS zowel als zijn werk ziet bewegen
    leven na het hebben van een ander meisje. Als u nog vragen heeft, verlaat u
    een reactie en - misschien misschien - kan Eric reageren. Geen beloften!

    Lees artikel

  • Abonneer u op de NETTUTS RSS-feed voor meer dagelijkse webontwikkelingen, tuts en artikelen.