Przez chwilę myślałem, że się nie da. Jednak wystarczy ustawić odpowiedni background image na inline’owym elemencie. Albo border, jeśli nie potrzebujemy obrazka.

To całkiem przyjemna funkcja, ale czasem safari się myli i tworzy link tam, gdzie nie powinno (nam dziś stworzyło link z numeru KRS i NIP).

Piękny to parametr, który ułatwia życie. Dzięki niemu, wartość w szerokość elementu w CSS nie jest wliczany padding i border, co ratuje tyłek przy tworzeniu skalowalnych layoutów na gridzie. Zurb Foundation ma to w standardzie, dziwię się że Twitter Bootstrap jeszcze nie.

Szerzej na ten temat rozpisał się Paul Irish: http://paulirish.com/2012/box-sizing-border-box-ftw/

Czasami zdarza mi się, że na Chrome pod OS X czcionki wyglądają na zbyt grube. Graficy od razu zaczynają płakać a akanci popadają w depresję, tłumacząc klientowi dlaczego strona nie wygląda w przeglądarce identycznie jak w Photoshopie. Prosta rada: zmienić wartość parametru font-smoothing w CSS.

Uwaga: działa to tylko na Maku. Pod Windows nie ma absolutnie żadnej różnicy. No i warto stosować z rozwagą. Zwykle, bardzo poprawia to wyrazistość przy dużych nagłówkach, natomiast zastosowanie tego parametru do tekstu głównego o rozmiarze 12-14 punktów może sprawić, że tekst zacznie wyglądać jak na IE6 pod Windows 98 :)

Często zdarza mi się taka sytuacja, że potrzebuję wykorzystać jakiś specyficzny kawałek kodu, właściwość czy super-trik. Poświęcam czas na jego znalezienie, stosuję w projekcie i… zapominam. O tym, w którym to było projekcie również. Kiedy za 2 miesiące problem powraca, poszukiwania rozpoczynają się od początku. Aby temu zaradzić, do tej pory zapisywałem sobie takie triki w Evernote. Ale, skoro mam bloga – to czemu nie robić tego tutaj? Może komuś poza mną się to przyda!

Pierwszy w cyklu temat, to odpowiedniki liczbowe dla grubości czcionek w CSS.