How to Use the ‘download’ Attribute For Your Websites – HTML5 Tutorial

In this video I’ll be showing you how to create “download” links for use on your websites or web applications. This is done using the new HTML5 “download” attribute. Support…

Read More »

HTML Tutorial – The ‘for’ attribute on labels and input fields

A quick video today on the ‘for’ attribute within HTML. We take a look at what it’s used for and how exactly you would implement it. When I first started…

Read More »

Intro to CSS Grid – Create a Basic Layout – Web Design Tutorial

In this tutorial I’ll be showing you how to create a basic website layout using CSS Grid – with support for a 3-column content layout. Support me on Patreon: https://www.patreon.com/dcode…

Read More »

Virtual Keyboard in JavaScript – HTML, CSS & JavaScript Tutorial (Project Video)

Link to code: Google Material Icons: https://google.github.io/material-design-icons/#icon-font-for-the-web In this video we’ll be creating a virtual keyboard using pure HTML, CSS & JavaScript (no libraries required). This is done from scratch…

Read More »

How to Create a Progress Bar With Animations – HTML & CSS Tutorial For Beginners

In today’s tutorial we’ll be creating an easy-to-use animated progress bar using HTML and CSS. The value of the progress bar can either be updated on the server-side or dynamically…

Read More »

Card Layout (Design) Tutorial with HTML & CSS Grid – Web Design Tutorial

Link to code: In this video tutorial I’ll be showing you how to create a card design (or layout) using plain HTML & CSS Grid. This style of web design…

Read More »

Intro to CSS Grid – Create a Basic Layout – Web Design Tutorial

In this tutorial I’ll be showing you how to create a basic website layout using CSS Grid – with support for a 3-column content layout. Support me on Patreon: https://www.patreon.com/dcode…

Read More »

Styling HTML tables with CSS – Web Design/UX Tutorial

View the code on CodePen: In this video we’re going to take a look at how to style HTML tables using CSS – this is an example of how I…

Read More »