Flexbox Made Easy: A Complete Guide for Developers
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.
Tutorials & Guides, Freelance WordPress Developer | Page 27
CSS Grid – The Complete Guide for Developers & Designers
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...
Host & Load Google Fonts Locally on Your Own Server
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).
How to Load Custom Fonts Using @font-face
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...
CSS “font-display” Property: Improve Speed & User Experience
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 [...]
Disable srcset Attribute for Responsive Images in WordPress
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 [...]
JavaScript & Internet Cookies: Developers Essential Practices
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 [...]
What is Cache in WordPress? Types and Benefits Explained
Caching is a mechanism that allows storing data in a specific way that enables quicker and simpler access to the information than retrieving it from the source.
JavaScript For Loops: A Beginner’s Guide with Examples
Loops allow us to run a specific piece of code multiple times as desired. In this post, we will specifically focus on the 'for' loop in JavaScript and present examples that use the loop to achieve various tasks.
How to Style External Links Differently Using CSS
I am constantly improving the user experience and the appearance of my website, especially the look and feel of the blog. Yesterday, while going through one of the posts, I noticed that there are quite a few external links in [...]
Optimizing Contact Form 7 for Better Performance
Contact Form 7 is one of the most popular plugins for building forms in WordPress. It supports form customization, works with Ajax, and integrates with CAPTCHA. However, most websites use it on a single page, typically the contact page. Despite [...]
How to Allow Gutenberg Editor for Custom Post Types
Gutenberg has been the default editor in WordPress since version 5.0. However, it does not automatically appear for Custom Post Types (CPTs). By default, custom post types use the classic editor. To enable the block editor for a CPT, two [...]