Performance
Career
HTML+CSS
JavaScript
Life
Git
React
TypeScript

 •  10 min read

How to Optimize the Web for the Worst User Conditions?

As a matter of a fact, there are a lot of uncertainty about the user of the web, and that is what makes it exciting…

 •  6 min read

Tracking Your Interviews is Extremely Important (+Template)

Any Interview has usually at least 2 actors, interviewee (the person who get interviewed) and Interviewer (the person who conduct the interview) I would refer…

 •  7 min read

How to Create Automated OG Images using Satori

In this post I will take you in a journey on creating an automated yet customized open graph image per post for your blog, just…

 •  5 min read

The Stack I used to Build My Blog in 2024

I deal with my blog the same as I deal with iphone, I have to replace it every 4 years, first couple of years usually…

 •  9 min read

[2023 Recap] More Talks 🎙️, New Son 🐣, New Website 🎉

Well, it was a hard year, however some planned goals from last year has been achieved, some unplanned things happened, but I am writing this…

 •  13 min read

New Job? Negotiate as if your life depends on it

Software engineers are in need for a lot of softskills alongside with the technical ones, they need to know how to deal with team members…

 •  5 min read

Slow Start and Congestion Control

The simplest form of client/server communication is: a client (browser) sends a request for a specific resource and the server of the website sends the…

 •  4 min read

Why Your Internet is Limited?

The internet infrastructure began in the 1960s. The development of TCP/IP in the 1980s created the foundation of the modern internet. Commercialization began in the…

 •  9 min read

[2022 Recap] Rewards, Career Updates, and more

Hey future me! It's your past self, checking in as I do every year. Just wanted to give you a little pat on the back…

 •  16 min read

Cracking the Frontend System Design Interview

In this article I'm giving my own experience studying and passing in the FE system design interview in several high standard tech companies, I believe…

 •  11 min read

Optimize Data Fetching 🚀

In this new post in Performance, I want to focus on a very vital reason for a poor performance web app which is fetching data…

 •  7 min read

Measuring web performance, How fast is fast?

Any challenge in life is important to be objective in order to be fixed or to be proven fixed, in software performance we can do…

 •  6 min read

My first time on stage, feelings and lessons

Public speaking is both intimidating and exciting in the same time, I would like to share with you in this quick post my experience being…

 •  7 min read

What makes the web slow? browser's bottleneck

In this article, I will explain briefly How the web works, and explain the core reasons behind the slowness of the web, specially browser's main…

 •  5 min read

Why Performance Matters?

Performance optimization is essential knowledge for all web developers nowadays, not optional or a fancy thing to brag with anymore, in this article I will…

 •  5 min read

How to become a Google Developer Expert? 4 steps

I'm so happy to write this article as a good memory first and as a **How to** become a GDE second, I was rewarded recently…

 •  7 min read

[2021 Recap] Learnings, Achievements, and more 🧠

By the end of the year, I would like to share some of what I've learned and what I've achieved, and some good habits that…

 •  3 min read

Chrome renders emoji's wrongly [resolved]

I was working on a multilingual website and faced weird things about translating flag emojis in chrome that I want to share with you in…

 •  16 min read

Using Monorepos Is Not That Bad [Case Study]

The decision either to use or not to use monorepos has been very difficult for a lot of reasons, specially when you make a quick…

 •  8 min read

JavaScript Anti-patterns

Usually people search for patterns to follow but some searches for the anti-patterns to avoid, In my opinion both are equally important, by knowing them…

 •  4 min read

Best Refinement strategy for bigger teams

We faced lately in our team an issue of wasting time, in a lot of the meetings (scrum ceremonies) most people are silent and a…

 •  3 min read

Unleash was a great solution for our CI/CD

Recently we were checking in my team at work ways to accelerate the pace of delivery, we found that most of the issues that makes…

 •  4 min read

Evaluations are broken and will never be 100% fair ✋

Last week I wrote a quick thread on twitter but you know tweets could get buried any way with others so I decided to move…

 •  8 min read

[2020 Recap] Actually, it was a great year 🤩

Well, I was betting on this year to achieve quite a lot of things, and in fact the first half of it was for me…

 •  8 min read

5 different ways to create a ticket layout

Well, last week I've created a post about Gradient borders with curves and 3D animation in CSS, which was a trial to clone the Nextjs…

 •  9 min read

Gradient borders with curves and 3D animation in CSS

On 27th of October 2020 is the first global conference of Next.js, I'm so excited about it as a React developer, That's why I've registered…

 •  6 min read

Dark mode easily on web

Dark mode 🌒 has been a trend for the last few years, and you can find almost all website enable that, including famous ones like…

 •  2 min read

Accept all LinkedIn connections at once easily

It's all about enjoying the fact that you are a developer, to fix a relatively big issues that took long time in a very small…

 •  6 min read

Merging 2 git repos with persisting commit history

Lately I faced a case for the first time in my career to merge 2 working repos with large amount of logs into one repo…

 •  8 min read

Cloning hey pin menu using CSS and JavaScript

The best way to strengthen the basics of web development or precisely to be a good frontend developer is to practice HTML, CSS, and JavaScript…

 •  1 min read

RCH v1.2.0 went open-source 🎉

After the good impact I got from my PoC that I created recently about the small library I created called react change hightlight, which was…

 •  5 min read

Enhancements in my Gatsby Blog

As you might know, this website is built using gatsby which is built using react, recently I'm working hard to make my blog better and…

 •  2 min read

Paths and baseUrl in tsconfig.json

Hey! in this short and quick note I'd recommend to everyone to use in the current or in the future typescript projects you are going…

 •  2 min read

React change highlight (npm lib)

React Change Highlight is a react component to highlight changes in the wrapped component to enhance the UX and grap the focus of the user…

 •  1 min read

FastCode 2018 - ES6 Series

This is an ES6 (aka ES2015) series in Arabic, I've created in Ramdan2018 on YouTube for `Free`. It helps you to learn or revise on…

 •  3 min read

Five Rules to write a better commit message

Writing clean commit messages is very important in all cases, even some products are relying on the commit messages to autogenerate the changelog, of course…