{"id":29,"date":"2009-03-14T23:57:17","date_gmt":"2009-03-14T22:57:17","guid":{"rendered":"http:\/\/bielamowicz.info\/blog\/index.php\/2009\/cssy-dla-imbecyla-czyli-css-wedlug-erica-meyera\/"},"modified":"2018-07-04T21:00:45","modified_gmt":"2018-07-04T20:00:45","slug":"css-wedlug-erica-meyera","status":"publish","type":"post","link":"http:\/\/bielamowicz.info\/index.php\/2009\/css-wedlug-erica-meyera\/","title":{"rendered":"CSSy dla imbecyla, czyli CSS wed\u0142ug Erica Meyera"},"content":{"rendered":"<p>Niedawno, z racji zmiany profilu zawodowego zmuszony by\u0142em stworzy\u0107 troch\u0119 interfejs\u00f3w webowych. Niestety, m\u00f3j antytalent graficzny znowu da\u0142 o sobie zna\u0107 (zastanawiali\u015bcie si\u0119, czemu w tym blogu u\u017cywam standardowego szablonu Wordpresa? No to ju\u017c wiecie), i efekty by\u0142y mizerne.<\/p>\n<p>Przypomnia\u0142em sobie wtedy o ksi\u0105\u017cce, stoj\u0105cej na mojej p\u00f3\u0142ce. Ksi\u0105\u017cka ta traktowa\u0142a o CSS. Oczywi\u015bcie wiedzia\u0142em czym jest CSS, bo sama jego idea jest prosta jak konstrukcja cepa i mo\u017cna j\u0105 stre\u015bci\u0107 zdaniem \u201epowiedz przegl\u0105darce \u017ceby rysowa\u0142a zawarto\u015b\u0107 taga h1 czcionk\u0105 sz\u00f3stk\u0105 w kolorze \u017c\u00f3\u0142tym na bia\u0142ym tle\u201d. Tyle wystarczy\u0142o \u017ceby wej\u015b\u0107 w \u015bwiat CSS&#8230;<\/p>\n<p>W ka\u017cdej technologii informatycznej, kt\u00f3ra cho\u0107 troch\u0119 przypomina j\u0119zyk programowania zastosowanie ma jedna z dw\u00f3ch metod nauki. Pierwsz\u0105 z nich jest mozolny akademicki wyk\u0142ad i omawianie ka\u017cdego zagadnienia w spos\u00f3b wyczerpuj\u0105cy, stopniowo buduj\u0105c wiedz\u0119 i w miar\u0119 rozwoju studenta pokazuj\u0105c mu coraz trudniejsze zagadnienia bazuj\u0105ce na wiedzy ju\u017c zdobytej. Drug\u0105 szko\u0142\u0105 jest m\u00f3wienie czytelnikowi: \u201epopatrz, taka komenda robi to i to, i teraz dzi\u0119ki po\u0142\u0105czeniu tego i tego, mamy taki efekt!\u201d. Eric Meyer stosuje drug\u0105 metod\u0119 i uczciwie nale\u017cy stwierdzi\u0107, \u017ce jest to podej\u015bcie lepsze.<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/bielamowicz.info\/images\/\/2009\/03\/csswem.jpg\" alt=\"CSS wed\u0142ug Erica Meyera\" align=\"left\" border=\"2\" hspace=\"10\" vspace=\"10\" \/><\/p>\n<p>W pewien spos\u00f3b CSS przypomina u Meyera gotowanie: aby sma\u017cy\u0107 dobre kotlety, nie trzeba by\u0107 mistrzem kuchni chi\u0144skiej. Z jednej strony mamy bowiem zabaw\u0119 za pomoc\u0105 grafiki z wprowadzaniem krzywych do projektu i pozycjonowaniem element\u00f3w, z drugiej za\u015b walczymy z kolorystyk\u0105 i szeroko poj\u0119t\u0105 \u201egrafik\u0105\u201d strony. Elementy CSS s\u0105 od siebie mniej wi\u0119cej niezale\u017cne, a Meyer pokazuje w kolejnych rozdzia\u0142ach co CSS potrafi. Takie ksi\u0105\u017cki uwielbiam \u2013 autor pokazuje mi, co jest dost\u0119pne w danej technologii, jak uzyska\u0107 pewne proste efekty a ode mnie, jako programisty, zale\u017cy jak po\u0142\u0105cz\u0119 klocki w ca\u0142o\u015b\u0107. Wiem te\u017c, \u017ce je\u017celi jakie\u015b zagadnienie mnie zainteresuje, to zawsze mog\u0119 znale\u017a\u0107 na p\u00f3\u0142ce w ksi\u0119garni odpowiedni\u0105 \u201eceg\u0142\u0119\u201d, z kt\u00f3rej doczytam to, co mi b\u0119dzie potrzebne.<!--more--><\/p>\n<p>Mo\u017cna oczywi\u015bcie stwierdzi\u0107, \u017ce metoda przyj\u0119ta w tej ksi\u0105\u017cce nie jest uniwersalna, i ci\u0119\u017cko b\u0119dzie si\u0119 z tym nie zgodzi\u0107. O ile bowiem CSS mo\u017cna si\u0119 uczy\u0107 poprzez poznawanie tylko tych jego element\u00f3w, kt\u00f3re s\u0105 w danej chwili niezb\u0119dne (nie wchodz\u0105c na przyk\u0142ad w zaawansowane zagadnienia budowy selektor\u00f3w i r\u00f3\u017cnic w implementacji przegl\u0105darek), o tyle nie wyobra\u017cam sobie w podobny spos\u00f3b nauki Javy.<\/p>\n<p>Pierwszy raz czyta\u0142em t\u0119 ksi\u0105\u017ck\u0119 do poduszki. Obecnie zagl\u0105dam do niej na zasadzie podr\u0119cznika i pomocy podr\u0119cznej. Pomaga w tym doskonale dobry indeks oraz tematyczne pogrupowanie rozdzia\u0142\u00f3w. Z najciekawszych projekt\u00f3w prezentowanych w podr\u0119czniku nale\u017cy wymieni\u0107 konwersj\u0119 istniej\u0105cej strony internetowej opartej na niesko\u0144czonej ilo\u015bci tabelek na stron\u0119 w pe\u0142ni DIVowsk\u0105, o\u017cywianie link\u00f3w, pozycjonowanie element\u00f3w (cho\u0107 dla mnie nadal tabela jest najlepsz\u0105 metod\u0105 na umieszczenie dw\u00f3ch DIV\u00f3w obok siebie) czy wreszcie zmian\u0119 nieciekawej strony w grzyba (o wielu \u0142ukach) wype\u0142nionego tekstem. Efektem ubocznym lektury by\u0142a zmiana mojej osobistej definicji CSS, gdy\u017c teraz ju\u017c wiem, \u017ce poza zmian\u0105 wygl\u0105du strony, mo\u017cna w CSS robi\u0107 rzeczy wielkie. Ale p\u00f3ki co ten obszar CSS to dla mnie \u201etam \u017cyj\u0105 smoki\u201d.<\/p>\n<p><strong>Eric A. Meyer<\/strong>: <em>CSS wed\u0142ug Erica Meyera. Sztuka projektowania stron WWW<\/em>, Helion, Gliwice 2005<\/p>\n<p>PS. \u017beby nikt nie mia\u0142 w\u0105tpliwo\u015bci &#8211; &#8220;CSSowy imbecyl&#8221; to oczywi\u015bcie ja.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Niedawno, z racji zmiany profilu zawodowego zmuszony by\u0142em stworzy\u0107 troch\u0119 interfejs\u00f3w webowych. Niestety, m\u00f3j antytalent graficzny znowu da\u0142 o sobie zna\u0107 (zastanawiali\u015bcie si\u0119, czemu w tym blogu u\u017cywam standardowego szablonu Wordpresa? No to ju\u017c wiecie), i efekty by\u0142y mizerne. Przypomnia\u0142em sobie wtedy o ksi\u0105\u017cce, stoj\u0105cej na mojej p\u00f3\u0142ce. Ksi\u0105\u017cka ta traktowa\u0142a o CSS. Oczywi\u015bcie wiedzia\u0142em &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/bielamowicz.info\/index.php\/2009\/css-wedlug-erica-meyera\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;CSSy dla imbecyla, czyli CSS wed\u0142ug Erica Meyera&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-29","post","type-post","status-publish","format-standard","hentry","category-informatyka"],"_links":{"self":[{"href":"http:\/\/bielamowicz.info\/index.php\/wp-json\/wp\/v2\/posts\/29","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/bielamowicz.info\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/bielamowicz.info\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/bielamowicz.info\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/bielamowicz.info\/index.php\/wp-json\/wp\/v2\/comments?post=29"}],"version-history":[{"count":4,"href":"http:\/\/bielamowicz.info\/index.php\/wp-json\/wp\/v2\/posts\/29\/revisions"}],"predecessor-version":[{"id":201,"href":"http:\/\/bielamowicz.info\/index.php\/wp-json\/wp\/v2\/posts\/29\/revisions\/201"}],"wp:attachment":[{"href":"http:\/\/bielamowicz.info\/index.php\/wp-json\/wp\/v2\/media?parent=29"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/bielamowicz.info\/index.php\/wp-json\/wp\/v2\/categories?post=29"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/bielamowicz.info\/index.php\/wp-json\/wp\/v2\/tags?post=29"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}