Jak zablokować zaznaczenie tekstu tylko poprzez CSS?

Krzysztof Furtak CSS Leave a Comment

Blokowanie zaznaczania tekstu to często ważny element UI naszej strony. Jest wiele elementów naszych witryn lub aplikacji, które w interakcji z użytkownikiem nie powinny się zaznaczać. Prostym przykładem są przyciski, w wielu przypadkach elementy menu, ikonki serwowane w postaci czcionki itp.

Jak stworzyć gradient na tekście w CSS?

Krzysztof Furtak CSS Leave a Comment

Moim zdaniem jednym z ładniejszych efektów tekstowych jakie możemy osiągnąć za pomocą HTML i CSS 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 …

CSS text gradient

Krzysztof Furtak CSS 1 Comment

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.

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

Krzysztof 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

Krzysztof Furtak CSS Leave a Comment

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ć …