HTML & CSS

After this skill you can…

• Build a responsive layout with CSS Grid and Flexbox
• Write semantic, accessible HTML5
• Implement a mobile-first responsive design

Watch (10 videos)

Live-code a dropdown navigation | HTML, CSS, and JavaScript

Scrimba · beginner hands-on

→ Build a dropdown navigation with HTML and CSS→ Implement interactive elements with JavaScript

Live-Code a Netflix card clone with HTML and CSS | frontend web development

Scrimba · beginner hands-on

→ Build a Netflix card clone with HTML and CSS→ Apply CSS styles for responsive design

Create a Dribbble-Like Swiping Animation with HTML & CSS

DesignCourse · beginner hands-on

→ Create animations with HTML and CSS→ Build frontend designs

CSS grid cards with animated hover effect | HTML/CSS

Coder Coder · beginner hands-on

→ Build responsive CSS grid cards→ Create animated hover effects

Editing Salesforce Visualforce Pages (Part 3) - Live Coding with Jesse

freeCodeCamp.org · beginner hands-on

→ Edit Salesforce Visualforce pages→ Use HTML, CSS, and JavaScript for frontend development

How to Make a Landing Page using HTML, SCSS, and JavaScript - Full Course

freeCodeCamp.org · beginner hands-on

→ Build a responsive website with HTML and CSS→ Create a landing page with JavaScript

Live-Code with Us: Fix the accessibility issues | HTML, CSS & JavaScript

Scrimba · beginner hands-on

→ Fix accessibility issues→ Write semantic HTML

Live-code a masked password input with us | JavaScript, CSS, HTML

Scrimba · beginner hands-on

→ Build a basic web page with HTML and CSS→ Add interactive elements with JavaScript

JavaScript + HTML5 GameDev Tutorial: 8-Ball Pool Game (part 2)

freeCodeCamp.org · beginner hands-on

→ Create game graphics using HTML5→ Style game elements with CSS

Can I clone this weird border design?

Kevin Powell · beginner hands-on

→ Clone a border design using HTML and CSS→ Use GitHub for version control

Read (10 articles)