Zmieniona wersja tego artykułu pojawiła się po raz pierwszy w numerze 225 magazynu .net - najlepiej sprzedającego się magazynu na świecie dla projektantów stron internetowych i programistów.
@twostepmedia: Gdzie należy wykonać ciężkie podnoszenie na stronie internetowej? Z przodu czy z tyłu?
Lea Verou: Jestem zdecydowaną zwolenniczką robienia wszystkiego, co możesz na kliencie. Kiedy Twój kod jest uruchamiany na kliencie, zawsze musi zajmować się jedną maszyną, bez względu na sukces Twojego projektu.
Wszystko, co napiszesz na serwerze, może wymagać działania tysiące razy na sekundę, jeśli projekt zakończy się sukcesem, więc utrzymanie i rozszerzanie go staje się coraz trudniejsze w miarę rozwoju witryny. Nie wspominając o rosnących kosztach hostingu, które bardzo rzadko mogą być w pełni pokryte z dochodu witryny. Jasne, wiele logiki po stronie klienta może spowodować powolne ładowanie witryny, ale mamy narzędzia, aby tego uniknąć, takie jak gzippowanie i zaciemnianie oraz, co najważniejsze, leniwe ładowanie.
@komiska: Twoja praca jest NIESAMOWITA! Kto zainspirował Cię do podążania ścieżką technologiczną?
LV: Dziękuję! Nie sądzę, żeby to była kwestia inspirowania się kimś. Po prostu lubiłem tworzyć rzeczy odkąd tylko pamiętam. Kiedy byłem dzieckiem, używałam kiedyś kuchennych chusteczek do robienia torebek i torebek!
Około 12 lat odkryłem, że programowanie pozwala mi budować przydatne rzeczy łatwiej i bardziej profesjonalnie niż rękodzieło. Zafascynowało mnie to tak bardzo, że od razu zakochałem się w programowaniu i starałem się być w tym jeszcze lepszy.
@jelmerdemaat: Jak @LeaVerou stworzył @dabblet? Z jakim frameworkiem PHP / inną techniką zaplecza? Jaka była najtrudniejsza część?
LV: Dabblet nie ma żadnej bazy danych, a kod po stronie serwera jest minimalny. Trochę PHP jest używane tylko do OAuth i generowania strony wynikowej do udostępnienia bez żadnego dabblet chrome wokół niego (przydatne w przypadku testów z raportami błędów). Jak widać w statystykach na Github, PHP stanowi tylko trzy procent dabbletu. Wszystko inne jest po stronie klienta. Pomaga to uniknąć sytuacji z jsfiddle: jsfiddle robi wszystko na serwerze, więc teraz, gdy mu się udało, obciążenie serwera przekroczyło dach i stało się wolne.
@_dte: Jaka będzie dla Ciebie najbardziej ekscytująca nadchodząca funkcja CSS?
LV: Efekty filtrów na pewno. Pozwalają nam robić rzeczy, które wcześniej były niemożliwe, a nie tylko trudne. Nie jestem zbyt podekscytowany modułami układu, ponieważ a) miną całe wieki, zanim będziemy w stanie ich używać, ponieważ w ogóle nie degradują się one wdzięcznie i b) układ był zawsze możliwy, tylko niepotrzebnie trudny. Oczywiście nowe moduły układu też są bardzo ważne, ale to nie takie rzeczy mnie ekscytują.
Jestem również bardzo podekscytowany jednostkami względnymi widocznego obszaru vw i vh i rozszerzenie CSS3 attr () funkcja, z której będziemy mogli korzystać attr () w każdej nieruchomości.
Naprawdę chciałbym zobaczyć inne przeglądarki poza implementacją Opery dopasowanie do obiektu i pozycja-obiektu, abyśmy mogli przestać używać hacków w tle do przycinania obrazów do innego współczynnika proporcji.
@gpirie: Jaką funkcję chciałbyś zobaczyć w CSS?
LV: A. obecny() funkcja, która umożliwia odniesienie do obliczonej wartości innych właściwości. Jak uogólnienie currentColor (który stałby się wówczas aliasem do obecny (kolor)). Oczywiście wdrożenie czegoś takiego jest bardzo trudne, ale rzeczywistość nie powstrzyma mnie od marzeń!
@kevdog: Jakie są trzy najczęstsze błędy CSS?
LV: Najczęstszym błędem CSS, jaki widzę, jest to, że ludzie kodują CSS z naciskiem na wynik, a nie na czysty, łatwy w utrzymaniu, elastyczny kod (i rzadko się refaktoryzują). Ważne jest nie tylko to, że coś wygląda teraz, z pewnym tłem, określonym otoczeniem i określonym rozmiarem. Powinien być w stanie przystosować się do łatwych zmian, bez konieczności przepisywania każdej reguły na ten temat w nieprzewidywalny sposób.
Możesz pomyśleć, że nigdy czegoś nie zmienisz, ale mając wystarczająco dużo czasu, prawie na pewno udowodniono, że się mylisz. Mogą w tym pomóc preprocesory CSS. Są łatwym wyjściem, ale z pewnością są lepsze niż niechlujny, powtarzalny kod.
Kolejnym błędem jest zbyt rozwlekły CSS. Ludzie nie są świadomi wartości domyślnych, więc wciąż je przedefiniowują. Nie są świadomi skrótów, więc zamiast tego definiują właściwości odręczne. Są przypadki, w których musisz robić te rzeczy celowo, ale to nie jest powód, aby robić to we wszystkim defensywnie.
@kevdog: Gdybyś mógł zmienić jedną rzecz w specyfikacji CSS, co by to było?
LV: Jest wiele sugestii, z którymi zgadza się prawie każdy w CSSWG, ale nie można ich dodać ze względu na przełamanie dotychczasowego powszechnego wykorzystania w sieci. Zwykle grupa robocza całkowicie odrzuca te informacje lub dodaje więcej właściwości, aby kontrolować zachowanie, zamiast zmieniać wartości domyślne. Chciałbym zobaczyć sposób wyrażenia zgody na wstecznie niezgodne zmiany, aby istniejące witryny nie uległy awarii. Inne języki już dawno rozwiązały ten problem, ale dzięki HTML i CSS wciąż walczymy o kompatybilność wsteczną kosztem dobrego projektu języka.
@StuRobson: Czy myślisz, że programiści mogą używać frameworka lub standardowego schematu, chcąc nie chcąc, bez zrozumienia wszystkiego, co robi?
LV: Nie, ale myślę, że programista jest leniwy, gdy używa frameworka lub szablonu bez osobiście takiej potrzeby, tylko dlatego, że wszyscy inni to robią. Próba rozwiązania problemów, których jeszcze nie masz, przynosi efekt przeciwny do zamierzonego.
@folktrash: W którym momencie wydarzyło się „celebrytka”? Skąd wiedziałeś? Czy pomaga czy utrudnia ewangelizację jakości / semantyki kodu?
LV: Dzięki, ale nie jestem pewien, czy można mnie tak nazwać. Wszyscy uważają ludzi, o których słyszeli, za bardziej znanych niż osoby, o których nie mieli pojęcia. W konsekwencji każdy ma naturalną tendencję do przeceniania własnej sławy, którą trzeba sztucznie (i prawie ślepo) wyważyć, gdy jest się świadomym tego zjawiska. Musimy również pamiętać, że nikt w naszej branży nie jest tak naprawdę celebrytą, nikt nie jest znanym nazwiskiem.
To powiedziawszy, rok 2011 był szalony i oczywiste jest, że zyskałem większe uznanie za swoją pracę, na które mogłem liczyć. Z pewnością pomaga w ewangelizacji standardów internetowych. Kiedy mówię coś teraz, ludzie zwracają większą uwagę niż rok temu. Jednak dzieje się to kosztem tego, że rzeczy, o których mówię, są przesadnie analizowane, ludzie mogą za dużo w nich przeczytać i zaatakować mnie za rzekome poglądy, których nawet nie brałem pod uwagę. A czasem tylko po to, żeby zobaczyć, i kropka.
@Tawreh: Dlaczego tak fanatycznie podchodzisz do kobiet w branży? Rozumiem potrzebę równości, ale imho popchniesz ją do skrajności.
LV: Po raz pierwszy słyszę coś takiego jak „skrajna równość”. Równość nigdy nie może być skrajna i wątpię, by ktokolwiek powiedział coś takiego o innych rodzajach dyskryminacji, takich jak rasizm. To „odwrotna dyskryminacja” lub „korekcyjna stronniczość” to skrajność i zdecydowanie się temu sprzeciwiam.
To powiedziawszy, w ogóle nie jestem „fanatykiem” kobiet w branży, jestem „fanatykiem” wobec nakazowych stereotypów dotyczących płci. Prawie nigdy nie widzę seksizmu w naszej branży, wygląda na to, że ludzie dobrze nauczyli się tej lekcji dawno temu. Nie sądzę, aby niski udział kobiet w naszej branży był spowodowany tym, że czuły się już niemile widziane. To reszta naszego społeczeństwa płciowego odstrasza kobiety od inżynierii. Małe dziewczynki bawią się zabawkami, które nie zachęcają ich do rozwijania umiejętności poznawczych tak bardzo, jak zabawki dla chłopców. Filmy i zabawki dla dzieci są najgorszym utrwalaczem stereotypów związanych z płcią i nie widzę w nich żadnego zainteresowania. Wydaje się, że zamiast tego wszyscy koncentrują swoje wysiłki na dorosłych, naprawiając błędy, zamiast unikać ich popełniania w pierwszej kolejności.
@komiska: Czy kiedykolwiek nastąpi przejście na grubość czcionki?
LV: Cytując notatkę ze specyfikacji: „to nie jest takie proste”. Większość właściwości nie ma wystarczających wag, aby zapewnić płynne przejście, a przeglądarka nie może wygenerować stanów pośrednich, ponieważ nie ma sposobu, aby przedstawić je w CSS. To powiedziawszy, możemy w końcu przedłużyć przenikanie () z CSS4 Image Values, aby zastosować je do wszystkich wartości CSS, a nie tylko do obrazów, co rozwiązałoby większość problemów związanych z przejściem i daje nam potężne narzędzie, które może być również wykorzystywane statycznie.
