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.

general
Understanding TypeScript Generics
Generics are TypeScript's way of creating reusable components that work with multiple types rather than a single type.
general
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.
CSS3 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.
Javascript 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.
react
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.
react
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.
react
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.
Javascript 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.
CSS3 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.
general
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.
general
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.
general
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.
general
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.
general
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.
Javascript 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.
general
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.
general
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.
Javascript 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.
general
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.
general
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.
CSS3 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.

WRITE AN EMAIL

or reach out directly at hello@mohammadshehadeh.com