BC ALL
Saved by @DrewKakinda

Web development resources for free

Mega Thread 🧵 👇🏻

 1️⃣ Online learning platforms 📘

- Udemy
- FreeCodeCamp
- Treehouse
- Frontend masters
- Coursera
- Traversy media
- SoloLearn
- Codecademy
- Udacity
- Alison
- Code college
- LinkedIn Learning
- Skillshare
- EdX
2️⃣ Editors and share code snippets ✍🏻

- PlayCode
- JSFiddle
- CodePen
- StackBlitz
- JSBin
- Codesandbox
- Codeinterview .io
- godbolt .org
- wandbox .org
- carbon .now.sh
- pastebin .com
- ideone .com
- ide .judge0.com
3️⃣ Documentations and notes 📄

- w3 schools
- mdn
- Devdocs
- geeksforgeeks
- tutorialspoint
- javapoint
4️⃣ Competitive programming 👩‍💻

- CodeChef
- HackerEarth
- HackerRank
- AlgoExpert
- LeetCode
- TopCoder
- Codewars
- Codeforces
- Coderbyte
- Exercism
5️⃣ Learn by playing game 🎮

- Grid garden
- Flexbox defense
- Codecombat
- Unfold
- Ruby warrior
- Screeps
- coding game
- CodeMonkey
- CSS diner
- Flexbox froggy
- Check IO
- Cyber-dojo
- Untrusted
6️⃣ Colors 🎨

- Colorhunt
- Paletto
- Design Seeds
- Coolors
- Bootflat
- 0 to 255
- uiGradients
- BrandColors
- Image color picker
- Colour Lovers
- WebGradients
- Egg gradient
- Gradient Hunt
- Color-hex
- FlatUIColors
- CSS gradients
7️⃣ Background

- Repeat-X Repeat-Y
- Texture King
- Pattern8
- Subtle Patterns
- Patternico
- BG Patterns
- Lost and Taken
- Freepik
- Cool backgrounds
- BG generator
8️⃣ Icons ♠

- Icons8
- Captain Icon
- Iconmonstr
- Linear Icons
- Pixeden
- Perfect Icons
- Font Awesome
- flaticon
- Fontello
- The Noun Project
- Endless Icons
- Round Icons
- Iconfinder
- Freeicons
- Icon-icons
- Findicons
9️⃣ Illustrations

- Undraw
- Freepik
- IRA design
- DrawKit
- Absurd Illustrations
- Handz
- freeillustrations .xyz
- Freebie Supply
- ManyPixels
- Vivid.js
- Humaaans
- Open Doodles
- Icons8
- Glazestock
- Paper illustrations
- illlustrations .co
- isometric .online
🔟 Fonts 🆎

- Google fonts
- Font Bundles
- Behance
- Dafont
- Font Squirrel
- Abstract Fonts
- 1001 Fonts
1️⃣1️⃣ Photos 📷

- Unsplash
- Pixabay
- PicJumbo
- IM Free
- Pexels
- Flickr
- Gratisography
- Stock Up
- Cupcake
- Adobe Stock
- Icons8
- Rgbstock
- Pikwizard
- Stocksnap
- Shutterstock
- Freestocks
1️⃣2️⃣ Testing 🧪

- Pingdom
- Website Speed Test
- SEO Site Checkup
- Uptrends
- Dotcom-Tools
- GTmetrix
- WebPageTest
- Dareboost
- SEO tools
- Nibbler
- BrowserStack
1️⃣3️⃣ Hosting 🌐

- Github pages
- Netlify
- Firebase
- AWS
- Vercel
- Heroku
1️⃣4️⃣ JavaScript visual libraries

- Chart.js
- D3.js
- React-vis
- Three.js
- Victory
- Chartkick
- Google Charts
- Flexmonster
- ApexCharts
- Echarts
- Frappe Charts
- ReCharts
1️⃣5️⃣ CSS generators

- coolbackgrounds .io
- css3buttongenerator .com
- neumorphism .io
- glassmorphism .com
- css3generator .com
- Fancy-border-radius
- bennettfeely .com/clippy
- cssgradient .io
- blobmaker .app
- getwaves .io
- cssgenerator .org

CONT...
- csssbuttongenerator .com
- svgator .com
- cssbuttoncreator .com
- cssgenerators .net
- svgbackgrounds .com
- bgjar .com
- cssboxshadow .com
- css3generator .com
- cssfiltergenerator .com
- neumorphic .design
1️⃣6️⃣ Code snippets

