![](https://pbs.twimg.com/media/E1sWZZxUUAogQb3.jpg)
Some of my handmade JavaScript notes and cheat sheets that can help you π§΅π
More from Pratham
5 great gradient background sites for every web developer and designer π¨
π§΅ππ»
1οΈβ£ uiGradients
- A handpicked collection of beautiful color gradients for designers and developers.
π https://t.co/EainhiePop
2οΈβ£ Eggradient
- Ready to use gradient background colors. β Cool Gradients are prepared according to the latest design trends
π https://t.co/F0uYVsZbA4
3οΈβ£ Mesh Gradients
- Create beautiful gradient like aurora UI in few clicks
π https://t.co/MV8PT7q3Kz
4οΈβ£ CSS Gradient
- Create beatiful gradeint either linear or radial on different angles
π https://t.co/dlCExilHAT
π§΅ππ»
![](https://pbs.twimg.com/media/E2z6WrjWUAEconS.png)
1οΈβ£ uiGradients
- A handpicked collection of beautiful color gradients for designers and developers.
π https://t.co/EainhiePop
![](https://pbs.twimg.com/media/E2z6Wu-XEAMrcT8.jpg)
2οΈβ£ Eggradient
- Ready to use gradient background colors. β Cool Gradients are prepared according to the latest design trends
π https://t.co/F0uYVsZbA4
![](https://pbs.twimg.com/media/E2z6WrrXoBE_fzy.jpg)
3οΈβ£ Mesh Gradients
- Create beautiful gradient like aurora UI in few clicks
π https://t.co/MV8PT7q3Kz
![](https://pbs.twimg.com/media/E2z6WuiX0AE1hgW.png)
4οΈβ£ CSS Gradient
- Create beatiful gradeint either linear or radial on different angles
π https://t.co/dlCExilHAT
![](https://pbs.twimg.com/media/E2z6WuoX0AMGnsj.jpg)
If you know CSS then you can use these amazing generators and save your time
Thread π§΅ππ»
1οΈβ£ CSS Box Shadow Generator
- Generate CSS3 Box Shadow code for your Div, Frame, Buttons or any other HTML element with Outline, and Inset (inner) type shadow effects
π https://t.co/6La36IzBLj
2οΈβ£ Glassmorphism
- Generate glassmorphic design easily
π https://t.co/qrKqDV5tzY
3οΈβ£ Cool Backgrounds
- Explore a beautifully curated selection of cool backgrounds that you can add to your next project
π https://t.co/df7VSaRSh9
4οΈβ£ Pixel art
- Create CSS pixel art, export the results to CSS and download them.
π https://t.co/ojD8qwzuhx
Thread π§΅ππ»
1οΈβ£ CSS Box Shadow Generator
- Generate CSS3 Box Shadow code for your Div, Frame, Buttons or any other HTML element with Outline, and Inset (inner) type shadow effects
π https://t.co/6La36IzBLj
![](https://pbs.twimg.com/media/ExQCa5KW8AU4lWs.png)
2οΈβ£ Glassmorphism
- Generate glassmorphic design easily
π https://t.co/qrKqDV5tzY
![](https://pbs.twimg.com/media/ExQCa6LW8AQ-_N0.jpg)
3οΈβ£ Cool Backgrounds
- Explore a beautifully curated selection of cool backgrounds that you can add to your next project
π https://t.co/df7VSaRSh9
![](https://pbs.twimg.com/media/ExQCa5QWUAU_Xcs.jpg)
4οΈβ£ Pixel art
- Create CSS pixel art, export the results to CSS and download them.
π https://t.co/ojD8qwzuhx
![](https://pbs.twimg.com/media/ExQCa41WQAI0JYy.jpg)
5 great background websites for every web developer and designer
π§΅π
1. Magic pattern
Beautiful pure CSS background patterns that you can actually use in your projects. They are highly customizable as well.
ποΈ https://t.co/ZqczrPfkdZ
2. Cool backgrounds
Collection of cool backgrounds that you can add to blogs, websites, or as desktop and phone wallpapers
ποΈ https://t.co/df7VSb9t8H
3. Gradienta
Use pure CSS gradient backgrounds for your next website or app, as a JPG image or CSS code, no attribute required
ποΈ https://t.co/R58zrwpZCH
4 Mesh gradient
Creat aurora UI like gradients using few simple clicks
ποΈ https://t.co/vOHHDASr1V
π§΅π
![](https://pbs.twimg.com/media/E1lZrlkVcAMBwPs.jpg)
1. Magic pattern
Beautiful pure CSS background patterns that you can actually use in your projects. They are highly customizable as well.
ποΈ https://t.co/ZqczrPfkdZ
![](https://pbs.twimg.com/media/E1lZsG6VUAQaUuJ.jpg)
2. Cool backgrounds
Collection of cool backgrounds that you can add to blogs, websites, or as desktop and phone wallpapers
ποΈ https://t.co/df7VSb9t8H
![](https://pbs.twimg.com/media/E1lZtqOVgAIYuE0.jpg)
3. Gradienta
Use pure CSS gradient backgrounds for your next website or app, as a JPG image or CSS code, no attribute required
ποΈ https://t.co/R58zrwpZCH
![](https://pbs.twimg.com/media/E1lZuJlUYAUP6CQ.jpg)
4 Mesh gradient
Creat aurora UI like gradients using few simple clicks
ποΈ https://t.co/vOHHDASr1V
![](https://pbs.twimg.com/media/E1lZujNVUAAZmY6.jpg)
9 websites that will help you learn web development faster (they are free) π§΅
1. How HTTP Works
Everything you need to know about HTTP based system.
π https://t.co/gVZS4RzS1a
2. 30 Days of Node
Learn Node step by step with interactive examples and code snippet in 30 days.
π https://t.co/9nbtMiNB1C
3. How DNS Works
Learn what happens when you type a website address in your browser
π https://t.co/SqMRNnDbc3
4. Git
Check out this excellent free website to learn git visually.
π https://t.co/rQJMISBDfS
1. How HTTP Works
Everything you need to know about HTTP based system.
π https://t.co/gVZS4RzS1a
![](https://pbs.twimg.com/media/FZF1ql0X0Aw_aps.jpg)
2. 30 Days of Node
Learn Node step by step with interactive examples and code snippet in 30 days.
π https://t.co/9nbtMiNB1C
![](https://pbs.twimg.com/media/FZF1q48XwAElgE2.jpg)
3. How DNS Works
Learn what happens when you type a website address in your browser
π https://t.co/SqMRNnDbc3
![](https://pbs.twimg.com/media/FZF1rPeXoAkCfvG.jpg)
4. Git
Check out this excellent free website to learn git visually.
π https://t.co/rQJMISBDfS
![](https://pbs.twimg.com/media/FZF1rujXgAE-GYu.jpg)
12 websites that will help you learn web development faster (completely free): π§΅
1. How HTTP Works
Everything you need to know about HTTP based system.
π https://t.co/gVZS4RzS1a
2. 30 Days of Node
Learn Node step by step with interactive examples and code snippet in 30 days.
π https://t.co/9nbtMiNB1C
3. How DNS Works
Learn what happens when you type a website address in your browser
π https://t.co/SqMRNnDbc3
4. Git
Check out this excellent free website to learn git visually.
π https://t.co/rQJMISBDfS
1. How HTTP Works
Everything you need to know about HTTP based system.
π https://t.co/gVZS4RzS1a
![](https://pbs.twimg.com/media/FdgwDiOWAAYhc0D.jpg)
2. 30 Days of Node
Learn Node step by step with interactive examples and code snippet in 30 days.
π https://t.co/9nbtMiNB1C
![](https://pbs.twimg.com/media/FdgwD3bXwAQXGCA.jpg)
3. How DNS Works
Learn what happens when you type a website address in your browser
π https://t.co/SqMRNnDbc3
![](https://pbs.twimg.com/media/FdgwEOBWYAAiZiS.jpg)
4. Git
Check out this excellent free website to learn git visually.
π https://t.co/rQJMISBDfS
![](https://pbs.twimg.com/media/FdgwEszXwAwa8E2.jpg)
More from Webdev
Use these 5 websites to learn web development for free in 2023 (take a look):
1. Codedamn
All-in-one platform for learning web development:
β’ Hands-on practice and projects bundled
β’ Video content along with interactive labs, quizzes, and articles
β’ Every course comes with a certificate
β’ code brushes AI in playgrounds
π https://t.co/mXmUtJZnOU
2. Codepip
Codepip is the platform for your favorite web development games. Gain an edge in your following interview or project.
π https://t.co/MjHNsLvkiL
3. RapidAPI Comics
Learn API development with RapidAPI Comics (sketch notes and fun analogies).
π https://t.co/KONorFomgu
4. JS Visualizer 9000
Learn JavaScript by visualizing your code.
π https://t.co/9NId4GjGAq
1. Codedamn
All-in-one platform for learning web development:
β’ Hands-on practice and projects bundled
β’ Video content along with interactive labs, quizzes, and articles
β’ Every course comes with a certificate
β’ code brushes AI in playgrounds
π https://t.co/mXmUtJZnOU
![](https://pbs.twimg.com/media/FnFA6VsWQAEDeDF.jpg)
2. Codepip
Codepip is the platform for your favorite web development games. Gain an edge in your following interview or project.
π https://t.co/MjHNsLvkiL
![](https://pbs.twimg.com/media/FnFA6wGXkAEwnAF.png)
3. RapidAPI Comics
Learn API development with RapidAPI Comics (sketch notes and fun analogies).
π https://t.co/KONorFomgu
![](https://pbs.twimg.com/media/FnFA7BSXEAM6mWR.png)
4. JS Visualizer 9000
Learn JavaScript by visualizing your code.
π https://t.co/9NId4GjGAq
![](https://pbs.twimg.com/media/FnFA7SiWAAI5bfn.png)
You May Also Like
Great article from @AsheSchow. I lived thru the 'Satanic Panic' of the 1980's/early 1990's asking myself "Has eveyrbody lost their GODDAMN MINDS?!"
The 3 big things that made the 1980's/early 1990's surreal for me.
1) Satanic Panic - satanism in the day cares ahhhh!
2) "Repressed memory" syndrome
3) Facilitated Communication [FC]
All 3 led to massive abuse.
"Therapists" -and I use the term to describe these quacks loosely - would hypnotize people & convince they they were 'reliving' past memories of Mom & Dad killing babies in Satanic rituals in the basement while they were growing up.
Other 'therapists' would badger kids until they invented stories about watching alligators eat babies dropped into a lake from a hot air balloon. Kids would deny anything happened for hours until the therapist 'broke through' and 'found' the 'truth'.
FC was a movement that started with the claim severely handicapped individuals were able to 'type' legible sentences & communicate if a 'helper' guided their hands over a keyboard.
For three years I have wanted to write an article on moral panics. I have collected anecdotes and similarities between today\u2019s moral panic and those of the past - particularly the Satanic Panic of the 80s.
— Ashe Schow (@AsheSchow) September 29, 2018
This is my finished product: https://t.co/otcM1uuUDk
The 3 big things that made the 1980's/early 1990's surreal for me.
1) Satanic Panic - satanism in the day cares ahhhh!
2) "Repressed memory" syndrome
3) Facilitated Communication [FC]
All 3 led to massive abuse.
"Therapists" -and I use the term to describe these quacks loosely - would hypnotize people & convince they they were 'reliving' past memories of Mom & Dad killing babies in Satanic rituals in the basement while they were growing up.
Other 'therapists' would badger kids until they invented stories about watching alligators eat babies dropped into a lake from a hot air balloon. Kids would deny anything happened for hours until the therapist 'broke through' and 'found' the 'truth'.
FC was a movement that started with the claim severely handicapped individuals were able to 'type' legible sentences & communicate if a 'helper' guided their hands over a keyboard.