Learn HTML/CSS
All HTML/CSS content:
-
How to Create a Chrome Extension With Vanilla JavaScript
Tutorial • IntermediateThis tutorial will cover how to build a minimalistic homepage Chrome extension, with JavaScript, designed to help users stay productive.
-
Build a Simple Weather App With Vanilla JavaScript
Tutorial • IntermediateIn today’s tutorial, we’ll learn how to build a weather app that is simple yet fully functional with Vanilla JavaScript. We have a lot of interesting things...
-
Build a JavaScript Dropdown Filter Component With Shareable URLs
Tutorial • IntermediateIn this new tutorial, we'll learn how to create a JavaScript dropdown filter component where each filtering option will have a unique shareable URL.
-
How to Animate on Scroll With Vanilla JavaScript
Tutorial • IntermediateIn this tutorial, we’ll combine CSS animations and JavaScript event listeners to create an animate on scroll feature that works on all browsers.
-
SVG Viewport and viewBox (For Complete Beginners)
Tutorial • BeginnerIn this quick tutorial we’re going to break down exactly what viewport and viewBox are in SVG.
-
Building a Vertical Timeline With CSS and a Touch of JavaScript (Updated)
Tutorial • IntermediateIn this tutorial, we’ll learn how to build a responsive vertical timeline from scratch. First, we’ll create the basic structure with minimal markup and the...
-
How to Create a Typing Test Game with Vanilla JavaScript
Tutorial • BeginnerHow many words per minute can you type? In this tutorial you’ll learn how to create a typing test game with JavaScript. The app will feature a timer that...
-
Learn How to Code a Simple JavaScript Calendar and Datepicker
Tutorial • BeginnerA JavaScript calendar is the best tool to understand date functionalities in JavaScript. This tutorial will create a real-time calendar similar to the one in...
-
How to Make Line Charts in Pure CSS
Tutorial • IntermediateIn this tutorial, we’ll continue our journey into the world of CSS-only charts and go through the creation of line charts.
-
15 Inspiring and Awesome CSS Animation Examples on CodePen
Tutorial • BeginnerCodePen is unquestionably the go-to place to show off what we can do with our web creations. Here’s a list of some of the coolest CSS effects and great image...
-
How to Build a Responsive Navigation Bar With Flexbox
Tutorial • IntermediateTime for a practical exercise in flexbox! In this tutorial we will use flexbox to create a mobile-first, responsive, toggleable navigation bar with different...
-
Create Your Own AI Image Generator App With JavaScript and DALL-E 3
Tutorial • BeginnerIn this tutorial, we’ll build an AI image-generation app with JavaScript. Users will enter text describing the image they want, then behind the scenes we’ll...