Important CSS Concepts To Learn 🧵 🔽

CSS is used to layout & style pages by defining groups of styles that are applied to elements.

If you are just starting out, learn the following concepts to gain a strong foundation & understanding of the language.

#CSS #CodeNewbies The explanations below are a brief overview of each concept. Read the recommended articles to get in-depth explanations of each concept.

The first step to gaining a stronger understanding of CSS is to learn how Cascading, Inheritance & Specificity control how rules are applied:

🛠️ 8 useful tools I use for faster and easier Web Development.

A thread 🧵 🔽

#CodeNewbies #WebDevelopment #tools metatags.io

With Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, Twitter and more when shared.

As developers, we spend a lot of time sitting at our desks.

Good sitting posture improves blood flow, keeps your nerves & blood vessels healthy, & supports your muscles, ligaments & tendons.

🧵 Try out these tips to get you sitting correctly at your desk: 🖥️ Monitors

The top of your screens should be at or just below eye level.

Tilting the monitor back 10° to 20°, our eyes should look slightly downward when viewing the middle of the screen to promote a healthy sitting position.

Learn CSS Grid for #FREE thread 🧵

Want to learn CSS Grid for free but not sure where to start?
I've compiled a list of free resources that covers:

🧬References
📖Complete Guides
📝Tutorials & Examples
🛠️Tools

⬇️⬇️⬇️

#100DaysOfCode #CodeNewbie #CSS #CSSgrid References

W3C - w3.org/TR/css-grid-1/

MDN CSS Grid - developer.mozilla.org/en-US/docs/Web…

CanIUse - caniuse.com/#feat=css-grid

The Ultimate JavaScript Free Resources Thread 🧵

Want to learn #JavaScript for free but not sure where to start? I've compiled a list of free resources that covers:

📘 Books
🖥️ Websites
📝 Free Courses
🎥 Youtube Channels

⬇️⬇️⬇️⬇️

#100DaysOfCode #CodeNewbie #Frontend #webdev 📘 Books 1/2

Search Google for any of these #free books, they will show as one of the top results.

Download or read them online, they will provide you with a deep understanding of JavaScript.

- Eloquent JavaScript
- You Dont Know Js
- Learning JavaScript Design Patterns

🧵Design Tips for Developers 🧵

With so much to learn, design is easy to neglect but learning a few basic design principles is a great investment for any developer.

Apply the following to your own projects to make a huge visual difference 👇

#100daysofcode #CodeNewbies #webdev Color

Keep it simple. Color should be used sparingly to highlight important information and CTAs.

For the rest of your site, use a color generator. They follow WCA Guidelines and provide thousands of beautiful color schemes to choose from.