BC WEBDEV
Saved by @inertia_m

13 Websites that will help you improve your frontend skills by building real-world projects. 💪

A thread ⤵️

 1️⃣ Frontend Mentor { @frontendmentor }

🔗 https://t.co/qzMGbvq4cY
2️⃣ 100 Days of CSS

🔗 https://t.co/U325h9sV7N
3️⃣ Piccalilli

🔗 https://t.co/GKRX8aCQlJ
4️⃣ Codewell

🔗 https://t.co/05lJe4zRNj
5️⃣ Frontloops

🔗 https://t.co/wf6vrhqKTK
6️⃣ DevChallenges

🔗 https://t.co/rEbs2OXZwT
7️⃣ CodePen Challenges

🔗 https://t.co/5LvvbYDqc9
8️⃣ Daily UI

🔗 https://t.co/Low1gNl99z
9️⃣ CSSBattle

🔗 https://t.co/lf6wp3aCvk
🔟 ACE Front End

🔗 https://t.co/Jcy5lvm1eW
1️⃣1️⃣ Codier

🔗 https://t.co/ZgVxYjuHvU
1️⃣2️⃣ FrontEnd Practice

🔗 https://t.co/2nKcmhgxkg
1️⃣3️⃣ javaScript30

🔗 https://t.co/AtSZqjzHRo
You have come to the end of this thread. Thank you for taking the time to read this. 💛

If you enjoyed this thread →
1. Consider retweeting the thread's first tweet.
2. Follow me on Twitter ( @junaidshaikh_js ) for more related content.

https://t.co/Nq3bEEuTt4

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
Pratham
Pratham
@Prathkum
My 8 handmade sketch notes you won't want to miss (learn web development for free):

1. What is semantic HTML


2. CSS Positioning


3. CSS Box-model


4. JavaScript Array Methods
WEBDEV
Advertisement
Csaba Kissi \u26a1
Csaba Kissi ⚡
@csaba_kissi
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.

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

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.
WEBDEV
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
Pratham
Pratham
@Prathkum
Roadmap to learn CSS 🎨🛣️

➳ Color
➳ Background
➳ Box model
➳ Height and width
➳ Margin and padding
➳ Border
➳ Positioning
➳ display
➳ Layouts
➳ Grid and Flex
➳ Alignment
➳ Fonts
➳ Animation
➳ Pseudo-classes
➳ Media query
WEBDEV

You May Also Like

SK
SK
@sk_diary1
Margatha Natarajar murthi - Uthirakosamangai temple near Ramanathapuram,TN
#ArudraDarisanam
Unique Natarajar made of emerlad is abt 6 feet tall.
It is always covered with sandal paste.Only on Thriuvadhirai Star in month Margazhi-Nataraja can be worshipped without sandal paste.


After removing the sandal paste,day long rituals & various abhishekam will be https://t.co/e1Ye8DrNWb day Maragatha Nataraja sannandhi will be closed after anointing the murthi with fresh sandal paste.Maragatha Natarajar is covered with sandal paste throughout the year


as Emerald has scientific property of its molecules getting disturbed when exposed to light/water/sound.This is an ancient Shiva temple considered to be 3000 years old -believed to be where Bhagwan Shiva gave Veda gyaana to Parvati Devi.This temple has some stunning sculptures.
ALL
Raman Shalupau
Raman Shalupau
@ksaitor
Maker movement is doing to startups what startups did to corporations.

Here is why 👇

Startups fixed the problem of innovation, that corporations lack.

In big, slow corporations, innovation is a RISK and distraction from the core $$$ profitable business.

Agile startups could launch, iterate fast and eventually stumble upon new growing market opportunities.

However,

When a startup reaches product-market-fit, it has to 🚀 "grow at all costs" and reach market dominance before some giant corporation can replicate their new product and distribute it to their existing giant customer base.

Startup's "growth at all costs" often means growth at the expense of charging customers $$$ money.

Hence, to be sustainable, startups have to constantly chase investor money.

