I'm Abdelrahman Ismail, a web developer, writer, and pro gamer.

I’m obsessed with performance, new techniques, and web animations.

Abdelrahman Ismail

I worked on

Design systems and many open-source tools that aim to introduce new better solutions for both the end-users and developers. I’m obsessed with performance and design patterns. I also love to add life to any project using SVG web animation.

Complete RΓ©sumΓ©

Tools & Technologies

  • Vue.js
  • JavaScript (ES6)
  • HTML (via Pug.js)
  • CSS (via Stylus/Sass)
  • Webpack
  • Gulp.js
  • Rollup
  • Node.js
  • Version control (Git)
  • Adobe Illustrator

Other Skills

  • SVG Animation
  • Design Patterns
  • Digital illustration
  • Best Practices
  • Performance
  • Leadership
  • 53 words per minute
  • WCAG



An open-source CSS framework based on Flexbox. Blexar built to give maximin usability in small places, with a stunning designed component.


Vuejs plugin component

A customizable high-performance accessible carousel slider component, optimized for Vue.


Vuejs plugin component

Vuse provides the necessary tools to easily create an interactive page builder powered with Vuejs framework.


Advanced text-editor

Align offers a unique and rich post building experience, built using vanilla JavaScript.

Use SVG icons with Vue.js

Many developers prefer to use the font-icons over the SVG ones because it has a simpler syntax, and it integrates seamlessly with almost any front-end component library. In this article, I will try to demonstrate the technics I follow to make it easily to SVG icons.

read more

Use JavaScript Optional Chaining, Today!

Optional Chaining is a new JavaScript API that will make developers' lives easier :D. Optional Chaining is currently at Stage 3, and soon enough will be part of the language itself, but we can use it, today.

read more

Quick CSS Quiz Series

CSS might be a total mystery to you or a topic that’s near and dear to your heart. Whether you think of CSS as a "necessary evil" or think of it as the power to control the world of technology, CSS is a must-have for anyone working on web applications.

read more

CSS Abuse

It’s all about CSS. All authors here either forgot to use JavaScript or they had disabled it in their browser and can not enable it back again; so they had to finish the job using only pure CSS.

read more

CSS percentage unit, the evil parts

It should be one of the easiest CSS concepts to understand, the percentage CSS data type represents a percentage value, a percentage is a ratio expressed as a fraction of 100, so it has to do some calculations to get the final computed(absolute) value.

read more