Marko Denic Profile picture
Sep 21, 2020 โ€ข 17 tweets โ€ข 14 min read โ€ข Read on X
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
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
Free HTML/CSS templates:

๐Ÿ—๏ธ inovatik.com
๐Ÿ—๏ธ templated.co
๐Ÿ—๏ธ tooplate.com
๐Ÿ—๏ธ html5up.net
๐Ÿ—๏ธ mobirise.com
๐Ÿ—๏ธ templatemo.om
๐Ÿ—๏ธ uideck.com
๐Ÿ—๏ธ freehtml5.co
UI inspiration

โงฉ siteinspire.com
โงฉ uimovement.com
โงฉ uigarage.net
โงฉ collectui.com
โงฉ behance.net
โงฉ awwwards.com
โงฉ sitesee.co
โงฉ onepagelove.com
Choose font for you project:

โœ๏ธ fonts.google.com
โœ๏ธ fontspace.com
โœ๏ธ 1001fonts.com
โœ๏ธ fontsquirrel.com
Done with learning? Deploy your projects:

* Netlify
* Firebase
* AWS
* Heroku
* Github Pages
* Vercel
* Surge
* Render
* Gitlab Pages
* Stormkit
* Azure
* Hostman
Done with projects? Make a CV:

๐Ÿ“‹ resume.io
๐Ÿ“‹ visualcv.com
๐Ÿ“‹ resume.com
๐Ÿ“‹ novoresume.com
๐Ÿ“‹ wtfresume.com
๐Ÿ“‹ resumake.io
๐Ÿ“‹ flowcv.io
Apply for jobs:

๐Ÿ’ผ stackoverflow.com/jobs
๐Ÿ’ผ flexjobs.com
๐Ÿ’ผ remote.co
๐Ÿ’ผ justremote.co
๐Ÿ’ผ weworkremotely.com
๐Ÿ’ผ remoteok.io
๐Ÿ’ผ jobspresso.co
๐Ÿ’ผ europeremotely.com
๐Ÿ’ผ wfh.io
Good luck! โค๏ธ

โ€ข โ€ข โ€ข

Missing some Tweet in this thread? You can try to force a refresh
ใ€€

Keep Current with Marko Denic

Marko Denic Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @denicmarko

Sep 30, 2024
Use these 5 GitHub repositories to improve your programming skills:
1/ Free Programming Books

Freely available programming books.

github.com/EbookFoundatioโ€ฆ
2/ The Art of Command Line

Master the command line, in one page. Available in 18 languages.

github.com/jlevy/the-art-โ€ฆ
Read 7 tweets
Sep 23, 2024
Free learning platforms:
1/ edX (@edXOnline)

EdX offers interactive online courses from the best universities in the world (MITx, HarvardX, BerkeleyX...).
Subjects include biology, economics, chemistry, computer science, business and more.

edx.org
2/ freeCodeCamp (@freeCodeCamp)

14 certifications available:

1. Responsive Web Design
2. JavaScript Algorithms and Data Structures
3. Frontend Libraries
4. Information Security
5. Scientific Computing with Python
...

freecodecamp.org/learn/
Read 10 tweets
Aug 18, 2024
If you want to read books online for free, open this:
1/ Project Gutenberg

Choose among free epub and Kindle eBooks, download them or read them online.

gutenberg.org
2/ PDF Drive

PDF Drive is a search engine for PDF files. Thousands of eBooks for you to download for free.

pdfdrive.com
Read 7 tweets
Jun 10, 2024
Certifications you can take { for free }:
In this thread, you will find websites where you can get free certifications.

Software Engineering, Marketing, Project Management...
1/ Digital Marketing (by @Google)

There are 26 modules to explore, all created by Google trainers, and packed with practical exercises and real-world examples to help you turn knowledge into action.

learndigital.withgoogle.com/digitalgarage/โ€ฆ
Read 9 tweets
Jun 5, 2024
Use `console.log()` like a pro.

Using `console.log()` for JavaScript debugging is the most common practice. But, there is moreโ€ฆ

๐Ÿงต
1/ The most common Console methods:

console.log() โ€“ For general output of logging information.
console. info() โ€“ Informative logging.
console.debug() โ€“ A message to the console with the log level debug.
console.warn() โ€“ A warning message.
console.error() โ€“ An error message. Image
2/ Custom CSS styles for a console.log():

The `console.log` output can be styled in DevTools using the CSS format specifier. Image
Read 15 tweets
May 13, 2024
CSS generators can save you a lot of time and effort.

Here are the 10 most useful CSS generators:
1. Buttons CSS generator

100+ buttons you can use in your project.

markodenic.com/tools/buttons-โ€ฆ
2. CSS Grid Generator

cssgrid-generator.netlify.app
Image
Read 12 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us!

:(