Nowe elementy HTML5 nie pojawiają się same - zazwyczaj to użytkownicy zgłaszają potrzebę posiadania takiego a nie innego komponentu z zestawem konkretnych właściwości. Im więcej osób wyrazi chęć używania takiego ułatwienia, tym większe prawdopodobieństwo, że trafi ono w końcu do specyfikacji. Pod ten przypadek podpada placeholder, który przez wiele lat emulowany był za pomocą odrobiny JavaScriptu. czytaj dalej >

W oczekiwaniu na możliwość używania zmiennych w kodzie CSS, która to nadejdzie (lub nie) dopiero za jakiś czas, nie licząc preprocesorów pokroju Sass czy Less, warto już teraz zobaczyć co może nam w bliższej przyszłości zaoferować funkcja calc(), czyli przeliczanie dowolnych wartości w czystym CSSie. czytaj dalej >

Wczorajszą informacją dnia jest niewątpliwie zamieszanie związane z propozycją wprowadzenia prefiksów -webkit- do innych, konkurencyjnych przeglądarek. Patrząc na ilość odpowiedzi wielu ważnych postaci z branży nie można przejść obok tego wydarzenia obojętnie. Zobaczmy więc o co chodzi i dlaczego jest to aż tak ważne, by o tym mówić. czytaj dalej >

Jeśli chodzi o optymalizację i kompresję serwowanego kodu, to Google na pewno plasuje się w ścisłej czołówce - w końcu mają na swoich serwerach kopię całego internetu! W takim przypadku zaoszczędzenie kilku znaków na stronie wyświetlanej miliony razy robi ogromną różnicę. Zobaczmy więc jak to wygląda w praktyce - na przykładzie strony błędu 404. czytaj dalej >

Coś, co jeszcze niedawno było czystą teorią, fantazją rozmarzonego front-end developera, trafiło kilka dni temu do testowych wersji silnika przeglądarek WebKit. Dzięki filtrom CSS zyskujemy jeszcze więcej możliwości manipulacji obrazami bez potrzeby uruchamiania Photoshopa, co sprawdza się nieźle chociażby w przypadku box-reflect. Zobaczmy więc czym są te filtry i jak z nich skorzystać. czytaj dalej >

Pod koniec września świat ujrzał pierwszy szkic kaskadowych arkuszy stylów nowego, czwartego poziomu. Przeglądając ten dokument możemy zobaczyć jakie możliwości zaoferuje nam CSS za kilka lat. Poniżej znajduje się zapis mojej prezentacji o CSS4 pokazanej podczas spotkania meet.js. czytaj dalej >

Dzisiejszy wpis będzie o CSS image reflections, czyli technice pozwalającej osiągnąć efekt lustrzanego odbicia - możliwy jakiś czas temu jedynie za pomocą Photoshopa. Plus jest taki, że można go stosować już od roku 2008! Gdzie tkwi haczyk? We wsparciu przeglądarek, ponieważ działa to jedynie w tych opartych o WebKita (Chrome, Safari), a do tego trzeba jeszcze stosować odpowiedni atrybut z przedrostkiem. czytaj dalej >

Czym jest HTML5? Na pewno nie jest tym, z czym można go było kiedyś identyfikować - językiem znaczników. W dzisiejszych czasach pod pojęciem HTML5 kryje się cała masa API, czyli interfejsów pomocnych w tworzeniu interaktywnych i multimedialnych webowych aplikacji, którym z pomocą przychodzi Javascript, a dopełnia CSS3. Dziś na ruszt pójdzie jedno z wielu ciekawych działów nowego HTML5, mianowicie History API. czytaj dalej >

Pseudoklasy zna większość, ale czy potrafisz wymienić pseudoelementy CSS3? Pytanie jest dosyć podchwytliwe, ponieważ cztery z pięciu pseudoelementów odziedziczone zostały z CSS 2.1, a jeden element mimo tego, że został usunięty ze specyfikacji, nadal jest wspierany przez przeglądarki. Dodatkowo teraz oficjalna dokumentacja rozróżnia pseudoklasy od pseudoelementów - te pierwsze mają pojedynczy dwukropek przed nazwą, a drugie podwójny. Zajmijmy się tymi drugimi. czytaj dalej >

Podejść do resetowania stylów CSS przed rozpoczęciem danego projektu jest niemal tyle, ilu front-end developerów. Chyba każdy ma swój własny sposób na rozpoczęcie nowego zadania, czy to posiadając jakiś gotowy szkielet, czy tworząc go sobie z pamięci bądź kopiując z poprzednich projektów. Normalize.css zmienia podejście do tego problemu i zamiast resetować style, zaleca ich ujednolicenie. czytaj dalej >