Learn HTML/CSS
All HTML/CSS content:
-
2 Ways to Make Half-Colored Background Page Sections
Tutorial • BeginnerIn this quick tutorial, you’ll learn two ways to split a page section’s background into two colors.
-
How to Create an “AI Quotes Generator” With OpenAI and JavaScript
Tutorial • IntermediateIn this tutorial, we’ll learn how to create an AI Quotes Generator app with JavaScript. This app will demonstrate how to fetch data from the OpenAI API and...
-
How to Build a Text-to-Voice Application With JavaScript
Tutorial • BeginnerLet’s convert text into speech using JavaScript and the WebSpeechAPI. Our app will feature a simple interface where the user adds the text, then clicks a...
-
How to Create a Simple Tip Calculator with HTML, CSS, and Vanilla JavaScript
Tutorial • IntermediateIn this tutorial, we will cover how to create a simple tip calculator with HTML, CSS, and JavaScript.
-
Learn These Viewport-Relative CSS Units (100vh, 100dvh, 100lvh, 100svh)
Tutorial • BeginnerIn this tutorial, we’ll cover the challenges when working with the classic 100vh unit for making full-screen sections and discuss some great alternative CSS...
-
How to Create a 2D Digital Clock with HTML, CSS, and Vanilla JavaScript
Tutorial • IntermediateWouldn’t it be fun to create your own beautiful Digital Clock with basic web technologies? This tutorial will cover how to create a faux-3D digital Clock...
-
Create a Progress Stepper Component (Perfect for Forms)
Tutorial • BeginnerA progress stepper component is a tool added in forms to streamline user interaction by breaking tasks into manageable steps. It offers straightforward...
-
Create a Rotating Text Animation Effect With CSS Variables and JavaScript
Tutorial • IntermediateIn this new tutorial, we’ll learn how to create a rotating text animation effect using CSS variables and JavaScript.
-
How to Create an Emoji Rating Slider With JavaScript
Tutorial • BeginnerIn this tutorial, we will use JavaScript to build a rating emoji component that will allow the user to rate their level of satisfaction by using a slider.
-
Putting the ChatGPT Advanced Data Analysis to the Test (Can ChatGPT Code?)
Tutorial • BeginnerChatGPT Advanced Data Analysis promises to be able to assess data, output graphs, analyze screenshots, and create website code. But does it do what it claims?
-
Build an Infinite Blinking Text Animation With CSS and a Touch of JavaScript
Tutorial • IntermediateIn this new tutorial, we’ll learn how to create an infinite blinking/flashing/highlighting text effect with CSS animations and a bit of JavaScript.
-
How to Integrate Bootstrap 5 Tabs With Chart.js
Tutorial • IntermediateToday, you’ll learn how to incorporate charts generated by the Charts.js charting library into Bootstrap 5 tabs/pills.