CSS · 32 tutorials
Creating a Dynamic Theme System (Light/Dark/Brand) Professionally
We will create a dynamic theme system with CSS variables to create a dark, normal or branded theme. The variable structure in :root We define the…
Topic 32 tutorials
CSS
All the CSS tutorials, from the newest to the oldest.
CSS · 32 tutorials
Advanced CSS in WordPress: A Design System with Variables + Clamp()
This is especially powerful if you want your web to be consistent, maintainable and responsive without relying on 50 media queries. A design system is not…
CSS · 32 tutorials
What are Variables in CSS and How to Use Them
What are variables in CSS Custom properties in CSS (also called variables) allow you to store reusable values, such as colors, sizes or spacings, to use…
CSS · 32 tutorials
CSS Counter: Creating Elegant Numbered Lists
Good morning, today I show you a brief example of how it would be: By default, as we already know, this returns bullets. If instead of…
CSS · 32 tutorials
CSS Counter: Creating Elegantly Numbered Lists
Good morning, today I show you a brief example of how it would be: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link…
JQuery · 4 tutorials
How to Dynamically Generate Options for a Select from JSON Data in JavaScript
Photo by Pixabay In this example, we'll see how to dynamically generate options for a select element in HTML using JSON data and JavaScript. First, let's…
JQuery · 4 tutorials
AJAX Structure with JQuery in JavaScript for Making a POST Call
Photo by James Wheeler In this example, I'm going to show a basic structure for making a POST type AJAX request with jQuery in JavaScript. First,…
JQuery · 4 tutorials
AJAX Structure with JQuery in JavaScript for Making a GET Call
Photo by Yaqui Zanni In this example, I'm going to show a basic structure for making a GET type AJAX request with jQuery in JavaScript. First,…
CSS · 32 tutorials
Menu in HTML, CSS, and JavaScript
To create a horizontal menu with different options that change content based on the selected option, follow these steps. First, create an unordered list (<ul>) representing…
CSS · 32 tutorials
HTML, CSS, and JavaScript Menu
To create a horizontal menu with different options and change the content based on the selected option, you need to follow these steps. First, create an…