BC ALL
Saved by @camera_cone

9 websites that will help you learn web development faster (they are free) 🧵

 1. How HTTP Works

Everything you need to know about HTTP based system.

🔗 https://t.co/gVZS4RzS1a
2. 30 Days of Node

Learn Node step by step with interactive examples and code snippet in 30 days.

🔗 https://t.co/9nbtMiNB1C
3. How DNS Works

Learn what happens when you type a website address in your browser

🔗 https://t.co/SqMRNnDbc3
4. Git

Check out this excellent free website to learn git visually.

🔗 https://t.co/rQJMISBDfS
5. JavaScript

Visualize JavaScript code and learn the workflow.

🔗 https://t.co/IDdTvgvR2f
6. Algorithm Visualizer

Algorithms are always a little tricky to learn. But this website can make it easier.

🔗 https://t.co/KKEmamuWdi
7. Cryptozombies

Learn to code Blockchain DApps by building simple games.

🔗 https://t.co/5BDXNsRg9E
8. useWeb3

useWeb3 is a platform for developers to explore and learn about Web3.

🔗 https://t.co/E3rS2QKDUl
9. Sorting Algorithms

Learn sorting algorithms visually and intuitively.

🔗 https://t.co/XxzwBal6Uz
Thanks for checking this out.

You can check out my other threads at @PrathKum. I generally write about web development. 😁

More from Pratham

Pratham \U0001f468\u200d\U0001f4bb\U0001f680
Pratham 👨‍💻🚀...
@Prathkum
These 5 visualizers will help you learn data structures and algorithms up to 10 times faster

Thread 🧵👇🏻

1⃣ https://t.co/H2sKWKEeaz

- Learn DSA and visualize some complex programs. Definitely check it out.


2️⃣ https://t.co/0WcFTWBfh9

- Dedicated to graph DS


3️⃣ https://t.co/ShEQQkjtWD

- Visualizing data structures and algorithms through animation


4️⃣ https://t.co/XxzwBa3vvZ

- All sorting algorithms animations
CODING , ALL
Pratham \U0001f468\u200d\U0001f4bb\U0001f680
Pratham 👨‍💻🚀...
@Prathkum
Let's create Phineas using CSS in few simple steps😄

THREAD🧵


STEP 1. Create a head

create a triangle and rotate it so that it looks like a head


STEP 2. Create smile and ear

We have a pseudo elements in CSS, so we can create smile and ear using head::after and head::before


STEP 3. Create eyes

This is the most trickiest part because in order to make an eye we have to create

- One bigger white circle
- then a small black pupil inside white circle
- then a small white reflection in black pupil

Let's create a outer white circle first


STEP 3(I). Create a black pupil

We can create pupil using pseudo element
SOFTWARE , SNIPPETS
Advertisement
Pratham
Pratham
@Prathkum
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 }
ALL
Pratham
Pratham
@Prathkum
12 websites that will help you learn web development faster (completely free): 🧵

1. How HTTP Works

Everything you need to know about HTTP based system.

🔗 https://t.co/gVZS4RzS1a


2. 30 Days of Node

Learn Node step by step with interactive examples and code snippet in 30 days.

🔗 https://t.co/9nbtMiNB1C


3. How DNS Works

Learn what happens when you type a website address in your browser

🔗 https://t.co/SqMRNnDbc3


4. Git

Check out this excellent free website to learn git visually.

🔗 https://t.co/rQJMISBDfS
WEBDEV
Pratham
Pratham
@Prathkum
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
CSS

More from All

Khatvaanga
Khatvaanga
@khatvaanga
Sri Gurubhyo Namah.
Some tweets on Adi Shankaracharya and in particular the Guru Parampara of @sringerimath. [I had done this series earlier 5 years ago on account of Shishya Sweekaram].


Adi Shankara established the Sringeri Peetham as the 1st of 4 amnaaya peetams.

The four being
1. Sarada Peetam at Sringeri.
2. Govardhana Peetam at Puri
3. Kalika at Dwaraka
4. Jyothir at Badarikashramam.

He installed his 4 most prominent shishyas as heads of the peetams.

Sureshwaracharya was assigned to Sringeri as its head.

Sringeri is a corruption of Rshyashrunga giri.

Rshyashrunga maharshi [and his father Sri Vibandhaka Maharshi] did their tapas at this place.

It is at Sringeri that Shankara spent 12 of His precious 32 years!!

That gives you and idea how much He loved this place.

Rshyashruga maharshi had a horn on his forehead, a result of being born to a deer. His mere presence was enough to shower rains!!

Rshyashrunga was one who led Putrakamesthi Yaagam of Dasaratha Maharaj and which resulted in Sri Rama's birth!!
ALL
Ranvijay Singh\U0001f1ee\U0001f1f3
Ranvijay Singh🇮🇳...
@ranvijayT90
#Thread Two divine forms of Khatu Shyam ji...


