BC WEBDEV
Saved by @inertia_m

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
5️⃣ CSS reference

Visual guide to learn CSS

🔗 https://t.co/qZk0IeawBo
6️⃣ Griddy

- Learn and create CSS grid

🔗 https://t.co/SNvl4YXCLW

More from Pratham

Pratham
Pratham
@Prathkum
The HTML Roadmap 🛣️

1. Understanding the full form of HTML
2. Anatomy of tags
3. HTML5 boilerplate
4. Heading and paragraph tags
5. ul, ol, li, tags
6. img, span tag
7. Table tags for layout
8. Form tags
9. Understanding of semantic elements
10. Basic attributes
ALL
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
Advertisement
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
5 great gradient background sites for every web developer and designer 🎨

🧵👇🏻


1️⃣ uiGradients

- A handpicked collection of beautiful color gradients for designers and developers.

🔗 https://t.co/EainhiePop


2️⃣ Eggradient

- Ready to use gradient background colors. ✓ Cool Gradients are prepared according to the latest design trends

🔗 https://t.co/F0uYVsZbA4


3️⃣ Mesh Gradients

- Create beautiful gradient like aurora UI in few clicks

🔗 https://t.co/MV8PT7q3Kz


4️⃣ CSS Gradient

- Create beatiful gradeint either linear or radial on different angles

🔗 https://t.co/dlCExilHAT
WEBDEV , ALL
Pratham
Pratham
@Prathkum
React Hooks are so powerful and especially some additional hooks.

Do you know there is an alternative to useState called useReducer hook? It is used to manage more complex states.

Let's look into detail 🧵👇🏻


Usually, the useState hook is used to tackle states in React where you can pass the initial state and React preserves state for you between re-renders

What if you need to manage more complex states? Here useReducers comes into play

Similar to useState, the useReducer hook also returns a pair of values. Let's see what these two things are


