Sajal Sharma Profile picture
Mar 11, 2022 7 tweets 3 min read Read on X
Level up your CSS with these 5 tools ⚡
🔗 CSS Grid Generator

Learn CSS Grid visually and build web layouts with this interactive CSS Grid Generator.

{1/5}
grid.layoutit.com
🔗 Keyframe Animations

A straightforward way to create CSS animations, box shadows, colors, & more.

{2/5}
keyframes.app
🔗 CSS Complex Shapes

Create interesting image shapes with CSS's clip-path property.

{3/5}
bennettfeely.com/clippy/
🔗 Webcode Tools

The ultimate web code generators.
Generate HTML, CSS,and more!

{4/5}
webcode.tools/generators/css
🔗 Cubic Bezier

Helps you visualize how a transition is going to look.

{5/5}
cubic-bezier.com/#.17,.67,.83,.…
Thank you for reading!

- I'm Sajal 👋
👨‍💻 Sharing my journey and learnings
☕ Web Development Resources
⚡ CSS and JavaScript 101

If you liked it, then you can follow me, @SajalShlan for more such resources.

Thanks for the support 🙌

• • •

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

Keep Current with Sajal Sharma

Sajal Sharma 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 @sajalshlan

Apr 21, 2022
React is the most popular JavaScript library, as it makes things easier and faster.

3 basic features of React every beginner should know ↓
1. React is a library, not a framework.

The difference?

• A library is a collection of code that we can use in our project.
Our project is not completely dependent on it.
Ex: React

{1/9}
• Framework on the other hand is a complete package of code with its own functionalities, libraries & its own rules.
Example: Angular

{2/9}
Read 13 tweets
Mar 25, 2022
10 Websites to find your next Remote Job ↓
🔗 Remote OK

A remote job site that tags all of their job listings, making it simple and easy to set filters for the specific listings you want.

{1/10}
remoteok.io
🔗 Skip the Drive

A handy resources tab that lists authors to follow and sites to check for advice in the world of working remotely, and a reliable list of remote jobs.

{2/10}
skipthedrive.com
Read 12 tweets
Mar 22, 2022
10 GitHub Repos to learn and get better at JavaScript

Learning and Sharing ↓
• javascript-algorithms

Many popular algorithms and data structures are explained using JavaScript.

{1/10}
github.com/trekhleb/javas…
• airbnb-js-style-guide

Airbnb's well-known JavaScript Style Guide.

{2/10}
github.com/airbnb/javascr…
Read 13 tweets
Mar 21, 2022
Semantic Elements in HTML

Understand with visuals ↓
• <nav>

The <nav> element defines a set of navigation links.
All the primary website links like Home, About, etc.

{1/9}
• <header>

The <header> element represents a container for introductory content such as the set of navigational links and the logo.

{2/9}
Read 14 tweets
Mar 20, 2022
My Top 6 Reads of this Week 🌱

Life lessons, excelling at public speaking, achieving goals, and more!
Read 8 tweets
Mar 18, 2022
We keep hearing that JavaScript is the best investment you can make and it's true! So,

4 YouTube playlists to learn JavaScript for free ↓
🔗 Namaste JavaScript by Akshay Saini

{1/4}
youtube.com/playlist?list=…
🔗 Modern JavaScript Tutorial by The Net Ninja

{2/4}
youtube.com/playlist?list=… youtube.com/playlist?list=…
Read 10 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!

:(