
CSS Reverse Engineering for Facebook’s Main Feed
I just created Facebook’s main feed, in CodePen, fully responsive design. With nicer CSS/HTML than the original one. Live in CodePen:

Understanding the CSS Box-Model
The box-model is one of the basics things in CSS and HTML. But even in 2020, lots of web developers don’t understand the idea of how box-model behaves. So, in this article, I will explain the basic logic of the box-model and why it is called the box-model. Besides, I will also give you a…

How to Create Pure CSS Games (Talk)
In this time of the coronavirus epidemic, a lot of our plans have canceled. From every bad situation, we need to try to see the good thing in it. For my self, I use my free time at home to create a pure CSS game. In my new talk, I will explain to you lots…

The New CSS Logical Properties
In my new talk , I will explain you how the new world of CSIn my new talk, I will explain to you how the new world of CSS Logical Properties is going to change all the way you are working with CSS. In this new way, you will get better support for different types…

CSS Basics for Typography
CSS Basics In 2020 there are a lot of developers and designers who want to learn the basics of CSS. In this series of articles, I will teach you those main topics. In this specific article, I will review the essential CSS properties of typography while using many visual examples. font-family This font-family property is…

The CSS Keywords That No One Really Understands!
CSS has default keywords for various values. In this talk, I’m talking about four of them: initial, inherit, unset, and the new one revert. There’s a good chance that although most web developers have encountered them, many of even the most experienced ones don’t fully understand them.

How to Create Pure CSS Games
How I Built a Pure CSS Game — No JS The dynamic of the internet is associated most of the time with JavaScript language. But it has been quite a while since CSS has been able to provide you with some of those possibilities. In order to test these possibilities, I have decided to create my own Pure…

Learning How to Create CSS Creatures
During these crazy times, of the Coronavirus pandemic, we, the web developers of the world, spend almost all-day at home. On one of those weekends, when I got bored, I decided to create a new inspiration game, which is built only with CSS and HTML. In this article, I will teach you how I created…

The Coronavirus Invaders! Pure CSS Game
I just created Pure CSS Game! (No JS). Try, how many Coronavirus are you able to eliminate?😃 Full page game:https://codepen.io/elad2412/full/wvabjXyEditor view:https://codepen.io/elad2412/pen/wvabjXy

Reverse Engineering WhatsApp Web’s CSS
If you’re like the majority of readers, recreating CSS and HTML by reverse engineering might look suspicious to you, and you might wonder what could be the benefits of doing such a thing. In my opinion, playing with — or recreating — code that interests you, is the best way to learn and to enjoy what you do. The…
Loading…
Something went wrong. Please refresh the page and/or try again.
Follow My Blog
Get new content delivered directly to your inbox.