Share this page!

Maybe Scrolly?
Pratham Profile picture
Twitter logo
11 May, 6 tweets, 3 min read
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
3️⃣ CSS Tips

- A collection of tips to help take your CSS skills pro

πŸ”— github.com/AllThingsSmitt…
4️⃣ JavaScript Best Practice

- Comprehensive and exhaustive JavaScript & Node.js testing best practices

πŸ”— github.com/goldbergyoni/j…
🌐 testjavascript.com
5️⃣ 50 Projects

- 50+ mini web projects using HTML, CSS & JS

πŸ”— github.com/bradtraversy/5…

β€’ β€’ β€’

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
5 amazing GitHub repositories for every self taught developer

A Thread 🧡
1️⃣ Computer Science

πŸŽ“ Path to a free self-taught education in Computer Science!

πŸ”— github.com/ossu/computer-… Image
2️⃣ Free Certifications

Curated list of free courses & certifications

πŸ”— github.com/cloudcommunity… Image
Read 6 tweets
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 πŸ’§ 🧡
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…
Read 12 tweets
Pratham Profile picture
10 May
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
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

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

:(