BC CSS
Saved by @cur10uslearner

JavaScript is powerful.

But sometimes, you can do great things using CSS.

A long thread of CSS tips and tricks:

 1. Smooth scrolling

https://t.co/eRRqdjrykQ
2. Change marker styling
3. Add styling to video subtitle

https://t.co/Oorw0Vymda
4. Change input caret color

https://t.co/OKSsAtxEuJ
5. Typewritter effect using pure CSS

https://t.co/Q6vorP1mFL
6. Customize text selection

https://t.co/lcsl9xVQ4X
7. Zoom image on hover

https://t.co/wB16o8jRWR
8. Customize first letter

https://t.co/5mK65WYUqS
9. Pure CSS image carousel

https://t.co/ecvhTwLBbw
10. Comma separated list

https://t.co/N9WeaMNVtb
11. Text outline using 1 CSS property

https://t.co/k41IoCECRc
12. Customize list style type

https://t.co/DOQK8EV0tS
13. Style range input

https://t.co/DWW7Fskw04
14. 3D elements using CSS

https://t.co/OFUn4UHhUQ
15. Optimize the performance

https://t.co/4im7DbNuFf
16. Create round text

https://t.co/IWEC1nJQV0
17. Wavy underline

https://t.co/7gkr2ykYOB
18. Truncate text using CSS

https://t.co/7SQ5m5mGCM
19. Negative selector

https://t.co/Z6NPEndM24
20. Prevent text selecting

https://t.co/Sudo7KLwh1
21. Make div scrollable

https://t.co/NEYyQadOOA
22. Image reflection

https://t.co/Tsy0J1i9r0
23. Image rendering

https://t.co/J7uLQAjYJB
End of this thread.

I’m planning to post more top-notch content in upcoming days.

Follow me @Prathkum if it sounds good.

More from Pratham

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
Pratham
Pratham
@Prathkum
If you start with the right course then the process becomes a little easier

I found some amazing YouTube videos and courses that will help you start your Web Development journey

🧵👇🏻

HTML and CSS

- A great way to arouse your web dev journey with Gary's (@designcoursecom) course on YouTube

🔗 https://t.co/xjm7nfV2L2


JavaScript

- Although it's impossible to learn JavaScript in 2 hours but JavaScript mastery is one the best YouTube chanel for JavaScript. This 2 hours long crash course will help you start your journey and gives you quick overview.

🔗 https://t.co/1zcSeu4zKE


Git and GitHub

Git is an essential tool. And after learning JavaScript, I think one should go for Git and GitHub. Check out this free great course on Udemy

🔗 https://t.co/E14cibOLXb


React

What you'll learn
- what problems React can solve
- how React solves those problems under the hood
- what JSX is and how it translates to regular JavaScript function calls and objects
- manage state with hooks
- build forms

🔗 https://t.co/3z22aeVQFc
ALL
Advertisement
Pratham
Pratham
@Prathkum
7 amazing websites that will help you improve your CSS skills

🧵👇

1️⃣ Learn to code HTML and CSS

- Learn how to build beautiful and intuitive websites by way of clear and organized lessons

🖇️ https://t.co/bl2rx2q8vk


2️⃣ CSS reference

- CSS Reference is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated content

🖇️ https://t.co/XAlj33g1Zk


3️⃣ CSS tutorial

- These tutorials on web design & CSS makes learning this stuff fun and easy

🖇️ https://t.co/y9vAj6fMGk


4️⃣ CSS Layouts

- This site teaches the CSS fundamentals that are used in any website's layout.

🖇️ https://t.co/n4EGLScpDF
ALL
Pratham
Pratham
@Prathkum
5 great code snippet websites for every web developer and designer

🧵👇🏻


1️⃣ 30 Seconds of Code

- Short code snippets for all your development needs

🔗 https://t.co/91L4bAxkgF


2️⃣ Free Frontend

- Free hand-picked HTML, CSS and JavaScript (jQuery, React, Vue) code examples, tutorials and articles

🔗 https://t.co/2sIAm73EdZ


3️⃣ Little Snippets

- A free collection of HTML and CSS code snippets

🔗 https://t.co/qxAyA2wA6U


4️⃣ CSS Deck

- Collection of Awesome CSS and JS Creations to help out frontend developers and designers.

🔗 https://t.co/LcZYnipvCy
ALL
Pratham
Pratham
@Prathkum
Top 5 free APIs for web developers

🧵👇

1️⃣ Custom Search API

- Create your own custom search engine. You can search for image, videos, and news.

🔗 https://t.co/nTvv3c3W06


2️⃣ Movie Database API

- Access movie and TV information similar to that of IMDB.

🔗

3️⃣ Dad Jokes API

- Get random endless dad jokes

🔗

4️⃣ COVID-19 Data API

- Every 15 minutes updated statistic about Coronavirus. Latest stats by country, are collected from several reliable sources.

🔗
CS

You May Also Like

XVIII Airborne Corps\U0001f409
XVIII Airborne Corps🐉...
@18airbornecorps
1 of 16: WE ARE ALL JEWS HERE: THE STORY OF RODDIE EDMONDS

One of the most moving and relevant stories of the Battle of the Bulge, or any American Soldier in any war, is that of Master Sergeant Roddie Edmonds, a Knoxville, Tennessee native, who served with the 106th Infantry.


2 of 16:

Roddie was captured early on in the Battle of the Bulge, on December 19th, when Panzer forces plowed through his unit.

