Archiwum yarpo: Kurs CSS (2005)

Kolejne wykopaliska – tym razem kurs CSS z 2005 roku. O dziwo, wciaz nie nie stracil wiele na aktualnosci dla kogos, kto chce poduczyc sie podstaw.

Choc jesli spojrzec na to, co dzisiaj mozna zrobic w CSS i jak dziwne wydaja sie lekcje o hackach dla IE to mozna dojsc do wniosku, ze swiat zmienil sie o 180 stopni 😉

http://yarpo.pl/download/css/

Progressive enhancement – tworzenie stron dla kazdego odbiorcy

Kazdy z nas lubi tworzyc cos bardzo nowoczesnego i przyjaznego programiscie. Pewnie nikt z nas (procz 3 osob ciagle odwiedzajacych te strone za pomoca IE 6) nie znosi tworzyc czegos dla starych i wrednych srodowisk.

Niestety, czasem nie wszystko zalezy od nas. Musimy pojsc na kompromisy i zapewnic takze starym, zgrzybialym srodowiskom podstawowe wsparcie. Istnieje kilka sposob na tworzenie takich stron. W ponizszej prezentacji glownie chcialbym sie skupic nad progressive enhancement (progresywne ulepszanie) oraz wspomniec o kilku innych, np. graceful degradation.

Czytaj dalej Progressive enhancement – tworzenie stron dla kazdego odbiorcy

Pseudo-klasy i pseudo-elementy w CSS

CSS pozwala na definiowanie wyglądu strony i radzi sobie z tym całkiem nieźle. Pozwala na „uchwycenie” za pomocą odpowiedniego selektora elementu (lub zbioru elementów) i przypisanie do niego odpowiedniej reguły CSS. Są jednak takie elementy na stronie, których na próżno szukać w kodzie – choćby łącze (znacznik <a/>) nad którym znajduje się kursor. Element ten w kodzie HTML nie zmienił się, a często jego wygląd uległ zmianie. Jak to się stało? Tu w grę wchodzą pseudo-klasy oraz pseudo-elementy.

Pseudo-klasy

Najbardziej popularnymi pseudo-klasami są te związane z obsługą hiperłączy. Pewnie nie raz widziałeś, gdy link do podstrony, którą już przeczytałeś zmieniał swój wygląd. Choćby na tym blogu po najechaniu na linki po prawej stronie kolor tekstu stanie się jaśniejszy.

Selektory pseudo-klas pozwalają na określanie stylów dla elementów, których nie da się znaleźć w kodzie HTML wprost. Ich „istnienie” wynika z pewnych konkretnych chwilowo zaistniałych warunków – jak choćby wspomniane najechanie na łączę. Czytaj dalej Pseudo-klasy i pseudo-elementy w CSS

Specyficzność selektorów CSS

