Share this page!

Maybe Scrolly?
Pratham Profile picture
Twitter logo
10 May, 6 tweets, 3 min read
Algorithms and data structures are always the most complicated and confusing parts of programming

But DS and Algo are important and can reduce your efforts and help you solve the problem in a quick and efficient manner

Some great visualizers will solve all your doubts 🧵👇🏻
1️⃣ cs.usfca.edu/~galles/visual…

- Learn DSA and visualize some complex programs. Definitely check it out.
2️⃣ clementmihailescu.github.io/Pathfinding-Vi…

- Dedicated to graph DS
3️⃣ toptal.com/developers/sor…

- All sorting algorithms animations
4️⃣ visualgo.net

- Visualizing data structures and algorithms through animation
5️⃣ algoanim.ide.sk

- Collection of computer science algorithm animations and visualizations

• • •

Missing some Tweet in this thread? You can try to force a refresh
　

Keep Current with Pratham

Pratham Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

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

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @Prathkum

Pratham Profile picture
12 May
Do you have images on your webpage / website? You probably have.

Here are 5 cool things related to images on webpage, that I think you are not familiar with

🧵👇🏻
1️⃣ Set image scaling algorithm of user agent

The `image-rendering` CSS property sets an image scaling algorithm
When you specifies dimensions of image other than its natural size then the image will be up/downscaled by user agent using the algorithm specified by image-rendering Image
For example: "crisp-edges"

The image must be scaled with an algorithm that preserves contrast and edges in the image, and which does not smooth colors or introduce blur to the image in the process.

Check the output image carefully Image
Read 11 tweets
Pratham Profile picture
11 May
Step by step guide to create this drop using CSS 💧 🧵 Image
This drop looks tough to create but trust me its super easy and fun.

The heart of this art is border-radius and box-shadow properties. If sounds good, continue reading.... 👇🏻
First thing first, we need to create a distorted shape so that it will looks like a drop.
We can create this shape using border-radius property only.

Here's a tool if you find some difficulty making this drop shape

🔗 9elements.github.io/fancy-border-r… Image
Read 12 tweets
Pratham Profile picture
11 May
5 Beginner Friendly GitHub Repositories for Every Web Development Beginner

🧵👇🏻
1️⃣ HTML reference

- A free guide to all HTML5 elements and attributes.

🔗 github.com/jgthms/html-re…
🌐 htmlreference.io
2️⃣ HTML and CSS Code Guide

- Standards for developing consistent, flexible, and sustainable HTML and CSS.

🔗 github.com/mdo/code-guide
🌐 codeguide.co
Read 6 tweets
Pratham Profile picture
9 May
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

🔗
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.

🔗
Read 6 tweets
Pratham Profile picture
9 May
6 beginner friendly websites that will boost your HTML and CSS learning process 🚀

🧵👇🏻
1️⃣ Learn HTML

- The easiest way to learn HTML & CSS. Learn HTML provides an interactive tutorial that explains how to build HTML & CSS websites step by step.

🔗 learn-html.org
2️⃣ HTML best practice

- A very well written document on HTML best practice

🔗 hail2u.github.io/html-best-prac…
Read 7 tweets
Pratham Profile picture
8 May
Complete introduction of CSS media queries for beginners

Thread 🧵
The biggest misconception among beginners are they think that media queries are for making a website responsive.

Though that's the one use case of media queries. You can use them modifying your site according to device media type. Let's see this in bit more details
Media types describe the general category of a device.

They are useful when you want to modify your site or app depending on a device's general type (such as print vs. screen) or specific characteristics and parameters (such as screen resolution or browser viewport width).
Read 14 tweets

Did Thread Reader help you today?

Support us! We are indie developers!

This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!

Follow Us on Twitter!

Like this author's thread?

Get emails when @Prathkum has new unrolls!

Check out other threads from @Prathkum!

Read all threads by @Prathkum

:(