Kategoria CSS’

Jak usunąć pomarańczowy outline w Chrome




Podobny problem występuje Safari (niebieski outline). Aby szybko się go pozbyć, w dowolnej przeglądarce, umieszczamy w pliku css następujący selector: Powyższy selektor sprawia że dowolny elemnt w stanie focus nie posiada dookoła siebie outline. Należy pamiętać że działa on na każdy element na stronie.






LESS.js w trybie śledzenia zmian – watch mode




Gdy uruchamiamy less.js w przeglądarkach wspierających HTML5, cachują one  wygenerowany CSS. Nie jest to działanie pożądane podczas prac developerskich, gdy chcemy na bierząco widzieć wprowadzane zmiany. Poniższe kilka liniejek pozwala załadować less.js w trybie czuwania i developerskim. W trybie czuwania style CSS są automatycznie odświeżane podczas zapisu pliku less. Tryb developerski powoduje, że style nie są […]






Kontrola wielkości czcionki z CSS




Chodzi o to, aby wziąć domyślny rozmiar tekstu przeglądarki (16pt) i  z nim kontrolować wielkość czcionki. Po pierwsze używamy tagu body aby zredukować wielkość czcionki do 62.5% z 16pt. Powoduje to domyślny rozmiar 10 pkt, co sprawia, że ​​tworzenie nowych reguł i zarządzanie CSS jest łatwiejsze Teraz można kontrolować wielkość czcionki za pomocą em. Korzystanie z em pozwala […]






Technika Sliding Doors




Jak stworzyć ładne, zaokrąglone przyciski za pomocą CSS?  O wiele lepiej jest skorzystać z techniki sliding doors, niż z obrazkowego tła dla przycisków, ponieważ można zastosować dowolny styl linku i jednocześnie nie ma potrzeby tworzenia nowego obrazu dla szerszego czy węższego przycisku.