Archiwum: CSS
-
kwi 03, 2012
Komentarzy: 3HTML5 Experience Proggresbar
W erze gier takich jak World of Warcraft czy Farmville zjawisko “levelowania” i “nabijania expa” jest dość popularnym zjawiskiem. Mechanizm ten na pewno napędza rozgrywkę i sprawia że użytkownik chce grać widząc swój postęp. Dzisiaj udostępniam gotowy kod realizujący taki feature, całość jest pisana z zamysłem urządzeń mobilnych (brak wymaganych bibliotek, wykorzystanie CSS...
-
lut 28, 2012
Komentarzy: 2Trójkąty W CSS
W samym CSSie można zrobić całkiem sporo, a dobrym przykładem tego może być Nyan cat stworzony przez Michała Budzyńskiego . Wystarczy tylko poznać kilka sztuczek i możemy zbudować coś całkiem fajnego. Jedną z takich sztuczek jest właśnie tworzenie trójkątów za pomocą samego CSS`a. Całość jest banalnie prosta a opiera się o właściwe wykorzystanie atrybutu...
-
lut 27, 2012
Komentarzy: 2Animacje w CSS3 – część pierwsza
CSS3 jest jedną z tych rzeczy, na które czekają tłumy, a która nadchodzi bardzo powoli i wielkich bólach. Dużo winy ponoszą twórcy przeglądarek, którym niezbyt śpieszy się z implementacją kolejnych rozwiązań. Na szczęście – niektóre z nich są i radzą sobie świetnie. Animacje jeszcze do niedawna były zastrzeżone dla JavaScriptu. Co rusz pojawiały się demonstracje...
-
lut 19, 2012
Komentarzy: 2Display: box – czyli elastyczne dostosowywanie elementów na stronie
CSS3 udostępnia nowe wartości dla właściwości display. Jedną z nich jest box. Umożliwia ona w prosty i jasny sposób przygotowanie layoutu strony, który będzie zależny od wielkości okna, a w przypadku zmiany rozmiarów, płynnie dostosuje się do nowych wartości. Jest to szczególnie przydatne podczas tworzenia stron, czy aplikacji, których docelową platformą są urządzenia mobilne. Działa...
-
kwi 26, 2011
Komentarzy: 2HTML5 Boilerplate – to nie jest następny framework JS-owy
Dzisiaj chciałem przedstawić projekt HTML5 Boilerplate i to w czym może być pomocny w codziennej pracy. Nie dajcie się zwieść – nie jest to żaden nowy Javascriptowy framework ale przygotowany szkielet “świeżej” aplikacji i build system pomocny przy tworzeniu wersji produkcyjnych. Dlaczego jest to pomocne rozwiązanie? Szkielet Czy też przy rozpoczęciu tworzenia nowej strony wyciągacie...
-
sty 05, 2011
Komentarzy: 2Inne spojrzenie na style CSS
Wstęp Ostatnio coraz częściej zdarza mi się pracować na frontend-zie. W sumie zawsze myślałem, że to nie może być ciekawe, ale przyznaje – myliłem się… W dobie, cały czas tworzonego jeszcze, HTML5 oraz wdrażanego CSS3 można naprawdę fajnie się pobawić tymi nowymi mechanizmami. Oczywiście największym problemem w tej warstwie aplikacji webowej jest integracja ze wszystkimi...
-
gru 01, 2010
Brak komentarzyFirebug 1.6
Pojawił się nowy Firebug oznaczony numerem 1.6. Dokonano w nim wiele ciekawych zmian: możliwość otworzenia konsoli w każdym z panelów, możliwość filtrowania wiadomości pojawiających się w consoli (np tylko errory/warny), rozbudowano obiekt o console o console.table(), rozbudowano zakładkę script, umożliwiającą przyjemne debugowanie aplikacji. I wiele, wiele innych mniejszych, w tym nowa ikonka Zachęcam do zapoznania...
-
maj 31, 2010
1 komentarzCSS3 Universe
Przeglądając sieć w poszukiwaniu informacji i ciekawostek natknąłem się na bardzo ciekawy eksperyment związany z wykorzystaniem możliwości CSS3. Wyobraźcie sobie układ słoneczny napędzany CSS-em http://neography.com/experiment/circles/solarsystem/ Warto otworzyć ten link przy pomocy kilku przeglądarek. W Google Chrome zaobserwujemy cały układ planetarny poruszający się wkół słońca w Firefoksie 3.5 zobaczymy układ planetarny prawidłowo wyrenderowany ale bez animacji...
-
kwi 27, 2010
Brak komentarzyKolejna konferencja frontendowa w Polsce!
Nie tak dawno temu pisałem o konferencji Sparkup, która bardzo skupiała się na Frontendzie a już dzisiaj przeczytałem o następnej – Front Trends. Odbędzie się w Warszawie 21-22 Października z wieloznacznym podtytułem “Where JavaScript meets HTML5, CSS and usability”. Mocna ekipa lektorów takich jak między innymi : – Douglas Crockford – Dmitry Baranovskiy – Peter-Paul...
-
kwi 26, 2010
Brak komentarzyTransformacje 2D i CSS
Dzisiaj chciałem się zająć nowymi technikami kaskadowych arkuszy stylów – transformacjami 2D. W tej chwili możliwości takie udostępniają Firefox 3.5+, Opera 10.5, Safari 3.1 + i Chrome i dzięki temu dowolne elementy DOM możemy przemieszczać, obracać, zniekształcać, skalować. Aby to uzyskać stosujemy własności “transform” z różnymi przedrostkami zależnie od przeglądarki. Podstawowy komponent Zaczniemy od podstawoego...