CSS tips #2 – czcionki

Wczoraj kodując jeden z projektów napotkałem na problem z @font-face w Firefoxie (tak, tak tym razem nie w IE :P). Mianowicie FF nie odczytuje plików .eot ani .ttf. Na szczęście problem ten możemy rozwiązać w bardzo prosty sposób – dodając inne formaty czcionki do @font-face:

Czytaj dalej

CSS tips #1 – obrazki

Po dłuższej przerwie związanej z nadmiarem pracy i nowym rokiem akademickim wracam z nowym cyklem krótkich, ale praktycznych wpisów odnośnie CSS. Na dobry początek zajmijmy się obrazkami.

Czytaj dalej

Formularze i CSS 3

CSS 3 dostarcza wiele nowości, które z pewnością ułatwią i przyspieszą pracę nad atrakcyjnymi wizualnie projektami. Mimo, że CSS 3 jest jeszcze w fazie implementacji przez wszystkich najważniejszych producentów przeglądarek, warto powoli zaznajamiać się z możliwościami tej technologii ;)

Czytaj dalej

Image Replacement

Tworząc rożnego rodzaju strony www często napotykamy konieczność podmiany tekstu obrazkiem – np. umieszczając logo strony lub niestandardowy nagłówek. Moglibyśmy użyć do tego znacznika img, ale ten sposób nie jest przyjazny użytkownikom ani SEO friendly. Z pomocą przychodzi CSS.
Czytaj dalej

Niestandardowe czcionki – zmora web developera

Kodując różnego rodzaju projekty graficzne zazwyczaj największym problemem są czcionki. Mimo że, programy typu Adobe Photoshop wyświetlają ich parametry, to i tak trudno ustawić je tak samo za pomocą CSS. Zwykle robi się to „na oko”. Pół biedy gdy używane są standardowe fonty, ale prawie zawsze kochani graficy korzystają z tych niestandardowych… i co wtedy? I tu zaczyna się problem. Mimo już ponad 20-letniej historii stron www ciągle nie opracowano jednolitego standardu…
Czytaj dalej