Gdy blisko 5 lat temu zacząłem używać jQuery w jednym z moich projektów w pracy, poczułem jakbym dostał mannę z nieba. W moje rączki trafiła bowiem biblioteka, która rozwiązywała większość problemów z kompatybilnością JavaScriptu, a także w wymierny sposób skracała tworzony kod - jednym słowem rewelacja!

Internet się jednak zmienia i dziś JavaScript wygląda już zupełnie inaczej. Jest to język bardziej dojrzały, który zyskał nowe możliwości oraz przede wszystkim lepsze wsparcie w przeglądarkach. Odsetek starych - złych IE jest już naprawdę niski i wielu przypadkach można porzucić wsparcie dla tych aplikacji, co też uczyniło nawet samo jQuery w linii 2.x. Czas w końcu ruszyć do przodu!

Niestety wielu programistów wciąż żyje w złotych czasach jQuery i wykorzystuje tą bibliotekę do najprostszych nawet czynności. Czas skończyć z tym podejściem, przyszła najwyższa pora by zaprezentować światu nowy, lepszy JavaScript!

Sporo ostatnio czytałem na temat User eXperience oraz ogólnie o przeprojektowywaniu witryn i im więcej czytam i przeglądam, tym bardziej zastanawiam się czy sam robię to dobrze. Na blogu często się coś zmienia - pojawiają się jakieś nowe sekcje, widżety itp., teraz naszła mnie jednak refleksja, czy wszystko w porządku jest z samą nawigacją. Czy Wy jako czytelnicy, którzy zaglądacie na tego bloga nie gubicie się? Czy szybko znajdujecie inne podobne, interesujące Was teksty? Czy jakiś element może warto umieścić w innym miejscu?

Znów się udało. Tak w skrócie można powiedzieć o najnowszej* produkcji społeczności Smashing Magazine, czyli książce Redesign The Web. Po raz kolejny w nasze ręce trafia lektura, której głównym zadaniem jest przedstawienie trendów aktualnie panujących w sieci, uzupełnionych o doświadczenie i wiedzę ekspercką.

Jak zwykle w przypadku Smashing Book mamy do czynienia z kompilacją różnych artykułów, której pojawiły się wcześniej na blogu. Tym razem autorzy skupiają się na aspekcie przeprojektowania, czyli czymś co czeka każdą szanującą się witrynę po kilku latach jej bytowania w globalnej sieci. Na wstępie wszystko to wygląda bardzo ciekawie, ale o tym jak to wyszło w praktyce, postaram się Wam powiedzieć w dalszej części recenzji.

CSS jest specyficznym językiem, który wywołuje skrajnie różne emocje. Wielu uważa, że jest on bardzo prosty, inni gubią się we wszelkiej maści selektorach dostępnych w tej technologii. Jedno jest pewno - sporo grono użytkowników używa go źle i choć często ich kod CSS działa, to w praktyce nie jest on do końca optymalny.

Sam nie uważam się za eksperta CSS, ale przeżyłem już kilka solidnych refaktoryzacji swoich projektów i wyciągnąłem z tego parę istotnych, w moim odczuciu wniosków z tych działań. Dziś mam zamiar się nimi z Wami podzielić. Z pewnością wiele z tych zasad i reguł już znacie, ale mimo wszystko wierzę, że każdy znajdzie coś dla siebie;-)

Prace nad nowym Alt Control Delete ciągnęły się praktycznie od początku tego roku i obejmowały nie tylko stronę wizualną, ale także duży obszar logiki biznesowej. Po wielu miesiącach prac, w końcu jest!

Jak zwykle większość prac wykonałem samodzielnie (skorzystałem z kilku gotowych bibliotek, ale nie wymyślajmy koła od nowa, prawda?), dlatego mam nadzieję, że będziecie wyrozumiali szczególnie w kontekście samego wyglądu. Zmian jest zresztą więcej, o czym pewnie już się przekonaliście przeglądając blog, lub dopiero zobaczycie, choćby czytając dalszą cześć tego tekstu, do czego szczerze zachęcam;-)

Strony zbudowane na bazie tabelek, swoje 5 minut mają już za sobą, a gdzieś od około 10 lat, skutecznie zostały wyparte przez elastyczne układy oparte na divach. Dla wielu były przekleństwem. Trzeba było się trochę namęczyć, żeby ustawić wszystkie dopełnienia, obramowania i wszelkie inne cudowne opcje przeznaczone dla tabel.

Z drugiej jednak strony, tabelaryczny układ nie miał sobie równych pod względem precyzyjnego umieszczania treści. W tym przypadku mogliśmy być pewni, że dany wiersz oraz komórka zawsze wylądują w odpowiednich lokalizacjach.

Czasem właśnie brakuje mi takiego precyzyjnego pozycjonowania elementów (nie mylić z pozycjonowaniem absolutnym i relatywnym), dlatego też coraz częściej spoglądam chętnym okiem w kierunku display:table, który w niektórych przypadkach sprawdzi się dużo lepiej niż wszelkiej maści floaty.

W dzisiejszym tekście chciałbym podstawić nowe - bardziej wirtualne podejście do tabel w układzie strony (mam nadzieję, że nie spalicie mnie za to na stosie;-)

