W3C intensywnie pracuje nad najrozmaitszymi nowościami. Oprócz mitycznego już flex-box’a ostatnimi czasy dość intensywnie opisuje się możliwe zastosowania dla tzw. CSS Masking. Co to jest i jak może wyglądać przyszła rekomendacja? To mam nadzieję uda się nam przedstawić (pokrótce) na łamach tego artykułu.

Continue reading CSS Masking – co może nas czekać w przyszłości?

Jednym z wciąż powracających tematów podczas projektowania stron internetowych jest problem postrzępionego tekstu. Przeglądarki są coraz lepsze, ale niektóre wciąż nie radzą sobie zbyt dobrze z wyświetlaniem typografii na witrynach. Efektem tego jest postrzępiony tekst, który wygląda wręcz brzydko, często psując ogólne odczucia, nawet jeśli do całej reszty nie można się specjalnie przyczepić.

Continue reading Antyaliasing tekstu. Czy to koniec postrzępionej typografii?

Zapytania o media to temat dość obszerny, przynajmniej jak na CSS. Michał Kortas pod koniec ubiegłego roku napisał artykuł o wykorzystaniu ich w responsive web design. Tym razem artykuł zawierający większość zapytań o media z jakimi możesz się spotkać, od szerokości ekranu poprzez sprawdzenie typu urządzenia i ilości używanych przez ekran bitów po wyświetlacze o dużym zagęszczeniu pikseli typu „Retina”.

Continue reading Media Queries w przykładach

Liczniki w CSS jak sama nazwa wskazuje są czymś w rodzaju zmiennych przechowywujących określoną wartość, liczbę. Są dosyć mało popularnym rozwiązaniem mimo iż pojawiły się już w specyfikacji CSS 2.1, CSS 3 tylko rozszerza je o nowe funkcjonalności. Wparcie przeglądarek jest wystarczające (94.93%) żeby używać liczników w wersjach produkcyjnych stron, bez zapewniania rozwiązania zastępczego.

Continue reading Liczniki w CSS

HTML5 Starter jest frontendowym frameworkiem skupionym wokół duetu SASS + Compass i czerpiącym garściami z H5BP, który opisywałem w moim poprzednim wpisie. Poprzedni artykuł jest o tyle istotny, iż zakładam, że posiadasz wiedzę w nim przekazaną. HTML5 Starter powstał z powodu mojego przywiązania do preprocesorów CSS, i potrzeb poszerzenia funkcjonalności HTML5 Boilerplate.

Continue reading HTML5 Starter, czyli HTML5 Boilerplate „na bogato”

Jak już bardzo dobrze wiemy, nowe możliwości, jakie daje nam CSS3 są naprawdę ogromne. Nie ma sensu jednak uczyć się wszystkiego jedynie w teorii, bo przecież najlepszym sposobem na ujażmienie nieznanego, jest właśnie jego poznanie. Dzisiejszy wpis poświęcę na omówienie przykładu, w którym blok reklamowy wyświetlać się będzie dopiero po najechaniu na niego kursorem na ekranie, jednak zniknie dopiero po kilku sekundach od opuszczenia danego obszaru. Zapraszam Was do dalszej lektury.

Continue reading Zanikanie z opóźnieniem – animacje w CSS3

HTML5 Boilerplate jest profesjonalnym front-endowym „starter kitem”. Pomaga budować, a raczej rozpocząć budowę witryny zgodnej ze specyfikacją HTML5. Zbudowany na doświadczeniu ponad setki deweloperów jest bardzo ciekawym kandydatem na szkielet strony WWW. Jest to punkt wyjścia dla projektów aplikacji internetowych, a nie pakiet gotowych elementów tak jak Twitter Bootstrap czy Zurb Foundation.

Continue reading Wprowadzenie do HTML5 Boilerplate

Jak często zdarza Wam się cytować wiele różnych fragmentów tekstów, pochodzących obcych źródeł? Dla mnie jest to dość częsta sytuacja, dlatego na te okazje mam przygotowany specjalny styl dla cytowanego tekstu. Z założenia blok cytatu powinien odróżniać się od reszty treści, dając jasno do zrozumienia, że należy zwrócić na niego więcej uwagi.

Continue reading Eleganckie cytowanie wypowiedzi w CSS3

Wiele już razy otrzymywałem zapytania od Was na temat tworzenia nawigacyjnego menu, które rozwija się w kilku poziomach. Odnośnie tej kwestii dyskusja rozwinęła się w komentarzach do dwóch poprzednich wpisów (rozwijane menu i rozwijane menu w CSS3), gdzie padło kilka propozycji ku rozwiązaniu tego problemu, jednak wszystkie one pisane były „z palca”. W takim więc razie postanowiłem utworzyć nowy, osobny tutorial, zbiorczo podsumowujący wielopoziomowe nawigacje na stronach www. Oczywiście to tylko jeden sposób na osiągnięcie wymierzonego celu. Jeżeli posiadacie swoje techniki, bardzo chętnie się im przyjrzę.

Continue reading Rozwijane menu wielopoziomowe w CSS3