- Codepen
- Codesandbox
- CSS-Tricks
- Hakim .se
- Code My UI
- CreativesFeed
- Bootsnipp
- 30 seconds of code
- 30 Seconds of CSS
- Stackoverflow
- Code to go
- Tweetsnippet
- GitHub
- W3 Schools
- EnjoyCSS
- Web Code Tool
1️⃣7️⃣ Interview preparation

- CodeChef
- HackerEarth
- LeetCode
- HackerRank
- Interview Cake
- InterviewBuddy
- glassdoor
- AlgoExpert
- interviewing .io
- Interview camp
- Coderbyte
- InterviewBit
- GeeksForGeeks
- AmbitionBox
1️⃣8️⃣ Chrome extensions

- Wappalyzrer
- CSS Scan
- Marmoset
- Pesticide
- Ghostery
- HTML Validator
- Keyframes
- ColorZilla
- Page Ruler
- UX Check
- Checkbot
- LambdaTest
- JSONView
1️⃣9️⃣ Apply for internships

- angel .co
- indeed .com
- chegg .com
- letsintern .com
- perfectintern .com
- remoteok .io
- nodesk .io
- remoteinternships .com
- internhq .com
2️⃣0️⃣ Apply for jobs

- angel .co
- dice .com
- hiring .careerbuilder.com
- devsnap .io
- freshersworld .com
- flexjobs .com
- remote .co
- whoishiring .io
- remoteml .com
- weworkremotely .com
- simplyhired .com
- remoteok .io
- upwork .com
- freelancer .com
Ahh! That's pretty much it. It seems that it took me 100 hours to write this

If you like this thread, please share it with your connections ❤️

More from Pratham 👨‍💻🚀

Pratham \U0001f468\u200d\U0001f4bb\U0001f680
Pratham 👨‍💻🚀...
@Prathkum
10 HTML and CSS tips that you need to know😉

🧵👇🏻

1️⃣ Customize the text selection

- The ::selection pseudo-element matches the portion of an element that is selected by a user.


2️⃣ Range Input

- You can change the styling of input type="range"


3️⃣ Custom Scrollbar

- Customize the scrollbar of your website in few minutes


4️⃣ Scrollable element

- If you have some fixed size element then use overflow: auto. It will convert your element into scrollable element
ALL
Pratham \U0001f468\u200d\U0001f4bb\U0001f680
Pratham 👨‍💻🚀...
@Prathkum
A complete beginner's guide to CSS Grid layout 👇🏻

Thread🧵


Grid is used for making complex web design layouts more easily as it's not so hard to master

Using Flex you can make only 1D layout but Grid gives you full power of creating 2D layout

Let's start

{ 2 / 21 }

First things first, start with giving the display property "grid" to the container element or parent element

{ 3 / 21 }


Nothing will change after adding display: flex; in the parent container becuase we need to define the width of columns. In order to set that columns width we have gird-template-columns property

{ 4 / 21 }

Let's start with defining the width of our columns.

For example, let's say I need two columns of width 60% and 40% respectively

grid-template-columns: 60% 40%;

{ 5 / 21 }
CODING , WEBDEV
Advertisement
Pratham \U0001f468\u200d\U0001f4bb\U0001f680
Pratham 👨‍💻🚀...
@Prathkum
Neumorphism is a trendy UI style nowadays. So let's create a neumorphic form using few simple steps

THREAD🧵


Neumorphic design is another UI design that has become popular these days.

Making neumorphic effect is actually pretty easy using only just CSS box-shadow

We'll be creating a neumorphic form in steps👇🏼

2.

STEP 1:

Place a light source(virtually) on screen. In this example I'm considering that my light source is placed top left corner of the screen

3.


STEP 2:

Create a container div and set background color slightly darker than white. I picked #ecf0f3

* Make sure that the color of body and container should be same

CONTINUE...

4.

As we placed our light source on top-left corner, make sure left and top border of container should be brighter than right and bottom border.

This will make the element looks like it has the light source illuminating from the top left corner of the screen.

5.
DESIGN
Pratham
Pratham
@Prathkum
7 GitHub repositories will make you a standout developer from 99% of people:

1. Memphis

An open-source real-time data processing platform.

• Message broker
• Schema Management
• Zero ops
• Cloud-native
• Rapid development
• Significantly lower development time

🔗 https://t.co/w5L2aCM3do


2. The art of command line

Master the command line, in one page.

🔗 https://t.co/uF2RlcUIxb


3. Public APIs

A collective list of free APIs for use in software and web development

🔗 https://t.co/vDRQKBf15V


4. Hover

A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on.

