BC WEBDEV
Saved by @inertia_m

23 FREE SVG Icon Libraries For Front-End Developers

Mega Thread 🧵👇

 1️⃣ Ionicons: The premium icon pack for Ionic Framework

Ionicons is an open-sourced and MIT-licensed icon pack.

https://t.co/jVEF9LKBvL
2️⃣ 700+ CSS Icons, Customizable, Retina Ready & API

Pure CSS icons library, Customizable & Retina-Ready built 100% in pure CSS, SVG, SVG Sprite, styled components, Figma, and Adobe XD. Easy integration: Embed, NPM & API

https://t.co/mlNsUhxhAJ
3️⃣ SVG Repo - Free SVG Vectors and Icons

Free Vectors and Icons in SVG format. Download free mono or multi-color vectors for commercial use. Search in 300.000+ Free SVG Vectors and Icons.

https://t.co/2Ht2sI23TE
4️⃣ Feather – Simply beautiful open source icons

Feather is a collection of simply beautiful open source icons. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency, and readability.

https://t.co/Q57uRAwQXP
5️⃣ Eva Icons

Eva Icons is a pack of 480 delightful icons available for free.

Download Eva Icons to use them in your products for mobile and web apps. Available as SVG, PNG, Web Font, and Sketch. Open-source

https://t.co/1kNcUMWORB
6️⃣ Heroicons – Free Open Source SVG Icon Library

New MIT open source SVG icon library designed by Steve Schoger.

Solid and stroke variants, one-click copy-paste, and Figma file. Built with Tailwind CSS.

https://t.co/7A4Axyapmg
7️⃣ Font Awesome

The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options.

https://t.co/yg9UMmppoV
8️⃣ Bootstrap Icons

Official open source SVG icon library for Bootstrap

https://t.co/FUTVxiSrJA
9️⃣ Unicons icon library | Line | Monochrome | Solid | Thin Line

4500+ free vector icons - Unicons in Line, Monochrome, Solid, and Thin Line style by Iconscout.

https://t.co/FCSIuRCP1A
🔟 Remix Icon - Open source icon library

Remix Icon is a set of open-source neutral-style system symbols elaborately crafted for designers and developers. All of the icons are free to use for both personal and commercial.

https://t.co/QGr3b4p8C1
1️⃣1️⃣ Iconic Font - iconmonstr

300+ Free SVG icons. IFTTT style.

https://t.co/6BwJlfhI9A
1️⃣2️⃣ Octicons

Your project. GitHub’s icons.

https://t.co/6pnJ6MEFbk
1️⃣3️⃣ Ikonate

Customize, adjust and download free vector icons.

Ikonate is an adaptable set of optimized, accessible SVG icons that users can easily use in both development and design apps such as Sketch and Photoshop.

https://t.co/TXqvmF7Z09
1️⃣4️⃣ Zondicons

A set of free premium SVG icons for you to use on your digital products.

https://t.co/uWx6TxwXuE
1️⃣5️⃣ Entypo

Entypo is a suite of 411 carefully crafted premium pictograms by Daniel Bruce.

https://t.co/2lfCtnuszX
1️⃣6️⃣ Download 100 Free Line-Style Icons

This free line-style icon set ships with a total of 100 different icons. This collection is a re-mastering and expansion of our previous Divi Icons.

https://t.co/DnLF34Qw3E
1️⃣7️⃣ Bootstrap Icons

Official open source SVG icon library for Bootstrap

https://t.co/FUTVxiSrJA
1️⃣8️⃣ GitHub - google/material-design-icons: Material Design icons by Google

Material Design icons by Google. Contribute to google/material-design-icons development by creating an account on GitHub.

https://t.co/nwPt3mKHqw
1️⃣9️⃣ Octicons

A scalable set of icons handcrafted with <3 by GitHub

https://t.co/j2Fzu1TWhi
2️⃣0️⃣ Hawcons

Hawcons - Magnificent sharp icons. Handcrafted with passion. Available for free.

https://t.co/zd57CEwTKS
2️⃣1️⃣ Open Iconic, a free and open icon set

An open-source icon set with 223 marks in SVG, Webfont and raster formats

https://t.co/ibHHkjxY2B
2️⃣2️⃣ Linear Icons

Linearicons is the highest quality set of line icons, matching with minimalist UI designs in iOS. This icon pack was designed on a 20×20 grid with a lot of care, resulting in crisp and pixel-perfect icons.

https://t.co/QNWn4WRdaJ
2️⃣3️⃣ Tabler Icons

800+ Highly customizable & free SVG icons

https://t.co/QXoDoNb4p3
If you want to receive a summary of my best resources you can even subscribe to my weekly newsletter:
https://t.co/Z2XAKckjOK
That's all guys.

If you found this list useful, consider follow me @csaba_kissi and retweeting the first tweet.

Thanks for your support guys! 🙏
🤝
One another SVG icons pack:

https://t.co/ipkI9TzcTY

More from Csaba Kissi ⚡

Csaba Kissi \u26a1
Csaba Kissi ⚡
@csaba_kissi
Top websites that will help you learn Web Dev online:

1. Traversy Media - @traversymedia 🆓
2. Udemy - 🆓+💵
3. FreeCodeCamp - 🆓
4. Coursera - 🆓
5. Treehouse - 💵
6. W3 Schools - 🆓
7. Pluralsight - 💵
8. Lynda .com - 💵
9. The Odin Project - 🆓
10. Codewars - 🆓

#CodeNewbie
CODING
Csaba Kissi \u26a1
Csaba Kissi ⚡
@csaba_kissi
6 Awesome Website for Developers to Boost Your Front-End Skills.

HTML/CSS/JavaScript challenges.

Thread 🧵👇

1️⃣ Frontend Mentor

Frontend Mentor helps you to Improve your front-end skills by building real projects. Solve real-world HTML, CSS, and JavaScript challenges whilst working on professional

2️⃣ Codier

Explore and attempt front-end coding challenges

https://t.co/eHdpm9EUl8


3️⃣ Code Wars

Codewars is where developers achieve code mastery through challenge. Train on kata in the dojo and reach your highest potential.

https://t.co/6y8T2ncSdY


4️⃣ Ace FrontEnd

Ace your web developer interview. No trivia, only practical coding challenges to hone your
ALL
Advertisement
Csaba Kissi
Csaba Kissi
@csaba_kissi
15 Sites for FREE Illustrations

drawkit .io
undraw .co
iradesign .io
icons8 .com
blush .design
storyset .com
pixeltrue .com
manypixels .co
illustrations .co
illustratious .com
iconscout .com
isometric .online
humaaans .com
openpeeps .com
themeisle .com/illustrations/

This guide from Kyle contains Everything you need to Master Freelancing as a Web Developer or Web
FREEILLUSTRATIONS
Csaba Kissi
Csaba Kissi
@csaba_kissi
👋🏼 8 Awesome YouTube Channels for Web Developers You Probably Do Not Follow Yet

Thread 🧵👇

1️⃣ WebDevMentors

A Youtube Channel for emerging technologies and already established technologies in the Computer or IT field. We make courses on various IT or Computer-based stuff that enables you to learn and excel on the same.

https://t.co/gMEdsgIeGU


2️⃣ Codecourse

Helping you learn to code. PHP + Laravel + VueJS

https://t.co/LMycopz0rk


3️⃣ thenewboston

Tons of sweet computer-related tutorials and some other awesome videos too!

https://t.co/q6L57mGpXj


4️⃣ Adam Khoury

Master development technologies like JavaScript, PHP, SQL, HTML, CSS, ActionScript, and more.

https://t.co/3e6TxHnEEk
ALL
Csaba Kissi
Csaba Kissi
@csaba_kissi
7 FREE Sites For Front-End Developers You Probably Didn't Know Existed

Thread 🧵👇

1️⃣ CSS buttons, checkboxes, and more!

Choose from numerous UI components and get the CSS & HTML. Everything is open-source and free to use.

https://t.co/cUXCZqOVdN


2️⃣ Showcode

Generate beautiful images of code.

https://t.co/8Di2YqBMNM


3️⃣ Free Forms Library

Copy & Paste Code Examples | HeroTofu

Tailwind CSS, Bootstrap, Bulma, and other forms for your project. Free to customize and use.

4️⃣ Spectrum- Web Generator

Generate colors palettes for your next app with just a few clicks

https://t.co/6TtOay3REM
FRONTENDWEBSITES

More from Webdev

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
Akos
Akos
@akoskm
10 FREE React Courses to Level Up your React Skills 🍄

Thread 🧵👇
WEBDEV
Advertisement
Pratham
Pratham
@Prathkum
React Hooks are the functions which "hook into" React state and lifecycle features from function components. Hooks allows you to manipulate state and other React feature without writing a class. Let's talk about widely used hook

useEffect hook at a glance 🧵👇🏻


useEffect hook is the heart of React functional components

If you're familiar with class components then you might know that we have various lifecycle methods but in functional components, we don't have any lifecycle methods. Instead we have a powerful hook called useEffect

