Pratham Profile picture
26 Apr, 6 tweets, 3 min read
5 amazing tips of CSS you need to know 🎨

🧡 πŸ‘‡πŸ»
1️⃣ Image reflection

You can create reflection of an image using one CSS property -webkit-box-reflect: below 0px linear-gradient(to bottom, rg
2️⃣ 3D element

The Perspective property helps you give your elements a 3D look.
3️⃣ Customize first letter

You can customize first letter of a word / paragraph in just a few seconds using CSS only. This will make your content more attractive
4️⃣ Change input caret color

You can change the input caret color using CSSDown pointing backhand index

➸ The caret is typically a thin vertical line that flashes to help the text area more noticeable
5️⃣ Style video subtitle

You can style the subtitles of video on your website using ::cue pseudo-element

β€’ β€’ β€’

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

Keep Current with Pratham

Pratham 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!


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 @Prathkum

30 Jul
5 great code snippet websites for every web developer and designer

πŸ§΅πŸ‘‡πŸ» Image
1️⃣ 30 Seconds of Code

- Short code snippets for all your development needs

πŸ”— Image
2️⃣ Free Frontend

- Free hand-picked HTML, CSS and JavaScript (jQuery, React, Vue) code examples, tutorials and articles

πŸ”— Image
Read 6 tweets
23 Jul
Some of my best threads of web development that led me to over 100,000 audience.

1. JavaScript for Web Development β˜•

2. Long and detailed explanation of CSS Grid Layout

Read 8 tweets
13 Jul
Have you found the "z-index" a confusing concept of CSS?

Don't worry, the next 6 tweets will solve all of your doubts.

z-index is a CSS property that controls the stacking order of elements along the z-axis.

Image a hypothetical line starting from your eye to screen, that is z-axis
Note that z-index only works on positioned elements.

You need to specify the position (relative, absolute, sticky, fixed) if you want to arrange an element using z-index
Read 8 tweets
12 Jul
6 beginner friendly websites to learn and improve your JavaScript knowledge

1. JavaScript Tutorial

- This JavaScript Tutorial helps you learn the JavaScript programming language from scratch quickly and effectively.

2. Learn JavaScript

- Interactive JavaScript tutorial.

Read 7 tweets
8 Jul
CSS is an enormous module of web development but you don't need to learn everything in the beginning.

Let's try to figure out how much CSS will be enough to make beautiful websites

🧡 πŸ‘‡πŸ»
CSS is an amazing and unique language that servers a great purpose. We can make our website visually good using CSS. It describe the presentation of web pages, including typography,. layouts, color etc...
CSS is totally operates on properties value pair. And there are around ~300 distinct properties in CSS
Read 18 tweets
7 Jul
5 great websites a web developer should visit

Thread 🧡
1. Web Skills

Websites for all kinds of learning resources for web developers

- Fundamentals
- Accessibility
- Web components
- Progressive web apps
- Frameworks and libraries
- Testing
- Architecture and Paradigm
- UI and UX

2. Gitignore

A collection of useful .gitignore templates for your project. Select from 442 Operating System, IDE, and Programming Language

Read 6 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

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

Donate via Paypal Become our Patreon

Thank you for your support!

Follow Us on Twitter!