Startup teams spend more time finding and pleasing investors, than finding and pleasing customers.

95% of startups die because they run out of (investor) money + no business model + crazy investor expectations.

Same way corporations die, when unable to adjust to new technology and market shifts.
MAKERS
Advertisement
\u09a8\u09bf\u09ac\u09c7\u09a6\u09bf\u09a4\u09be
নিবেদিতা...
@NiveditaNarayan
Remembering the Bengali scientist Dr Subhash Mukhopadhyay- the Pioneer of IVF in India, the creator of India's first and world's second child using IVF on his birth anniversary. The Father of IVF in India who was rewarded with suicide was born on 16.01.1931in Hazaribagh.
#Thread


Dr. Subhash was the son of a doctor and studied at the National Medical College in Kolkata after completing his schooling. Fascinated by innovations in gynaecological surgery from his early days as a medical student, he completed his PhD in reproductive physiology +


from the University of Calcutta before going to the Edinburgh University in UK for a PhD in reproductive endocrinology. On his return to India in 1978, he started researching ovulation and spermatogenesis. Soon after, he teamed up with Sunit Mukherji, a cryobiologist +


and Saroj Kanti Bhattacharya, a gynaecologist, to work on a method of in-vitro fertilization for a patient (Bela Agarwal) with damaged fallopian tubes. +


Mukhopadhyay with a double PhDstarted work on IVF techniques in the mid 60s and created history by becoming the first physician in India and second in the world after British physicians Robert Edwards and Patrick Steptoe) to perform the In-vitro fertilisation. +
INDIA
Antonio Garc\xeda Mart\xednez
Antonio García Martíne...
@antoniogm
Observing the public conversation around FB, and the private ones happening among techies and ex-FBers, I think the mutual misunderstanding is worse than when I set out two years (and 500 pages) ago to (in a small way) bridge that gulf.

We're basically fucked.

The tech world has gotten so huge, self-reinforcing, and insulated from reality they can no longer even vaguely look at themselves (and their actions) as others do. They just live on a different planet than most people.

Conversely, the average tech consumer doesn't understand the technology that has slowly taken over their lives, and their designated emissaries to figure it out--politicians, pundits, regulators, journalists--understand it barely better than they do, and have their own agendas.

To say more than generalities for a moment, here's what I think is likely the core problem.

Techies take weird, improbable visions, and make them realities: some BS pitch deck to a VC, mixed with money and people, really does turn into some novel thing.

Most people work inside a legacy industry that's evolved that way over time (usually for good reasons), and they think about the future via some analogy with their present (which is a function of a long-ago past). The interruption that tech will introduce is often hard to grasp.
TECH
Vibhu Vashisth
Vibhu Vashisth
@VIBHU_Tweet
IT WAS RISHI KANADA WHO GAVE THE ATOMIC THEORY & TALKED ABOUT THE GRAVITY OF EARTH, 2600 YEARS BEFORE AN APPLE FELL IN FRONT OF NEWTON'S EYES:

Scientists of the modern world credit an English scientist John Dalton (1766 CE -1844 CE) for the Atomic Theory.


And this is because, most of us are not even aware of an ancient Indian Sage named Kanada, who was the first to formulate the theory of atoms, almost 2600 yrs before Dalton and talk about earth's gravity.


Rishi Kanada was born around 600 BCE in Dwarka, Gujarat and he was the son of a philosopher named Ulka. He was fascinated with the minute detailing of the things right from his childhood. Once, when he was very young, he accompanied his father on a journey to Prayaga.


He saw plentiful grains scattered along the path leading to the shore of river Ganga. It's a tradition in Hindu families to scatter the grains for the ants and birds to feed on them. Suddenly, an ant caught his attention, who was feeding on a rice grain.


He was mesmerised by this very fact that how a small grain of rice becomes food for the ant but to satisfy the hunger of a person so many grains are needed together. This incidence made him realize the importance of a single grain of rice.
ALL