🔗 https://t.co/bIGEEPcMkJ
CATAGORY JEE
Pratham
Pratham
@Prathkum
65 JavaScript resources that can help you

Mega Thread 🧵 👇🏻

🔹 Websites

1. Java5cript
https://t.co/2gdB6LdfQ8

2. JavaScript Tutorial
https://t.co/YyH7YEZtOL

3. JavaScript 30
https://t.co/X2e6T9qFW5

4. JavaScript Info
https://t.co/GLcMZmyfC9

5. JavaScript by

🔹 Learn through visualizing

6. JS Visualizer
https://t.co/DKXfCA5bnv

7. UI dev visualizer
https://t.co/IsnNdAGANq

8. JS

🔹 Documents

9. MDN
https://t.co/XkMlZQOF0h

10. W3 Schools
https://t.co/aJB14ha9KT

11. DevDocs
https://t.co/sVwCCrYKwA

12. JavaScript Info
https://t.co/VJaTfVOIa8

13. JavaScript

🔹 GitHub repo

14. Modern JavaScript tutorials
https://t.co/vDgTJKbz74

15. Awesome JS Learning
https://t.co/CUCBjfJEcY

16. JS by example
https://t.co/VLT6dRwLSp

17. 33 JS concepts
https://t.co/F5KDOSaACD

18. 30 seconds of
ALL

More from All

WORLD OF SANATAN DHARMA
WORLD OF SANATAN DHARM...
@world_sanatan
LESSER KNOWN DETAILS ABOUT THE BATTLE OF PRATAPGAD - THIS YOU ALL SHOULD READ

In the 1659 Adilshah sent Afzalkhan with the army of 75000 soldiers to destroy Chhatrapati Shivaji Maharaj with his empire. He was the main soldier, warrior and minister in Adilshahi Sultanate.


He was the Subhedar of Wai province.

He was very powerful physically. His height was 7.3 ft. due to same he was very popular as a strong man from Adilshahi Sultanate.

Whole India was not daring to fight with Adilshahi due to Afzal Khan.

Badi Begum Sahiba sent him to kill Chhatrapati Shivaji on any cost.

Voluntary he decided to destroy Chhatrapati Shivaji’s empire with him. He started his operation against Chhatrapati Shivaji from "wai". He destroyed many temples like as Tulja Bhavani Temple.

He destroyed so many villages, killed villagers to torture Chhatrapati Shivaji.

DETAILED VIEW- Running commentary

1. Chhatrapati Shivaji chose Pantaji as a lawyer to communicate with Afzal Khan. Pantaji was very sharp minded, who did his job very nicely.

2. He presented Chhatrapati Shivaji is fearing Afzal Khan and he wanted to invite him in his kingdom near Pratapgad.

3. Pantaji succeed in the communication with Afzal Khan and he brought him as per the planning of Chhatrapati Shivaji.
ALL
WORLD OF SANATAN DHARMA
WORLD OF SANATAN DHARM...
@world_sanatan
EVOLUTION OF CROWNS

The ancient Indian kings called a head crown as a Mukut and it would mostly constitute of a golden ornamental headgear like an oval cap with gems.

Sometimes it would also include a halo circle to show the divinity of the king

1/7


As it was considered that kings were appointment by the gods themselves. Example the kings of mewar considered themselves to be the ‘Diwan of eklingji')

But in most cases very few Mukut with halo effect have been found.

2/7

Samudragupta in the gupta era coin. You can see the helmet like headwear on him.

Till gupta era the solid golden head wear was used in most days of the monarch.

But since the onset of 8th century it reduced in usage and was now used only as a ceremonial headwear.

3/7


Whereas earlier the Maharaja had to wear the mukut whenever his court was in session.

Still mukut was being used prominently for ceremonial activities till recent times.

Maharaj Dahir of Sindh👇

4/7


But as times past the style of headwear also changed.

The kings mostly wore turbans ordained with pearls and gems while rarely anyone wore a true Mukut after 16th century.

Portrait of Sri Krishna Dev Raya👇

5/7
ALL
Advertisement
\u0b85\u0ba9\u0bcd\u0baa\u0bc6\u0bb4\u0bbf\u0bb2\u0bcd
அன்பெழில்...
@anbezhil12
#ஆதித்தியஹ்ருதயம் ஸ்தோத்திரம்
இது சூரிய குலத்தில் உதித்த இராமபிரானுக்கு தமிழ் முனிவர் அகத்தியர் உபதேசித்ததாக வால்மீகி இராமாயணத்தில் வருகிறது. ஆதித்ய ஹ்ருதயத்தைத் தினமும் ஓதினால் பெரும் பயன் பெறலாம் என மகான்களும் ஞானிகளும் காலம் காலமாகக் கூறி வருகின்றனர். ராம-ராவண யுத்தத்தை


