Artykuły dla tagu HTML

bloomwebdesign.net/2013/03/responsive-web-design-main-problems-with-solutions
cze 05 2013
0

Alt Control Delete - zupełnie nowe oblicze

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;-)

sxc.hu
maj 26 2013
0

Podręcznik freelancera - recenzja książki

Zawód programisty jest dość nietypowy. Z jednej strony wymaga on wieloletnich studiów i specjalistycznej wiedzy technicznej, z drugiej zaś istnieje wielu samouków, którzy albo w ogóle nie studiowali, albo uczyli się zupełnie czegoś innego. W przypadku tej specjalizacji wykształcenie nie jest jedynym aspektem podziału.

Istotnym czynnikiem jest również sposób pracy. Mamy bowiem w tym przypadku do czynienia z pracownikami korporacyjnymi oraz freelancerami. Szczególnie ta druga grupa osób jest interesująca, ponieważ daje programistom to, co tak bardzo oni uwielbiają - NIEZALEŻNOŚĆ.

Praca freelancera może być naprawdę satysfakcjonująca i fascynująca, jednak wolność przynosi znacznie więcej konsekwencji, nie zawsze do końca pozytywnych. W praktyce nie każdy umie sobie radzić z taką sytuacją, innymi słowy nie ma do niej predyspozycji.

Jesteś ciekawy czy się nadajesz? Chcesz rzucić się na głęboką wodę? Zanim to zrobisz, pomyśl dwa razy i zacznij przede wszystkim od lektury Podręcznika Freelancera* przygotowanego w oparciu o wpisy na blogach Smashing Magazine oraz Noupe.

Naprawdę warto to zrobić i postaram się Was do tego przekonać w dalszej części niniejszej recenzji.

*Pełny tytuł książki to: Podręcznik freelancera. Tajniki sukcesu niezależnego projektanta stron WWW. Smashing Magazine. Dla uproszczenia posługiwać będę się tylko pierwszym członem tytułu.

themanyfacesof.com/404
maj 24 2013
0

19 niezwykłych stron błędu 404 + bonus

Stworzenie dobrej strony na poziomie nie jest prostą sprawą i w praktyce wymaga dziesiątek, jeśli nie setek godzin pracy (nie mówię tu oczywiście o instalacji kolejnej instancji Wordpressa). Do każdej witryny trzeba przygotować szablon oraz zawartość. Musimy również sprawdzić jak zachowa się ona w najpopularniejszych obecnie przeglądarkach i tych trochę starszych...

Wszystko co wymieniłem powyżej to rzeczy dobrze znane w ogóle, sekretem dobrych webmasterów są jednak detale. Do grona tych szczególnych elementów, należy zaliczyć z pewnością tytułowe strony 404, które wbrew pozorom mogą mieć całkiem spory potencjał.

Standardowa strona błędu wyświetlana przez przeglądarki prezentuje się z reguły koszmarnie. Wielu potencjalnych użytkowników od razu kończy swoją stronę z daną witryną po tym właśnie ekranie. Jeśli prowadzisz sklep internetowy, piszesz bloga, czy jakikolwiek inny portal, możesz w ten sposób szybko stracić potencjalnego odbiorcę. Czy nie lepiej zamiast obskurnego błędu wyświetlić coś bardziej zachęcającego?

Może inspiracją dla Was będzie to, jak robią to inni;-)

sxc.hu
maj 09 2013
0

Projektowanie layoutu z użyciem display:table

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;-)

sxc.hu
kwi 18 2013
0

Recenzja książki HTML5 Canvas. Receptury

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.

flickr.com/photos/shellewill79
kwi 11 2013
0

Jak szybko, prosto i bezpłatnie dodać do strony monit o ciasteczkach

22 marca bieżącego roku weszły w życie nowe regulacje w prawie telekomunikacyjnym wymuszone przez niezastąpioną w tego typu sprawach Unię Europejską. Od teraz właściciele stron internetowych, w których są wykorzystywane ciasteczka śledzące zachowania użytkownika, powinni o nich wcześniej poinformować. W praktyce dotyczy to większości stron, które możecie znaleźć w polskim Internecie, ponieważ takie ciacha wstawia np. bardzo popularny Google Analytics.

