CSS Counters to często pomijana funkcjonalność obsługiwana już w każdej normalnej przeglądarce. Nawet w IE8, która do normalnych się nie zalicza.
W niniejszym wpisie pokażę jak i dlaczego warto używać liczników w CSS, a także sytuacje, w których lepiej sobie odpuścić.
Dziś dla odmiany mała ciekawostka, o której dopiero niedawno się dowiedziałem. Nigdy wcześniej nie miałem pojęcia, iż jest możliwość obsłużenia scrolla w myszce :-) Zauważywszy jednak taką opcję w Google Maps, postaram się ją także zaimplementować w ramach nauki.
A więc do rzeczy. Odpowiedzialnym za to zdarzeniem (w JavaScript) jest DOMMouseScroll (Mozilla) oraz mousewheel (IE, Opera).
Ostatnich kilka wpisów poświęciłem optymalizacji serwisów internetowych. O tym, że jest to jedno z kluczowych zagadnień podczas tworzenia www pisałem nie raz, więc tym razem sobie odpuszczę i przejdę od razu do konkretów.
A konkretnie chciałbym się podzielić adresem do pracy dyplomowej znalezionej w sieci. Tematem pracy jest „CDN jako mechanizm wspomagania usług sieciowych„, której autorem jest Paweł Szewczyk.
Znalazłem dziś w sieci genialny przykład pokazujący bezkres możliwości CSS3. Nawet nie przypuszczałem, że CSS kiedykolwiek będzie miał tak wiele możliwości, jestem naprawdę zdumiony.
Aby móc przekonać się samemu o czym mówię, proszę zajrzeć na animację w całości wykonaną przy użyciu CSS3 (no może z minimalnym wykorzystaniem jQuery):
Był już wpis o kompresowaniu stylów CSS, czas więc zabrać się za kolejne optymalizacje strony. Tym razem bierzemy się za kompresowanie JavaScript.
Wpis będzie oparty o strukturę klasy stworzonej przy okazji wspomnianego kompresora CSS. Kompresja kodu zostanie natomiast wykonywana przez JavaScript’s Packer (by Dean Edwards).
Trafiłem ostatnio na bardzo ciekawą stronę, w której można wykonać rozbudowane i wiele mówiące testy optymalizacyjne dla Twojej witryny.
Dowiesz się z niej o szybkości wczytywania się strony za pierwszym razem i przy każdych kolejnych odwiedzinach (z uwzględnieniem buforu przeglądarki i systemu), o wyglądzie witryny w różnych przeglądarkach, o szybkości wczytywania grafiki, skryptów i stylów w porównaniu do najważniejszego elementu – treści strony.
Minimalizacja żądań do zewnętrznych zasobów, kompresja kodu wysyłanego do użytkownika, optymalizacja skyptów i styli, buforowanie i cachowanie – jako programista/webdeveloper powinieneś dążyć do tego celu nieustannie i niestrudzenie :-)
W nieniejszej notce zaprezentuję swoją małą bibliotekę do minimalizacji, kompresji i oczyszczania plików CSS – nieodzownych przy budowie każdej nowoczesnej strony internetowej (zgodnej z modelem MVC).
Blog o tworzeniu aplikacji na potrzeby sieci Web.
Praktyczne przykłady, porady i sztuczki. PHP, SQL, AJAX, JavaScript, HTML i pochodne.