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

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

Hooper

Vuejs plugin component

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

Verte

Vuejs plugin component

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

Vuse

Vuejs plugin component

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

Align

Advanced text-editor

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

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