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

JavaScript, jquery, css, html, php i wiele innych języków w pigułce + bonus!

Strona z kolekcją ściągawek z różnych języków programowania, między innymi JavaScript, jquery, php, rub oraze ich frameworkami jquery, symfony2, zend.

Emmet – niezbędny zestaw narzędzi dla web-deweloperów

Główną ideą narzędzia jest przyspieszenie pisania (w zasadzie generowania) kodu HTML. Stosując odpowiednią składnię, jedna linia kodu pozwala wygenerować listę rozwijaną o dowolnej ilości elementów. Co więcej jest w pełni darmowy, obsługiwany przez 14

Utwórz szkielet strony HTML w 15 sekund – Initializr

Ostatnio natknąłem się na ciekawy projekt, którym jest ‘solidny i wszechstronny szablon’ strony internetowej. Twórcy Initializr, Paul Irish i Divya Manian zebrali kilka najbardziej przydatnych narzędzi ułatwiających wytwarzanie stron internetowych w jednym miejscu, umożliwiając,

Jakie metody arkuszy stylów css obsługuje dana przeglądarka ? – caniuse.com

Bardzo często kodując szablon zastanawiam się czy mogę użyć danej metody bądź selektora css żeby był obsługiwany przez najpopularniejsze przeglądarki. Głównie mowa tutaj o nieszczęsnym (do wersji 9/10) Internet Explorerze. Tak jak można jakoś

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