- 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 ๐จโ๐ป๐
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
5 great code snippet websites for every web developer and designer
๐งต๐๐ป
1๏ธโฃ 30 Seconds of Code
- Short code snippets for all your development needs
๐ https://t.co/91L4bAxkgF
2๏ธโฃ Free Frontend
- Free hand-picked HTML, CSS and JavaScript (jQuery, React, Vue) code examples, tutorials and articles
๐ https://t.co/2sIAm73EdZ
3๏ธโฃ Little Snippets
- A free collection of HTML and CSS code snippets
๐ https://t.co/qxAyA2wA6U
4๏ธโฃ CSS Deck
- Collection of Awesome CSS and JS Creations to help out frontend developers and designers.
๐ https://t.co/LcZYnipvCy
๐งต๐๐ป
1๏ธโฃ 30 Seconds of Code
- Short code snippets for all your development needs
๐ https://t.co/91L4bAxkgF
2๏ธโฃ Free Frontend
- Free hand-picked HTML, CSS and JavaScript (jQuery, React, Vue) code examples, tutorials and articles
๐ https://t.co/2sIAm73EdZ
3๏ธโฃ Little Snippets
- A free collection of HTML and CSS code snippets
๐ https://t.co/qxAyA2wA6U
4๏ธโฃ CSS Deck
- Collection of Awesome CSS and JS Creations to help out frontend developers and designers.
๐ https://t.co/LcZYnipvCy
5 amazing websites that will blow the mind of a developer. Definitely check them out
๐งต๐๐ป
1๏ธโฃ Animation generator
- Dead simple visual tools to help you generate CSS for your projects.
๐ https://t.co/IFmIEgDiVY
2๏ธโฃ Neural Network Visualizer
- Deep playground is an interactive visualization of neural networks, written in TypeScript using d3.js.
๐ https://t.co/mTAlFbJsOW
3๏ธโฃ Blockchain Demo
- A visual demo of blockchain technology
๐ https://t.co/I1RwxYcM1Z
4๏ธโฃ Developer Roadmaps
- Step by step guides and paths to learn different tools or technologies
๐ https://t.co/VSNPdG8jQR
๐งต๐๐ป
1๏ธโฃ Animation generator
- Dead simple visual tools to help you generate CSS for your projects.
๐ https://t.co/IFmIEgDiVY
2๏ธโฃ Neural Network Visualizer
- Deep playground is an interactive visualization of neural networks, written in TypeScript using d3.js.
๐ https://t.co/mTAlFbJsOW
3๏ธโฃ Blockchain Demo
- A visual demo of blockchain technology
๐ https://t.co/I1RwxYcM1Z
4๏ธโฃ Developer Roadmaps
- Step by step guides and paths to learn different tools or technologies
๐ https://t.co/VSNPdG8jQR
JavaScript is powerful.
But sometimes, you can do great things using CSS.
A long thread of CSS tips and tricks:
1. Smooth
2. Change marker styling
3. Add styling to video
4. Change input caret
But sometimes, you can do great things using CSS.
A long thread of CSS tips and tricks:
1. Smooth
CSS Tip\U0001f4a1
— Pratham (@Prathkum) February 11, 2021
Enable smooth scrolling for the whole page\U0001f447 pic.twitter.com/E7QERt6V3Y
2. Change marker styling
3. Add styling to video
CSS Pro Tip \U0001f3a8
— Pratham (@Prathkum) April 11, 2021
You can style the subtitles of video on your website using ::cue pseudo-element pic.twitter.com/fV56PmxkX7
4. Change input caret
CSS tip\U0001f3a8
— Pratham (@Prathkum) February 23, 2021
You can change the input caret color using CSS\U0001f447
\u27b8 The\xa0caret\xa0is typically a thin vertical line that flashes to help the text area more noticeable pic.twitter.com/VA0paD7d2a
If you start with the right course then the process becomes a little easier
I found some amazing YouTube videos and courses that will help you start your Web Development journey
๐งต๐๐ป
HTML and CSS
- A great way to arouse your web dev journey with Gary's (@designcoursecom) course on YouTube
๐ https://t.co/xjm7nfV2L2
JavaScript
- Although it's impossible to learn JavaScript in 2 hours but JavaScript mastery is one the best YouTube chanel for JavaScript. This 2 hours long crash course will help you start your journey and gives you quick overview.
๐ https://t.co/1zcSeu4zKE
Git and GitHub
Git is an essential tool. And after learning JavaScript, I think one should go for Git and GitHub. Check out this free great course on Udemy
๐ https://t.co/E14cibOLXb
React
What you'll learn
- what problems React can solve
- how React solves those problems under the hood
- what JSX is and how it translates to regular JavaScript function calls and objects
- manage state with hooks
- build forms
๐ https://t.co/3z22aeVQFc
I found some amazing YouTube videos and courses that will help you start your Web Development journey
๐งต๐๐ป
HTML and CSS
- A great way to arouse your web dev journey with Gary's (@designcoursecom) course on YouTube
๐ https://t.co/xjm7nfV2L2
JavaScript
- Although it's impossible to learn JavaScript in 2 hours but JavaScript mastery is one the best YouTube chanel for JavaScript. This 2 hours long crash course will help you start your journey and gives you quick overview.
๐ https://t.co/1zcSeu4zKE
Git and GitHub
Git is an essential tool. And after learning JavaScript, I think one should go for Git and GitHub. Check out this free great course on Udemy
๐ https://t.co/E14cibOLXb
React
What you'll learn
- what problems React can solve
- how React solves those problems under the hood
- what JSX is and how it translates to regular JavaScript function calls and objects
- manage state with hooks
- build forms
๐ https://t.co/3z22aeVQFc
More from Coding
6 amazing GitHub repositories that can help you as a developer
๐งต ๐๐ป
1๏ธโฃ HTML Best Practice
- This repo will help you writing maintainable and scalable HTML documents
๐ https://t.co/CvvfjSrfCL
2๏ธโฃ 30 Days Of React
- Learn React in 30 days. A well divided topics of React in days. Definitely check it out
๐ https://t.co/8WTc1RQOGV
3๏ธโฃ Design resources
- Curated list of design and UI resources from stock photos, web templates, CSS frameworks, UI libraries, tools and much more
๐ https://t.co/82o5Eyhlji
4๏ธโฃ Websites a programmer should visit
- A well curated list of websites a programmer should visit
๐ https://t.co/ltdIqcQ6cT
๐งต ๐๐ป
1๏ธโฃ HTML Best Practice
- This repo will help you writing maintainable and scalable HTML documents
๐ https://t.co/CvvfjSrfCL
2๏ธโฃ 30 Days Of React
- Learn React in 30 days. A well divided topics of React in days. Definitely check it out
๐ https://t.co/8WTc1RQOGV
3๏ธโฃ Design resources
- Curated list of design and UI resources from stock photos, web templates, CSS frameworks, UI libraries, tools and much more
๐ https://t.co/82o5Eyhlji
4๏ธโฃ Websites a programmer should visit
- A well curated list of websites a programmer should visit
๐ https://t.co/ltdIqcQ6cT