CSS text gradient

Krzysiek Furtak CSS 0 Comments

Moim zdaniem jednym z ładniejszych efektów tekstowych jakie możemy osiągnąć za pomocą HTMLa i CSSa jest gradient na tekście. Wykorzystujemy do tego: background-image jako linear-gradient, background-clip: text;, text-fill-color: transparent; oraz w pewnych przypadkach line-height. Rozpatrzymy dwa przypadki. W pierwszym pokolorujemy linie tekstu na różne kolory, a w drugim nałożymy na tekst gradient. Różne kolory linii tekstu W tym przypadku przyda …

Jak sprawdzić czy dana czcionka na FontSquirrel.com posiada polskie literki

Krzysiek Furtak CSS 1 Comment

FontSquirrel.com to serwis, w którym zgromadzona jest cała masa darmowych czcionek. Każdą z nich można pobrać bezpośrednio z serwisu. Dodatkowo witryna ta posiada genialne narzędzie konwertujące pliki czcionek do różnych formatów. Dzięki niemu możemy w prosty sposób przygotować wybraną przez nas czcionkę do wykorzystania na naszej stronie internetowej. Przy tej okazji zapraszam do przeczytania mojego artykułu, w którym opisałem jak przygotować oraz załączyć czcionkę do …

font-face – jak przygotować czcionkę do wykorzystania na stronie

Krzysiek Furtak CSS 0 Comments

Od kiedy wszystkie popularne przeglądarki zaczęły wspierać selektor @font-face, w dziedzinie projektowania stron internetowych nastąpił swego rodzaju przełom. Szczególnie, że (uwaga – będzie szok) IE7 także wspiera font-face’a. No może „wspiera” to za dużo powiedziane, powiedzmy że akceptuje 🙂 IE będzie chciał od nas specjalnego rozszerzenia czcionki, plus musimy zastosować mały trik, ale generalnie wszystko ładnie działa. Minusem może być …

Wielopoziomowe rozwijane menu

Krzysiek Furtak CSS, HTML, JavaScript 0 Comments

Od czasu, gdy javascript powrócił do łask webmasterów na stronach www coraz częściej i coraz śmielej zaczęła pojawiać się pozioma nawigacja. Rozwijane menu tak usytuowane na naszej witrynie pozwala odejść od oklepanego już, blokowego wyglądu strony. Poza tym pozwala zaoszczędzić masę miejsca, które możemy spożytkować na zaprezentowanie ważnych treści internaucie, który „wpadł” na naszą witrynę. Rozwijane menu – struktura HTML: …