En redigerad version av den här artikeln publicerades först i nummer 225 av tidningen .net - världens bästsäljande tidning för webbdesigners och utvecklare.
@twostepmedia: Var ska tunga lyft göras på en webbsida? I fronten eller i backend?
Lea Verou: Jag är en stark förespråkare för att göra vad du kan på klienten. När din kod körs på klienten måste den alltid hantera en maskin, oavsett hur framgångsrikt ditt projekt blir.
Allt du skriver på servern kan behöva köras tusentals gånger per sekund om ditt projekt lyckas, så att underhålla och utöka det blir mer och mer utmanande när din webbplats växer. För att inte tala om de ökande webbkostnaderna som mycket sällan kan täckas helt från webbplatsens inkomster. Visst, massor av klientsideslogik kan göra att en webbplats laddas långsamt, men vi har verktyg för att undvika det, som gippning och förvirring och viktigast av allt, lat laddning.
@komiska: Ditt arbete är fantastiskt! Vem inspirerade dig att följa den tekniska vägen?
LV: Tack! Jag tror inte att det handlade om att bli inspirerad av någon. Jag gillade bara att göra saker ända sedan jag minns mig själv. När jag var liten använde jag en gång svampdukar i köket för att göra plånböcker och handväskor!
Cirka 12 upptäckte jag att programmering gjorde det möjligt för mig att bygga användbara saker lättare och mer professionellt än hantverk. Det fascinerade mig så mycket att jag omedelbart blev kär i programmering och fortsatte att sträva efter att bli bättre på det.
@jelmerdemaat: Hur skapade @LeaVerou @dabblet? Med vilket PHP-ramverk / annan back-end-teknik? Vad var den svåraste delen?
LV: Dabblet har ingen databas och serverns sidkod är minimal. Lite PHP används bara för OAuth och för att generera en resultatsida att dela utan någon av dabblet-krom runt den (användbart för testrapporter för felrapporter). Som du kan se i Github-statistiken står PHP för endast tre procent av dabblet. Allt annat är klientsidan. Detta hjälper till att undvika jsfiddle-situationen: jsfiddle gör allt på servern, så nu när den lyckades gick serverbelastningen genom taket och den blev långsam.
@_dte: Vilken är den mest spännande kommande CSS-funktionen för dig?
LV: Filtrera effekter säkert. De tillåter oss att göra saker som tidigare var omöjliga, inte bara svåra. Jag är inte särskilt upphetsad för layoutmoduler, för a) det kommer att ta åldrar innan vi kan använda dem, eftersom de inte bryts ned graciöst alls och b) layout alltid var möjligt, bara onödigt svårt. Naturligtvis är de nya layoutmodulerna också mycket viktiga, men det är inte sådana saker som gör mig upphetsad.
Jag är också väldigt entusiastisk över de relativa enheterna för visningsområdet vw och vh och CSS3-förlängningen av attr () funktion som gör det möjligt för oss att använda attr () i varje fastighet.
Jag skulle verkligen vilja se andra webbläsare förutom Opera implementera objektpassning och objektposition, så att vi kan sluta använda bakgrundshackar för att beskära bilder till ett annat bildförhållande.
@gpirie: Vilken funktion vill du se introducerad i CSS?
LV: A nuvarande() funktion som låter dig referera till det beräknade värdet för andra egenskaper. Som en generalisering av currentColor (som då skulle bli ett alias för aktuell (färg)). Naturligtvis är det väldigt knepigt att implementera en sådan sak, men verkligheten hindrar mig inte från att drömma!
@kevdog: Vilka är de tre vanligaste CSS-misstagen?
LV: Det vanligaste CSS-misstaget jag ser är att människor kodar sin CSS med fokus på resultatet, inte på ren, underhållbar, flexibel kod (och de omformar sällan). Det är inte bara viktigt att något utseende just nu, med en viss bakgrund, viss omgivning och viss storlek. Det borde kunna anpassa ändras enkelt utan att behöva skriva om varje regel om det på oförutsägbara sätt.
Du kanske tror att du aldrig kommer att ändra någonting, men med tillräckligt med tid kommer du nästan säkert att bevisas fel. CSS förprocessorer kan hjälpa till med det. De är den enkla vägen ut men de är verkligen bättre än slarvig, repetitiv kod.
Ett annat misstag är alltför omfattande CSS. Människor är inte medvetna om standardvärdena, så de fortsätter att omdefiniera dem. De är inte medvetna om stenografier, så de definierar ständigt fastighetsegenskaperna. Det finns fall där du måste göra dessa saker medvetet, men det är inte en anledning att göra dem defensivt i allt.
@kevdog: Om du kunde ändra en sak i CSS-specifikationen, vad skulle det vara?
LV: Det finns många förslag som nästan alla i CSSWG håller med, men kan inte läggas till på grund av att befintlig utbredd användning på nätet bryts. Vanligtvis förnekar WG antingen dessa helt eller lägger till fler egenskaper för att kontrollera beteendet snarare än att ändra standardvärdena. Jag skulle vilja se ett sätt att välja bakåtkompatibla ändringar så att befintliga webbplatser inte går sönder. Andra språk har löst problemet för länge sedan men med HTML och CSS fortsätter vi att kämpa för bakåtkompatibilitet i kostnaden för bra språkdesign.
@StuRobson: Tror du att det är lat för en dev att använda ett ramverk eller pannplatta utan att förstå allt det gör?
LV: Nej, men jag tycker att det är lat för en dev att använda en ram eller pannplatta utan att personligen behöva det, bara för att alla andra gör det. Det är kontraproduktivt att försöka lösa problem som du ännu inte har.
@folktrash: Vid vilken tidpunkt hände "kändis"? Hur visste du? Och hjälper eller hindrar det evangelisering av kodkvalitet / semantik?
LV: Tack, men jag är inte säker på att jag skulle kunna kallas det. Alla tenderar att överväga människor som de har hört talas om mer kända än människor de inte hade någon aning om. Följaktligen har alla en naturlig tendens att överskatta sin egen berömmelse, som måste vara artificiellt (och nästan blint) balanserad när du är medveten om detta fenomen. Vi måste också komma ihåg att ingen i vår bransch verkligen är en kändis, ingen är ett känt namn.
Som sagt, 2011 har varit galen, och det är uppenbart att jag fick mer erkännande för mitt arbete som jag kunde ha hoppats på. Det hjälper verkligen att evangelisera webbstandarder. Människor ägnar mycket mer uppmärksamhet när jag säger något nu än för ett år sedan. Detta kostar dock att saker jag säger blir överanalyserade, människor kan läsa för mycket i dem och attackera mig för att jag förmodligen har åsikter jag aldrig ens övervägde. Eller ibland, bara för att ha synpunkter, punkt.
@Tawreh: Varför är du så fanatisk om kvinnor i branschen? Jag förstår behovet av jämlikhet, men imho du driver det till det yttersta.
LV: Första gången jag hör sådant som "extrem jämlikhet". Jämställdhet kan aldrig vara extrem och jag tvivlar på att någon ens skulle säga något sådant för andra former av diskriminering, som rasism. Det är "omvänd diskriminering" eller "korrigerande partiskhet" som är extrem och jag är starkt emot det.
Som sagt, jag är inte "fanatisk" om kvinnor i branschen alls, jag är "fanatisk" mot receptbelagda könsstereotyper. Jag ser knappast någonsin sexism i vår bransch, det verkar som att människor har lärt sig sin läxa för länge sedan. Jag tror inte att kvinnornas låga deltagande i vår bransch beror på att de känner sig ovälkomna längre. Det är resten av vårt könsrelaterade samhälle som driver kvinnor bort från teknik. Små flickor leker med leksaker som inte uppmuntrar dem att utveckla sina kognitiva färdigheter lika mycket som pojkleksaker. Barnfilmer och leksaker är den värsta förövaren för könsstereotyper och jag ser knappast något intresse där. Alla verkar fokusera sina ansträngningar på vuxna istället och fixa misstagen snarare än att undvika att göra dem i första hand.
@komiska: Kommer det någonsin att bli en övergång för font-vikt?
LV: Citera en anteckning från specifikationen, "det är inte så enkelt". De flesta fastigheter har inte tillräckligt med vikter för en smidig övergång och webbläsaren kan inte skapa mellanliggande tillstånd eftersom det inte finns något sätt att representera dem i CSS. Som sagt kan vi så småningom förlänga cross-fade () från CSS4-bildvärden för att tillämpa alla CSS-värden, inte bara bilder, som skulle lösa de flesta övergångsproblem, och ger oss ett kraftfullt verktyg som också kan användas statiskt.
