Tworzenie aplikacji internetowych po stronie frontendu (tego przeglądarkowego) jest coraz bardziej złożone. Od dłuższego czasu coraz więcej projektów korzysta z TypeScript jako bazowej składni JS, co wiąże się też z tym że wymaga to skonfigurowania odpowiedniego środowiska developerskiego. Dalej
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
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
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
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
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
W poprzednim wpisie, w którym recenzowałem szablon do Joomla!, poruszyłem kwestię optymalizacji czcionek z ikonami. W tym artykule chciałbym rozszerzyć ten temat przedstawiając kilka ciekawych sposobów na ich optymalizację.
Dalej
Po dłuższym okresie braku aktywności na blogu powracam z nowym wpisem. Dzisiejszy wpis będzie dotyczył utworzenia dwustanowego przycisku, typu toggle button, którego stan będzie można zmienić za pomocą CSS, bez użycia JavaScript.
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)