HTML & CSS articles
HTML and CSS are the building blocks of the front-ends of modern web applications. HTML describes what is on a web-page in the form of elements. The elements can be things like images, text, a table, and many others. CSS is used to style the elements. The tutorials below provide tips and tricks on how to get started with HTML and CSS.- Many visually-impaired users browse the Internet with the use of a screen reader. In this article, you'll learn about various ways to make your content accessible to visually-impaired or blind users.
Accessibility and HTML
- HTML & CSS
- This article covers the design concepts of affordances and signifiers as well as some of their applications in web design.
Affordances, Signifiers, and Clickability
- Code foundations,
- HTML & CSS,
- Web design,
- Web development
- In this article, we'll use Bootstrap to implement these three common website features:
Bootstrap: Creating Menus, Navbars, and Modals
- HTML & CSS,
- Web development
- Learn how to make your sites work across all browsers and browser versions
Browser Compatibility
- Developer tools,
- HTML & CSS,
- Web design,
- Web development
- If you've completed many Codecademy courses, but still find yourself asking, "Where can I write code on my own computer?", then start here!
Create and View a Web Page on Your Computer
- HTML & CSS,
- Web development
- Use the tools on your own computer to start your own HTML/CSS project!
Create Your First Local HTML/CSS Project
- Code foundations,
- HTML & CSS,
- Web design,
- Web development
- Programming reference for CSS covering Comments, Properties, and Selectors
CSS Glossary
- HTML & CSS,
- Web design
- In this article, you'll learn how to use browser developer tools to analyze a web page's HTML and CSS, as well as learn techniques to help speed up your development workflow.
CSS Visual Rules in Chrome Inspector
- Developer tools,
- HTML & CSS
- Overview of CSS3 features used in the Make a Website course.
CSS3 Features
- HTML & CSS
- Learn how to develop Phaser 3 games locally on your own computer.
Developing Phaser 3 Games Locally
- Game development,
- HTML & CSS,
- JavaScript
- What is the ECS architecture? And how does A-Frame use it?
Entity-Component-System
- Game development,
- HTML & CSS
- Visual Studio Code is one of the most popular and powerful text editors used by software engineers today.
Getting Started with Visual Studio Code and Building HTML Websites
- Developer tools,
- HTML & CSS,
- Web development
- Guide on converting CSS to SCSS syntax.
How to Convert CSS to SCSS
- HTML & CSS
- Learn how to customize and configure Tailwind CSS themes, colors, and spacing. A step-by-step guide for beginners to tailor Tailwind to their project needs.
How to Customize and Configure Tailwind CSS: A Beginner Guide
- HTML & CSS
- Programming reference for HTML elements.
HTML Glossary
- HTML & CSS
- In this article, learn more about the differences between HTML classes and IDs.
HTML: Classes vs IDs
- HTML & CSS,
- Web development
- Overview of HTML5 features introduced in Codecademy's Make a Website course.
HTML5 Features
- HTML & CSS
- Learn about HTML5 game development with one of the most popular frameworks, Phaser!
HTML5 Game Development with Phaser
- Game development,
- HTML & CSS,
- JavaScript,
- Mobile development,
- Web development
- Did you know you can add CSS to HTML without using a separate file? In many cases, it comes in handy. Learn when (and when not) to use CSS inline styling.
Inline Styles in HTML
- HTML & CSS,
- Web design
- Create favicons, Crop and Resize Images, and Convert Between File Types
Managing Assets and Icons
- HTML & CSS,
- Web design
- Learn how to use Tailwind CSS to create attractive website animations.
Mastering Tailwind Animations for Beginners
- HTML & CSS
- Learn how React's virtual DOM prevents wasteful DOM manipulation.
React: The Virtual DOM
- HTML & CSS,
- JavaScript,
- Web development
- View and edit an HTML element's box using Chrome DevTools.
The Box Model in DevTools
- Developer tools,
- HTML & CSS
- In this article, we'll take a close look at selecting typeface for site design, and we'll explore how we can utilize fonts to convey content and tone.
Typography Design
- HTML & CSS,
- Web design,
- Web development
- This article will teach you how to set up for web development on Chromebooks so you can do off-platform web development projects on your Chromebook.
Web Programming on a Chromebook
- Developer tools,
- HTML & CSS,
- JavaScript,
- Web development
- Learn about Tailwind CSS utility classes, their importance, and usage through a real-world example.
What are the Utility Classes in Tailwind CSS?
- HTML & CSS
- Discover how the C# language and the ASP.NET framework are used to build websites and web apps
What is ASP.NET Razor Pages?
- C#,
- HTML & CSS,
- Web development
- In this article, you'll learn about digital accessibility and why it is important to incorporate aspects of digital accessibility into websites.
What is Digital Accessibility?
- HTML & CSS,
- Web design,
- Web development