W przerwie między świątecznymi porządkami, znalazłem trochę czasu na toby sklecić kilka zdań tak by przypominały wpis. Dziś z serii opowieści o CSS3 opiszę wartość element() dla właściwości background. Co to i z czym to się je? Zapraszam do lektury.

Czy przy użyciu CSS można stworzyć nowe logo konferencji Front-Trends? A gdyby wykorzystać do tego jeszcze transformacje 3D? Zobaczmy co z tego wyszło.

Śledząc nowości ze świata open Web, śmiało można dojść do wniosku, że HTML wraz z CSS mają jakiś niepisany pakt pozbycia się JavaScriptu. Jednym z takich „ficzerów” jest para elementów <details> i <summary>

Po udanym lipcowym meet.js, zapraszamy was na kolejną edycję która odbędzie się 12 października w siedzibie Cognifide o godzinie 18:00. Tak jak poprzednio, i tym razem przygotowaliśmy dla was wartościowych speakerów. Tego nie można przegapić.

Dobiegła końca lipcowa ofensywa meet.js, która opanowała trzy polskie miasta: Poznań, Warszawa, Kraków. W Wielkopolsce spotkanie odbyło się w piątek o godzinie 18 i przyciągnęło (jak na pogodę i mecz Lecha) grupę około 30 entuzjastów front-endu a w szczególności JavaScriptu.

Od startu Google+ minęło już trochę czasu, a w między czasie pojawiło się wiele mniej lub bardziej ciekawych wstawek przedstawiających walkę pomiędzy Facebookie a Googlem. Jedną z nich była strona likevsplus.com, na którą trafiłem dzięki Danielowi, który trafnie wytknął autorowi użycie flasha zamiast CSS. Postanowiłem przygotować wersję wykorzystującą animacje w CSS, która można znaleźć pod tym linkiem. Całości brakuje trochę do oryginału, choćby czcionka, której nie miałem czasu poszukać (jak ktoś wie jaka została użyta to proszę o kontakt), czy cień pod aktorami, który dodam na dniach, ale główny efekt został w miarę osiągnięty.

Dziś opiszę problem z którym spotkałem się ostatnio, a mianowicie wyśrodkowanie w pionie tekstu w buttonach. Jak wiemy większość przeglądarek domyślnie ustawia zawartość przycisku na środku, po za Firefoxem. Co się dzieje? Spójrzmy na przykłady na żywo:

Ostatnio przeglądając archiwum na css-tricks.com, natrafiłem na ciekawy artykuł opisujący zastosowanie loadera yepnopejs oraz modernizr, który testuje wsparcie dla HTML5 i CSS3. Łącząc je możemy z powodzeniem używać na swoich stronach nowości technologicznych, nie martwiąc się przeglądarkami, które ich nie obsługują, gdyż specjalnie dla nich zostanie załadowany skrypt emulujący takie elementy.

Po opisaniu nowości związanych z Basic User Interface Module, postanowiłem przyjrzeć się CSS Color Module level 3, który udostępnia potrzebne narzędzia do definiowania kolorów na stronie. Do dyspozycji dostajemy m.in. obsługę modelu rgb i hsl. Jak to ugryźć? Zapraszam do lektury.

Jak kończą się niewinne zabawy z CSS3? Wynalezieniem koła . Wszystko oparte o jeden div i kilku nowościach takich jak transition (transition opisał już Damian na swoim blogu więc odsyłam do niego), transform i gradient. Z tego co ja dostrzegłem, to Firefox 4 o wiele lepiej poradził sobie z gradientem po skosie aniżeli chrome.