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
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
Pratham
Pratham
@Prathkum
5 great background websites for every web developer and designer

🧵👇


1. Magic pattern

Beautiful pure CSS background patterns that you can actually use in your projects. They are highly customizable as well.

🖇️ https://t.co/ZqczrPfkdZ


2. Cool backgrounds

Collection of cool backgrounds that you can add to blogs, websites, or as desktop and phone wallpapers

🖇️ https://t.co/df7VSb9t8H


3. Gradienta

Use pure CSS gradient backgrounds for your next website or app, as a JPG image or CSS code, no attribute required

🖇️ https://t.co/R58zrwpZCH


4 Mesh gradient

Creat aurora UI like gradients using few simple clicks

🖇️ https://t.co/vOHHDASr1V
ALL
Advertisement
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
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
Six tools that will change the way your write code: 🧵

1️⃣ HarperDB

Deciding between SQL and NoSQL? Use HarperDB as it provides you the functionality of both.

Access data using API endpoint.

🔗 https://t.co/qf5CalexfA


2️⃣ Visual Go

Visualizing data structures and algorithms

🔗 https://t.co/b8YeMYdOaf


3️⃣ Extends Class

Syntax validators, code formatter, testers, HTTP clients, mock server, and much more.

🔗 https://t.co/GlKjoBnzqg


4️⃣ Codeshare

Share Code in Real-time with Developers. An online editor for teaching and interviewing.

🔗 https://t.co/2m1Ne3KJRK
ALL

You May Also Like

Jaya_Upadhyaya
Jaya_Upadhyaya
@Jayalko1
SRI THIRUNARAYANA PERUMAL, MELKOTE (KAR)

Known as Dakshin Badri, Thiru Narayanapuram is one of the four famous Swayambu Kshetrams, the other three being Srirangam, Kanchipuram and Tirupati.
The presiding diety is Cheluva Narayana Swamy/ Selva Pillai/ Rama Priyan.


Once, Sri Rama gave his aradhana murthi of Sri Ranganatha, to Raja Vibhishana on his request. So he was left without a murthi for his daily pujas. Brahma is said to have provided the murti of Selva Pillai to Rama who later passed this on to his sons, Lava and Kusa.


When Kusa’s daughter married a Yadava prince, this murthi moved to the lunar dynasty from solar.

It is said that the utsav murthi got the name Selva Pillai due to Sri Ramanuja.
Once, a Sultan took away this murthi and Sri Ramanuja went in its search to the Sultan’s palace.
ALL
Nick Kapur
Nick Kapur
@nick_kapur
A thread of images from a Japanese illustrated history of America from 1861.

Here is George Washington (with bow and arrow) pictured alongside the Goddess of America. 1/


Here is Christopher Columbus (seated at center) reporting his discovery of America to Queen Isabella of Spain.

So far, kinda normal, but wait for it.... 2/


Now it's the American Revolution. Here is George Washington defending his wife "Carol" from a British official named "Asura" (same characters as the Buddhist deity). 3/


And here is Washington's "second-in-command" John Adams battling an enormous snake. 4/


Here is Washington and his wife "Carol" meeting an extremely youthful Benjamin Franklin, who has an impressive squat. 5/
CULTURE
Advertisement
George Mack
George Mack
@george__mack
THREAD: 15 of the most useful razors and rules I've found.

Rules of thumb that simplify decisions.

Bezos' Razors:

• If unsure what action to take, let your 80-year-old self make it.

• If unsure who to work with, pick the person that has the best chances of breaking you out of a 3rd world prison.

Skinner's Law:

• If procrastinating on an item, you only have 2 options:

1. Make the pain of not doing it greater than the pain of doing it.

2. Make the pleasure of doing it greater than the pleasure of not doing it.

Luck Razor:

• If stuck with 2 equal options, pick the one that feels like it will produce the most luck later down the line.

I used this razor to go for drinks with a stranger rather than watch Netflix.

In hindsight, it was the highest ROI decision I've ever made.

Bragging Razor:

• If someone brags about their success or happiness, assume it’s half what they claim.

• If someone downplays their success or happiness, assume it’s double what they claim.

The map is not the terrain.
ALL , BUSINESS , PRINCIPLES
Adam McKay
Adam McKay
@GhostPanther
1) My Stan Lee story happened when I was in 5th grade. I was visiting NYC with my Dad and had read the address for Marvel in the comics I read constantly. I begged my Dad to take me and to his credit he did. And guess what? It was just an office.

2) We were down in the lobby and I was kind of crushed. I don’t know what I expected, The Thing and the Yancy Street Gang to be sitting around smoking cigars? Anyway, my Dad was taking a beat to figure where we were going next and a guy came up to us.

3) He was wearing a white shirt and tie and said to Dad “Is he disappointed because. The Marvel offices were just offices?” My Dad said yes and then the guy who had gray around his temples and a mustache said “hold on a second” and opened one of those office mailboxes with a key.

4) He then handed me a thick stack of EVERY SINGLE MARVEL COMIC COMING OUT THE NEXT MONTH. “Here you go. Keep reading Marvel comics” he said and then walked off. I left in a daze and about 15 minutes later it hit me “Gray around the temples, mustache... That was Stan Lee!”

5) Later when I wrote on the Ant Man movie I told Kevin Feige the story, the year, look of the guy etc and Kevin said “That’s exactly the kind of thing Stan would do and he would have been there then. That was him.” Rest In Peace Stan Lee and thank you for the comics.
CULTURE
Billy Bostickson \U0001f3f4\U0001f441&\U0001f441 \U0001f193
Billy Bostickson 🏴👁&👁 ...
@BillyBostickson
Keep dwelling on this:
Further Examination of the Motif near PRRA Reveals Close Structural Similarity to the SEB Superantigen as well as Sequence Similarities to Neurotoxins and a Viral SAg.

The insertion PRRA together with 7 sequentially preceding residues & succeeding R685 (conserved in β-CoVs) form a motif, Y674QTQTNSPRRAR685, homologous to those of neurotoxins from Ophiophagus (cobra) and Bungarus genera, as well as neurotoxin-like regions from three RABV strains

(20) (Fig. 2D). We further noticed that the same segment bears close similarity to the HIV-1 glycoprotein gp120 SAg motif F164 to V174.
https://t.co/EwwJOSa8RK


In (B), the segment S680PPRAR685 including the PRRA insert and highly conserved cleavage site *R685* is shown in van der Waals representation (black labels) and nearby CDR residues of the TCRVβ domain are labeled in blue/white
https://t.co/BsY8BAIzDa


Sequence Identity %
https://t.co/BsY8BAIzDa
Y674 - QTQTNSPRRA - R685
Similar to neurotoxins from Ophiophagus (cobra) & Bungarus genera & neurotoxin-like regions from three RABV strains
T678 - NSPRRA- R685
Superantigenic core, consistently aligned against bacterial or viral SAgs
ALL