Każda większa strona internetowa posiada duży (lub bardzo duży) zbiór reguł CSS, czasem umieszczonych w kilku plikach. Do tego nierzadko znaleźć można dodatkowe reguły wklejone w znaczniku <style />, a także wstrzyknięte inline definicje przez atrybut `style’ znaczników HTML (styl wewnętrzny).

Nie jest niczym dziwnym, że do jednego elementu w takich ogromie kodu zostanie przypasowana więcej niż jedna reguła. Może się zdarzyć, że reguły będą definiować te same właściwości wyglądu elementu w różny sposób. Jak w takiej sytuacji dojść do tego jak powinien wyglądać dany element? Odpowiedzią jest specyficzność (ang. specificity) każdego z selektorów. Można się także spotkać z określeniem „precyzja selektorów”. W przypadku kilku deklaracji będących ze sobą w konflikcie (np. 3-krotnej definicji koloru tekstu) wybrana zostaje ta definicja tego selektora, który ma najwyższą specyficzność. Czytaj dalej Specyficzność selektorów CSS

JavaScript na poważnie

[gview file=”http://yarpo.pl/download/javascript-by-yarpo-1.2.pdf”]

pobierz pdf

Jest to fragment mojej pracy magisterskiej o tytule „Zastosowanie nowoczesnych frameworków  wspierających Ajax do budowy aplikacji internetowej TCT”. Pisanie tej pracy jest częściowo wpierane przez projekt NOR-STA (nor-sta.eu).

Byłbym wdzięczny za wszelkie uwagi.

NOR-STA (http://nor-sta.eu)

Książka „CSS. Kaskadowe arkusze stylów. Przewodnik encyklopedyczny. Wydanie III”

Okładka CSS. Kaskadowe arkusze stylów. Przewodnik encyklopedyczny. Wydanie III

Osobom interesującym się tworzeniem stron www osoba Erica Meyera jest dobrze znana. Jest to autor – moim zdaniem najlepszych dostępnych na polskim rynku wydawniczym – książek poświęconych CSS. Muszę przyznać, że sięgając po tą pozycję trochę się bałem, że książka ta nie dorówna wcześniej przeze mnie czytanym „Eric Meyer o CSS” oraz jej kontynuacji.

Bez wątpienia jednak książka „CSS. Kaskadowe arkusze stylów. Przewodnik encyklopedyczny. Wydanie III” doskonale broni dobrego imienia Autora. Jest to doskonałe źródło wiedzy dla każdego, kto nie szuka już podręczników do nauki CSS, tylko szuka konkretnych i sprawdzonych informacji o tym dlaczego tak, a nie inaczej, działa pewna właściwość z taką wartością. Takie osoby, z pewnością będą zadowolone z zakupu. Czytaj dalej Książka „CSS. Kaskadowe arkusze stylów. Przewodnik encyklopedyczny. Wydanie III”

Książka „Zen stosowania CSS”

OkładkaZen stosowania CSS. Źródło oświecenia dla projektantów stron WWW

Każdy doświadczony webmaster z pewnością choćby słyszał o projekcie CSS Zen Garden, propagującym tworzenie stron zgodnych ze standardami, ale jednocześnie pięknych. Właściwie tworzenie nie tyle stron, co samych arkuszy stylów CSS. Kod XHTML jest zawsze ten sam – w przeciwieństwie do wyglądu końcowego poszczególnych projektów. Ideą tego „ogrodu” jest ukazanie, że strony wykorzystujące CSS wcale nie muszą być nudne i surowe. Wręcz przeciwnie mogą wyglądać lepiej od tych robionych „starą szkołą” (na tabelach). Co więcej całkowita zmiana wyglądu polega tylko na zmianie jednego pliku. Czy to nie jest wspaniałe?

Książka „Zen stosowania CSS. Źródło oświecenia dla projektantów stron WWW” została napisana przez pomysłodawcę ogrodu Zen, Dave’a Shea. Autor opisuje tu kilkadziesiąt wersji wizualnych tej samej strony (csszengarden.com) omawiając różne, często niedostrzegane aspekty projektów – jak choćby treści płynące z połączenia odpowiednich barw, czy obrazów.

Czytaj dalej Książka „Zen stosowania CSS”

Książka „Kuloodporne strony internetowe”

Okładka Dziś CSS jest dobrze znany i szeroko stosowany. Jednak, czy znajomość ta nie kończy się na wykutej na blachę stercie właściwości?

Książka „Kuloodporne strony internetowe” pokazuje w jaki sposób powinno się tworzyć nowoczesne (kuloodporne) strony internetowe. Tytułowa kuloodporność polega na takim przygotowaniu kodu witryny, strona w każdej przeglądarce i na każdych ustawieniach (a także innych urządzeniach typu palmtop itp.) prezentowała się tak samo. A jeśli to niemożliwe, to co warto zrobić, aby każdy internauta mógł odczytać informacje zawarte na stronie.

Czytaj dalej Książka „Kuloodporne strony internetowe”

Książki – seria: Eric Meyer o CSS

Okładka Seria świetnych książek poświęconych coraz popularniejszej technologi CSS – kaskadowe arkusze stylów.

W genialny sposób autor opisuje kolejne etapy pracy nad stroną. Zaczyna od prostych projektów – każdy rozdział jest osobnym projektem, by przejść do naprawdę zadziwiających efektów – np. rozwijanego menu za pomocą samego CSS!!! Nigdy przed przeczytaniem tej książki nie przypuszczałbym, że niektóre efekty są tak łatwe do osiągnięcia. Podobnie budowa stron opartych o warstwy – banał. Jeśli dałoby się to lepiej opisać, to chyba tylko pisząc za kogoś kod strony.

Czytaj dalej Książki – seria: Eric Meyer o CSS