FrontEnd-Helper

The repository is a work in progress, housing an extensive collection of work examples and articles designed to assist FrontEnd developers in their roles.

HTML

1. HTML Semantic

2. Heading in HTML

3. Important concepts for beginners

4. HTML Common Mistakes

CSS

1. Here, you'll discover useful tricks on leveraging flexbox and grid layouts, alongside curated articles to enrich your knowledge base.

2. Here, you can identify which browsers are compatible with various CSS features.

3. Exploring the Power of CSS Modules: Enhancing Style and Scalability in Web Development.

4. Centering in CSS part 1

5. Centering in CSS part 2

6. EM and REM Explained

7. A Comprehensive Guide to Mastering CSS Media Queries for Responsive Web Design

8. An Engaging Journey Through the Evolution of CSS: Insights, References, and Innovative Ideas

CSS Specific Conceptions

1. Flex Box:

• Complete Guide to FlexBox
• Concepts of FlexBox
• Testing FlexBox
• Interesting game helping you to understand FlexBox
• FlexBox Playground
• Common CSS FlexBox Layout Patterns with Example Code

2. Grid

• Complete guid to Grid
• Grid Layouts

3. Min, Max, Clamp

• Three logical CSS function to use
• Practical Uses of CSS Math Functions: calc, clamp, min, max

4. Fluid Typography

• Fluid Typography Simplified
• Generating font-size CSS Rules and Creating a Fluid Type Scale

Prebuild components that might help you

• Prebuild components in Next
• Sidebar where on click is expanded
• Discrod and Telegram Bot
• Github authentication with NextAuth

Projects that might help you

• Server actions with Infitinit scroll and Framer Motion

Landing pages with Next.js and Tailwind CSS

• Investa langind page