Perfection or Vanity

Podczas tworzenia tego designu zachciało mi się uwiecznić proces zapisz-przełącz-przeładuj w serii screenshotów. Pokazują one w jaki sposób wygląda składanie strony przy pomocy CSS – podobną prezentację już kiedyś postowałem.

Jak widzicie, nie ma znaczenia to jak strona wygląda po wpisaniu HTML-a, ważne jest to co potem CSS z nim robi. Dodam jeszcze, jeśli nie byłoby to jasne: HTML nie był edytowany podczas tej prezentacji ani razu.

JavaScript ostatnimi czasy rozkwitł jak nigdy dotąd. Stało się tak za sprawą efektownych animacji oraz webaplikacji pisanych przy pomocy Ajaksa. Jednak siłą sprawczą umożliwiającą proste użycie wspomnianych technik były biblioteki JavaScript. Biblioteki zbierają najczęściej używane funkcje oraz poprawiają błędy przeglądarek, udostępniając developerowi przydatny zestaw narzędzi do pracy nad serwisami.

Istnieje ich już bardzo dużo i kolejne na pewno będą powstawać, jednak moją wybranką została biblioteka o wdzięcznej nazwie jQuery. Prezentuje ona bardzo wysoki poziom zaawansowania, pozostając prostą w użyciu. Ma bardzo dobrą dokumentację, doświadczonych autorów, szeroką społeczność użytkowników oraz architekturę pozwalającą na łatwe wprowadzanie zmian i rozszerzanie funkcjonalności.

Zaczynam więc kurs jQuery, aby pomóc Wam tworzyć lekkie, użyteczne strony oraz nauczyć korzystać z takich dobrodziejstw jak animacje albo Ajax przez przybliżenie zalet biblioteki.

Czytając dzisiaj Sitepoint natknąłem się na detal, który bardzo mi się spodobał. W pracy mam bardzo toporny scroll w myszce, więc klikąłem nim, aby uaktywnić przesuwanie samymi ruchami gryzonia. Wtedy zamiast zwyczajnego półprzezroczystego kółka pokazało mi się takie.

Przyznam szczerze, że przyzwyczaiłem się bardzo do idei powiększania tekstu, zamiast całej strony. Wydaje mi się logiczne, że wydając komendę powiększenia zależy nam na tekstowej części dokumentu, a nie na przysunięciu lupy do całości. Gdy myślę o zoomie, widzę od razu potrzebę zakupienia monitora 24", bo nie wiem w jaki sposób strony mogłyby się mieścić na ekranie całe. Skoro często też sam interesujący tekst się nie mieści. Widzę też przeskalowane obrazki oraz niewygodną nawigację po ekranie. Czy mogę mieć rację?

Przygotowując kawałek kodu JavaScript zechciałem wyraźnie zaznaczyć, że pływająca warstwa znajduje się nad resztą strony. Oczywistym wyborem był cień – wyzwanie polegało na tym, że chciałem aby był prawdziwie półprzezroczysty oraz wyglądał inaczej (IMO: lepiej). Od zawsze podobał mi się efekt Outer Glow w Photoshopie, stąd i taki zamierzałem zrobić w CSS.

Najtrudniej jest przestać wymyślać i dodawać nowe rzeczy. Mi się w końcu udało – tak więc po blisko czterech miesiącach developerki mam przyjemność zaprezentować siódmą odsłonę mojego bloga. Nowy design, nowy kod, skrypty oraz funkcjonalność. I może nawet najważniejsze – nowa nazwa, która znakomicie odzwierciedla moje podejście i ideały.