This website requires JavaScript to deliver the best possible experience.

Hello world, I'm Abdelrahman a Web Developer, writer, and a good father.

I’m obsessed with performance and design patterns. I also love to add life to any project using SVG web animation.

Abdelrahman Ismail

I work 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

Blexar

Framework

Blexar is An HTML, CSS and JavaScript framework for developing responsive modern web interfaces, focused on usability and minimal sizes, with all the necessary extensions.

Hooper

Vuejs plugin component

Vue.js carousal component, optimized to work with Vue.

Verte

Vuejs plugin component

A Color picker component. Built from the bottom to work with Vue.js and also comes in a vanilla version.

Vuse

Vuejs plugin component

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

Align

Advanced text-editor

Align is an advanced text editor that offers a rich post building experience. It has many several components that are customizable to the core.

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