Tweet

Maybe Scrolly?

Pratham

Follow @Prathkum

7 May, 12 tweets, 6 min read

11 great websites a programmer should visit

Thread 🧵👇🏻

Can I use?

- A website that provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.

🔗 caniuse.com

Web Skills

Websites for all kind of learning resources for web developers

- Fundamentals
- Accessibility
- Web components
- Progressive web apps
- Frameworks and libraries
- Testing
- Architecture and Paradigm
- UI and UX
- DS and Algo

🔗 andreasbm.github.io/web-skills/

Pastebin

Pastebin can store texts like code, notes, and snippets online for a set time which can be shared instantly.

🔗 pastebin.com

Learn Shell

Whether you are an experienced programmer or not, this website is intended for everyone who wishes to learn programming with Unix/Linux shell interpreters.

🔗 learnshell.org

Programming Language Converter

- This is a super cool tool where you can convert code from one programming language into another.

🔗 ide.onelang.io

Dev Docs

- A one-place well-known API Documentation with a searchable interface

🔗 devdocs.io

Easely

- Free resume and inforgraphics for developers

🔗 easel.ly

Linux Survival

Linux Survival is a free tutorial designed to make it as easy as possible to learn Linux. Even though Linux has hundreds of commands, there are only about a dozen you need to know to perform most basic tasks.

Linked paperclips linuxsurvival.com

Share Code in Real-time with Developers
An online code editor for interviews, troubleshooting, teaching & more…

🔗 codeshare.io

Design Pattern

Good software architecture and teach you how to create it with design patterns

🔗 sourcemaking.com

Web page test

Free website speed test from around the globe using real browsers at consumer connection speeds with detailed optimization recommendations.

🔗 webpagetest.org

• • •

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

This Thread may be Removed Anytime!

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

More from @Prathkum

Pratham

@Prathkum

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

@Prathkum

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

Pratham

@Prathkum

7 May

I joined Tech Twitter 11 months ago and during this time I made around 72K audience.

Everyone can do this. Let me share how 🧵

1️⃣ Find your niche

Evaluate your passions and skills. And share something in the community in which you are good at. This is how you can let the people know that new member joined in the community recently

This is how I started 👇🏻

2️⃣ Use big accounts smartly 😎

I have noticed many people tag big accounts in their tweet in order to get impressions. This is not the right thing.

You can reply on the posts of big accounts and by doing so there might be some chances of getting impressions on your reply....

Read 16 tweets

Pratham

@Prathkum

7 May

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

🖇️ learn.shayhowe.com

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

🖇️ cssreference.io

Read 8 tweets

Pratham

@Prathkum

6 May

Do you have videos in your webpage?

Here are 4 tips to style video like a pro ↓

Adding subtitles is always good from accessibility point of view.

You can style the subtitles of video on your website using ::cue pseudo-element

The :picture-in-picture CSS pseudo-class matches the element which is currently in picture-in-picture mode.

You can use it for style video on your webpage when its picture-in-picture mode

Read 5 tweets

Pratham

@Prathkum

6 May

Powerful part of HTML

🧵👇🏻

1️⃣ <wbr>

The <wbr> (Word Break Opportunity) tag specifies where in a text it would be ok to add a line-break

When a word is too long, the browser might break it at the wrong place. You can use the <wbr> tag to add word break opportunities

2️⃣ <bdi>

The HTML Bidirectional Isolate element (<bdi>) tells the browser's bidirectional algorithm to treat the text it contains in isolation from its surrounding text.

Read 8 tweets

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!