Search for a command to run...
Hello. Today I'm making a simple slideshow using cool CSS and JS features. I'm gonna be using: CSS variables CSS transformations CSS functions CSS grid JS Proxy The HTML <div class="slideshow"> <div class="slides-container"> <div class="slid...
In this post I will demonstrate how to create a brand logo grid like the one below: The tricky part of such a grid is the colored gap between the logo tiles. The solution I came up with, I think is acceptable. I added a 1px box-shadow to the grid it...
When creating a multilingual web page you might need to handle languages written from right to left. This comes with some design issues. First, you must add the dir attribute to your root (<html>) element. But the dir attribute alone cannot tackle ev...
Hello again. In this post, I'm going to share a thought I had. For the last six months, I've been struggling with not-so-interesting work. It was some things that I had to do that were so boring I almost believed that I didn't like my job anymore. I ...
When we need to show a list of items, such as products in a product list page, we have the following two css alternatives: display: grid display: flex I will demonstrate both here and I will explain why I choose one over the other. Usually, we have...
I was recently working on implementing a new design for a project. The site branding had two main colors, and, even though it was not in the design, I thought I would change the scrollbar background to the primary branding color. It was better than t...
There are times when you need to run some code as a specific user. You might want to send an email and the content is subject to the receiving users’ permissions on the site. Sometimes you might need to run some code as user 1 and not the logged-in u...
