Git Snaps now include bookmark functionality; you can export and import your bookmarks. Need your help to grow: - Found a bug? - Have an idea? - Want to write a post/lab? Repo & demos here: github.com/rahafebx/git-snaps #Git #GitHub #OpenSource #DevCommunity #BuildInPublic #LearnToCode #React

Rahaf Ebraheem@rahafebx.me · 4w ago

Built Git Snaps during my React & Git learning journey! Wanted to make version control less confusing for myself and others. So I created interactive tutorials + hands-on labs to learn by doing. Repo & demos: github.com/rahafebx/git... Still learning, still building. Feedback welcome! #Git #React

Built Git Snaps during my React & Git learning journey! Wanted to make version control less confusing for myself and others. So I created interactive tutorials + hands-on labs to learn by doing. Repo & demos: github.com/rahafebx/git... Still learning, still building. Feedback welcome! #Git #React

The Website Specification is an attempt at creating a spec, that answers the question “regardless of the stack you build on, what should a good website do? “. This covers 160 topics, organised in a checklist from foundations to accessibility, SEO, security and beyond specification.website/

The Website Specification

A platform-agnostic, full specification of the technical features a good website should have. Built in the open under an MIT licence.

specification.website

A responsible AI standard for inclusiveness means that AI systems are available worldwide, even in developing countries/regions. AI systems can't exclude certain geographies. Me and 20M Syrians read that😏 Same excuses 😮‍💨 They are afraid of us. We are **humans**. بيقتل القتيل وبيمشي بجنازتو

There's an ideal set of sizing constraints for custom <select>, but the CSS is a bit tricky. Here's how to make it work, and a tour of new CSS features along the way. jakearchibald.com/2026/goldilo...

The Goldilocks customizable select height

The 'ideal' sizing is more complicated than you think…

jakearchibald.com

"The secret of #success is to do the common things uncommonly well." — John D. Rockefeller Jr. Achieving extraordinary results doesn't require reinventing the wheel; instead, it comes from executing everyday tasks with exceptional consistency, precision, and dedication. #learning #journey #quote

Find me on X, I've created a new account. x.com/rahafebx0 Your support is important to me, so I won't be suspended again. ☺️ Drop a comment. I'll follow you back. 😊 #support #follow #X #account

Rahaf Ebx (@rahafebx0) on X

A front-end dev who actually cares about how things feel to use. I 💚 Syria

x.com

I use "PDFgear", which provides an "Eye Protection Mode". #pdf #migraine

Rahaf Ebraheem@rahafebx.me · 2mo ago

Browsing websites in light mode really hurts my eyes. This point should be a serious concern in web #accessibility, and every website or application should offer a comfortable dark mode. A lot of people suffer from "migraines", and I'm one of them. Blue and White lights really hurt me.

#a11y #Accessibility #WebAccessibility #InclusiveDesign #WCAG #UserExperience #DigitalInclusion #Usability #PWD

Rahaf Ebraheem@rahafebx.me · 2mo ago

Browsing websites in light mode really hurts my eyes. This point should be a serious concern in web #accessibility, and every website or application should offer a comfortable dark mode. A lot of people suffer from "migraines", and I'm one of them. Blue and White lights really hurt me.

Browsing websites in light mode really hurts my eyes. This point should be a serious concern in web #accessibility, and every website or application should offer a comfortable dark mode. A lot of people suffer from "migraines", and I'm one of them. Blue and White lights really hurt me.

You don't have to force happiness when it isn't there. Sometimes, the best first step is to rest, breathe, and give yourself grace without putting pressure on yourself to "fix" everything. It's completely okay to pause. #overthinking #stress #headache

"Optimism is an occupational hazard of programming: feedback is the treatment." — Kent Beck Because writing code inevitably involves surprises, having a reliable mechanism to catch those edge cases quickly is exactly what separates smooth deployments from all-nighters. #learning #journey #quote 💫

"It always seems impossible until it's done." — Nelson Mandela Daunting challenges often appear insurmountable at first. Yet, with determination, patience, and perseverance, what once felt impossible becomes achievable, inspiring us to push forward. #learning #journey #motivational #quote 💫

Diving into Git & GitHub. This book is really amazing. git-scm.com/book/en/v2 Sometimes, I get confused. It feels like you want to cry 😅, but I keep trying, repeating, and practicing until I get it right. PS. I love Apress books. Advice. Don't give up. Advanced #git & #GitHub #learning #journey

"Great minds discuss ideas; average minds discuss events; small minds discuss people." — Eleanor Roosevelt It is not about entirely avoiding events or people, but rather being mindful of where we spend the majority of our mental energy. #success #journey #quote

"What you get by achieving your goals is not as important as what you become by achieving your goals." — Zig Ziglar, Henry David Thoreau The true value lies not in the reward, but in the evolution of your character through the journey. #learning #journey #quote

A new achievement in my React game journey 🎉 I have built a simple React shop front-end. github.com/rahafebx/sim... In this project, I focused on React necessary basics, so I can move forward with a strong steps. PS. The live demo: rebex-ss.vercel.app #react #tailwindcss #vite #react_router

React state behaves like a frozen snapshot, and calling a state setter function does not alter the variable in the current execution thread, but instead schedules a new render with the new value. This is one of the most fundamental architectural concepts in React. #react #guide #web

The journey of a React component from code to screen goes through three fundamental steps: 1. Triggering a render: A request to start the process. 2. Rendering the component: Calling the component functions 3. Committing to the DOM: Apply changes to the actual webpage. #react #guide

1~👾 React is strictly designed around the concept of functional purity, which means it assumes your components behave like predictable formulas. Why React Cares So Much About Purity: - Time Travel & Interruption. - Performance Optimizations. - Strict Mode Testing #react #guide

"The most important property of a program is whether it accomplishes the intention of its user." — C.A.R. Hoare The true measure of a program's success isn't how clever or complex the code is, but whether it actually solves the user's problem. #software_development

"Skeleton First" or "UI-First Development" is a highly effective workflow in modern web development. - The Static Phase: Focus entirely on syntax, layout, and styling (HTML/CSS or templating). - The Interactive Phase: Shift entirely to logic and state management. #web_design #web_development

X suspended my account 😕. Thank you, X.

1~👾 Avoiding direct data mutation—often called treating data as immutable—is essential for @react.dev to function correctly and efficiently. #react #guide #web

1~👾 Lifting state up is a fundamental React pattern used when two or more child components need access to the same changing data. Instead of keeping independent local states in each child, we migrate the state to their nearest common ancestor. #react #guide #web_design #web_development

"The most effective debugging tool is still careful thought, coupled with judiciously placed print statements." — Brian Kernighan #quotefortoday

A comprehensive guide to React architecture approaches with practical examples, folder structures, and decision frameworks for Atomic Design, DDD, FSD, and Hybrid patterns. rahafebx.github.io/React-Archit... #react #web_design #web_development #guide

I’m not perfect, but I am trying to learn and do my best 😊.

Making the design flexible and extensible correspondingly increases the complexity and understandability of the codebase. We must walk a fine line between the two competing objectives when designing and writing software. #design_patterns

I add a theme color secretion and enhance the color variables. github.com/rahafebx/van... I preferer the dark mode with a blue color scheme. 😎👌 Which one do you prefer? let me know. 😊 Try it here: rahafebx.github.io/vanilla-todo... #github #javascript #app #feature