Jak już nie raz podkreślałem w swoich tekstach, żywot programisty nie należy do najłatwiejszych. Można tutaj co prawda podobno solidnie zarobić (przynajmniej takie są pogłoski;-), ale trzeba włożyć w tą robotę sporo wysiłku, a hasło samorozwój napisać na kartce wielkimi literami i powiesić sobie nad łóżkiem. Ogólnie rzec biorąc osoby, które polegają na wiedzy zdobytej na studiach, nie osiągną w tym biznesie raczej zbyt wiele.

Jeśli ktoś nie do końca ufa mojej opinii, muszę powiedzieć, że mam twarde argumenty. Jednym z nich jest oczywiście tytułowy HTML, który od początku lat 90-siątych przeszedł kolosalną transformację i z języka znaczników przeznaczonego do sklejania prostych stron wizytówek, stał się podstawowym budulcem potężnych aplikacji webowych, które zalewają dzisiejszy Internet. HTML zmienił się na tyle, że obecnie trafia nawet na desktopy jako składnik aplikacji systemowych - choćby tych napisanych dla Modern UI z Windows 8.

Dzieje się tak, ponieważ HTML5 to coś więcej niż język znaczników. To zlepek wielu różnych technologii, które dają olbrzymie możliwości. Jedną z nich jest tytułowy Canvas, który najogólniej rzec biorąc sam w sobie jest zwyczajnym znacznikiem. Magia pojawia się gdzie indziej i trzeba przyznać, że jest jej w tym przypadku naprawdę sporo, bo dało się z niej wycisnąć ponad 300 stron naprawdę przyzwoitej książki.

Internet się zmienia. Przez zmiany nie mam na myśli tylko warstwy którą widzi klient, ale przede wszystkim tej, którą tworzą webmasterzy. Jeszcze kilka lat temu trudno było sobie wyobrazić dobrą stronę bez Flasha i grafiki zrobionej w Photoshopie. Dziś coraz częściej technologie od Adobe idą w kąt, a nowoczesne layouty tworzone są w czystym HTML5 oraz CSS3 i powstają bez użycia jakiejkolwiek dodatkowej grafiki.

Idąc dalej spójrzmy na cienie na stronach. Zawsze spoglądałem na nie z zazdrością, bo wyglądają z reguły efektownie, ale niestety osobiście nie zostałem obdarzony talentem graficznym, ani dostateczną ilością gotówki by wywalać ją na Photoshopa w ramach zachcianki. Dziś nie mam już takiego problemu, wystarczy box-shadow w CSS i sprawa załatwiona.

Podobna rewolucja ma obecnie miejsce w temacie animacji, które wcześniej na stronach pojawiały się za sprawą ociężałego Flasha, albo bardzo archaicznego już dziś GIFa. Kilka lat temu mechanizmy te w dużej mierze zastąpiono animacjami napisanymi w jQuery. Świat pędzi jednak do przodu i przyszłością w tym temacie jest CSS3!

Praca w IT nie jest łatwa, ponieważ wymaga ona ciągłej nauki i dostosowywania się do zmieniającego się rynku. Jeśli chcesz więc znaczyć cokolwiek w tej branży i rozwijać się, siłą rzeczy musisz przysiąść po godzinach. Czasem trzeba pomyśleć nad jakimś rozwiązaniem do pracy, innym razem żeby zapoznać się z nową technologią, czy też podszkolić swój język programowania. Na takie rzeczy z reguły nie ma czasu podczas pracy. Samorozwój jest szczególnie istotny w przypadku programistów oraz webmasterów. W moim odczuciu to właśnie te dwie specjalizacje wymagają największej uwagi, ale jednocześnie rekompensują to przyzwoitymi zarobkami.

Jeśli jesteśmy już przy określonych specjalizacjach, to muszę osobiście przyznać, że przez długi czas myślałem, że to właśnie programista ma ciężej niż webmaster. Ostatnio jednak zaczynam zmieniać zdanie, szczególnie po zapoznaniu się z treścią tytułowej książki, która nasuwa u mnie taką refleksję:

O tym dlaczego tak jest, wiedzą chyba najlepiej właściciele stron zrobionych za 50 zł. Wie o tym również autor tytułowej książki, który w interesujący sposób opisuje jak zrobić kuloodporną stronę internetową;-)

Nie tak dawno swoją premierę miała biblioteka jQuery w wersji 1.9. Przyniosła ona wiele zmian i jednocześnie przybliżyła się do trendów panujących obecnie w sieci. Do niedawna twórcy stron internetowych musieli zwracać uwagę na wersję przeglądarki. Webmasterom szczególnie we znaki zawsze dawała się przeglądarka Internet Explorer. Obecnie sytuacja uległa zmianie.

Internet Explorer zaczął gonić konkurencję, a szybko zmieniające się standardy oraz wersję przeglądarek wymusiły zmianę reguł gry. Obecnie sprawdza się więc fakt, czy aplikacja obsługuje określone właściwości czy też nie. W związku z tym z dobrze znanego jQuery usunięto funkcję $.browser, a popularność zaczęły zdobywać biblioteki pokroju Modernizr, które pozwalają na wykrywanie wskazanych właściwości.

O tym jak to wszystko działa w praktyce, postaram się powiedzieć więcej w dzisiejszym wpisie.