Perfection or Vanity

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.

Czasami zdarza się tak, że oddając gotową stronę (zarządzaną zazwyczaj przez panel administracyjny) nie przewidzimy dokładnie ile danych klient będzie chciał w nią wstawić. Chyba najbardziej wrażliwą częścią strony jest nawigacja - złożona z listy nieuporządkowanej, i floatowanych pozycji.

Istnieją dwa podejścia do zaprojektowania takiego menu - pierwsze to określić na stałe szerokość elementu, a drugie to pozwolić aby szerokość była kształtowana przez długość tekstu. Oba mogą zawieść, jeśli potrzeba dłuższej etykietki niż tej w pliku PSD. Dlatego postanowiłem wykorzystać możliwości CSS2 i użyć min & max-width do osiągnięcia rozsądnego kompromisu.