# Ismail9k

> Abdelrahman Ismail (Ismail9k), Software Engineer and Tech Lead at CAVU (Manchester Airports Group). Open source maintainer of vue3-carousel. Writes about AI-assisted software engineering, frontend development, and career growth.

## Documentation Sets

- [Ismail9k (Full)](https://ismail9k.com/llms-full.txt): Full text of every published blog post, concatenated as markdown, for LLMs that want the complete content in one request.

## Key pages

- [Home](https://ismail9k.com/): Profile, background, and topics covered.
- [Work with me](https://ismail9k.com/work-with-me): Consulting, training, project collaboration, and mentoring inquiries.
- [Projects](https://ismail9k.com/projects): Open source and product work, including vue3-carousel.
- [Talks](https://ismail9k.com/talks): Speaking engagements and recorded talks.
- [Media](https://ismail9k.com/media): Press photos and speaking/media appearances.

## Blog

- [CSS percentage unit, the evil parts](https://ismail9k.com/raw/blog/css-percentage-unit-the-evil-parts.md): Understanding the tricky behavior of CSS percentage units. Learn when percentages are relative to parent width vs height, and master the transform property for perfect element positioning.
- [Quick CSS Quiz](https://ismail9k.com/raw/blog/quick-css-quiz.md): Test your CSS knowledge with these tricky questions covering margin collapsing, percentage units, line-height inheritance, CSS specificity, and z-index layers.
- [Use JavaScript Optional Chaining, Today!](https://ismail9k.com/raw/blog/use-javascript-optional-chaining-today.md): Learn how to use JavaScript's Optional Chaining operator (?.) to safely access deeply nested object properties. Complete setup guide for Babel, ESLint, and VS Code.
- [Use SVG Icons with Vue.js](https://ismail9k.com/raw/blog/use-svg-icons-with-vue.md): Build a flexible SVG icon component for Vue.js with dynamic sizing, theming, and accessibility features. Includes performance optimization with functional components.
- [Neomorphism designs, UI components library](https://ismail9k.com/raw/blog/neomorphism-designs-ui-components-library.md): Explore the trending neomorphic design style and learn how to create a complete UI components library using dual shadows for that distinctive pushed-through effect.
- [AI-Powered Tools to Get Your Next Software Job Offer](https://ismail9k.com/raw/blog/ai-powered-tools-to-get-your-next-software-job-offer.md): Discover AI-powered tools to streamline your job search process. From resume builders to interview prep platforms, find the right tools to land your next software engineering role.
- [Tailwind CSS: Why It's Not My Cup of Tea](https://ismail9k.com/raw/blog/tailwind-css-why-it-s-not-my-cup-of-tea.md): A critical perspective on Tailwind CSS, exploring concerns about maintainability, readability, and separation of concerns in modern web development projects.
- [The CSS I Knew Has Evolved: Advanced Features, New Identity](https://ismail9k.com/raw/blog/the-css-i-know-has-evolved-advanced-features-new-identity.md): Exploring modern CSS features that have transformed web development - from container queries and CSS Grid to the new CSS logo and advanced layout capabilities that make centering elements trivial.
- [How to Become a 9k Developer](https://ismail9k.com/raw/blog/how-to-become-a-9k-developer.md): What it takes to become a world-class developer: mastering fundamentals, thinking in systems, and building impact — lessons from a decade in software.
- [The Truth About Vibe Coding: From Zero Swift to App Store](https://ismail9k.com/raw/blog/the-truth-about-vibe-coding-from-zero-swift-to-app-store.md): I shipped a complete iOS app in Swift — a language I had never used — to the App Store in three days with AI. What vibe coding can and can't do.
- [The SEO Game Has Changed](https://ismail9k.com/raw/blog/the-seo-game-has-changed.md): Traditional SEO is no longer enough. Learn GEO (Generative Engine Optimization): how to make ChatGPT, Perplexity, and AI search cite you as a source.
- [You Are Using TailwindCSS Wrong](https://ismail9k.com/raw/blog/you-are-using-tailwindcss-wrong.md): TailwindCSS isn't the problem — how you use it is. When utility-first CSS helps, when it becomes technical debt, and patterns that keep it maintainable.
- [Once Upon a Time, Writing Code Was Fun](https://ismail9k.com/raw/blog/once-upon-a-time-writing-code-was-fun.md): Writing code by hand made us sharper — and it was fun. What we lose and gain as AI takes over the keyboard, and what building means in the age of AI.
- [Fixing Claude’s Image Problem: Because I Can Fix Her](https://ismail9k.com/raw/blog/fixing-claude-s-image-problem-because-i-can-fix-her.md): Claude can't generate images — until you wire it to Gemini over MCP. A step-by-step guide to turning Claude into a multimodal agent.
- [After 12+ years of Programming, I Realized I Don’t Love Coding](https://ismail9k.com/raw/blog/after-12-years-of-programming-i-realized-i-dont-love-coding.md): AI didn't just change how I write software — it showed me what I actually love: building things, not writing code. Reflections after 12+ years in software.
- [The Rise of Koshary Code](https://ismail9k.com/raw/blog/koshary-code.md): Vibe coding can turn clean architecture into Koshary — everything mixed together, impossible to separate. How to keep AI-assisted projects maintainable.

## Blog posts

- [The Rise of Koshary Code](https://ismail9k.com/blog/koshary-code): Vibe coding can turn clean architecture into Koshary — everything mixed together, impossible to separate. How to keep AI-assisted projects maintainable.
- [After 12+ years of Programming, I Realized I Don’t Love Coding](https://ismail9k.com/blog/after-12-years-of-programming-i-realized-i-dont-love-coding): AI didn't just change how I write software — it showed me what I actually love: building things, not writing code. Reflections after 12+ years in software.
- [Fixing Claude’s Image Problem: Because I Can Fix Her](https://ismail9k.com/blog/fixing-claude-s-image-problem-because-i-can-fix-her): Claude can't generate images — until you wire it to Gemini over MCP. A step-by-step guide to turning Claude into a multimodal agent.
- [Once Upon a Time, Writing Code Was Fun](https://ismail9k.com/blog/once-upon-a-time-writing-code-was-fun): Writing code by hand made us sharper — and it was fun. What we lose and gain as AI takes over the keyboard, and what building means in the age of AI.
- [You Are Using TailwindCSS Wrong](https://ismail9k.com/blog/you-are-using-tailwindcss-wrong): TailwindCSS isn't the problem — how you use it is. When utility-first CSS helps, when it becomes technical debt, and patterns that keep it maintainable.
- [The SEO Game Has Changed](https://ismail9k.com/blog/the-seo-game-has-changed): Traditional SEO is no longer enough. Learn GEO (Generative Engine Optimization): how to make ChatGPT, Perplexity, and AI search cite you as a source.
- [The Truth About Vibe Coding: From Zero Swift to App Store](https://ismail9k.com/blog/the-truth-about-vibe-coding-from-zero-swift-to-app-store): I shipped a complete iOS app in Swift — a language I had never used — to the App Store in three days with AI. What vibe coding can and can't do.
- [How to Become a 9k Developer](https://ismail9k.com/blog/how-to-become-a-9k-developer): What it takes to become a world-class developer: mastering fundamentals, thinking in systems, and building impact — lessons from a decade in software.
- [The CSS I Knew Has Evolved: Advanced Features, New Identity](https://ismail9k.com/blog/the-css-i-know-has-evolved-advanced-features-new-identity): Exploring modern CSS features that have transformed web development - from container queries and CSS Grid to the new CSS logo and advanced layout capabilities that make centering elements trivial.
- [Tailwind CSS: Why It's Not My Cup of Tea](https://ismail9k.com/blog/tailwind-css-why-it-s-not-my-cup-of-tea): A critical perspective on Tailwind CSS, exploring concerns about maintainability, readability, and separation of concerns in modern web development projects.
- [AI-Powered Tools to Get Your Next Software Job Offer](https://ismail9k.com/blog/ai-powered-tools-to-get-your-next-software-job-offer): Discover AI-powered tools to streamline your job search process. From resume builders to interview prep platforms, find the right tools to land your next software engineering role.
- [Neomorphism designs, UI components library](https://ismail9k.com/blog/neomorphism-designs-ui-components-library): Explore the trending neomorphic design style and learn how to create a complete UI components library using dual shadows for that distinctive pushed-through effect.
- [Use SVG Icons with Vue.js](https://ismail9k.com/blog/use-svg-icons-with-vue): Build a flexible SVG icon component for Vue.js with dynamic sizing, theming, and accessibility features. Includes performance optimization with functional components.
- [Use JavaScript Optional Chaining, Today!](https://ismail9k.com/blog/use-javascript-optional-chaining-today): Learn how to use JavaScript's Optional Chaining operator (?.) to safely access deeply nested object properties. Complete setup guide for Babel, ESLint, and VS Code.
- [Quick CSS Quiz](https://ismail9k.com/blog/quick-css-quiz): Test your CSS knowledge with these tricky questions covering margin collapsing, percentage units, line-height inheritance, CSS specificity, and z-index layers.
- [CSS percentage unit, the evil parts](https://ismail9k.com/blog/css-percentage-unit-the-evil-parts): Understanding the tricky behavior of CSS percentage units. Learn when percentages are relative to parent width vs height, and master the transform property for perfect element positioning.