Tweet

https://twitter.com/Prathkum/status/1361284647141867520?s=20

https://twitter.com/Prathkum/status/1370910146059190279?s=20

https://twitter.com/Prathkum/status/1379843922663510018?s=20

https://twitter.com/Prathkum/status/1365640671856627714?s=20

https://twitter.com/Prathkum/status/1356293834146271235?s=20

https://twitter.com/Prathkum/status/1387805394806923269?s=20

https://twitter.com/Prathkum/status/1361565500552015875?s=20

https://twitter.com/Prathkum/status/1370705162168201219?s=20

https://twitter.com/Prathkum/status/1364205313725853697?s=20

This Thread may be Removed Anytime!

Twitter may remove this content at anytime! Save it as PDF for later use!

More from @Prathkum

Pratham

@Prathkum

27 May

Introduction to CSS transitions ⏲️

CSS transition add some smoothness in animation. By using it, you can change styling over a given duration instead of instantly

Let's discuss this in a little more detail 🧵👇🏻

CSS transition and CSS animation are two closely related modules of CSS but they are different

For example, CSS animation runs automatically but the transition need to be triggered like hover

Transition is a like a two point operation. For example, suppose you're changing the height to an element when user hover it from 100px to 200px

In this case point A is 100px and point B is 200px

Read 16 tweets

Pratham

@Prathkum

27 May

Announcement 🚨

You all have been waiting for this for so long. I just published my eBook containing all my CSS cheat sheets.

Sounds good? Purchase it right now for $1 only 💸

🔗 gum.co/css-cheat

People are suggesting me that $ 1 is too low 😅

I was going to keep its price $0. Thank god i didn't do that. Still, I love helping others as much as I can. If you can't spend $1 due to some reasons, DM me and I'll send you a free copy ❤️

Unbelievable for me 🚀

Read 5 tweets

Pratham

@Prathkum

27 May

These 5 great tools can save you from writing CSS code if you're a front-end developer

🧵👇🏻

1️⃣ CSS Accordion Slider Generator

- Create fully responsive, css only accordion sliders

🔗 accordionslider.com

2️⃣ Animate.css

- Animate is a CSS library for basic CSS animation. Its a browser friendly with a lot of pre built animations

🔗 animate.style

Read 6 tweets

Pratham

@Prathkum

26 May

5 great code snippet websites for every web developer and designer

🧵👇🏻

1️⃣ 30 Seconds of Code

- Short code snippets for all your development needs

🔗 30secondsofcode.org

2️⃣ Free Frontend

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

🔗 freefrontend.com

Read 6 tweets

Pratham

@Prathkum

26 May

Introduction to React Hooks ↪️

Hooks let you manage state and other React feature without writing the class component. It was first introduced in React 16.8

Let us try to understand it in more detail 🧵👇🏻

Starting with the discussion on some key point about React hooks 👇🏻

📌 What exactly hooks are?

- We can consider hooks as a JavaScript functions which takes some parameter and return something accordingly. But they servers some complex functionality like managining state and other React features

Read 25 tweets

Pratham

@Prathkum

25 May

5 GitHub repositories for you if you're learning HTML, CSS and JavaScript

🧵👇🏻

1️⃣ JavaScript questions

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

🔗 github.com/lydiahallie/ja…

2️⃣ Microsoft web dev course

- This is a super cool GitHub repo by Microsoft for learning web development for beginners

🔗 github.com/microsoft/Web-…

Read 6 tweets

Share this page!

Pratham

Try unrolling a thread yourself!

More from @Prathkum

Pratham

Pratham

Pratham

Pratham

Pratham

Pratham

Did Thread Reader help you today?

Like this author's thread?