Conic-gradient() to wbudowana funkcja CSS, za pomocą której można tworzyć ciekawe, barwne tła. Sposobów na wykorzystanie tego typu tła jest oczywiście więcej. Dzisiaj skupię się na omówieniu zasady działania i kilku przykładach.
Sposoby wyrównania checkbox’ów w formularzu
Tworzenie stron internetowych zawiera w sobie wiele możliwości. Także jeśli chodzi o projektowanie i tworzenie formularzy, w których zawarte są pola wyboru. Jak podejść do tego typu formularzy i jak je wykonać, by były przyjazne użytkownikowi? Wyrównanie checkbox’ów i sposoby przedstawię w poniższym, krótkim artykule.
Media Queries level 4
Zapytania o media przeglądarki są bardzo istotne, gdy tworzymy responsywne strony www. Dzisiaj dobrą praktyką jest projektowanie stron w tak zwanym podejściu „mobile first” oraz elastycznie dopasowane do rodzaju urządzenia i szerokości jego ekranu. Dzisiaj chcę przedstawić czwarty poziom Media Queries, czyli dostosowanie elementów względem wielu parametrów w nowym podejściu (zakresy).
Stylowy formularz – #szybkiwebdev
Chciałbym wam przedstawić pomysł szybkich kodów do wykorzystania w różnych projektach. Mam nadzieje, że wystarczy mi pomysłów, by wrzucać je regularnie. Zatem zaczynam od pierwszego, stylowego i lekkiego formularza kontaktowego (lub jak ktoś woli rejestracyjnego).
Selektory w CSS – zbiór
W arkuszach styli CSS selektor to cześć kodu poprzedzająca nawias klamrowy. Określa on element lub wiele elementów, do których odnosi się dana reguła. Wyróżniamy kilka grup selektorów, które oznaczą nam elementy na stronie. Są to selektory elementów, pseudoelementów, klas i identyfikatorów, pseudoklas, atrybutów, uniwersalne oraz potomków. Selektory nie mogą zostać użyte w stylu 'inline’. Poniżej przedstawione zostały rodzaje selektorów.
Funkcja clamp w CSS
Funkcja clamp to wygodna i nowoczesna metoda CSS służąca do uzyskania precyzyjnej, a zarazem elastycznej kontroli nad wyglądem elementów. Użycie tej funkcji polega na podaniu trzech parametrów, a ona już sama przeliczy wielkość danego elementu.
Modułowość styli CSS
CSS jest prostym językiem i można w nim pisać kod, który jest łatwo dołączany do projektu. Początkujący web deweloper nie zawsze jest świadomy, jakie szkody może wyrządzić nieumiejętne dokładanie kodu css. Wtedy zaczyna się niestety szukanie „na szybko” przyczyny złego stylowania poszczególnych elementów.
Animate.css, czyli proste animacje w czystym css
Witam. Coraz więcej serwisów internetowych zawiera w sobie efektowne animacje, przejścia, przekształcenia elementów. Kiedyś za te efekty odpowiadały grafiki, np. gif’y, jednak obecnie nie jest już to efektywne rozwiązanie, dlatego wykorzystuje się dobrodziejstwa CSS. Zatem, z czego korzystać? Jak stworzyć lekką, a zarazem efektowną stronę?
Reguła !important w CSS – kiedy i jak używać?
Słowami Stephanie Rewis rozpoczynam te wpis, chcąc zwrócić uwagę na istotę „problemu”. Autor powyższego wpisu, sfrustrowany kodami css, zwraca uwagę na nadużywanie pewnych reguł, które niekiedy powodują bałagan w kodzie.