Interaktywność w HTML5

Przyglądanie się dokumentacji html5 w moim przypadku jest dużo bardziej owocne niż czytanie stron/blogów "branżowych". I tak jak o tagach details i summary mówiło się już jakiś czas temu (z podawaniem przykładów), tak mnie udało się natknąć dopiero niedawno.
Jak widać twórcy standardu udostępniają możliwość tworzenia elementów interaktywnych bez potrzeby używania ni grama js (oczywiście tylko w teorii, bo w praktyce implementacja tych elementów jest mniej niż uboga). Jak zwykle pojawia się tutaj pytanie o...
Więcej

Co więcej można powiedzieć o stylowaniu tekstu?

Jestem w 100% przekonana, że tajniki CSS3 zostały niejednokrotnie odkryte i wiele z możliwości jest już opisane. W końcu nauczyliśmy siebie nawzajem jak:
wykorzystywać dowolną rodzinę czcionke;
tworzyć niesamowite cienie;
oraz inne efekty, takie jak "płonący" tekst;
dodawać obramowanie;
tworzyć teksturowany tekst (za pomocą dodatkowego elementu span)...
... i bawić się na wiele, wiele innych sposobów.
Założenia
W "mojej piaskownicy" stworzyłam efekt teksturowanego i gradientowego tekstu korzystając z dwóch...
Więcej

content - właściwość CSS

Zaprezentowana w specyfikacji CSS2 właściwość content bez wątpienia pretenduje do miana jednej z najbardziej zadziwiających decyzji twórców kaskadowych arkuszy stylów. Same style zostały zaprojektowane, aby oddzielić warstwę prezentacji od treści. Natomiast content aktywnie zdaje się zaprzeczać tym ustaleniom. Zadaniem tej właściwości bowiem jest dodawanie treści do elementów za pomocą arkusza stylów. Tak więc jak za pomocą przestarzałych elementów typu <font> czy <center> możemy umieszczać...
Więcej

Saper - gra w przeglądarce

Powracając do korzeni, czyli do aplikacji front-endowych postanowiłam napisać popularnego, dzięki systemowi Windows, sapera. Do jej użycia standardowo posłużył HTML oraz JavaScript, tym razem jednak bez nowego canvasa. Postanowiłam stworzyć aplikację przy pomocy układu tabelkowego. Cała gra i jej mechanika są nieskomplikowane, dlatego chciałabym skupić się na kilku elementach, które są nie tyle mniej standardowe, ile moim zdaniem ciekawsze.
Kod został napisany w taki sposób, aby prócz jQuery, zawierał jak...
Więcej

CSS3 - rewelacyjny wygląd bez dodatkowych obrazków

Zapoznawanie się z potęgą CSS3 daje całkiem sporo radości. Dzięki temu okazuje się ile można zaoszczędzić na obrazkach, nie tylko transferu, głównie odwołań do serwera i czasu ładowania strony. Nawet w epoce sprite'ów można się pokusić o dalsze optymalizacje, zwłaszcza że wiadomo, że czas to pieniądz. Na tapetę wzięłam więc standardowe okienko z Windows 7. Moim celem nie było bezbłędne oddanie całego wyglądu, raczej wystylizowanie tak, aby rzeczone okno element przypominał.
Wersja finalna strony w css3 z...
Więcej

CSS3 - Onclick bez użycia JavyScript

Nowe technologie, a z mojego punktu widzenia zwłaszcza HTML 5 z CSS 3 znane są z niesamowitych możliwości i mnóstwa fajerwerków upraszczających pracę front-endowców. Jako że są to dla mnie dalej dziewicze tematy, a dziewicze tematy najlepiej zaczynać od podstaw przyjrzałam się bliżej wprowadzonym selektorom w CSSie. Ku mojemu zdziwieniu jeden z nich, :target z łatwością może zastąpić pewne proste operacje, które do tej pory wykonywane były za pomocą języka JavaScript. Mianowicie chodzi o onclick....
Więcej

Gra w HTML 5 cz. I

Ostatnio coraz częściej można spotkać naprawdę świetne gry napisane w HTML 5, chociaż dokładniej napisane w JavaScripcie za pomocą tagu canvas. Niektóre z takich gier zapierają dech w piersiach, mnie bardzo urzekły następujące (choć mam świadomość, że nie wszystko jeszcze widziałam):
Snooker
Entanglement
Ztype
Biolab Disaster
Pirates Love Daisies
Angry Birds
Ze względu na rosnącą popularność oraz z pewnością wielki potencjał, abstrahując zupełnie od tego, czy canvas wygryzie flasha, postanowiłam nieco...
Więcej