Ritika Agrawal Profile Banner
Ritika Agrawal Profile
Ritika Agrawal

@RitikaAgrawal08

11,411
Followers
537
Following
2,000
Media
13,571
Statuses

Simplifying Web Development with tutorial threads, articles and infographics ✨️ • DM for collaboration ✉️

Find me →
Joined March 2020
Don't wanna be here? Send us removal request.
Pinned Tweet
@RitikaAgrawal08
Ritika Agrawal
10 days
I just cancelled my ChatGPT subscription. Because I found an alternative that is 10x better. Here's how to use it: 👇
Tweet media one
19
4
44
@RitikaAgrawal08
Ritika Agrawal
2 years
🔸Let's make a Sign-up/Sign-in Form Animation in 6 Simple Steps using CSS🔸 A Thread🧵⬇️
114
593
3K
@RitikaAgrawal08
Ritika Agrawal
2 years
Made Mario with CSS❤️ What do you think how many <div> tags I used?
Tweet media one
194
122
2K
@RitikaAgrawal08
Ritika Agrawal
2 years
🔸Let's make a Password Validation Field in 12 Simple Steps using CSS and JS🔸 A Thread🧵⬇️
54
251
1K
@RitikaAgrawal08
Ritika Agrawal
2 months
Hoisting in JavaScript 👇
Tweet media one
20
179
1K
@RitikaAgrawal08
Ritika Agrawal
2 years
🔸Let's make a Toggle in 4 Simple Steps using CSS🔸 A Thread🧵⬇️
66
273
1K
@RitikaAgrawal08
Ritika Agrawal
2 months
Scopes in JavaScript 👇
Tweet media one
16
141
1K
@RitikaAgrawal08
Ritika Agrawal
2 years
🔸Let's make a Border Rotating Animation in 4 Simple Steps using CSS🔸 A Thread🧵⬇️
31
179
931
@RitikaAgrawal08
Ritika Agrawal
2 months
Event Propagation in JavaScript 👇
Tweet media one
19
133
884
@RitikaAgrawal08
Ritika Agrawal
1 month
CSS Flexbox Terminology👇
Tweet media one
20
90
732
@RitikaAgrawal08
Ritika Agrawal
2 years
🔸Let's make a grid-layout using CSS Grid in 7 Simple Tweets🔸 A Thread🧵⬇️ 1. Desktop | 2. Mobile
Tweet media one
Tweet media two
21
177
669
@RitikaAgrawal08
Ritika Agrawal
2 years
🔸Let's make Side Navigation Bar in 7 Simple Steps using CSS & JS🔸 A Thread🧵⬇️
43
125
639
@RitikaAgrawal08
Ritika Agrawal
1 year
🔸Input Label Animation in 4 Simple Steps with CSS 🔸 A Thread🧵⬇️
17
108
642
@RitikaAgrawal08
Ritika Agrawal
2 years
🔸Let's make a NavBar Active Link Effect in 7 Simple Steps using CSS and JS🔸 A Thread🧵⬇️
38
121
588
@RitikaAgrawal08
Ritika Agrawal
2 years
🔸Let's make a Multiselect Dropdown in 11 Simple Steps with CSS and JS🔸 A Thread🧵⬇️
32
137
568
@RitikaAgrawal08
Ritika Agrawal
1 year
🔸Pagination in 7 Simple Tweets using CSS and JS🔸 A Thread🧵⬇️
27
122
579
@RitikaAgrawal08
Ritika Agrawal
3 months
Arrow functions in JavaScript 👇
Tweet media one
14
84
532
@RitikaAgrawal08
Ritika Agrawal
2 years
🔸Let's make a Send Button Click Effect in 5 Simple Steps using CSS and JS🔸 A Thread🧵⬇️
40
75
534
@RitikaAgrawal08
Ritika Agrawal
2 years
🔸Let's make a Drag & Drop Image Uploader in 10 Simple Steps using CSS and JS🔸 A Thread🧵⬇️
46
106
519
@RitikaAgrawal08
Ritika Agrawal
1 year
🔸Dropdown Menu in 4 Simple Steps using CSS🔸 A Thread🧵⬇️
17
95
497
@RitikaAgrawal08
Ritika Agrawal
2 years
Finally I've completed my page for planets👇 Took me longer than I thought Github - Live - Your feedback is most welcome!!😊 Thank you! #100DaysOfCode
61
59
479
@RitikaAgrawal08
Ritika Agrawal
1 month
for...of loop in JavaScript 👇
Tweet media one
22
63
391
@RitikaAgrawal08
Ritika Agrawal
12 days
HTML Boilerplate 👇
Tweet media one
25
120
776
@RitikaAgrawal08
Ritika Agrawal
2 years
🔸Let's make a Share Button in 6 Simple Steps with CSS and JS🔸 A Thread🧵⬇️
24
81
444
@RitikaAgrawal08
Ritika Agrawal
1 year
🔸Download Button Animation in 6 Simple Steps with CSS and JS🔸 A Thread🧵⬇️
26
70
428
@RitikaAgrawal08
Ritika Agrawal
2 years
🔸Let's make a Toggle Button in 5 Simple Steps with CSS🔸 A Thread🧵⬇️
20
90
415
@RitikaAgrawal08
Ritika Agrawal
10 months
🔸Social Icons Hover Effect in 3 Simple Steps with CSS🔸 A Thread🧵⬇️
6
68
433
@RitikaAgrawal08
Ritika Agrawal
2 years
🔸Hamburger Icon Animation in 4 Simple Steps with CSS🔸 A Thread🧵⬇️
23
58
407
@RitikaAgrawal08
Ritika Agrawal
1 year
Want to build this smooth Sign-up/Sign-in Form Transition for your next web development project❓ I've written a detailed tutorial blog for it!! Check it out👇
27
70
398
@RitikaAgrawal08
Ritika Agrawal
2 years
🔶Want to make your 1st CSS Art?🔶 Any drawing is a collection of shapes So let's see how to make 15 Shapes using CSS and a SINGLE div tag!👇 A Thread🧵⬇️
35
92
377
@RitikaAgrawal08
Ritika Agrawal
2 years
🔸Let's make a Show/Hide Password Effect in 8 Simple Steps using CSS🔸 A Thread🧵⬇️
25
105
377
@RitikaAgrawal08
Ritika Agrawal
3 months
Spread operator in JavaScript 👇
Tweet media one
8
37
385
@RitikaAgrawal08
Ritika Agrawal
4 years
| DAY 37 | Here is a slideshow showing some of my drawings I made last year. Hope you like them👇 I will try to be more consistent from now. @CodePen - #100DaysOfCode #WomenWhoCode #womenintech #GirlsWhoCode #DEVCommunity
39
64
374
@RitikaAgrawal08
Ritika Agrawal
3 years
🔸️ Making Underline Hover Effect in 3 Simple Tweets using CSS 🔸️ A Thread 🧵⬇️
10
60
374
@RitikaAgrawal08
Ritika Agrawal
26 days
CSS box-shadow property 👇
Tweet media one
11
43
377
@RitikaAgrawal08
Ritika Agrawal
2 years
🔸Building a Drag & Drop Image Uploader Mini Project with CSS and JavaScript in 12 Simple Steps🔸 A Thread🧵⬇️
20
103
358
@RitikaAgrawal08
Ritika Agrawal
2 years
🔸Let's make a Button Hover Effect in 4 Simple Steps using CSS🔸 A Thread🧵⬇️
25
78
343
@RitikaAgrawal08
Ritika Agrawal
4 years
I just got selected for an internship! Starting from 2nd Jan. Such an amazing start to 2021❤
39
6
315
@RitikaAgrawal08
Ritika Agrawal
1 year
🔸Button Border Hover Effect in 4 Simple Steps with CSS🔸 A Thread🧵⬇️
15
54
300
@RitikaAgrawal08
Ritika Agrawal
2 years
What is CSS calc() function❓ A Thread🧵⬇️
16
69
294
@RitikaAgrawal08
Ritika Agrawal
1 year
🔸Rotating Dots Loader in 4 Simple Steps with CSS🔸 A Thread🧵⬇️
14
67
297
@RitikaAgrawal08
Ritika Agrawal
4 months
🔸Input Label Animation in 4 Simple Steps with CSS 🔸 A Thread🧵⬇️
16
64
297
@RitikaAgrawal08
Ritika Agrawal
2 years
🔸Let's make Curved Text in 5 Simple Steps using CSS🔸 A Thread🧵⬇️
Tweet media one
20
75
290
@RitikaAgrawal08
Ritika Agrawal
4 months
HTML Boilerplate👇
Tweet media one
11
72
286
@RitikaAgrawal08
Ritika Agrawal
3 years
| DAY 6 | Made a single div Auto Rickshaw👇 @Codepen - #100DaysOfCode #WomenWhoCode
20
34
275
@RitikaAgrawal08
Ritika Agrawal
2 years
🔸Let's make a Toggle Button in 5 Simple Steps with CSS🔸 A Thread🧵⬇️
18
42
273
@RitikaAgrawal08
Ritika Agrawal
2 years
🔸Let's make a Delete Button in 5 Simple Steps using CSS and JS🔸 A Thread🧵⬇️
29
30
273
@RitikaAgrawal08
Ritika Agrawal
2 years
What is HTML "accept" attribute❓ A Thread🧵⬇️
32
46
266
@RitikaAgrawal08
Ritika Agrawal
2 years
🔸Let's make a Border Rotating Animation in 4 Simple Steps with CSS🔸 A Thread🧵⬇️
20
55
271
@RitikaAgrawal08
Ritika Agrawal
1 year
JavaScript Array map Method👇
Tweet media one
12
48
267
@RitikaAgrawal08
Ritika Agrawal
9 months
🔸Button Wave Animation in 5 Simple Steps with CSS🔸 A Thread🧵⬇️
11
37
271
@RitikaAgrawal08
Ritika Agrawal
2 years
🔸Let's make a Countdown Animation in 7 Simple Tweets using CSS and JS🔸 A Thread 🧵⬇️
27
52
254
@RitikaAgrawal08
Ritika Agrawal
11 months
🔸Download Button Animation in 6 Simple Steps with CSS and JS🔸 A Thread🧵⬇️
7
30
259
@RitikaAgrawal08
Ritika Agrawal
1 year
🔸Loader Whirlpool Animation in 4 Simple Steps with CSS🔸 A Thread🧵⬇️
14
43
250
@RitikaAgrawal08
Ritika Agrawal
2 years
🔸️Let's make a Card Hover Effect in 5 Simple Steps using CSS🔸️ A Thread 🧵⬇️
19
54
247
@RitikaAgrawal08
Ritika Agrawal
3 years
Learned CSS Grid & practiced it by making this web page for Plants👇 need to add 2 more sections then look for a design for footer!! #100DaysOfCode #WomenWhoCode
34
25
245
@RitikaAgrawal08
Ritika Agrawal
1 year
🔸Star Button Animation in 6 Simple Steps using CSS and JS🔸 A Thread🧵⬇️
11
33
241
@RitikaAgrawal08
Ritika Agrawal
2 years
🔸Let's make an Accordion in 8 Simple Steps using CSS🔸 A Thread🧵⬇️
22
48
236
@RitikaAgrawal08
Ritika Agrawal
1 year
🔸Button Border Hover Effect in 5 Simple Steps using CSS🔸 A Thread🧵⬇️
14
37
246
@RitikaAgrawal08
Ritika Agrawal
9 months
🔸Invalid Input Shake Animation in 5 Simple Steps with CSS🔸 A Thread🧵⬇️
11
44
239
@RitikaAgrawal08
Ritika Agrawal
2 years
🔸Let's make Pie Chart Animation in 4 Simple Steps using CSS🔸 A Thread🧵⬇️
22
46
230
@RitikaAgrawal08
Ritika Agrawal
2 years
🔸What is CSS Box model❓ A Thread🧵⬇️
19
38
225
@RitikaAgrawal08
Ritika Agrawal
3 months
Template Literal in JavaScript 👇
Tweet media one
10
28
235
@RitikaAgrawal08
Ritika Agrawal
29 days
var() function in CSS👇 🔸It helps to insert the values of a CSS custom property (CSS variables).
Tweet media one
11
33
237
@RitikaAgrawal08
Ritika Agrawal
2 years
🔸Let's make a Hourglass Loader in 4 Simple Steps using CSS🔸 A Thread🧵⬇️
17
42
220
@RitikaAgrawal08
Ritika Agrawal
9 months
🔸Cards Swipe Effect in 3 Simple Steps with CSS and JS (Swiper package)🔸 A Thread🧵⬇️
12
40
227
@RitikaAgrawal08
Ritika Agrawal
2 years
🔸Let's make a Feedback Field in 8 Simple Steps using CSS🔸 A Thread🧵⬇️
24
55
218
@RitikaAgrawal08
Ritika Agrawal
1 year
HTML Accept Attribute👇
Tweet media one
10
34
224
@RitikaAgrawal08
Ritika Agrawal
1 year
JavaScript Array forEach Method👇
Tweet media one
8
32
218
@RitikaAgrawal08
Ritika Agrawal
4 years
| DAY 54 | Studied 3D transform in CSS and made this 3D cube to display some of my *Single Div* CSS Art 👇 @CodePen - #100DaysOfCode #womenintech #GirlsWhoCode
8
35
218
@RitikaAgrawal08
Ritika Agrawal
6 months
Make 15 Shapes with CSS using just a single <div> tag! A Thread🧵⬇️
Tweet media one
9
52
216
@RitikaAgrawal08
Ritika Agrawal
2 years
🔸Let's make a Toggle Button in 5 Simple Steps with CSS🔸 A Thread🧵⬇️
13
38
204
@RitikaAgrawal08
Ritika Agrawal
2 years
🔸Project Alert : Toggle Button Generator🔸 I will be adding many more toggle button designs here. You can easily copy their code & use in your projects!! Feedbacks are welcome!!😊 Live link : (GitHub link👇)
16
28
209
@RitikaAgrawal08
Ritika Agrawal
2 years
Made Slinky with CSS❤️ Have you watched Toy Story?
Tweet media one
31
7
203
@RitikaAgrawal08
Ritika Agrawal
2 years
🔸Let's make Inbox Icon Animation in 6 Simple Steps using CSS🔸 A Thread🧵⬇️
23
45
204
@RitikaAgrawal08
Ritika Agrawal
2 years
🔸Let's make an Image Text Reveal Hover Effect in 5 Simple Steps using CSS🔸 A Thread🧵⬇️
26
51
199
@RitikaAgrawal08
Ritika Agrawal
2 years
🔸Let's make a Product Card Animation in 6 Simple Steps using CSS and JS🔸 A Thread🧵⬇️
22
45
200
@RitikaAgrawal08
Ritika Agrawal
1 year
I've been practicing TypeScript recently and made a to-do list application👇 • live : • GitHub : Would love to know your feedback in the comments!
28
35
197
@RitikaAgrawal08
Ritika Agrawal
1 year
🔸Toggle Button in 5 Simple Steps with CSS 🔸 A Thread 🧵⬇️
15
20
193
@RitikaAgrawal08
Ritika Agrawal
3 years
🔸️Making below 👇 Notification Icon Animation in 6 Simple Tweets using CSS🔸️ A Thread🧵⬇️
16
48
194
@RitikaAgrawal08
Ritika Agrawal
2 years
🔸Let's make a Subscribe Button in 6 Simple Steps with CSS and JS🔸 A Thread🧵⬇️
16
37
191
@RitikaAgrawal08
Ritika Agrawal
9 months
🔸Button Bounce on Click Effect in 3 Simple Steps with CSS🔸 A Thread🧵⬇️
8
28
196
@RitikaAgrawal08
Ritika Agrawal
2 years
🔸Let's make a Link Hover Effect in 4 Simple Steps using CSS🔸 A Thread🧵⬇️
22
43
188
@RitikaAgrawal08
Ritika Agrawal
2 years
🔸Let's make Text Loop Animation in 3 Simple Steps using CSS🔸 A Thread🧵⬇️
22
37
186
@RitikaAgrawal08
Ritika Agrawal
2 years
🔸Let's make Floating Action Button in 4 Simple Steps using CSS🔸 A Thread🧵⬇️
25
52
184
@RitikaAgrawal08
Ritika Agrawal
2 years
🔸Let's make Dropdown Menu Hover Effect in 6 Simple Steps using CSS🔸 A Thread🧵⬇️
20
48
188
@RitikaAgrawal08
Ritika Agrawal
2 years
🔸Let's make a Star Rating Field in 4 Simple Steps with CSS and JS🔸 A Thread 🧵⬇️
16
26
186
@RitikaAgrawal08
Ritika Agrawal
2 years
🔸Let's make a Video Clipped Inside Text Effect in 4 Simple Steps using CSS and JS🔸 A Thread🧵⬇️
20
36
188
@RitikaAgrawal08
Ritika Agrawal
14 days
CSS border-property 👇
Tweet media one
7
26
192
@RitikaAgrawal08
Ritika Agrawal
4 months
🔸Invalid Input Shake Animation in 5 Simple Steps with CSS🔸 A Thread🧵⬇️
13
43
188
@RitikaAgrawal08
Ritika Agrawal
2 years
🔸Let's make below👇 grid layout with CSS Grid in 8 Simple Tweets🔸 A Thread🧵⬇️ 1. Desktop | 2. Mobile
Tweet media one
Tweet media two
7
45
174
@RitikaAgrawal08
Ritika Agrawal
1 year
🔸Side Navigation Bar in 7 Simple Steps with CSS & JS🔸 A Thread🧵⬇️
16
28
181
@RitikaAgrawal08
Ritika Agrawal
4 years
| DAY 64 | CSS Practice for today -> Single Div Baby Yoda 👇 @CodePen - #100DaysOfCode #womenintech
Tweet media one
13
23
172
@RitikaAgrawal08
Ritika Agrawal
1 year
🚨 Project Alert 🚨 Been working on a repository for my CSS & JS code snippets for a few days. Not complete yet but will be saving them here from now on. Github :
13
23
168
@RitikaAgrawal08
Ritika Agrawal
1 year
🔸Highlight Active Link Effect in 8 Simple Steps using CSS and JS🔸 A Thread🧵⬇️
9
26
164
@RitikaAgrawal08
Ritika Agrawal
4 years
| DAY 59 | CSS Art for today : Single Div Squidward 👇 @CodePen - #100DaysOfCode #womenintech #GirlsWhoCode
Tweet media one
13
33
158
@RitikaAgrawal08
Ritika Agrawal
2 years
🔸Getting Started with DOM Manipulation🔸 A Thread🧵⬇️
19
39
157
@RitikaAgrawal08
Ritika Agrawal
5 months
🔸Multiselect Dropdown in 11 Simple Steps with CSS and JS🔸 A Thread🧵⬇️
12
30
162
@RitikaAgrawal08
Ritika Agrawal
9 months
🔸Text Outline Animation in 4 Simple Steps with CSS🔸 A Thread🧵⬇️
13
21
160
@RitikaAgrawal08
Ritika Agrawal
3 years
| DAY 18 | Made a CSS Art after a long time - Single Div Mario!👇 @CodePen - #100DaysOfCode #WomenWhoCode
Tweet media one
15
25
147
@RitikaAgrawal08
Ritika Agrawal
2 years
🚨 Ebook Launch 🚨 Thank you everyone for voting & helping me select a topic for my first Ebook!! Bringing to you " Simplifying CSS Box Model " Grab your copy for free👇
27
20
154