Five free VS Code extensions that will change the way you do web development:

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

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

Positioning in CSS allows you to display your element wherever you want on the screen

But when I was learning it, I found it little bit confusing😅

So in this thread I'll try to explain it in easiest manner with practical implementation. Let's start

THREAD🧵👇

There are 5 values that you can pass in position property

- static
- relative
- absolute
- fixed
- sticky

In this thread we will be focusing on relative and absolute positioning as both are widely used

Let's start with understanding what document flow is?

📌 Elements are displayed on the screen as they written in the HTML document

Consider the following piece of code:

H1, P, H3 and div are displayed on the screen in exact order as they written in the HTML file.

As now you know about document flow, let's start with Relative positioning

📌 Relative Position

- Relative positioning do not take an element out of document flow
- Relative positioning is relative to element's original position which can be changed using offset

🔹 Relative position is relative to itself.

For example: Consider the code and output in the attached image below

As you can see red box is shifted 100px from left because I applied left offset after giving it relative positioning

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 }

Statue of Equality (Ramanuja) Muchintal, Hyderabad, Telangana

The Statue of Equality is a monument in India dedicated to the 11th-century Vaishnavaite Sage Bhagavad Ramanuja, commemorating 1000 years since his birth. It was inaugurated by Prime Minister Narendra Modi ji in 2019.

In 2014, Sri Chinna Jeeyar came up with the idea to commemorate the 1000th anniversary of Sri Ramanuja's teachings by building the Statue of Equality. The statue is constructed on an estimated 34 acres in Hyderabad, India.

It consists of a 216 foot tall statue of Ramanuja and is surrounded by 108 Divyadesams (model temples) and includes an educational gallery. The project budget is 1000 crore rupees.The foundation stone for the Statue of Equality was laid by Chinna Jeeyar.

The statue was built by Aerosun Corporation in China before being shipped to India. It is made of panchaloha, a combination of gold, silver, copper, brass and titanium. The statue relies on donations to fund its construction.

The temple is located on the 27,870 square metre second floor with a 120 kg statue of Ramanuja, representing the years he lived, meant for daily worship. The 1,365 square metre third floor including a Vedic digital library and research center.

1. #Qanon told us that Saudi Arabia is a central piece of the puzzle in taking out the Deep State...we are watching the Deep State attempt to remove Crown Prince MBS and disrupt Pres Trump's administration's ties with MBS and the "new" Saudi/US coalition. Early in his admin,

2....@Potus sent Jared Kushner (JK) to SA on an undisclosed trip and told King Salman that business as usual was over, and if he wanted Pres Trump's support, Prince Alwaleed would have to be divested of $ and power; Alwaleed is one of top Deep State $ men and was tied to HRC.

3. @Potus knew that before he could begin cleansing the US and the rest of the world of the DS, he would have to cut one of the financial head's off the snake (Alwaleed). After JK met w/ King Salman, Alwaleed was arrested and divested of billions; MBS became leader of SA.

4. SA loves Pres Trump because he's a man of his word; SA could not trust Hussein or Clintons because they use SA for oil and leverage; SA has many factions, but essentially you have the new and upcoming SA that is attempting to modernize through Crown Prince MBS, and then you

5...have the old guard represented by Alwaleed who was one of the Deep State financial heads and loyal to the DS more than SA; SA knew Hussein was financing Iran to hold western world hostage, and SA was caught in middle of Deep State black mail; this is why @Potus was celebrated

Kolaru Pathigam-Thevaram hymn composed by ThiruGnana Sambandar- #Thread

In Tamil Kol means planets,Aru means cut- set of songs in Kolaru Pathigam addresses all Navagrahas& last 2 lines of every song with end a plea to Bhagwan Shiva to reduce/erase the ill effects of Navagrahas

கோளறு பதிகம் - This pathigam was sung by Thirugnana Sambandar at Thirumaraikadu Kshetram -Vedaranyam,Tamilnadu

Thirugnana Sambandar & Appar(Thirunavukkarasar) travelled together to various Shiva Alayam to spread shivam & bhakti among people.They both reached Thirumaraikadu.

Thirumaraikadu(Vedaranyam) -
Appar & Sambandar were asked to enter the temple through side entrance.The main door was locked by Vedas many years ago.Appar&Sambandar sang devotional hymns praising Shiva, after which the gates opened & closed.After which main door opened for all.

After darshan of Bhagwan Shiva at Thirumaraikkadu,Sambandar received a message to travel to Madurai.
During that time, Samanam was on the rise in the Pandya Kingdom.The Pandya King converted to Samanam.The Queen Mangaiyarkkarasi was a staunch Shiva devotee and was upset.

Kularchirai Nayanar ,Chief Minister of Pandya kingdom was in agony by the turn of events.Queen requested Kulachirai Nayanar to escort Thiru gnana Sambandar to Madurai.Kularchirai Nayanar met Thiru gnana Sambandar at Thirumaraikkadu & requested him to visit Madurai.

@FitFounder @buzz_chronicles @rattibha @SaveToBookmarks save as Workouts

@ferrisjabr @buzz_chronicles @buzz\_chronicles @buzz_chronicles save as category @pdfmakerapp grab @pdfmakerapp grab this @readwiseio save @readwiseio save thread @threader compile summarize @Threadreaderapp unroll please @ttttreads unroll @unrollthread.com @SaveToBookmarks