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.
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.
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.
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.
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.
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.
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.
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 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 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.
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.
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.
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.
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.
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.
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.
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.
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!
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
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
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
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