Skip to main content
MSH Logo

Blog Articles

Thoughts on software development, web technologies, React, JavaScript, CSS, and everything in between. Explore articles on modern web development practices and frontend engineering insights.

January 6, 2026general
Minesweeper Algorithms Explained
Deep dive into the algorithms behind Minesweeper - grid generation, mine placement, neighbor counting, flood fill reveal, and game state management.
January 6, 2026general
Sudoku Algorithms Explained
Deep dive into Sudoku algorithms - puzzle generation, backtracking solver, constraint validation, and candidate calculation.
December 19, 2025general
Understanding TypeScript Generics
Generics are TypeScript's way of creating reusable components that work with multiple types rather than a single type.
October 4, 2025general
The Mental Model of SQL: Understanding Database Queries
Master SQL with a clear mental model. Learn how SQL queries work, understand JOINs, subqueries, and performance optimization through practical examples and visual explanations.
October 1, 2025Javascript Iconjavascript
JavaScript Weird Parts: Understanding the Quirks
Explore the strange and unexpected behaviors in JavaScript. Learn about equality quirks, type coercion magic, object coercion, and the Abstract Equality Comparison Algorithm with practical examples.
October 1, 2025CSS3 Iconcss
CSS Selectors: A Comprehensive Guide
Master CSS selectors - the patterns used to match and style HTML elements. Learn basic selectors, combinators, pseudo-classes, pseudo-elements, and advanced selector techniques with practical examples.
June 9, 2025react
Understanding React Server Components
Learn everything about React Server Components (RSC) - how they work, their benefits, practical examples, and when to use them in your Next.js applications. Complete guide with code examples.
June 1, 2025react
Atomic Design Principles
Complete guide to Atomic Design methodology for building scalable design systems. Learn about atoms, molecules, organisms, templates, and pages with React examples and best practices.
March 30, 2025react
Understanding React Fundamentals
Complete guide to React fundamentals including components, state management, props, hooks, and Virtual DOM. Learn React basics with practical examples and best practices for modern web development.
January 31, 2025CSS3 Iconcss
Understanding env() Safe Area Insets in CSS
Learn how to use CSS env() function and safe area insets to create layouts that work perfectly on devices with notches, rounded corners, and dynamic toolbars.
June 20, 2024Javascript Iconjavascript
Scope in JavaScript
Master JavaScript scope concepts including global, function, and block scope. Learn about variable accessibility, hoisting, and the differences between var, let, and const with practical examples.
May 10, 2024general
Understanding SameSite Cookies
Master SameSite cookies for enhanced web security. Learn about Strict, Lax, and None attributes, CSRF protection, and browser cookie restrictions with practical examples and best practices.
May 10, 2024CSS3 Iconcss
Auto-fit vs Auto-fill in CSS Grid
Master CSS Grid responsive layouts with auto-fit and auto-fill. Learn the key differences, when to use each, and create responsive designs without media queries using practical examples.
April 8, 2024general
How to Improve Web Accessibility
Complete guide to web accessibility best practices. Learn semantic HTML, ARIA roles, heading hierarchy, accessible forms, and inclusive design techniques to create websites usable by everyone.
March 31, 2024general
Understanding How The Browser's Pixel Pipeline Works
Master browser rendering performance with the pixel pipeline. Learn about JavaScript, Style calculations, Layout, Paint, and Composite stages to eliminate jank and optimize web performance.
March 17, 2024general
What is Cross-Origin Resource Sharing (CORS)?
Master CORS (Cross-Origin Resource Sharing) - understand browser security, preflight requests, credentials, and how to configure CORS properly. Complete guide with practical examples and troubleshooting.
February 25, 2024general
How I Use Zod with Wordle Unlimited
Learn practical Zod validation techniques through Wordle Unlimited. Discover runtime type safety, localStorage validation, error handling, and schema design for game development and data validation.
February 20, 2024Javascript Iconjavascript
Understanding Event Loop in JavaScript
Complete guide to JavaScript event loop - how single-threaded JavaScript handles asynchronous operations. Learn about call stack, callback queue, web APIs, and microtasks vs macrotasks with practical examples.
February 18, 2024general
Deep Dive Into TypeScript Utility Types
Master TypeScript utility types including Partial, Required, Pick, Omit, Record, and advanced types. Learn type manipulation, practical examples, and best practices for type-safe development.
February 11, 2024general
Understanding HTTP Headers
Complete guide to HTTP headers - learn about request and response headers, authentication, caching, CORS, and security headers. Master web communication with practical examples and best practices.
February 8, 2024Javascript Iconjavascript
Type Coercion in JavaScript
Understanding type coercion in JavaScript - the automatic conversion of values from one data type to another. Learn implicit vs explicit coercion with practical examples and best practices.
February 4, 2024general
Data Validation with Zod
Master TypeScript-first data validation with Zod. Learn schema validation, type inference, error handling, form validation, and advanced Zod techniques with practical examples and best practices.
December 29, 2023general
How Browsers Work
Comprehensive guide to browser internals - DNS resolution, HTTP exchange, HTML parsing, DOM construction, CSSOM, render tree, layout, painting, and compositing. Understand browser performance optimization.
November 4, 2023CSS3 Iconcss
Introducing CSS Clip-Path Generator
Discover the CSS clip-path generator tool for creating custom shapes and visually appealing designs. Learn about clip-path property, shape creation, and practical web design applications.
GET IN TOUCH

Let's work together

I build fast, accessible, and delightful digital experiences for the web.
Whether you have a project in mind or just want to connect, I'd love to hear from you.

or reach out directly at hello@mohammadshehadeh.com