By using useEffect, you tell React that your component needs to do something after render. React will remember the function you passed (we'll refer to it as our “effect”), and call it later after performing the DOM updates

So let's start by understanding the syntax first

3/15


useEffect take two parameters, first is a function and second is an array.

The function inside the useEffect will run every single time component re-render. Consider this piece of code and check the output in next tweet

{ 4 / 15 }


As you can see in the output the function is executed every single time my component re-render

{ 5 / 15 }
WEBDEV , ALL
Pratham
Pratham
@Prathkum
Some of my handmade JavaScript notes and cheat sheets that can help you 🧵👇

1. JavaScript Function Anatomy


2. JavaScript Arrow Function


3. JavaScript Array Methods


4. JavaScript Date Methods
WEBDEV , ALL
Pratham
Pratham
@Prathkum
Use these 5 websites to learn web development for free in 2023 (take a look):

1. Codedamn

All-in-one platform for learning web development:

• Hands-on practice and projects bundled
• Video content along with interactive labs, quizzes, and articles
• Every course comes with a certificate
• code brushes AI in playgrounds

🔗 https://t.co/mXmUtJZnOU


2. Codepip

Codepip is the platform for your favorite web development games. Gain an edge in your following interview or project.

🔗 https://t.co/MjHNsLvkiL


3. RapidAPI Comics

Learn API development with RapidAPI Comics (sketch notes and fun analogies).

🔗 https://t.co/KONorFomgu


4. JS Visualizer 9000

Learn JavaScript by visualizing your code.

🔗 https://t.co/9NId4GjGAq
WEBDEV

You May Also Like

James Felton
James Felton
@JimMFelton
Butt plugs were originally sold as a miracle cure for headaches, acne, and insanity

Thread, article here and h/t: @qikipedia :
https://t.co/Ts84xnmWKJ


For a long time, medicine was pre-occupied with the question "can this be solved by putting something in the butt?"

Take, for example, tobacco smoke enemas, in which 18th Century physicians saw drowning victims and attempted to de-deadify them by blowing tobacco smoke up their rectums with a pipe.


Despite having no medical benefit whatsoever, the practice was popular, and enema kits lined the Thames like lifebelts, ready to be used as one final humiliation for somebody who was crap at swimming.

This practice ended sometime after 1800 when it became apparent that it didn't really work, given how the anus famously isn't really connected to the lungs, but doctors weren't quite finished with having a poke around in the old anus to see what happens just yet.
TECH
Tashny Sukumaran
Tashny Sukumaran
@tashny
Surendra Ananth @surendraananth, you violated my conditional consent. I assented to unprotected intimate relations with you on the STRICT condition that you tell me if you have relations with anyone else. You failed to do so, and I became ill as a direct consequence.

You refused to reveal your own STI results to me, but claimed to others they were negative and alleged I had multiple other partners, slut-shaming me. You gaslit me saying you had told me about your other partners.

You called up @justice_sisters and @SistersinIslam to tell them I was crazy, jilted. You rebuffed attempts to organise a community mediation so we could address matters. You said I was crazy for speaking to your boss and father in an attempt to keep other women safe.

You have a PATTERN OF BEHAVIOUR of misogyny, harassment and sheer disrespect for women. This was sent to a friend of mine who has never expressed interest in you and has a partner.


You think women are playthings, notches on the bedpost. You, @surendraananth, are no human rights advocate.
LAW
Advertisement
Anu Satheesh \U0001f1ee\U0001f1f3
Anu Satheesh 🇮🇳...
@AnuSatheesh5
Samayapuram Mariamman Temple
#Trichy
#Tamilnadutemples 🚩

Samayapuram Mariamman Temple is located in Samayapuram of
 Tiruchirappalli district.  Mariyamman here is worshipped as Samayapurathal a form of Parashakti.
Amman vigraham here is made of sand and clay so


no abhishekam done to the main vigraham. Samayapuram Mariamman Temple is one of the famous Shakthi Sthal of Tamilnadu.

Story says that paramashiva created Kali, out of the poison that he drank during samudra mathanam.  As Devi originated from the Kaalakoota/ halahala poison,


thus the name Kaali. Mariamman is believed to be a form of Kaali, and is also known as Mahamayi. It is also believed that Maharaja Dasharatha offered his prayers here.

Mariamman is Parashakti herself who blesses with prosperity and she is believed to cure all diseases.


Paramashiva, Mahavishnu and Brahma Deva are believed to have taken blessings of Mariamman here.

Om Shakti Para Shakti
🙏🕉🙏
ALL
Professor
Professor
@DillikiBiili
Some ofthe biggest breakouts occur after Volatility Contraction, the analogy is that more a spring is pressed, higher it jumps whenever it gets released.

There is a VCP Scanner on chartink (Not mine). This may also be used to find potential Breakouts.
SCREENERS , TA SCREENERS
Arif Hasan\U0001f1ee\U0001f1f3
Arif Hasan🇮🇳...
@arifhasan18
5 star RSI Strategy by @VishalMalkan

Unconventional approach of 60-40 RSI and range shift concept.

According to him,
whenever the market is bearish,
it won’t be able to cross 60,
and whenever in a bullish trend,
it won’t be able to cross 40.

Like & Retweet for Maximum Reach.

So, instead of the 70-30 Relative Strength Index,
we will use the 60-40 range for the RSI indicator for this strategy.

When the
Monthly and Weekly RSI>60,
& when the RSI takes support at 40 in the daily chart,
it may bounce back and most probably it will not go below 40.

If a bullish candle is formed at the 40 RSI level,
the prices may bounce back, and one can enter the stock.

The stoploss can be placed at the low of that bullish candlestick,
and the target can be the 60 RSI level.

When the
Monthly and Weekly RSI<40,
& when the RSI takes resistance at 60 in the daily chart,
it may bounce back and most probably it will not go above 60

If a bearish candle is formed at the 60 RSI level,
the prices may bounce back from there, & 1 can enter the stock 4 shorting

The stoploss can be placed at the high of that bearish candlestick, and the target can be the 40 RSI levels.

#banknifty

This range shift concept can be applied in any timeframe,
whether intraday, daily,weekly, etc.
ALL