தேவர்களுடன் சேர்ந்து பார்க்க வந்திருந்த அகத்தியர், அப்போது போரினால் களைத்து, கவலையுடன் காணப்பட்ட ராமபிரானை அணுகி, மனிதர்களிலேயே சிறந்தவனான ராமா போரில் எந்த மந்திரத்தைப் பாராயணம் செய்தால் எல்லா பகைவர்களையும் வெல்ல முடியுமோ அந்த ரகசிய மந்திரத்தை, வேதத்தில் சொல்லப்பட்டுள்ளதை உனக்கு

நான் உபதேசிக்கிறேன், கேள் என்று கூறி உபதேசித்தார். முதல் இரு சுலோகங்கள் சூழ்நிலையை விவரிக்கின்றன. மூன்றாவது சுலோகம் அகத்தியர் இராமபிரானை விளித்துக் கூறுவதாக அமைந்திருக்கிறது. நான்காவது சுலோகம் முதல் முப்பதாம் சுலோகம் வரை ஆதித்ய ஹ்ருதயம் என்னும் நூல். முப்பத்தி ஒன்றாம் சுலோகம்

இந்தத் துதியால் மகிழ்ந்த சூரியன் இராமனை வாழ்த்துவதைக் கூறுவதாக அமைந்திருக்கிறது.
ஐந்தாவது ஸ்லோகம்:
ஸர்வ மங்கள் மாங்கல்யம் ஸர்வ பாப ப்ரநாசனம்
சிந்தா சோக ப்ரசமனம் ஆயுர் வர்த்தனம் உத்தமம்
பொருள்: இந்த அதித்ய ஹ்ருதயம் என்ற துதி மங்களங்களில் சிறந்தது, பாவங்களையும் கவலைகளையும்


குழப்பங்களையும் நீக்குவது, வாழ்நாளை நீட்டிப்பது, மிகவும் சிறந்தது. இதயத்தில் வசிக்கும் பகவானுடைய அனுக்ரகத்தை அளிப்பதாகும்.
முழு ஸ்லோக லிங்க் பொருளுடன் இங்கே உள்ளது https://t.co/Q3qm1TfPmk
சூரியன் உலக இயக்கத்திற்கு மிக முக்கியமானவர். சூரிய சக்தியால்தான் ஜீவராசிகள், பயிர்கள்
ALL
Buzz Chronicles
Buzz Chronicles
@buzz_chronicles
@SaveToBookmarks Namaste! There you go! Original tweet by @buzz_chronicles: "@SaveToBookmarks Namaste! You can find it here. Original tweet by @AchuthArora: ...". Enjoy 👌

Hi! There you go! Original tweet by @SaveToBookmarks: "@buzz_chronicles @AchuthArora @OllieEmberson @rattibha No more missed tweet 😉!

...". See You soon! 👉
ALL
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

You May Also Like

WORLD OF SANATAN DHARMA
WORLD OF SANATAN DHARM...
@world_sanatan
EVOLUTION OF CROWNS

The ancient Indian kings called a head crown as a Mukut and it would mostly constitute of a golden ornamental headgear like an oval cap with gems.

Sometimes it would also include a halo circle to show the divinity of the king

1/7


As it was considered that kings were appointment by the gods themselves. Example the kings of mewar considered themselves to be the ‘Diwan of eklingji')

But in most cases very few Mukut with halo effect have been found.

2/7

Samudragupta in the gupta era coin. You can see the helmet like headwear on him.

Till gupta era the solid golden head wear was used in most days of the monarch.

But since the onset of 8th century it reduced in usage and was now used only as a ceremonial headwear.

3/7


Whereas earlier the Maharaja had to wear the mukut whenever his court was in session.

Still mukut was being used prominently for ceremonial activities till recent times.

Maharaj Dahir of Sindh👇

4/7


But as times past the style of headwear also changed.

The kings mostly wore turbans ordained with pearls and gems while rarely anyone wore a true Mukut after 16th century.

Portrait of Sri Krishna Dev Raya👇

5/7
ALL
SK
SK
@sk_diary1
Sri Sanjeevi Rayar Temple located in Ayyangar Kulam,near Kanchipuram,TN

#Thread

Ancient but beautiful temple dedicated to Hanuman. This temple is a legendary one. According to the Sthala Puranam of Sanjeevi Rayar temple,it is associated with an episode from Ramayana.


