JavaScript is powerful.

But sometimes, you can do great things using CSS.

A long thread of CSS tips and tricks:

1. Smooth scrolling

https://t.co/eRRqdjrykQ
2. Change marker styling
3. Add styling to video subtitle

https://t.co/Oorw0Vymda
4. Change input caret color

https://t.co/OKSsAtxEuJ
5. Typewritter effect using pure CSS

https://t.co/Q6vorP1mFL
6. Customize text selection

https://t.co/lcsl9xVQ4X
7. Zoom image on hover

https://t.co/wB16o8jRWR
8. Customize first letter

https://t.co/5mK65WYUqS
9. Pure CSS image carousel

https://t.co/ecvhTwLBbw
10. Comma separated list

https://t.co/N9WeaMNVtb
11. Text outline using 1 CSS property

https://t.co/k41IoCECRc
12. Customize list style type

https://t.co/DOQK8EV0tS
13. Style range input

https://t.co/DWW7Fskw04
14. 3D elements using CSS

https://t.co/OFUn4UHhUQ
15. Optimize the performance

https://t.co/4im7DbNuFf
16. Create round text

https://t.co/IWEC1nJQV0
17. Wavy underline

https://t.co/7gkr2ykYOB
18. Truncate text using CSS

https://t.co/7SQ5m5mGCM
19. Negative selector

https://t.co/Z6NPEndM24
20. Prevent text selecting

https://t.co/Sudo7KLwh1
21. Make div scrollable

https://t.co/NEYyQadOOA
22. Image reflection

https://t.co/Tsy0J1i9r0
23. Image rendering

https://t.co/J7uLQAjYJB
End of this thread.

I’m planning to post more top-notch content in upcoming days.

Follow me @Prathkum if it sounds good.

More from Pratham

5 amazing GitHub repositories for every self taught developer

A Thread 🧵

1️⃣ Computer Science

🎓 Path to a free self-taught education in Computer Science!

🔗
https://t.co/67jB5zqIes


2️⃣ Free Certifications

Curated list of free courses & certifications

🔗 https://t.co/4XtlAVlovs


3️⃣ Free Programming Books

📚 Freely available programming books

🔗 https://t.co/eOWLCtwtIV


4️⃣ JavaScript Question

A long list of (advanced) JavaScript questions, and their explanations ✨

🔗 https://t.co/UvEl1Esvh3
You can learn 90% of CSS using these 10 threads

🧵👇

1. All you need to know about CSS


2. Getting started with CSS animations


3. Z-index is tricky but this thread solve all your doubts


4. CSS positioning concepts
Six tools that will change the way your write code: 🧵

1️⃣ HarperDB

Deciding between SQL and NoSQL? Use HarperDB as it provides you the functionality of both.

Access data using API endpoint.

🔗
https://t.co/qf5CalexfA


2️⃣ Visual Go

Visualizing data structures and algorithms

🔗 https://t.co/b8YeMYdOaf


3️⃣ Extends Class

Syntax validators, code formatter, testers, HTTP clients, mock server, and much more.

🔗 https://t.co/GlKjoBnzqg


4️⃣ Codeshare

Share Code in Real-time with Developers. An online editor for teaching and interviewing.

🔗 https://t.co/2m1Ne3KJRK
Use these 6 AI websites to finish hours of work in minutes (take a look):

1. Sheet+

Become a spreadsheet master with Sheet+ AI-powered tools.

• Convert text to formula
• Convert formula to explanation
• Debug formulas
• Generate VBA code
• Get instant answers to any spreadsheet question

🔗
https://t.co/fWsAeKa6ko


2. DeepCode

DeepCode's AI-based code review notifies you about critical bugs in real time and shows you how to fix them.

🔗 https://t.co/dPTPq9syoy


3. Akkio

Grow your business with data-driven decisions.

Go from data to AI in 10 minutes — no code or data science skills required.

🔗 https://t.co/I29FIHDIs0


4. Autocode

Instant endpoints for webhooks, bots, and APIs.

Build and host Node.js endpoints in seconds.

Connect to your favorite APIs like Airtable, Discord, Notion, Slack, Webflow, and more.

🔗 https://t.co/uQZB0NCHJT

You May Also Like