Blog webdeveloperski Patryk yarpo Jar

Archiwum yarpo: Kurs CSS (2005)

Autor wiadomości Październik 11, 2015

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/

Archiwum yarpo: Kurs tworzenia stron internetowych (2005)

Autor wiadomości Październik 6, 2015

Od jednego z pierwszych kursow jakie stworzylem minelo 10 lat 🙂 [a to nie jest najstarszy z napisanych przeze mnie poradnikow].

Ostatnio odgrzebalem go z czelusci dyskowych i - raczej jako ciekawostke - publikuje tu 🙂

Dla wszystkich archeologow - dostepne online:

http://yarpo.pl/download/www

Tech 3 Camp: Kompresja stron internetowych

Autor wiadomości Czerwiec 19, 2013

Wczoraj miałem okazję przedstawiać temat kompresji stron internetowych na branżowym spotkaniu Tech 3 Camp.

Cieszę się z dobrego odbioru publiczności oraz z kilku bardzo ciekawych rozmów po prezentacji. Tak jak obiecałem zamieszczam swoją prezentację.

Pseudo-klasy i pseudo-elementy w CSS

Autor wiadomości Maj 28, 2013

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

Specyficzność selektorów CSS

Autor wiadomości Maj 28, 2013

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ść.

Książka: “Podręcznik CSS. Eric Meyer o tworzeniu nowoczesnych układów stron WWW”

Autor wiadomości Październik 17, 2011

Podręcznik CSS. Eric Meyer o tworzeniu nowoczesnych układów stron WWW. Smashing MagazinePodręcznik CSS. Eric Meyer o tworzeniu nowoczesnych układów stron WWW. Smashing Magazine

Eric Meyer jest jednym z najbardziej rozpoznawanych specjalistów od CSS. Wszystkie dotychczas wydane w Polsce książki jego autorstwa można nazwać jednym słowem - Meyersztyk (skojarzenia z meisterstück w pełni słuszne).

Najnowsza pozycja "Podręcznik CSS. Eric Meyer o tworzeniu nowoczesnych (...)" nie urzekła mnie do tego stopnia jak poprzednie. Sądzę, że nie jest to jednak spowodowane brakiem fachowej wiedzy czy ciekawych przykładów. Po prostu przywykłem do tego, że każda kolejna książka Meyera zwalała mnie z nóg.

Książka “Wstęp do HTML5 i CSS3”

Autor wiadomości Czerwiec 3, 2011

Okładka Wstęp do HTML5 i CSS3

Internet rządzi światem. Może trochę przesadzona teza, jednak na pewno sporo w niej prawdy. Zabierzcie ludziom książkę, to przeżyją, zamknijcie kino lub nie dostarczcie gazety - dadzą radę. Odbieżcie im internet - zaczną się zamieszki.

Nie jest też niczym odkrywczym, że większość rzeczy jakich szukają ludzie w Internecie znajduje się na stronach WWW (lub aplikacjach webowych, czyli bardzo skomplikowanych stronach WWW). Nie dziwi zatem fakt, że technologie internetowe przeżywają teraz prawdziwą rewolucję. Od lat nie zmieniany HTML i CSS wreszcie doczekały się kolejnych generacji. Mowa tu o HTML5 oraz CSS3. Ich autorami nie są naukowcy czy teoretycy, którzy nie wiedzą czego chcą internauci. Szczególnie w przypadku HTML5 inicjatywa wyszła od WHATWG (m. in. Apple, Mozilla, Opera). Można zatem uznać, że z jednej strony są to ludzie, którzy wiedzą o co w kwestaich webowych chodzi, a z drugiej to w końcu producenci przeglądarek. Co zrobić z najlepszą technologią, jeśli nie jest wspierana przez żadną przeglądarkę?

Póki co na rynku wydawniczym o HTML5 i CSS3 nie pisze się zbyt wiele. W Polsce pozycja Bartosza Danowskiego jest jedną z pierwszych, jeśli nie pierwszą wydaną.

JavaScript na poważnie

Autor wiadomości Czerwiec 3, 2011
GDE Error: Unable to load profile settings

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)

Tagged as: , , , , 8 Komentarze

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

Autor wiadomości Kwiecień 8, 2011

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.

Książka „Zen stosowania CSS”

Autor wiadomości Listopad 26, 2010

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.