Category: Tutorials
Disclosure: Your support helps keep the site running! We earn a referral fee for some of the services we recommend on this page. Learn more
MIDI
One particular problem with MIDI files on the web is common enough to merit special attention. You may find that… Read More...Avoid Common Mistakes Made with Dark Backgrounds
What are the top three mistakes web designers make when working with dark background images and colors? Learn how to avoid these common pitfalls.Getting Started With Forms
Learn how to use text, email, phone, radio button, checkbox, submit, date, and text area form elements in this tutorial as we create the front end of a reservation request form for a fictional hotel.Website Menus: 3 Golden Rules Of Good Navigation
Tutorial on creating fully responsive vertical and horizontal navigation menus including responsive drop down menus that open on click without requiring any JavaScript.Global Attributes
Most HTML attributes are specified to be used with particular elements. However, several attributes are available for use on all… Read More...Designing Web Forms For Usability And Accessibility: A Complete Guide (Including Code)
In this tutorial, learn how to make forms that are accessible and usable by implementing proper design principles and HTML features such as the tabindex attribute and label element.Web Images: Best Practices and HTML Code In One Useful Guide
Learn the correct way to add images to a website. Includes tutorials on the proper use of alternative text, how to create image maps, and using CSS and JavaScript for image transformations.How to Create Simple Image Transformations
Image transformations are a common feature of modern web design. This tutorial will teach you how to use CSS to transform an image when a website visitor hovers over it.Form Styling and Design
Learn how to design and style a form to make the best use of the available space and produce an attractive visual design.Popup Windows Made Easy: Here's The JavaScript Code To Copy And Paste
Please note: All of the scripts in this tutorial are completely functional. However, some of the properties are no longer… Read More...Want To Style Text In Newspaper Columns? Grab Our CSS Guide & Get Started
How to create a newspaper or magazine style column layout using the CSS columns property. This tutorial includes examples of how to implement all CSS columns properties including count, width, gap, rule, span, and fill.JavaScript: Here’s What You Need To “Learn JavaScript Deeply”
If you were to ask a developer back in the early 2000s what the most important programming language for web… Read More...HTML5 Basics For Everyone Tired Of Reading About Deprecated Code
You’ve probably seen many references to HTML5, along with mentions of certain features being “Deprecated” or “New” in HTML5. This… Read More...HTML Tables: Find Out When To Use Them (And When To Avoid)
A complete tutorial and reference to creating tables using HTML. Includes all table tags and all associated attributes.CSS Styling Tutorial To Clean Up Your HTML Tables Today
Learn how to style HTML table borders, backgrounds, text, and more. This tutorial will also you teach you how to create a fully-responsive table that renders beautifully on devices of all sizes.Every Way Possible To Embed Modern Media With HTML Code
The HTML5 audio and video elements add native media playback capability to modern web browsers. Learn how to use these new HTML5 elements in this tutorial.Want To Create Images As Links With Or Without Borders? Here’s How
Years ago, many web browsers automatically added a border around image links. Adding borders around image links rendered in modern browsers must be done manually, and this tutorial shows you how.Easy Tutorial For Creating HTML Tables That Add Value To Pages
This tutorial teaches how to create HTML tables and covers all of the main table elements as well as the rowspan and colspan attributes.Learn How Fonts And Web Typography Work In HTML: A Beginner's Guide
A complete reference to font stacks, web fonts, and web typography. Learn how to design and set the presentation of text on your website.In this section we'll talk about setting the fonts in your page: maki
HTML Web Forms Tutorial For Coding Beginners
This guide to HTML forms introduces all of the elements and attributes used to create forms for the web. New HTML5 form elements such as datalist and output are also covered.HTML Document Structure Before And After HTML5 – Here’s What Changed
HTML5 includes several new tags which you can use to add rich semantic meaning to your markup. In this short tutorial, we'll show you how to use these new tags and how to use them to create an HTML template.Are You Using Cookies? Then This Ultimate Guide Is For You
Cookies, or, to give them their formal name, HTTP cookies, are text files made up of tiny bits of data,… Read More...HTML Frames Are Obsolete In HTML5: Here's How To Make Them Responsive
Frames tutorial and complete description of HTML tags for frames. Includes examples of different frames techniques.Frames allow you to divide the page into several rectangular areas and
Intimidated By CSS? The Definitive Guide To Make Your Fear Disappear
A complete reference for cascading style sheets including proper CSS syntax, the use of hooks to target web page elements, methods of linking styles to an HTML document, inheritance and specificity, and other advanced CSS resources.What On Earth Is Semantic Markup? (And Why Should You Learn To Write It)
In this tutorial you will learn what semantic markup is, why it is important, and how you can ensure that the HTML you write is semantically meaningful and accurate.What Is Metadata In HTML Documents?: Head Elements Explained
The head element of an HTML document contains instructions for web crawlers and browsers about how to understand, index, and display your website. In this tutorial you'll learn about the most important pieces to include in the head element and the proper syntax for each.Lists Bring Order To Web Pages: Here’s The HTML Code To Create Them
HTML lists may be ordered, unordered, or descriptive. Learn when to use each type of list and the correct syntax for adding lists to an HTML document.HTML Anchors: Here’s How To Create Links For Fast Navigation
Learn how to create HTML hyperlinks. This guide covers the anchor element and all of it's attributes.8 Invalid HTML Elements You Should Stop Using Immediately
Applets, frames, acronyms, and the use of tables for page layout are just a few of the invalid HTML practices covered in this tutorial.