Most of us validate emails the simple way:
— there is an @
— there is a dot in the domain
— looks valid
But the reality is much more complex. Email formats are defined by RFC standards and include many edge cases that are easy to miss.
Test your knowledge: https://e-mail.wtf/
1️⃣ Flexbox Froggy One of the most popular beginner-friendly games for learning Flexbox. 🔗 https://flexboxfroggy.com/ 2️⃣ Flexbox Defense A tower defense-style game where you use Flexbox to protect the path. 🔗 http://www.flexboxdefense.com/ 3️⃣ Knights of the Flexbox Table A fantasy-themed Flexbox game, perfect for Tailwind lovers. 🔗 https://knightsoftheflexboxtable.com/ 4️⃣ Flexbox Adventure A Flexbox learning game similar to Flexbox Froggy but with a different theme. 🔗 https://codingfantasy.com/games/flexboxadventure 5️⃣ Flexbox Zombies Learn Flexbox through an engaging storyline and immersive design. 🔗 https://flexboxzombies.com/ 6️⃣ Grid Garden One of the best ways to learn CSS Grid by watering carrots using grid layouts. 🔗 https://cssgridgarden.com/ 7️⃣ Grid Attack A CSS Grid-based game where you reshape the land to defeat demons. 🔗 https://codingfantasy.com/games/grid-attack 8️⃣ CSS Diner A fun and popular game for learning CSS selectors. 🔗 https://flukeout.github.io/ 9️⃣ Guess CSS Test your CSS knowledge by guessing the correct selector based on the result. 🔗 https://www.guess-css.app/ 🔟 CSS Speedrun A fast-paced challenge focused on writing precise CSS selectors. 🔗 https://css-speedrun.netlify.app/
Viktor Svertoka·Tech·
📒 JavaScript Interview Questions The most popular JavaScript interview questions and answers to help you prepare for technical interviews. 👉 GitHub: https://github.com/DevLoversTeam/javascript-interview-questions 📒 Algorithms and Data Structures in JavaScript A complete set of algorithms and data structures with explanations and implementation examples. 👉 GitHub: https://github.com/trekhleb/javascript-algorithms 📒 33 JavaScript Concepts Every Developer Should Know A great roadmap for building a solid understanding of JavaScript — from scope and closures to async and the event loop. 👉 GitHub: https://github.com/leonardomso/33-js-concepts 📒 Clean Code JavaScript An adaptation of the Clean Code principles specifically for JavaScript projects. 👉 GitHub: https://github.com/ryanmcdermott/clean-code-javascript 📒 JavaScript Cheat Sheet A handy JavaScript cheat sheet that often comes in useful in real-world projects. 👉 GitHub: https://github.com/mbeaudru/modern-js-cheatsheet 📒 Best Practices for Testing JavaScript Comprehensive guidelines for testing JavaScript and Node.js applications. 👉 GitHub: https://github.com/goldbergyoni/javascript-testing-best-practices
Viktor Svertoka·Insights·
✅ Material UI — a React component library implementing Google’s Material Design. 🔗 https://mui.com/ ✅ Ant Design — a popular React UI library for enterprise-grade applications. 🔗 https://ant.design/ ✅ React-Bootstrap — one of the most widely used React UI libraries. 🔗 https://react-bootstrap.netlify.app/ ✅ PrimeReact — a rich open-source UI component suite for React. 🔗 https://primereact.org/ ✅ HeroUI — a high-performance, full-featured UI library for React. 🔗 https://www.heroui.com/ ✅ Chakra UI — a modern and accessible React component library. 🔗 https://v2.chakra-ui.com/ ✅ Semantic UI React — official React integration for Semantic UI with 100+ components. 🔗 https://react.semantic-ui.com/ ✅ Grommet — a responsive React UI library focused on accessibility and scalability. 🔗 https://v2.grommet.io/ ✅ Onsen UI — an open-source React UI library optimized for mobile apps. 🔗 https://onsen.io/ ✅ CoreUI — a customizable UI library for building responsive web apps. 🔗 https://coreui.io/react/ ✅ Blueprint UI — an open-source UI toolkit by Palantir Technologies. 🔗 https://blueprintjs.com/ ✅ RSuite — a collection of high-quality React components. 🔗 https://rsuitejs.com/ ✅ Mantine — a complete React UI library with 100+ components and 50+ hooks. 🔗 https://mantine.dev/ ✅ React-Admin — a powerful React UI framework for B2B applications. 🔗 https://marmelab.com/react-admin/ ✅ Radix UI — accessible, unstyled components for building custom design systems. 🔗 https://www.radix-ui.com/ ✅ shadcn/ui — component collection built with Tailwind CSS and Radix UI. 🔗 https://ui.shadcn.com/ ✅ Headless UI — accessible headless UI components for Tailwind CSS. 🔗 https://headlessui.com/ ✅ Park UI — a modern React UI library built on Ark UI and Panda CSS. 🔗 https://park-ui.com/ ✅ Tailwind UI (Plus) — the official UI component library by the Tailwind CSS team. 🔗 https://tailwindcss.com/plus
Viktor Svertoka·Tech·