- Learn DSA and visualize some complex programs. Definitely check it out.
These 5 visualizers will help you learn data structures and algorithms up to 10 times faster
Thread 🧵👇🏻
- Learn DSA and visualize some complex programs. Definitely check it out.
– collection of computer science algorithm animations and visualizations
More from Pratham 👨💻🚀
A complete beginner's guide to styling your website with CSS.
Thread 🧵👇🏻
CSS is an amazing and unique language that servers a great purpose. We can make our website visually good using CSS. It describe the presentation of web pages, including typography,. layouts, color etc...
{ 2 / 27 }
First and foremost
The characterstic of a great website is it's color scheme. Forget about everything and learn about background and color properties initially.
The colors are something from which users interact first whenever they visit your webpage
{ 3 / 27 }
There are a lot of great color palette out there using which you can generate pleasant color schemes
Check this great tool for generating accessible colors
https://t.co/ndsgBaMv2M
{ 4 / 27 }
Don't think that background property is just for setting the solid color. Background is a shorthand property for background-image, background-position etc..
{ 5 / 27 }
Thread 🧵👇🏻
CSS is an amazing and unique language that servers a great purpose. We can make our website visually good using CSS. It describe the presentation of web pages, including typography,. layouts, color etc...
{ 2 / 27 }
First and foremost
The characterstic of a great website is it's color scheme. Forget about everything and learn about background and color properties initially.
The colors are something from which users interact first whenever they visit your webpage
{ 3 / 27 }
There are a lot of great color palette out there using which you can generate pleasant color schemes
Check this great tool for generating accessible colors
https://t.co/ndsgBaMv2M
{ 4 / 27 }
Don't think that background property is just for setting the solid color. Background is a shorthand property for background-image, background-position etc..
{ 5 / 27 }
7 amazing websites that will help you improve your CSS skills
🧵👇
1️⃣ Learn to code HTML and CSS
- Learn how to build beautiful and intuitive websites by way of clear and organized lessons
🖇️ https://t.co/bl2rx2q8vk
2️⃣ CSS reference
- CSS Reference is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated content
🖇️ https://t.co/XAlj33g1Zk
3️⃣ CSS tutorial
- These tutorials on web design & CSS makes learning this stuff fun and easy
🖇️ https://t.co/y9vAj6fMGk
4️⃣ CSS Layouts
- This site teaches the CSS fundamentals that are used in any website's layout.
🖇️ https://t.co/n4EGLScpDF
🧵👇
1️⃣ Learn to code HTML and CSS
- Learn how to build beautiful and intuitive websites by way of clear and organized lessons
🖇️ https://t.co/bl2rx2q8vk
2️⃣ CSS reference
- CSS Reference is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated content
🖇️ https://t.co/XAlj33g1Zk
3️⃣ CSS tutorial
- These tutorials on web design & CSS makes learning this stuff fun and easy
🖇️ https://t.co/y9vAj6fMGk
4️⃣ CSS Layouts
- This site teaches the CSS fundamentals that are used in any website's layout.
🖇️ https://t.co/n4EGLScpDF
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
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
65 JavaScript resources that can help you
Mega Thread 🧵 👇🏻
🔹 Websites
1. Java5cript
https://t.co/2gdB6LdfQ8
2. JavaScript Tutorial
https://t.co/YyH7YEZtOL
3. JavaScript 30
https://t.co/X2e6T9qFW5
4. JavaScript Info
https://t.co/GLcMZmyfC9
5. JavaScript by
🔹 Learn through visualizing
6. JS Visualizer
https://t.co/DKXfCA5bnv
7. UI dev visualizer
https://t.co/IsnNdAGANq
8. JS
🔹 Documents
9. MDN
https://t.co/XkMlZQOF0h
10. W3 Schools
https://t.co/aJB14ha9KT
11. DevDocs
https://t.co/sVwCCrYKwA
12. JavaScript Info
https://t.co/VJaTfVOIa8
13. JavaScript
🔹 GitHub repo
14. Modern JavaScript tutorials
https://t.co/vDgTJKbz74
15. Awesome JS Learning
https://t.co/CUCBjfJEcY
16. JS by example
https://t.co/VLT6dRwLSp
17. 33 JS concepts
https://t.co/F5KDOSaACD
18. 30 seconds of
Mega Thread 🧵 👇🏻
🔹 Websites
1. Java5cript
https://t.co/2gdB6LdfQ8
2. JavaScript Tutorial
https://t.co/YyH7YEZtOL
3. JavaScript 30
https://t.co/X2e6T9qFW5
4. JavaScript Info
https://t.co/GLcMZmyfC9
5. JavaScript by
🔹 Learn through visualizing
6. JS Visualizer
https://t.co/DKXfCA5bnv
7. UI dev visualizer
https://t.co/IsnNdAGANq
8. JS
🔹 Documents
9. MDN
https://t.co/XkMlZQOF0h
10. W3 Schools
https://t.co/aJB14ha9KT
11. DevDocs
https://t.co/sVwCCrYKwA
12. JavaScript Info
https://t.co/VJaTfVOIa8
13. JavaScript
🔹 GitHub repo
14. Modern JavaScript tutorials
https://t.co/vDgTJKbz74
15. Awesome JS Learning
https://t.co/CUCBjfJEcY
16. JS by example
https://t.co/VLT6dRwLSp
17. 33 JS concepts
https://t.co/F5KDOSaACD
18. 30 seconds of
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
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
More from Coding
40+ High-Quality Free Resources for Web Development
A Master Thread 👇🏽
Table of Contents:
- Illustrations
- Development
- CSS
- Tailwind
- Design
- Productivity
Illustrations
1. Drawkit (https://t.co/Lx4TeeHZ2G)
2. Blush (https://t.co/FDlRDK9J2M)
3. Smash illustration (https://t.co/v7EQXb4se8)
4. Control (https://t.co/e9tEQmURjG)
5. Error 404 (https://t.co/6zW1nTIw63)
6. Open Doodles
Development
1. Carbon (https://t.co/gDNwi0FvLu)
2. Squoosh (https://t.co/g39cY2PEtH)
3. Wappalyzer (https://t.co/kVXz18fgjX)
4. Kite (https://t.co/PrpSxs0rgK)
5. DevHints (https://t.co/SbBuOZ2ibh)
6. iHateRegex (https://t.co/BJgd1pOlni)
7. DevDocs
CSS
1. Animista (https://t.co/FrW6TyvspG)
2. Pattern.css (https://t.co/5Va3WHNo5U)
3. CSSeffectsSnippets (https://t.co/XlWUD1m6V2)
4. 98.css
A Master Thread 👇🏽
Table of Contents:
- Illustrations
- Development
- CSS
- Tailwind
- Design
- Productivity
Illustrations
1. Drawkit (https://t.co/Lx4TeeHZ2G)
2. Blush (https://t.co/FDlRDK9J2M)
3. Smash illustration (https://t.co/v7EQXb4se8)
4. Control (https://t.co/e9tEQmURjG)
5. Error 404 (https://t.co/6zW1nTIw63)
6. Open Doodles
Development
1. Carbon (https://t.co/gDNwi0FvLu)
2. Squoosh (https://t.co/g39cY2PEtH)
3. Wappalyzer (https://t.co/kVXz18fgjX)
4. Kite (https://t.co/PrpSxs0rgK)
5. DevHints (https://t.co/SbBuOZ2ibh)
6. iHateRegex (https://t.co/BJgd1pOlni)
7. DevDocs
CSS
1. Animista (https://t.co/FrW6TyvspG)
2. Pattern.css (https://t.co/5Va3WHNo5U)
3. CSSeffectsSnippets (https://t.co/XlWUD1m6V2)
4. 98.css
If you are a developer then these GitHub repositories or websites will boost your knowledge to the next level
A Thread 🧵
1️⃣ JavaScript
- A kind of eBook in the form of readme. Covers from beginners to intermediate concepts of JavaScript
🔗 https://t.co/SM9jcxuoZ1
2️⃣ Python
- A huge list of python projects, snippets, example and almost everything related to Python which helps you understand it in detail
🔗
3️⃣ React Lifecycle
- Interactive React Lifecycle Methods diagram.
🔗 https://t.co/7UVoA1rXCZ
4️⃣ Cheatsheets
- JavaScript cheatsheets incluse express4, Node.js, React, MongoDB
🔗 https://t.co/Jm9izXrcMu
A Thread 🧵
1️⃣ JavaScript
- A kind of eBook in the form of readme. Covers from beginners to intermediate concepts of JavaScript
🔗 https://t.co/SM9jcxuoZ1
2️⃣ Python
- A huge list of python projects, snippets, example and almost everything related to Python which helps you understand it in detail
🔗
3️⃣ React Lifecycle
- Interactive React Lifecycle Methods diagram.
🔗 https://t.co/7UVoA1rXCZ
4️⃣ Cheatsheets
- JavaScript cheatsheets incluse express4, Node.js, React, MongoDB
🔗 https://t.co/Jm9izXrcMu
You May Also Like
Trump is gonna let the Mueller investigation end all on it's own. It's obvious. All the hysteria of the past 2 weeks about his supposed impending firing of Mueller was a distraction. He was never going to fire Mueller and he's not going to
Mueller's officially end his investigation all on his own and he's gonna say he found no evidence of Trump campaign/Russian collusion during the 2016 election.
Democrats & DNC Media are going to LITERALLY have nothing coherent to say in response to that.
Mueller's team was 100% partisan.
That's why it's brilliant. NOBODY will be able to claim this team of partisan Democrats didn't go the EXTRA 20 MILES looking for ANY evidence they could find of Trump campaign/Russian collusion during the 2016 election
They looked high.
They looked low.
They looked underneath every rock, behind every tree, into every bush.
And they found...NOTHING.
Those saying Mueller will file obstruction charges against Trump: laughable.
What documents did Trump tell the Mueller team it couldn't have? What witnesses were withheld and never interviewed?
THERE WEREN'T ANY.
Mueller got full 100% cooperation as the record will show.
BREAKING: President Donald Trump has submitted his answers to questions from special counsel Robert Mueller
— Ryan Saavedra (@RealSaavedra) November 20, 2018
Mueller's officially end his investigation all on his own and he's gonna say he found no evidence of Trump campaign/Russian collusion during the 2016 election.
Democrats & DNC Media are going to LITERALLY have nothing coherent to say in response to that.
Mueller's team was 100% partisan.
That's why it's brilliant. NOBODY will be able to claim this team of partisan Democrats didn't go the EXTRA 20 MILES looking for ANY evidence they could find of Trump campaign/Russian collusion during the 2016 election
They looked high.
They looked low.
They looked underneath every rock, behind every tree, into every bush.
And they found...NOTHING.
Those saying Mueller will file obstruction charges against Trump: laughable.
What documents did Trump tell the Mueller team it couldn't have? What witnesses were withheld and never interviewed?
THERE WEREN'T ANY.
Mueller got full 100% cooperation as the record will show.