Dużym problemem jest fakt, że wciąż wiele stron tych ostrzeżeń nie posiada. Abstrahując od ich sensowności - prawo jest prawem i głupio byłoby dostać karę za brak ostrzeżenia o czymś tak prozaicznym jak ciasteczka. Problem, a tym samym potencjalne źródło zysku zwietrzyły już niektóre podmioty i tak np. dziś widziałem już reklamę firmy, która za jedyne 49 zł udostępnia skrypt monitu o ciasteczkach. Za kolejne 50 zł jest go nawet w stanie wspaniałomyślnie zainstalować na Waszej witrynie - czysta okazja;-)

Na szczęście monit o ciasteczkach można mieć za darmo, a za oszczędzoną gotówkę z pewnością trochę uciechy;-)

flickr.com/photos/themonnie
kwi 04 2013
0

Tworzenie animacji w CSS3

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!

sxc.hu
mar 24 2013
0

Recenzja książki Kuloodporne strony internetowe

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

Tworzenie stron internetowych jest bajecznie proste, jednak zrobienie idealnego projektu jest praktycznie niemożliwe

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ą;-)

sty 31 2013
0

Recenzja książki HTML5. Tworzenie gier

Technologie webowe rozwijają się bardzo prężnie i tym samym zdobywają coraz większą część developerskiego rynku. Główną przyczyną takiego stanu rzeczy, jest przede wszystkim bardzo wysoka dostępność stron WWW. Raz napisaną witrynę otworzymy na komputerze, komórce, telefonie, konsoli, a nawet w lodówce, jeśli tylko będzie miała odpowiednią przeglądarkę;)

Nikogo już w dzisiejszym świecie nie dziwi również nazywanie strony aplikacją (wspominałem o tym przy okazji recenzji książki ASP.NET MVC 3 Framework. Zaawansowane programowanie). Obecna złożoność sieci z pewnością wykracza daleko poza najśmielsze marzenia jej twórcy - Tim Bernesa-Lee.

Dziś czymś naturalnym są gry w przeglądarkach. Do niedawna pisane głównie w technologii Flash, dziś coraz częściej za pomocą tytułowego HTMLa, we współpracy z CSSem i JavaScriptem.

Taki nowy porządek oczywiście wymaga zmian oraz ukiernkowanych w tym temacie programistów, dlatego też powstała tytułowa książka oraz niniejsza jej skromna recenzja, na której dalszą cześć serdecznie Was zapraszam:)

gru 16 2012
0

Jak szybciej i efektywniej pisać kod w jQuery

Kiedy pierwszy raz na poważnie skorzystałem z jQuery w mojej pracy, przeżyłem mały szok. Był on głównie spowodowany faktem, że około 100 liniowy kod wykorzystywany do utworzenia pewnej struktury DOM, udało się skrócić praktycznie do kilku linijek. Szok był tym większy, że dzięki tej bibliotece właściwie mogłem zapomnieć o problemach kompatybilności JavaScriptu z różnymi przeglądarkami.

Dziś jedna z moich aplikacji webowych tworzonych w pracy, ma blisko 10 tys. linii kodu jQuery. Boję się myśleć ile by to było, gdyby w tym miejscu znalazł się klasyczny JavaScript. Strach również pomyśleć o dziesiątkach godzin, które w tym przypadku musiałbym spędzić na debugowaniu kodu dla Internet Explorera 6... (uroki pisania kodu, który ma działać w pewnej dużej krajowej korporacji).

Choć z jQuery nie zawsze jest lekko (w tym miejscu pozdrowienia dla twórców za ich nie zawsze do końca przemyślane zmiany), to w tej chwili nie wyobrażam sobie pracy bez tej biblioteki - myślę, że w tym miejscu nie jestem sam;)

Pisałem, że jQuery skraca kod i jest to najprawdziwsza prawda, ale w tym miejscu dzieje się też pewna magia. Tak naprawdę, tam odrobinę głębiej wciąż siedzi stary, dobry JS. Nieumiejętne użycie naszej ulubionej biblioteczki, może zdrowo obciążyć zasoby i łącza naszych użytkowników. Warto wiedzieć, że wiele rzeczy tutaj można zrobić szybciej, lepiej i efektywniej niż się to z pozoru wydaje;)

O tym co mam na myśli, postaram się opowiedzieć więcej w dalszej części wpisu.

1 2 3 4