search check home clock-o tag tags chevron-left chevron-right chevron-up chevron-down twitter facebook github rss comment comments terminal code

[CSS][HTML] Rozwijana treść w stylu accordion

W dzisiejszym artykule poruszę temat efektownego sposobu na prezentację treści na stronach WWW opartego tylko i wyłącznie o możliwości najnowszej wersji języka CSS. Celem jest stworzenie animowanej prezentacji treści, w której każdy artykuł jest swoistą zakładką pokazywaną po kliknięciu w tytuł. Poprzednio otwarta zakładka automatycznie się schowa.

Dalej

[jQuery][HTML5] Jak zrobić mobilną wersję strony internetowej pod iPhone’a i Androida?

W dzisiejszych czasach telefony i tablety wyposażone w systemy iOS i Android podbijają świat. Dlatego fundacja jQuery stworzyła bibliotekę jQuery specjalnie pod urządzenia mobilne - jQuery Mobile. Jest to biblioteka, która obecnie znajduje się w wersji alfa, lecz nie zmienia to faktu, że jest bardzo efektowna i narzuca nowe konwencje budowania stron WWW dla urządzeń mobilnych. A więc jak zbudować mobilną wersję strony WWW?

Dalej

[HTML5] Jak wstawić pliki audio i video na stronie za pomocą HTML5?

W dzisiejszym artykule zamierzam poruszyć problem multimediów na stronach WWW.
Do tej pory, aby wstawić jakikolwiek film lub muzykę na stronę, trzeba było korzystać z technologii Flash. Na szczęście już dzisiaj jest możliwe pominięcie tej technologii na rzecz coraz popularniejszego standardu budowania stron WWW jakim jest język HTML5. Fakt, że na tą chwilę nie wszystkie przeglądarki wspierają ten język, ale nawet i na starszych przeglądarkach jest możliwe otwieranie stron zbudowanych w HTML posiłkując się specjalnymi skryptami JS.

Dalej

[HTML5] Tak będziemy w przyszłości budować formularze

W dzisiejszym artykule poruszę kwestie budowania formularzy za pomocą HTML5. Największą zmianą w stosunku do poprzedniej wersji HTML jest to, że do walidacji takiego formularza już nie trzeba będzie wykorzystywać JavaScript. Jest to niewątpliwie wielkie ułatwienie dla projektantów stron WWW.
Muszę dodać, że na tą chwilę tylko najnowsza Opera wspiera całkowicie prezentowany przeze mnie przykład formularza. Pozostałe przeglądarki (np. IE czy Firefox) wspierają częściowo lub w ogóle nie wspierają tego standardu.

Dalej

[HTML5] Budowa nowoczesnej, semantycznej strony z użyciem HTML5

W dzisiejszym artykule zbudujemy nowoczesną stronę z użyciem HTML5. To jest nowa technologia budowania stron WWW. Dzięki niej, jesteśmy w stanie budować strony które staną się jeszcze bardziej zrozumiałe dla wyszukiwarek. Jest to krok w budowaniu semantycznej sieci internetowej w której wyszukiwarki internetowe (semantyczne, czyli niekoniecznie Google) będą w stanie rozumieć strony oraz znajdować dane strony po wpisaniu słów zapytania w okno wyszukiwarki w języku naturalnym, czyli np: "Porównaj dystrybucje Linuxa".
Póki co, jest to melodia przyszłości którą już zaczynamy słyszeć dzisiaj. Dalej