Almost a decade of developing WordPress has taught me that detecting certain supported features in a browser is primarily done using JavaScript and libraries like Modernizr. Over the years, I've noticed that identifying specific features that are supported by a [...]
One of the useful features introduced along with the CSS Grid specifications is the 'minmax()' function. This function opens a door for us and enables writing stronger and more concise CSS by doing..
Adopting the flexibility of CSS Grid provides us with the ability to create resilient and robust websites (Frontend Wise), where instead of using specific and fixed sizes, we stretch elements...
In CSS Grid-based layouts – The default in placing elements in the grid itself is by defining the rows, or in fact, defining the grid lines according to which elements will start and end. The Grid Area feature is an [...]
CSS Grid introduced a new measurement unit to the world. It's essentially a new type of flexible unit called the Fr unit. The meaning of Fr is Fractional Unit, where 1fr represents a fraction of the available space.
In this guide, we will explain in detail how to use Flexbox and the justification and alignment properties it offers (among other things) to create grids and various layouts.
A comprehensive guide to using CSS Grid for beginners and advanced users. CSS Grid is a module that allows you to create a grid-based layout using columns and rows. It can be said that until now...
In this guide, we'll show you how to use Google Fonts without relying on their servers. we will show you how to host & load google fonts locally (from your own server).
The @font-face Rule in CSS enables the usage of customized fonts (Custom Fonts) for the text on your website. These fonts can be loaded from an external server using the "url()" function or...
The font-display property determines how fonts loaded using @font-face are displayed on a website, based on whether the font has already been downloaded and is ready to be used or not. To address this issue, where text is present but [...]
In this short post, we'll see how to disable the automatic addition of the srcset attribute to the HTML of images on WordPress websites. If you take a look at the source code of a page on your website that [...]
Cookies are one of the most important web technologies. Cookies were created to store persistent information about users in a browser. The same cookie is a piece of information from a certain website that is stored in the browser, so [...]