Share this page!

Maybe Scrolly?
Pratham Profile picture
Twitter logo
19 May, 7 tweets, 3 min read
I have created 5 single div CSS icons which are so simple that anyone can try them

πŸ§΅πŸ‘‡
1. Yin and Yang ☯️
2. Star ⭐
3. Mickey Mouse 🐭
4. Heart πŸ–€
5. Coffee β˜•
Easy peasy!! Try them and post the screenshot below πŸ˜‰

β€’ β€’ β€’

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
20 May
Introduction to React βš›οΈ

React is a JavaScript library for building UI components. The ecosystem of React is really immense which eventually makes it one of the best front-end libraries

πŸ§΅πŸ‘‡πŸ»
Why React?

1. Reusable components
2. Fast due to virtual DOM
3. Huge ecosystem
A typical React app contain many components. They are reusable and can interact with each other.

What is a component?
- Component as a simple function that you can call with some input and they render some output
Read 16 tweets
Pratham Profile picture
20 May
I created numerous number of handmade CSS cheat sheets and notes

I chose a few that might work for you πŸ§΅πŸ‘‡
1. Box Model Image
2. CSS Selectors Image
Read 13 tweets
Pratham Profile picture
18 May
Some of my handmade JavaScript notes and cheat sheets that can help you πŸ§΅πŸ‘‡
1. JavaScript Function Anatomy
2. JavaScript Arrow Function
Read 11 tweets
Pratham Profile picture
18 May
5 amazing GitHub repositories for every React developer

🧡 πŸ‘‡πŸ»
1️⃣ Beautiful React Hooks

A collection of beautiful and (hopefully) useful React hooks to speed-up your components and hooks development

πŸ”— github.com/beautifulinter…
2️⃣ React cheat sheet

Cheatsheets for experienced React developers getting started with TypeScript

πŸ”— github.com/typescript-che…
Read 6 tweets
Pratham Profile picture
18 May
Glassmorphism is a unified name for the popular frosted Glass design. It is trendy web design nowadays which looks super cool

Let's create a glassmorphic form using few simple CSS steps

A thread 🧡
Few days back I have covered neumorphic design in one of my thread and now in this thread we will be creating glassmorphic form.

Glassmorphism design is all about one CSS property which is backdrop-filter. Let's start πŸ”½
Step 1: Starting of the basic structure

Just start with writing all necessary tags for form layout. You can any number of input field according to you.
Read 11 tweets
Pratham Profile picture
18 May
React Hooks are the functions which "hook into" React state and lifecycle features from function components. Hooks allows you to manipulate state and other React feature without writing a class. Let's talk about widely used hook

useEffect hook at a glance πŸ§΅πŸ‘‡πŸ»
useEffect hook is the heart of React functional components

If you're familiar with class components then you might know that we have various lifecycle methods but in functional components, we don't have any lifecycle methods. Instead we have a powerful hook called useEffect
By using useEffect, you tell React that your component needs to do something after render. React will remember the function you passed (we'll refer to it as our β€œeffect”), and call it later after performing the DOM updates

So let's start by understanding the syntax first

3/15
Read 15 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

:(