He, along with almost his entire regiment, was forced to surrender.


3 of 16:

The men were transported to the Stalag IX-A POW camp in Ziegenhain, Germany.

Roddie was the senior enlisted American Soldier at the site. As such, he was the conduit between all American Soldiers and their German captors.


4 of 16:

In late January, the camp’s commandant, Major Siegmann [pictured here], ordered Roddie, a Christian, to identify all Jewish Soldiers and order them to stand in formation by themselves the next day.

[Jewish Soldiers were a minority within American units]


5 of 16:

Throughout WWII, captured Jewish Soldiers were often tortured and then killed by their German captors.

In fact, Jewish Soldiers had been told to bury their dog tags before capture. The dog tag identified Jews with the letter “H” for Hebrew.
SOCIETY
AAdhira \U0001f319\U0001f1ee\U0001f1f3
AAdhira 🌙🇮🇳...
@Aadhiraspeaks
Shri Hanuman had boon to be immortal. And be present where ever there is Ram stuti.
I came across this beautiful story that I would like to share
#threadstories
#Hanuman ji is believed to live in the foothills of Himalayas. But once he spent a lot of time in Sri Lanka
1/9


Where Ravan's brother ruled for many years..
On his way back he came across tribal people from community called #Mathanga
He gave Darshan to them. The chief of the tribe asked him to keep coming back to guide their generations
Hanuman ji said that whoever recites this mantra
2/9


I will give them Darshan. But there are two conditions
1st he/she must know his relationship with me
2nd there must not be anyone around him in 950 mts radius. If present, that person must also know about my relationship with him /her.

He promised to come after every 41 yrs
3/9

The Mathangs also maintain a ‘logbook’ where they record all the words spoken and ‘leelas’ performed by Lord Hanuman.
They call him their Guru
Who teaches them how to live their lives.
A Sri Lankan organization called Setuu is studying this ‘logbook’ and also conduct
4/9

programmes for Hanuman devotees who can do ‘Sadhna‘ under the guidance of Setuu masters. Devotees who qualify all the criteria will be eligible for Hanuman’s ‘sakshaat darshan‘
The Setuu has certain conditions that need to be kept in mind which includes devoting one complete
5/9
RELIGION
Advertisement
William
William
@wimgz
🛠️ OPEN BUSINESS IDEAS 🛠️

Below a list of business/product ideas I had or read about.

They are worthless if they remain ideas and if you don't overcome the challenges in building them, so feel free to copy / tweak / implement them!
👇

Better: use one and make a MVP during the #24hrstartup challenge!

😻 Product Hunt Time
A clock that displays the time it is @ProductHunt
Also displays what you should do and where you should post, at each specific time during your launch

🚧 IndieCrunch - VC free tech news
Techcrunch but only for bootstrapped companies

🎧 Kickstarter for audiobooks
A lot of awesome books are not available as audio.
Crowdfund the money to buy the audio rights + a voice actor
MAKERS
Suhas S. Hardutt
Suhas S. Hardutt
@HarduttSuhas
WHEN GH0RI TOOK TO HIS HEELS WHILST FIGHTING A HINDU QUEEN

THE BATTLE OF KASAHRADA (Kayadara)
1178 AD

Strategy! Bravado! Glory!

(Thread)


The narrative set by left historians about one of their favorite poster boys "Gh0ri" is that he went unchallenged upon entering the Indian subcontinent with one king falling after another.(1)

They conveniently deleted this event. Why? An agenda aimed at making us feel weak and inferior against the invaders in an attempt to glorify them. Simple strategy: To destroy a civilization tamper their history.(2)

Gh0ri defeated Prithviraj Chauhan at the 2nd Battle of Tarain in 1192 and laid the foundation of Delhi Sultanate. What is not well known is the fact that 14 years before he won this battle, he was defeated by the queen of Gujarat "Naiki Devi"!(3)

In 1173 Md Gh0ri had conquered the Ghaznavids in Afghanistan. A ruthless, persistent and deceptive Gh0ri was successful in conducting massive raids deep inside Indian territory.(4)
INDIA
AKASH
AKASH
@AKASHBH95801446
THE SCIENCE BEHIND YAJNA

Fire is, of course, one of the greatest discovery of mankind. Our control over the fire dramatically changed the entire human habits; earlier it was used to cook food, protection from animals and to stay warm.


Among the many applications of fire, one is Yajna (यज्ञ, yajña); also called as Havana (हवन) or Agnihotra (अग्निहोत्र).
Yajna is elaborately described in Yajurveda. In Yajurveda, Yajna is the greatest among all works (Karman). One can purify his /her soul by performing Yajna.

In Vedic culture, it is thought that the holy fire is the mediator between Gods and us; when the offerings are made to Yajna with chanting mantras, it directly reaches the Gods, who bless the people with rains, food, health, and good luck.

According to Apastamba Sutra, the definition of Yajna is Vedic sacrifice; an act by which we surrender something for gods e.g. grains (Anna), pulse, milk and milk product (ghee, butter, curd) fruits, plant juice (soma), etc.

As we said; Yajna is the contact medium for gods and

to seek their blessings.

There are many types of Yajna performed by Hindus for e.g.,

1. Rajsuya Yajna
2. Ashwamedha Yajna
3. Chaaturmasya Yajna
4. Vaajpey Yajna
5. Purushmedha Yajna
6. Sarvamedha Yajna
RELIGION