Ravi Kumar Profile picture
Feb 3, 2022 โ€ข 8 tweets โ€ข 2 min read โ€ข Read on X
BAD CSS Practice to avoid.

๐Ÿงต๐Ÿ‘‡
1โƒฃ Not using shorthand properties

๐Ÿ‘‡
2โƒฃ Use PX when it's not needed

๐Ÿ‘‡
3โƒฃ Repeating the same code

๐Ÿ‘‡
4โƒฃ No font fallback

๐Ÿ‘‡
5โƒฃ Using colour names

๐Ÿ‘‡
6โƒฃ Didn't use !Important Keyword precisely

๐Ÿ‘‡
Thanks for reading the thread.

If you find it useful. Give the first one a retweet and if you have any feedback, let me know in the comment.

๐Ÿ”—

โ€ข โ€ข โ€ข

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

Keep Current with Ravi Kumar

Ravi Kumar 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 @ravikmmr

Aug 9, 2023
Top 10 VS Code Extension to Increase 10x Productivity (Free):

โฌ‡๏ธ Image
(1/10) Path Intellisense

โ€” This Extension autocompletes the file names. Like tags in HTML, it autocompletes the tags. Image
(2/10) Live Server

โ€” This Extension allows you to launch your local projects with a live reload on the browser so you don't have to constantly refresh after changes. Image
Read 12 tweets
Aug 3, 2023
Free Public APIs for Developers:

๐Ÿงต Image
1โƒฃ OpenWeather

๐Ÿ”— https://t.co/BMtII438OIopenweathermap.org/api
Image
2โƒฃ The NASA APIs

๐Ÿ”— https://t.co/fseHAkgWssapi.nasa.gov
Image
Read 10 tweets
Jun 6, 2023
Best Responsive Web Design Practices you should follow (save or bookmark it): Image
1/ Set The Viewport

<meta name="viewport" content="width=device-width, initial-scale=1.0"> Image
2/ Use media queries

This CSS property has a feature to enable your webpage content to adapt to different screen sizes. Image
Read 9 tweets
Jun 5, 2023
Want to Improve CSS try these Resources (Free): Source:  https://res.cloudi...
1/ CSS Tricks

๐Ÿ”—css-tricks.com Image
2/ CSS Author.

๐Ÿ”—cssauthor.com Image
Read 12 tweets
May 29, 2023
Top GitHub Repository you should definitely check out as a web developer (thread): Image
1/ Developer-roadmap

If you want to start your career in web development but don't know where to start then check out this repository you get all the details about web development.

๐Ÿ”—github.com/kamranahmedse/โ€ฆ Image
2/ FreeCodeCamp

It is a friendly community where you can learn to code for free. It has also a huge resource of video lectures or courses for a web developer.

๐Ÿ”—github.com/freeCodeCamp/fโ€ฆ Image
Read 12 tweets
May 28, 2023
Top 10 VS Code Extension to Increase 10x Productivity (Free):

โฌ‡๏ธ Image
1/ Path Intellisense

โ€” This Extension autocompletes the file names. Like tags in HTML, it autocompletes the tags Image
2/ Live Server

โ€” This Extension allows you to launch your local projects with a live reload on the browser so you don't have to constantly refresh after changes. 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!

:(