DevLovers

10 gier, które pomogą Ci opanować CSS 📘

Wiktor Svertoka·
10 gier, które pomogą Ci opanować CSS 📘

1️⃣ Flexbox Froggy Klasyczna gra do nauki Flexboxa w przyjemny i intuicyjny sposób. 🔗 https://flexboxfroggy.com/

2️⃣ Flexbox Defense Gra typu tower defense, w której używasz Flexboxa do obrony trasy. 🔗 http://www.flexboxdefense.com/

3️⃣ Knights of the Flexbox Table Świetna propozycja dla fanów Tailwind i Flexboxa w klimacie fantasy. 🔗 https://knightsoftheflexboxtable.com/

4️⃣ Flexbox Adventure Alternatywa dla Flexbox Froggy z inną fabułą i stylistyką. 🔗 https://codingfantasy.com/games/flexboxadventure

5️⃣ Flexbox Zombies Nauka Flexboxa połączona z fabułą i świetną oprawą graficzną. 🔗 https://flexboxzombies.com/

6️⃣ Grid Garden Jedna z najlepszych gier do nauki CSS Grid — podlewaj marchewki, używając grid layoutu. 🔗 https://cssgridgarden.com/

7️⃣ Grid Attack Gra oparta na CSS Grid, w której musisz powstrzymać demony przed przetrwaniem. 🔗 https://codingfantasy.com/games/grid-attack

8️⃣ CSS Diner Popularna i zabawna gra do nauki selektorów CSS. 🔗 https://flukeout.github.io/

9️⃣ Guess CSS Zgadnij, który selektor CSS odpowiada widocznemu wynikowi. 🔗 https://www.guess-css.app/

🔟 CSS Speedrun Szybkie wyzwanie polegające na precyzyjnym targetowaniu elementów CSS. 🔗 https://css-speedrun.netlify.app/

Polecane wpisy

Awesome Hacking

Awesome Hacking

Awesome Hacking to świetny projekt dla osób zainteresowanych hackingiem lub cyberbezpieczeństwem. To duże repozytorium zawierające darmowe kursy, książki oraz narzędzia dla hakerów i specjalistów ds. bezpieczeństwa informacji. Repo: Awesome Hacking

Wiktor SvertokaWiktor Svertoka·Technologia·
5 małych, ale bardzo przydatnych bibliotek do Reacta ⚛️

5 małych, ale bardzo przydatnych bibliotek do Reacta ⚛️

▶️ 1. Emoji Mart Biblioteka do obsługi emoji pickera w aplikacjach webowych. Wygodnie sprawdza się w czatach, komentarzach i edytorach. gotowy emoji picker łatwa integracja wsparcie dla Reacta 🖥 GitHub ▶️ 2. Loadable Components Biblioteka do dynamicznego importowania komponentów. Pomaga optymalizować wydajność i dzielić kod na mniejsze części. wsparcie dla SSR code splitting dynamic import łatwa integracja 🖥 GitHub ▶️ 3. Logt Lekka biblioteka do typowanego logowania na froncie. Sprawdzi się, jeśli potrzebujesz czytelnych i kontrolowanych logów. wsparcie dla TypeScript kolorowe etykiety logów różne poziomy logowania możliwość wyłączenia logów w production integracja z usługami, np. Sentry 🖥 GitHub ▶️ 4. usehooks-ts Zestaw gotowych hooków React, w pełni typowanych dla TypeScript. Idealny, jeśli nie chcesz pisać podstawowych hooków od zera i chcesz szybciej rozwijać projekt. dobra dokumentacja pełne wsparcie dla TypeScript wiele przydatnych hooków 🖥 GitHub ▶️ 5. Urlcat Mała biblioteka do wygodnego tworzenia URL-i bez typowych błędów. Nawet przy użyciu standardowego API URL trzeba obsłużyć sporo drobnych szczegółów. Urlcat robi to znacznie prościej. proste API minimalny rozmiar działa od razu po podłączeniu 🖥 GitHub

Wiktor SvertokaWiktor Svertoka·Technologia·
100 sposobów na wyśrodkowanie <div>

100 sposobów na wyśrodkowanie <div>

Od nowoczesnych metod po klasyczne — zdecydowanie warto przejrzeć. Link: https://css-generators.com/center/

Wiktor SvertokaWiktor Svertoka·Spostrzeżenia·
10 gier, które pomogą Ci opanować CSS 📘