Douiri Programming - Coding is Fun

Learn how 3D engines actually work.

The new CSS grid-lanes value makes it easy to create masonry grid layouts without JavaScript or hacks.

Decode Mr.

Learn how to make inverted borders in CSS using different methods like clip-path and masking with SVG paths.

Discover the main types of web hosting; shared, VPS, cloud, and more, and learn which one is right for your website.

Learn the math behind range mapping and its implementation in JavaScript.

Learn how to create smooth, gradient borders using pure CSS—fully compatible with border-radius and easy to animate using the @property rule.

Understand the key differences between async and defer attributes in HTML script elements.

Looking for a free and reliable way to host your static or JAMstack website?

Learn how to use CSS beforeunload event in javascript to show unsaved changes confirmation dialog, preventing user data loss.

Learn how to use CSS grid and flexbox to keep your footer pushed to the bottom of the page, even with little content.

Explore our January 2025 Web Roundup.

Learn all your need to know about toggle switches and how to make them with no Javascript by following the best practices.

Catch up on what you missed in our December 2024 Month Round-up.

How to use interpolate-size and calc-size() to animate to/from intrinsic size keywords like auto in modern CSS.

Discover powerful Chrome DevTools features beyond the basics and advanced debugging techniques to boost your web development workflow.

Discover how to use text fragments to link directly to specific text on web pages.

Learn CSS margin and padding with this interactive guide!

Learn how to master form handling in React 19.

Discover 5 essential resources to help developers break free from tutorial hell and start building real-world projects with confidence.

Step-by-Step guide about how to make the google's Material Design input floating label in CSS with no JavaScript, and a bonus tailwind version.

تعلم كيفية إنشاء طبقة تراكب (overlay) بين الصور والكتابة باستخدام سطر واحد فقط من CSS، وذلك من خلال الاستفادة من خاصية border-image المختصرة بذكاء.

boost your productivity and save your time with the best 10 chrome extensions you can use as a Frontend developer.

Learn how to Calculate Any Angle in Your Next UI or Game with JavaScript's atan2() - with practical examples.

Discover how to make responsive web designs without writing any media queries using CSS Grid, Flexbox, and more, giving you more control and cleaner code.

Write cleaner JavaScript with these expert tips!

Make your web development life easier by exploring the most exciting new CSS features introduced in 2024.

Improve your daily coding experience and productivity with our curated list of the top 15 must-have Visual Studio Code extensions for developers.

Learn how to write your HTML and CSS 10x faster using Emmet abbreviations.

Boost your programming efficiency with the top 13 VS Code shortcuts.

Master your keyboard and unlock the power of fast typing.