The first value is `undefined` which is the current state (it is undefined because we didn't pass any initial state in the useReducer hook)

The second value is a dispatch function using which we can update our state.

The useReducer hook accepts 3 parameter

1. reducer
2. Initial state
3. init
USEREDUCER

More from Webdev

George Moller
George Moller
@_georgemoller
🌟 2022 React developer roadmap.


1/4


2/4


3/4


4/4
WEBDEV
Akos
Akos
@akoskm
10 FREE React Courses to Level Up your React Skills 🍄

Thread 🧵👇
WEBDEV
Advertisement
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
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 `
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

Dr. Thomas Binder, MD
Dr. Thomas Binder, MD
@Thomas_Binder
1/12

RT-PCR corona (test) scam

Symptomatic people are tested for one and only one respiratory virus. This means that other acute respiratory infections are reclassified as


2/12

It is tested exquisitely with a hypersensitive non-specific RT-PCR test / Ct >35 (>30 is nonsense, >35 is madness), without considering Ct and clinical context. This means that more acute respiratory infections are reclassified as


3/12

The Drosten RT-PCR test is fabricated in a way that each country and laboratory perform it differently at too high Ct and that the high rate of false positives increases massively due to cross-reaction with other (corona) viruses in the "flu


4/12

Even asymptomatic, previously called healthy, people are tested (en masse) in this way, although there is no epidemiologically relevant asymptomatic transmission. This means that even healthy people are declared as COVID


5/12

Deaths within 28 days after a positive RT-PCR test from whatever cause are designated as deaths WITH COVID. This means that other causes of death are reclassified as
CATEGORY C19
Hector Navarro
Hector Navarro
@Hectorisfunny
I'm going to attempt to chronologically list all of the Marvel characters Stan Lee had a hand in creating. Working with his genius collaborators, Stan and his team produced an insane amount of iconic characters in a roughy ten year period. (Thread)


With his younger brother, writer Larry Lieber, and Jack "the King" Kirby:

Groot

Tales to Astonish #13 (November, 1960)


With writer Lieber, and artist Kirby:

Fin Fang Foom

Strange Tales #89 (October, 1961)


With the King, Stan gives birth to the Marvel Universe:

The Fantastic Four

Fantastic Four #1 (November, 1961)


With Jack Kirby:

Mister Fantastic

Fantastic Four #1 (November, 1961)
CULTURE
Advertisement
Vibhu Vashisth
Vibhu Vashisth
@VIBHU_Tweet
LACHIT BORPHUKAN : AN UNSUNG WARRIOR OF THE AHOM KINGDOM & THE GREAT BATTLE OF SARAIGHAT

Originally named as Lachit Deca, Lachit Borphukan, the fierce and invincible Ahom Commander, was born during the early 17th century at Betioni in the Golaghat district of modern Assam.


His father, Momai Tamuli Borbarua was the ‘Governor’ of the kingdom and also ‘Commander-in-Chief’ of Ahom army under King Pratap Singha during his reign starting from 1603 to 1639. Lachit received military training from an early age and joined the Ahom King Jayadhvaj Singha...


...(1648-1663) as a scarf-bearer.  The post ‘scarf-bearer’ or ‘Soladhara Barua’ is considered as a part of the incumbent king’s personal staff. Owing to his military training Lechit was appointed "Ghora Barua", Supdt. of the Royal horses. When Chakradhwaj Singha became king..


..of Ahom dynasty in 1663,he appointed him Suptd. of The Royal Guards &finally he was appointed as Borphukan by the king.Then onwards,he was known as Lachit Borphukan.Borphukan used to be top councillor in Ahom Kingdom. This position was embedded with executive & judicial powers.


Assam was facing incessant Islamic invasion since Jan1662, when Mughal General Mir Jumla II attacked Ahom capital Gargaon. He never defeated Ahom king Jayadhwaja Singha as king retreated to hill &continued Guerrilla warfare.Prolonged fight &prospect of stalemate disturbed Jumla.
ALL
Anu Satheesh
Anu Satheesh
@AnuSatheesh5
Dhanwanthari Temple, Nelluvai
Thrissur District, Kerala.🚩🚩

ॐ नमो भगवते वासुदेवाय धन्वन्तरये अमृतकलश हस्ताय
सर्वामय विनाशनाय त्रैलोक्यनाथाय श्री महाविष्णवे नमः
#temples

Dhanwanthary Moorthy temple in Nelluvai is one among the ancient temples in Kerala.


Dhanwanthari is the Deva of Ayurveda. It is said that the murthy at the temple was installed by Ashwani Devas and it was the same idol worshipped by Sri. Vasudevar in the Dwapara Yuga. The Dhanvanthari Moorthi is facing towards the west
@SriramKannan77


Smrata-Matrarti-Nasanah', Srimad Bhagavatam states that the one who remembers the name of Dhanwantari will be cured and protected from all the diseases. Temple is known for its Oushada Prasada with Ayuvedic medicinal values, called Mukkudi.


Mukkudi Nivedyam is a very special offering to Dhanwantari. It is prepared by using dry ginger, pepper, pomegranate peel, cumin seed, turmeric, rock salt and other medicinal items. It is offered during 'Usha- Pooja', and is later on distributed to the devotees present there.
ALL
STEALTH JEFF
STEALTH JEFF
@drawandstrike
Ok I was wrong about theHouse. 2 years of legislative gridlock = not fun. Few bills passing.

Control of the House is useless when it comes to keeping Trump from declassifying all the SpyGate docs. Or stopping an Inspector General from releasing a report.

Trump still gets control of judicial appointments so we can expect another 100 judges over the next two years. This time there’ll be no McCain or Flake playing the Maverick role with their swing vote.

That new margin in the Senate is huge if another Supreme Court seat comes open.

So from the responses I’m getting, people seem to think if Trump declassifies the Spygate stuff now, nothing happens.

Are you under the impression federal prosecutors have to wait until CONGRESS finishes an investigation and makes criminal referrals before the DOJ can act?

There’s a federal grand jury on McCabe right now. Did Congress ever finish it’s investigation and make a referral to the DOJ against him?

No.

BUT INSPECTOR GENERAL HOROWITZ DID. On finishing his McCabe leak report.

Funny how nobody remembers that.
POLITICS