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](https://blog.piotrnalepa.pl/wp-content/webpc-passthru.php?src=https://blog.piotrnalepa.pl/wp-content/uploads/2017/06/how-to-make-premier-league-match-screen-with-css.jpg&nocache=1)
![[CSS] Kilka sposobów na ożywienie interfejsu użytkownika za pomocą animacji CSS](https://blog.piotrnalepa.pl/wp-content/webpc-passthru.php?src=https://blog.piotrnalepa.pl/wp-content/uploads/2016/05/CSS-Kilka-sposobow-na-ozywienie-interfejsu-uzytkownika-za-pomoca-animacji-CSS.jpg&nocache=1)
![[CSS] Jak zbudować wielokrokowy formularz za pomocą CSS?](https://blog.piotrnalepa.pl/wp-content/webpc-passthru.php?src=https://blog.piotrnalepa.pl/wp-content/uploads/2015/09/how-to-build-multistep-form.jpg&nocache=1)
![[CSS] Jak stworzyć 2 kolumny elementów ułożonych jak w mozaice?](https://blog.piotrnalepa.pl/wp-content/webpc-passthru.php?src=https://blog.piotrnalepa.pl/wp-content/uploads/2015/07/flexbox-2-columns-mosaic.jpg&nocache=1)
![[CSS] 3 sposoby na optymalizację ładowania czcionek na stronie o których nie miałeś do tej pory pojęcia](https://blog.piotrnalepa.pl/wp-content/webpc-passthru.php?src=https://blog.piotrnalepa.pl/wp-content/uploads/2015/05/3-sposoby-ladowania-czcionek-css.jpg&nocache=1)
![[CSS] Jak utworzyć animowany przycisk typu toggle button za pomocą CSS?](https://blog.piotrnalepa.pl/wp-content/webpc-passthru.php?src=https://blog.piotrnalepa.pl/wp-content/uploads/2015/04/CSS-Jak-utworzyc-animowany-przycisk-typu-toggle-button-za-pomoca-CSS.jpg&nocache=1)
![[CSS] Jak walidować pola formularzy za pomocą CSS?](https://blog.piotrnalepa.pl/wp-content/webpc-passthru.php?src=https://blog.piotrnalepa.pl/wp-content/uploads/2015/01/css-form-validation.jpg&nocache=1)