Writing & thoughts

Where I break down what I'm learning, building, and figuring out.

• March 13, 2026·4 min read

  CSS Logical Properties for RTL and Arabic Layouts

  Learn how to use CSS logical properties to build layouts that work in both LTR and RTL languages. Includes interactive demos, a property cheat sheet, and migration tips for Arabic and bilingual web projects.

  • CSS
  • RTL
  • Internationalization
  • Arabic
• March 11, 2026·5 min read

  CSS Houdini: Painting Custom Properties with the Paint API

  Learn how to use the CSS Houdini Paint API to create custom backgrounds, borders, and animated effects with paint worklets and custom properties.

  • CSS
  • Houdini
  • Paint API
  • Custom Properties
  • Web APIs
  • Frontend
• March 11, 2026·8 min read

  Card Flip Animation in React Native with React Native Reanimated

  How to build a smooth, production grade card flip animation in React Native using React Native Reanimated with a full interactive demo and complete code walkthrough.

  • React Native
  • React Native Reanimated
  • Animation
  • TypeScript
• March 11, 2026·2 min read

  CSS Container Queries: The Future of Responsive Design

  Learn how CSS Container Queries let components respond to their parent's size instead of the viewport. Includes live drag-to-resize demos.

  • css
  • container queries
  • responsive design
• March 10, 2026·7 min read

  CSS Grid vs Flexbox: When to Use Which

  A practical, visual guide to understanding when to use CSS Grid vs Flexbox. Includes live resizable demos.

  • css
  • layout
  • grid
  • flexbox