BC WEBDEV

Saved by @inertia_m

$Junaid \u26a1$

Junaid ⚡
@junaidshaikh_js 4 years, 11 months ago 1144 views

Save to PDF Share See On Twitter

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

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

A thread \u2935\ufe0f
— Junaid \u26a1 (@junaidshaikh_js) August 14, 2021

More from Webdev

George Moller
@_georgemoller

7 common React mistakes that you should avoid.

🧵 Thread 👇

$Swastika Yadav \U0001f951$

Swastika Yadav 🥑...
@swastika0015

JavaScript concepts you need to know before getting into React⬇️

💠Arrow Functions:
An arrow function expression is a compact alternative to a traditional function

💠Let/var/const variables:
Understand the difference between them, uses and their respective

💠Destructuring assignment:
Javascript expression that makes it possible to unpack values from arrays, or properties from objects, into a bunch of

💠 Template Literals:
With ES6, a newer form of string called template literal was given, which consists of two backticks `

Advertisement

Pratham
@Prathkum

Five great icons websites for every web developer and designer ⏺️

A Thread 🧵👇🏻

1️⃣ Icons 8

- Icons8 is just more than icons. You can download illustrations, vector images, music and much more

🖇️ https://t.co/inHse0QXBh

2️⃣ Icon Monstr

- Black and white themed minimal icons which looks super great. You can also cuatomize the thickness

🖇️ https://t.co/dbQrJi0IHf

3️⃣ Icon Icons

- Over one thousand free icons which you can download as icons or images

🖇️ https://t.co/h5NlH5fGGr

4️⃣ Icons finder

Filter through the world’s largest marketplace for icons with flexibility and ease. Made up by submissions from top designers around the world, and curated by the team

🖇️ https://t.co/sqiZ6H9sR7

$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 }

Pratham
@Prathkum

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.

🔗 https://t.co/W1XytKL1MI

2️⃣ HTML best practice

- A very well written document on HTML best practice

🔗 https://t.co/6PTcY1U5Cw

3️⃣ Learn to Code HTML & CSS

- Learn to Code HTML & CSS is a simple and comprehensive guide dedicated to helping beginners learn HTML and CSS

🔗 https://t.co/LwY9E2qUNS

4️⃣ Hex Invaders

- Hex Invaders is a fun way to learn and understand what hex codes are and how they work

🔗 https://t.co/EpQyhlN7pv

You May Also Like

$ArmaniTalks \U0001f399\U0001f525$

ArmaniTalks 🎙🔥...
@ArmaniTalks

Make them irrelevant > Hold a grudge

Holding a grudge is the easy thing to do.

But holding a grudge is not the right thing to do.

A grudge puts poison in your body & rewires your subconscious mind.

You consume the poison & destroy your reality while your attacker sleeps like a baby.

asif
@aj_raja

PAKISTAN-INDIA WATER ISSUES – HOW INDIA STOPPED WATER IN PAKISTAN's CANALS IN 1948

Thread

After partition in 1947, the water system was also bifurcated between Pakistan n India.

India cheated Pakistan when on April 1, 1948, India suddenly n without warning stopped...
1/n

...the supply of waters flowing into Pakistan's Central Bari Doab and Dipalpur Canals.

The boundary award on the partition of the sub-continent had left the headworks of these canals in Indian territory, and in accepting it India had implied her willingness to leave...

2/n

...the historic distribution of common waters undisturbed.

India's action was therefore in flagrant disregard not only of international law n morality, but of her solemn commitments with Pakistan and a gross violation of this country's historical rights over common waters.

3/n

Faced with a threat of utter desolation of millions of acres of fertile land, Pakistan had perforce to sign a document with India in which she agreed to "India's progressively diminishing water supplies to these canals and to the West Punjab government's tapping...

4/n

...alternative resources".

A specific reservation was made in the document with regard to India's claim that she had full property rights over waters flowing into her territory, and could therefore use them as she liked.

The issue was, however, to be examined...

5/n

Advertisement

Anshul Pandey
@Anshulspiritual

BRAHMA VAIVARTA PURAN: IMPORTANCE AND CHARACTERISTICS.

This Puran introduces us to way of Vedas. On the request of Narad Muni Bhagwan Saavarni had preached this Puran. It is a summary of Dharma, Arth, Moksha etc.

Listening to this Puran one gets automatically attached to Vishnu and Shiva and realize that there is no difference between them. Vyasji divided this book into four parts. It has eighteen thousand shlokas. This whole book is in the form of dialogue between Suutji and Maharishi's.

The first part Brahmkhand, consists of Shrishti description. Here Shri is known as Para Brahma and description of Gokul is also mentioned, It also narrates the argument between Brahma and Narad in which both were defeated, and then Narad went to Shiva to attain more gyan.

Shivji advised him to go to Bhagwan Saavarni for this. Narad goes to Saavarni ashram to seek Knowledge and is totally amazed by the sorroundings.

Next is Prakriti khand which consists of dialogue between Narad and Saavarni where they discuss the

Importance of Shri Krishna through various stories. Then there is the discussion of Prakriti and its various hues. Listening to this gets you wealth.
Next is Ganesh Khand which describes the Punyak vrat done by Parvati ji. After this it narrates the birth of Kartikeya and Ganesh.

$Henry George \u0646$

Henry George ن
@intothefuture45

Thread: *Post-Liberal reading list*
1/ Religion and the Rise of Capitalism - R.H. Tawney
Unto This Last - John Ruskin
Liberty, Equality, Fraternity - James Fitzjames Stephen
The Great Transformation - Karl Polanyi
The Quest for Community - Robert Nisbet

2/ Family and Civilisation - Carle C. Zimmerman
Science, Politics and Gnosticism - Eric Voegelin
Liberty Before Liberalism - Quentin Skinner
The Great Debate - Yuval Levin
Lincoln and the Politics of Christian Love - Grant Havers
Where We Are - Roger Scruton

3/ The Humane Vision of Wendell Berry - Various
The Unsettling of America - Wendell Berry
Moral Matters - Mark Dooley
Red Tory - Phillip Blond
Blue Labour - Eds. Ian Geary and Adrian Pabst
Together for the Common Good - Eds. Nicholas Sagovsky & Peter McGrail

4/ The Politics of Virtue - John Milbank & Adrian Pabst
Localism in a Mass Age - Eds. Mark T. Mitchell & Jason Peters
The Antimodern Condition - Peter King
The Principle of Duty - David Selbourne
Nostalgia - Anthony Esolen
A Common Human Ground - Claes G. Ryn

5/ The Politics of Gratitude - Mark T. Mitchell
A Time to Build - Yuval Levin
Remaking One Nation - Nick Timothy
Despised - Paul Embery
Defending Identity - Natan Sharansky
Between Kin and Cosmopolis - Nigel Biggar
The Virtue of Nationalism - Yoram Hazony

$ArmaniTalks \U0001f399\U0001f525$

ArmaniTalks 🎙🔥...
@ArmaniTalks

A relationship begins to get stiff when excessive patterns begin to form.

Too many patterns leads to a boring, predictable, logical lifestyle.

Get the emotions involved.

Do something spontaneous out of the blue moon & flip the script.

'What's wrong with the patterns?'

Nothing is wrong with patterns.

However, there is a problem when all you have are patterns.

It's boring.

'Can you explain why?'

Sure 👇

The thing with relationships is that it's meant to be an emotional experience.

It's very difficult to logically explain love, right?

'Right.'

Well this is where you want to steer the ship the right way.

1. Too emotional is bad.

2. Too logical is bad.

Let me break it down.

1. Too emotional

If a relationship is completely ruled by emotions, then it's too volatile.

You will never reach productivity if you are aimlessly only following each others emotions.

This lifestyle tarnishes any structure for the couple.

'So why do people do it?'

Because it's fun.

You may ruled by this stage in the honeymoon phase.

Normal.

You'll be so spontaneous that it almost becomes a lifestyle.

But it's hard to level up your life when you're too spontaneous.

Avoid.