Legend story -Hanuman was flying from Himalayas to Lanka bearing Sanjeevi hill to revive Lakshmana during battle between Rama& Ravana, a piece of the Sanjeevi Parvat fell at this place.Many believe this legendary story & even today that no one here dies of any kind of poisoning.

From historical background of the temple it is known that temple was originally built by a great scholar &administrator Kotikanyadanam Lakshmikumara Tatacharya. Temple itself&village were named following name of great scholar Tatacharya, who was then popularly known as Ayyangar.

He was the royal preceptor of Vijayanagara emperor Venkata Raya who had his capital at Chandragiri in AP.Upon returning from a pilgrimage,robbers tried to attack Tatacharya at this place. Being a great devotee of Hanuman,he instantly composed a poem in Sanskrit praising Hanuman.


The bandits immediately ran away &Tatacharya decided to build a temple dedicated to Anjaneya at that very place.This Sanskrit poem is called Hanumad Vimshati, has been inscribed in Grantha script inside this temple.The huge temple tank called Tatasamudram, in honor of Tatacharya.
ALL
Advertisement
\uc2e0\ub150\uc758\uc0ac\ub098\uc774
신념의사나이...
@Belposto_korea
What does Gold- Backed mean?
The Chinese Elders have been accumulating gold for hundreds of years. They are gold-rich. Some of their gold was loaned to the Central Banking System so that it could fund the rebuilding of Europe after the many war-torn years from World Wars I and II

BTW they never returned it but used it to start their financial empire to enslave humanity. This is the Central Bank Banking System./2

Maybe this is why one of the conditions to use their gold for the QFS is the demise and full disclosure of the Central Bank banking system before the RV can take place./3

The Elders have caves of hidden gold and are now using it to gold-back the currencies in the QFS for every country in the world. It is important to understand that the QFS and the money it is about to release is all brand-new currency./4

It was designed by the Alliance to fund the new financial system that will reset all Currencies of the world to Gold-Backed currency./5
SOCIETY
Sheetal Rijhwani
Sheetal Rijhwani
@RijhwaniSheetal
How you can filter stocks for Intraday trades - 🧵

As a kid, we would do homework before school the next day - you have to do homework here too. A specific sector performs on a particular day and studying things a day before will help you spot that particular sector. (1/11)

To prepare for the next trading day, you got to check the Index charts of all sectors. You got to keep an eye on a specific Index if you see a few factors:

- If any Index closed exactly at the resistance, you can get a trade on either side on the next day. (2/11)

- If it gave a rejection candle at resistance.

- If any Index closed exactly at support, you can get a trade on either side the following day.

- If there was a bullish signal at the support.

- If any Index gave a breakout or breakdown and then gave a good closing. (3/11)

- If any Index has taken support at 50 or 200 EMA.

Once you spot the Index, look at all the stocks in that particular Index. Pick at least 3-4 stocks from that Index and add them to your watchlist for the next day. It's ideal to check both higher and lower timeframes. (4/11)

What you should do next day? (When I am unable to check Indices and stocks a day before, I sometimes directly start with this process.)

- Start with checking the top gainers/losers list. I observe market from 9:15 to 9:45am to check the sectors performing well on that day.(5/11)
SCREENERS , ALL , INTRADAY STRATEGIES
Seth Abramson
Seth Abramson
@SethAbramson
(THREAD) The Whitaker scandal is deepening, as it becomes clear that Sessions' Russia recusal was a coordinated sham and his firing an act of obstruction—and that his replacement is a White House plant inside the Mueller probe. I hope you'll retweet and read on for more details.


1/ From 2014-17 Whitaker worked for World Patent Marketing—which during his tenure defrauded consumers out of $26 million and was successfully prosecuted by the feds. His involvement in the scam confirmed he had loose morals and that the feds would never want to employ him again.

2/ Despite the seeming impossibility of a man with Whitaker's background getting a job at Justice ever again—he'd been found to have used his former title as a US attorney to fraudulently threaten consumers with valid complaints with criminal penalties—Whitaker found an opening.

3/ Within 60 days of parachuting out of World Patent Marketing as it was being fined $26 million by the feds, Whitaker was working for CNN and telling a fellow attorney panelist that his purpose in working for CNN was to get noticed by one man—Donald Trump—and thereby get a job.

4/ Whitaker spent his time at CNN making ludicrous statements about the Mueller probe: there was no obstruction or collusion, he said; Mueller had no authority to look into any aspect of Trump's finances or to subpoena him, he said. All the while, he hoped Trump was watching him.
POLITICS