Media Queries w CSS2 to nic innego jak wybór medium, dla którego ma być serwowany bieżący plik CSS. Czyli możemy zdecydować, które pliki wyświetlać w wersji do druku, a które dla np. odbiorników telewizyjnych. Tak było dotychczas. Wraz z nadejściem CSS3 rozszerzono możliwości Media Queries. Teraz możemy dodatkowo decydować o dołączaniu odpowiedniego pliku/kodu CSS na [...]

Pamiętacie projekt Chromeless? To takie coś, co pozwala przy pomocy HTML, CSS oraz JavaScript stworzyć własną przeglądarkę internetową. Chłopaki z Mozilli nie zapomnieli o tym projekcie i ogłosili właśnie wydanie kolejnej wersji, oznaczonej numerem 0.2.

Zmiany jakie zostały wprowadzone to:

• aktualizacja silnika renderującego do najnowszej wersji wykorzystywanej w Firefox 4
• możliwość spakowania aplikacji i środowiska uruchomieniowego Chromeless
• możliwość tworzenia i manipulowania menu aplikacji
• usprawnienie mechanizmu zagnieżdżania treści
• szereg drobnych usprawnień

Dodatkowo zmianie ma ulec proces wydawania kolejnych wersji tak, aby pojawiały się one częściej. Czy czeka nas wysyp przeglądarek tworzonych przez społeczność?

Strona projektu – http://mozillalabs.com/chromeless

Nawet najlepsza strona internetowa nie obejdzie się bez czytelnego i wyrazistego fontu. Jedne będą krzyczały: "Czytelniku, tutaj!", a inne skromnie przekażą treść artykułu, czasem przerywane śródtytułem. Dzisiejszy Linkdump jest poświęcony właśnie tym "małym bohaterom" wielkiej Sieci - niewielu z nas pewnie zastanawia się nad tym konsumując kolejne metry kwadratowe treści w Internecie. Kolejne 10 wyselekcjonowanych [...]

W sieci znajduje się dosyć dużo materiałów dotyczących możliwości języka CSS w wersji trzeciej. Zapraszam do zapoznania się z listą tych najciekawszych, zebranych specjalnie dla Czytelników niniejszego blogu. Fotografia: growdigital, CC-BY. Linkdump: CSS3. 1. CSS3 3D Slideshow. Przesuwające się slajdy w CSS. 2. Creating a Slideshow using CSS3 3D Transforms. Tworzenie prezentacji opartej na slajdach [...]

Tworzenie wstępów do kolejnych wpisów z serii Linkdump robi się coraz trudniejsze, bo w sumie o czym tu pisać? Jest konkretny temat, mam dla Was 10 fajnych linków, zapraszam do lektury! ;] Linkdump: CSS. 1. Glowform. Formularz z ciekawą animacją dookoła okna. 2. Absolutely Positioned Textareas. Trik pozwalający na lepsze ustawienie elementu <textarea> na stronie [...]

W Internecie pojawia się coraz więcej ciekawych zastosowań nowoczesnych technologii. Ostatnim przykładem na jaki się natknąłem, są animowane opisy zdjęć wykonane bez grama JavaScript. Co więcej kod HTML to zaledwie trzy znaczniki, a CSS to kilkanaście wierszy. W efekcie uzyskujemy rewelacyjnie wyglądający efekt animowanego opisu zdjęcia, pojawiającego się po najechaniu kursorem myszy na zdjęcie.

Rozwiązanie to działa we wszystkich nowych przeglądarkach. Problem występuje jedynie w przypadku IE9, który nie obsługuje animacji i od razu wyświetla opis.

Demo znajdziecie pod adresem http://css-tricks.com/examples/SlideinCaptions/, natomiast opis jak i dlaczego to działa oraz pliki źródłowe tutaj – http://css-tricks.com/slide-in-image-captions/.

JavaScript to chyba najbardziej dynamicznie rozwijający się język programowania pod względem powstającej bazy kodu i przydatnych narzędzi wspomagających. Przyjrzyjmy się kilku ciekawym bibliotekom, jakie możemy wdrożyć do naszych projektów bez zbędnego wysiłku, a ku uciesze klientów. Linkdump: Zbiór przydatnych bibliotek JavaScript. 1. d3.js Data-Driven Documents. Biblioteka wspomagająca przetwarzanie stron internetowych opartych na dużych zbiorach danych. [...]