css Archive

Pasek postępu ładowania strony – page loading progress bar

Jakiś czas temu pisałem o bibliotece nprogress. Dzisiaj potrzebowałem podobnego skryptu, ale bardziej rozbudowanego i równie prostego w implementacji.

Najprostszy sposób na dynamiczne responsywne menu

Statyczne menu można bez problemu dostosowac do okna przeglądarki nawet w przypadku gdy ma być responsywne, można nadać elementom procentową szerokość. Gorzej jest gdy menu ma być dynamiczne i istnieje prawdopodobieństwo, że ilość elementów

Darmowa POLSKA książka HTML5 css3

Damian Wielgosik autor bloga, którego częściej lub rzadziej czytam, wydał darmową książkę o HTML5 i css3. Książka dostępna jest na jego stronie.

Imitacja efektu ‘leniwego’ ładowania zdjęć – lazy loading jquery

Głównym celem leniwego ładowania zdjęć, poza zwiększeniem atrakcyjności wyglądu witryny, jest zmniejszenie transferu i przyspieszenie ładowania strony. Wpis natomiast będzie dotyczył imitacji efektu, nie zmniejszy zużycia transferu ani nie przyspieszy ładowania strony, ale zwiększy

Przygotowanie strony HTML do drukowania za pomocą css

Często spotyka się na stronie link umożliwiający wydrukowanie danej podstrony. Uruchomienie drukowania, samo w sobie, jest niczym wielkim wystarczy użyć funkcji Javascript window.print(); dla zdarzenia onclick. Na przykład na HTML’owym tagu a.   <a

Modernizr – Strona przyjazna dla wszystkich przeglądarek – wstęp

Jak piszą sami twórcy na swojej stronie: Modernizr jest mała biblioteką JavaScript, która wykrywa, które metody css są dostępne dla danej przeglądarki. Sprawdza ponad 40 metod i w zależności od tego czy dana przeglądarka

Bootstrap – Biblioteka css do tworzenia responsywnych stron

Jak przeczytałem pierwszy raz czym jest Bootstrap, musiałem przetrzeć oczy i przeczytać jeszcze raz. Jest bowiem biblioteką css, języka, który wydawało mi się, nie może być już bardziej uproszczony. Biblioteka jest zbiorem gotowych klas

Pozbycie się pomarańczowego obramowania (otuline) pól w formularzu

Zwykle grafik wykonując szablon graficzny strony nie uwzględnia pewnych ograniczeń czy wręcz wymogów narzucanych odgórnie przez przeglądarki. Jednym z takich mankamentów jest tak zwany outline, czyli obramowanie pól formularza (w chrome pomarańczowa), gdy pole