CSS | Piotr Nalepa - Blog webmasterski | Tutoriale JavaScript, CSS i nie tylko

CSS Grid – ficzer który uwalnia kreatywność w tworzeniu layoutów

W świecie front-endu od jakiegoś czasu przebojem jest korzystanie z nowych funkcjonalności CSS takich jak CSS Grid Layout czy zmienne CSS. Z pomocą tego pierwszego możemy budować w sposób przewidywalny szablony stron czy aplikacji internetowych. Natomiast z pomocą drugiego ficzera, możemy tworzyć zmienne, które będą posiadały określone wartości, możliwe do wykorzystania w całym naszym kodzie CSS. Zasada działania jest podobna do zmiennych w preprocesorach SASS czy LESS.

Dalej

[CSS] Wizualizacja ekranu meczowego Premier League za pomocą HTML i CSS

Jestem wielkim fanem piłki nożnej. Bardzo często zdarza mi się je oglądać. Jedną z lig, które oglądam jest liga angielska.

Dalej

[CSS] Kilka sposobów na ożywienie interfejsu użytkownika za pomocą animacji CSS

Tworząc różnego rodzaju interfejsy użytkownika na stronach internetowych czy też w aplikacjach internetowych najczęściej skupiamy się na użyteczności. Jest to bardzo ważne, ponieważ nie ma nic gorszego z punktu widzenia użytkownika niż interfejs, który nie pozwala osiągnąć zamierzonego efektu w jak najmniejszej ilości potrzebnych kroków do wykonania.

Dalej

[CSS] Jak zbudować wielokrokowy formularz za pomocą CSS?

W dzisiejszym artykule mam zamiar Ci przedstawić sposób na zbudowanie ciekawego formularza, w którym wszystkie elementy interaktywne będą wykonane tylko za pomocą HTML i CSS. Formularz będzie wielokrokowy/wielostronicowy, to znaczy będą 3 strony formularza między którymi będziemy się przełączać bez użycia JS.

Dalej

[CSS] Jak stworzyć 2 kolumny elementów ułożonych jak w mozaice?

W dzisiejszym artykule mam zamiar zaprezentować ciekawy sposób na zbudowanie 2-kolumnowego layoutu w którym elementy będą zajmowały dostępne miejsce bez pozostawiania wolnych przestrzeni. Dzięki temu otrzymamy coś w rodzaju mozaiki w dwóch kolumnach, która będzie się dostosowywała do wielkości elementów wewnątrz.

Dalej