Share this page!

Pratham Profile picture
Twitter logo
15 Jun, 6 tweets, 2 min read
Some HTML and CSS tips that will blow your mind for sure

πŸ§΅πŸ‘‡πŸ»
1. Open camera to capture an image

2. Create Grammarly using one line of HTML

3. Pure CSS text portrait

4. Typerwritter effect

5. Truncate text

β€’ β€’ β€’

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!

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

Pratham Profile picture
17 Jun
If you are a web developer then these 5 CSS generators can save you a lot of time

πŸ§΅πŸ‘‡πŸ»
1. CSS Accordion Slider Generator

- Create fully responsive, CSS only accordion sliders

πŸ”— accordionslider.com Image
2. Adobe color wheel

Explore and create accessible color palettes using color wheel, in variety of color variations and contrast levels. It will tell you automatically if two colors are not accessible

πŸ”— color.adobe.com/create/color-a… Image
Read 6 tweets
Pratham Profile picture
16 Jun
Here are some courses which will help you to learn web development.

Some of them are free

🧡 πŸ‘‡πŸ»
πŸ“Œ HTML

HTML is probably the easiest part of web development. I suggest you start with any YouTube crash course video. Or you can pick freecodecamp's one

πŸ”— Image
πŸ“Œ CSS

You can learn the entire CSS from my threads. Here is the complete curation

πŸ”— app.feedhive.io/public/post/cn… Image
Read 7 tweets
Pratham Profile picture
15 Jun
My content usually revolves around CSS but I have a plethora of fully-fledged threads on React as well

Take a look πŸ§΅πŸ‘‡πŸ»
0. React Prerequisites

1. Introduction to React

Read 9 tweets
Pratham Profile picture
14 Jun
I randomly started Twitter but built ~100K audience in about 12 months

Here's how you can also do it πŸ§΅πŸ‘‡πŸ»
πŸ“Œ 1. Make your place in the well-established tech community

This sounds tough but actually, it is not. You just need to put content but try to deliver the content from the one technology.

For example, When I started, I posted only CSS arts nothing else
Why?

Obviously, you can put diverse content as well but we need to tell the community that, hey, I am X and I am good at Y technology.

This will bring quick light to your profile.
Read 20 tweets
Pratham Profile picture
13 Jun
5 Great GitHub repositories for web developers

πŸ§΅πŸ‘‡πŸ»
1. HTML best practice

For writing maintainable and scalable HTML documents

πŸ”— github.com/hail2u/html-be…
2. Awesome CSS Learning

A tiny list limited to the best CSS Learning Resources

πŸ”— github.com/micromata/awes…
Read 6 tweets
Pratham Profile picture
13 Jun
We can create simple photoshop using CSS. Let's see how πŸ˜„

πŸ§΅πŸ‘‡πŸ»
CSS filter functions provide us the flexibility of adding graphical effects to an element. They are

- blur()
- brightness()
- contrast()
- drop-shadow()
- hue-rotate()
- grayscale()
- invert()
- opacity()
- sepia()
- saturate()
1. blur

As the term suggests, blur function simply blurs your input image. The blur that is being applied to image is known and Gaussian blur
Read 14 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!

Like this author's thread?

Get emails when @Prathkum has new unrolls!

Check out other threads from @Prathkum!

Read all threads by @Prathkum

:(