Rattibha

You want to learn HTML & CSS but don't know where to get started?
🧵

Choose a Code Editor:
💻 Visual Studio Code [VS Code]
💻 Sublime Text
💻 Atom
💻 Brackets
💻 Vim

Learning Platforms:
📌 freecodecamp.org
📌 sololearn.com
📌 developer.mozilla.org
📌 w3schools.com
📌 hkhanacademy.org
📌 codecademy.com
📌 frontendmentor.io

freecodecamp.org

freeCodeCamp.org

Learn to Code — For Free

sololearn.com

Sololearn: Learn to Code

Join Now to learn the basics or advance your existing skills

developer.mozilla.org

MDN Web Docs

The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs...

w3schools.com

W3Schools Free Online Web Tutorials

W3Schools offers free online tutorials, references and exercises in all the major languages of the w...

hkhanacademy.org

codecademy.com

Learn to Code - for Free | Codecademy

Learn the technical skills to get the job you want. Join over 50 million people choosing Codecademy...

frontendmentor.io

Frontend Mentor | Front-end coding challenges using a real-life workflow

Improve your front-end skills by building real projects. Solve real-world HTML, CSS and JavaScript c...

Books:
📚 HTML and CSS: Design and Build Websites, by Jon Duckett
📚 Web designing books by Nick Pettit
📚 The Essential Guide to CSS and HTML Web Design, by Craig Grannell
📚 Smashing CSS, by Eric Meyer
📚 HTML5 and CSS3 All-in-One Book For Dummies, by Andy Harris

YouTube Channels:
▶️ Traversy Media
▶️ freeCodeCamp
▶️ DesignCourse
▶️ The Net Ninja
▶️ Dani Krossing
▶️ Web Dev Simplified
▶️ Florin Pop

Newsletters:
✉️ Accessibility Weekly
✉️ CSS Weekly
✉️ Responsive Design Weekly
✉️ Frontend Focus

Learn CSS by playing games:
🎮 CSS Diner
🎮 Flexbox Zombies
🎮 Grid Garden
🎮 Flexbox Defense
🎮 Flexbox Froggy
🎮 CSS Battle

Docs:
📜 cssreference.io
📜 cssvalues.com
📜 devdocs.io
📜 developer.mozilla.org
📜 w3schools.com
📜 w3.org

cssreference.io

CSS Reference

CSS Reference is a free visual guide to CSS. It features the most popular properties, and explains t...

cssvalues.com

CSS Values | CSS Reference, Properties and Values, Browser Support

Web app to search the syntax and all possible values for any valid CSS property.

devdocs.io/css

DevDocs — CSS documentation

CSS API documentation with instant search, offline support, keyboard shortcuts, mobile version, and...

developer.mozilla.org/en-US/docs/Web…

CSS: Cascading Style Sheets | MDN

Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a documen...

w3schools.com/cssref

CSS Reference

W3Schools offers free online tutorials, references and exercises in all the major languages of the w...

w3.org

Glossary:
📘 codecademy.com
📘 codecademy.com

codecademy.com/articles/gloss…

Free HTML/CSS templates:
🏗️ inovatik.com
🏗️ templated.co
🏗️ tooplate.com
🏗️ html5up.net
🏗️ mobirise.com
🏗️ templatemo.om
🏗️ uideck.com
🏗️ freehtml5.co

inovatik.com

SGPSLOT: Situs Judi Slot Online Bonus New Member 100% Gacor

SGPSLOT adalah situs judi slot online gacor dan slot888 resmi dengan bonus member baru 100% diawal d...

templated.co

tooplate.com

html5up.net

HTML5 UP

Responsive HTML5 and CSS3 site templates designed by @ajlkn and released under the Creative Commons...

mobirise.com

templatemo.om

uideck.com

Free HTML Landing Page Templates and UI Kits | UIdeck

Free HTML Landing Page Templates, Bootstrap Themes, React Templates, HTML Templates, Tailwind Templa...

freehtml5.co

UI inspiration
⧩ siteinspire.com
⧩ uimovement.com
⧩ uigarage.net
⧩ collectui.com
⧩ behance.net
⧩ awwwards.com
⧩ sitesee.co
⧩ onepagelove.com

siteinspire.com

uimovement.com

Screenlane

Only the best mobile and web UI design inspiration, right in your inbox

uigarage.net

UI Garage – Specific UI Design inspiration & Pattern for your design.

Daily UI inspiration & patterns for designers, developers to find inspiration, tools and the best re...

collectui.com

Collect UI

Daily inspiration collected from daily ui archive and beyond. Based on Dribbble shots, hand picked,...

Find icons for your project:
> fontawesome.com
> flaticon.com
> icons8.com
> iconmonstr.com
> freepik.com
> heroicons.dev
> simpleicons.org
> tablericons.com
> css.gg

fontawesome.com

Font Awesome

The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open...

flaticon.com

Free Icons and Stickers - Millions of images to download

Download Free Icons and Stickers for your projects. Images made by and for designers in PNG, SVG, EP...

icons8.com

Free Icons, Clipart Illustrations, Photos, and Music

Download design elements for free: icons, photos, vector illustrations, and music for your videos. A...

iconmonstr.com

iconmonstr - Free simple icons for your next project

Free simple icons for your next project

Choose font for you project:
✍️ fonts.google.com
✍️ fontspace.com
✍️ 1001fonts.com
✍️ fontsquirrel.com

fonts.google.com

Google Fonts

Making the web more beautiful, fast, and open through great typography

fontspace.com

Free Fonts | 100,000+ Font Downloads | FontSpace

Free downloads of legally licensed fonts that are perfect for your design projects. The best place i...

1001fonts.com

1001 Fonts ❤ Free Fonts Baby!

46766 free fonts in 26335 families · Free licenses for commercial use · Direct font downloads · Mac...

fontsquirrel.com

Free Fonts! Legit Free & Quality » Font Squirrel

Handpicked free fonts for graphic designers with commercial-use licenses.

Done with learning? Deploy your projects:
* Netlify
* Firebase
* AWS
* Heroku
* Github Pages
* Vercel
* Surge
* Render
* Gitlab Pages
* Stormkit
* Azure
* Hostman