On the day of Amavasya, devotees get the darshan of Shyam Baba in Shyam varan (black color). In ordinary days, the form of Baba is saffron. The reason for this is a custom. The real head of Shyam Baba which had appeared from Shyam Kund is of Shyam varan.


Every day Shyam Baba's grand Shringar is done by Pujaris. The main part of Shyam Baba's shringar is Tilak. This Shringar is done by the members of Nij Mandir sevaks. The sevaks of the Nij Mandir do sandalwood tilak to Baba everyday in the auspicious time.


This Divine Tilak is applied from the forehead to the nose. When Baba is given a bath by sevaks, this tilak comes off. Then in the auspicious time, the sevaks again apply tilak to Baba.


There is no auspicious time on the Amavasya. Because of this, tilak is not done on that day. That's why devotees have darshan of Shyam Baba on the Amavasya only in the actual real form (Shyam Swaroop). Baba's tilak is done on Amavasya only on the day of Deepawali.
ALL
Advertisement
Vibhor Varshney
Vibhor Varshney
@nakulvibhor
On the occasion of youtube 20k and Twitter 70k members

A small tribute/gift to members

Screeners

technical screeners - intraday and positional both

before proceeding - i have helped you , can i ask you so that it can help someone else too

thank you

positional one

run - find #stock - draw chart - find levels

1- Stocks closing daily 2% up from 5 days
https://t.co/gTZrYY3Nht

2- Weekly breakout
https://t.co/1f4ahEolYB

3- Breakouts in short term
https://t.co/BI4h0CdgO2

4- Bullish from last 5

intraday screeners

5- 15 minute Stock Breakouts
https://t.co/9eAo82iuNv

6- Intraday Buying seen in the past 15 minutes
https://t.co/XqAJKhLB5G

7- Stocks trading near day's high on 5 min chart with volume BO intraday
https://t.co/flHmm6QXmo

Thank you
SCREENERS , ALL , NAKULSMIX
Ranbir Singh \U0001fa9e
Ranbir Singh 🪞...
@ranbirsinghlive
Giveaways are smashing the Twitter algo.

I've gained dozens of followers & newsletter subs.

Small accounts NEED to use them.

They drive growth, but also experience & trust.

Because a Twitter giveaway is a mini-product launch.

Steal my blueprint to create 1 in an afternoon🧵


The phases of a Twitter giveaway launch:

1. Ideate
2. Build
3. Promote
4. Deliver
5. Follow-Up

Let's break them down:

IDEATE

Grab a piece of paper and write down 3 lists:

1. Concepts you've learned in the last WEEK
2. Problems you've solved in the last MONTH
3. Questions you've been asked the most in the last YEAR

You're Twitter giveaway is somewhere on these lists...

FILTER

Combine the best from your 3 lists into 1 based on these criteria:

1. Quickly actionable
2. Easily explainable
3. Broadly relatable (beginner)

Once done, you're going to pick ONE that sings to you the most.

But don't throw out the rest. They'll be your next giveaways

BUILD

Pick 1 the easiest medium to convey your idea:

• Loom video
• Checklist (Notion)
• Written guide (Google Doc)

Give yourself ONE HOUR to script & edit your giveaway.

You get an additional 15 minutes to record, if applicable ;)
ALL
Angela Jamison
Angela Jamison
@AnJamison
@FeistyLibLady @jamie_raskin @buzz\_chronicles @buzz\\\_chronicles @buzz_chronicles save as category @pdfmakerapp grab @pdfmakerapp grab this @readwiseio save @readwiseio save thread @threader compile summarize @Threadreaderapp unroll please @ttttreads unroll @unrollthread.com @SaveToBookmarks
ALL

You May Also Like

Billy Bostickson \U0001f3f4\U0001f441&\U0001f441 \U0001f193
Billy Bostickson 🏴👁&👁 ...
@BillyBostickson
@EricTopol @NBA @StephenKissler @yhgrad B.1.1.7 reveals clearly that SARS-CoV-2 is reverting to its original pre-outbreak condition, i.e. adapted to transgenic hACE2 mice (either Baric's BALB/c ones or others used at WIV labs during chimeric bat coronavirus experiments aimed at developing a pan betacoronavirus vaccine)

@NBA @StephenKissler @yhgrad 1. From Day 1, SARS-COV-2 was very well adapted to humans .....and transgenic hACE2 Mice


@NBA @StephenKissler @yhgrad 2. High Probability of serial passaging in Transgenic Mice expressing hACE2 in genesis of SARS-COV-2


@NBA @StephenKissler @yhgrad B.1.1.7 has an unusually large number of genetic changes, ... found to date in mouse-adapted SARS-CoV2 and is also seen in ferret infections.
https://t.co/9Z4oJmkcKj


@NBA @StephenKissler @yhgrad We adapted a clinical isolate of SARS-CoV-2 by serial passaging in the ... Thus, this mouse-adapted strain and associated challenge model should be ... (B) SARS-CoV-2 genomic RNA loads in mouse lung homogenates at P0 to P6.
https://t.co/I90OOCJg7o
ALL
The New York Times
The New York Times
@nytimes
Stan Lee’s fictional superheroes lived in the real New York. Here’s where they lived, and why. https://t.co/oV1IGGN8R6


Stan Lee, who died Monday at 95, was born in Manhattan and graduated from DeWitt Clinton High School in the Bronx. His pulp-fiction heroes have come to define much of popular culture in the early 21st century.

Tying Marvel’s stable of pulp-fiction heroes to a real place — New York — served a counterbalance to the sometimes gravity-challenged action and the improbability of the stories. That was just what Stan Lee wanted. https://t.co/rDosqzpP8i


The New York universe hooked readers. And the artists drew what they were familiar with, which made the Marvel universe authentic-looking, down to the water towers atop many of the buildings. https://t.co/rDosqzpP8i


The Avengers Mansion was a Beaux-Arts palace. Fans know it as 890 Fifth Avenue. The Frick Collection, which now occupies the place, uses the address of the front door: 1 East 70th Street.
CULTURE
Advertisement
George Mack
George Mack
@george__mack
THREAD: 15 of the most useful razors and rules I've found.

Rules of thumb that simplify decisions.

Bezos' Razors:

• If unsure what action to take, let your 80-year-old self make it.

• If unsure who to work with, pick the person that has the best chances of breaking you out of a 3rd world prison.

Skinner's Law:

• If procrastinating on an item, you only have 2 options:

1. Make the pain of not doing it greater than the pain of doing it.

2. Make the pleasure of doing it greater than the pleasure of not doing it.

Luck Razor:

• If stuck with 2 equal options, pick the one that feels like it will produce the most luck later down the line.

I used this razor to go for drinks with a stranger rather than watch Netflix.

In hindsight, it was the highest ROI decision I've ever made.

Bragging Razor:

• If someone brags about their success or happiness, assume it’s half what they claim.

• If someone downplays their success or happiness, assume it’s double what they claim.

The map is not the terrain.
ALL , BUSINESS , PRINCIPLES
Nicolas
Nicolas
@necolas
A brief analysis and comparison of the CSS for Twitter's PWA vs Twitter's legacy desktop website. The difference is dramatic and I'll touch on some reasons why.

Legacy site *downloads* ~630 KB CSS per theme and writing direction.

6,769 rules
9,252 selectors
16.7k declarations
3,370 unique declarations
44 media queries
36 unique colors
50 unique background colors
46 unique font sizes
39 unique z-indices

https://t.co/qyl4Bt1i5x


PWA *incrementally generates* ~30 KB CSS that handles all themes and writing directions.

735 rules
740 selectors
757 declarations
730 unique declarations
0 media queries
11 unique colors
32 unique background colors
15 unique font sizes
7 unique z-indices

https://t.co/w7oNG5KUkJ


The legacy site's CSS is what happens when hundreds of people directly write CSS over many years. Specificity wars, redundancy, a house of cards that can't be fixed. The result is extremely inefficient and error-prone styling that punishes users and developers.

The PWA's CSS is generated on-demand by a JS framework that manages styles and outputs "atomic CSS". The framework can enforce strict constraints and perform optimisations, which is why the CSS is so much smaller and safer. Style conflicts and unbounded CSS growth are avoided.
TECH
Corey Lynn \U0001f64f\U0001f1fa\U0001f1f8
Corey Lynn 🙏🇺🇸...
@CoreysDigs
1) OBSERVATION: The frequencies are changing. I would have to assess stats on the electromagnetic field to see its fluctuations. All I know is, I am highly sensitive to energy/frequencies, and they are changing, because…

2) 2 Weeks ago, my dog was effected by it as well. He is hearing things that aren’t technically audible. I can tell by his body language and sounds. One week ago I began feeling a pressure in my head and ears. It wasn’t painful at all, but it was intense for a bit.

3) It reminded me of taking off in an airplane a bit. I felt like I was in a vacuum. It went on and off for a couple of days. I’ve picked up on frequencies and high pitched sounds (not audible to most) for 30 years, and today my right ear began to ring for longer than usual.

4) This is nothing unusual for me, with exception of the duration. This happens often with me. No, it’s not tinnitus. Only this time, when I spoke, there was reverb creating a high pitch in my ear from my voice. This lasted for about 30 minutes. It did not hurt, just annoying.

5) So yes, the frequencies are changing. What this means exactly, I am unsure of at the moment. Some will say electromagnetic fields, others will say ascension, and some will say pole shift. I honestly can’t say at this very moment.
SCIENCE