https://t.co/eRRqdjrykQ
CSS Tip\U0001f4a1
— Pratham (@Prathkum) February 11, 2021
Enable smooth scrolling for the whole page\U0001f447 pic.twitter.com/E7QERt6V3Y
JavaScript is powerful.
But sometimes, you can do great things using CSS.
A long thread of CSS tips and tricks:
https://t.co/eRRqdjrykQ
https://t.co/Oorw0Vymda
CSS Pro Tip \U0001f3a8
— Pratham (@Prathkum) April 11, 2021
You can style the subtitles of video on your website using ::cue pseudo-element pic.twitter.com/fV56PmxkX7
https://t.co/OKSsAtxEuJ
CSS tip\U0001f3a8
— Pratham (@Prathkum) February 23, 2021
You can change the input caret color using CSS\U0001f447
\u27b8 The\xa0caret\xa0is typically a thin vertical line that flashes to help the text area more noticeable pic.twitter.com/VA0paD7d2a
https://t.co/Q6vorP1mFL
CSS Pro Tip \U0001f3a8
— Pratham (@Prathkum) May 12, 2021
Create pure CSS Typewritter effect using "steps" animation-timing-function pic.twitter.com/xUyF8uA6BP
https://t.co/lcsl9xVQ4X
CSS Tip\U0001f6a8
— Pratham (@Prathkum) January 14, 2021
// Customize the text selection using few lines of CSS\U0001f60d pic.twitter.com/sMxp3FdHT9
https://t.co/wB16o8jRWR
CSS Pro Tip \U0001f3a8
— Pratham (@Prathkum) March 29, 2021
- Zoom image on hover using one line of CSS pic.twitter.com/BfmG77op4t
https://t.co/5mK65WYUqS
CSS Tip\U0001f6a8
— Pratham (@Prathkum) January 18, 2021
\U0001f4ccYou can customize first letter of a word / paragraph in just a few seconds using CSS only. This will make your content more attractive\u2728 pic.twitter.com/yEyxrf1SKf
https://t.co/ecvhTwLBbw
CSS pro tip \U0001f3a8
— Pratham (@Prathkum) March 12, 2021
- You can create carousel using 2 lines of CSS pic.twitter.com/raOKy1yoXh
https://t.co/N9WeaMNVtb
CSS Tip \U0001f3a8
— Pratham (@Prathkum) April 7, 2021
Create comma separated list using CSS pic.twitter.com/AWyl1F1bHu
https://t.co/k41IoCECRc
CSS tip \U0001f3a8
— Pratham (@Prathkum) March 16, 2021
- You can create outline around your text using one line of CSS pic.twitter.com/jtZNBg566d
https://t.co/DOQK8EV0tS
CSS Tip\U0001f3a8
— Pratham (@Prathkum) February 24, 2021
You can pass emoji hex code in list-style-type to create custom list point pic.twitter.com/9d9WiKpKXQ
https://t.co/DWW7Fskw04
CSS Pro tip \U0001f3a8
— Pratham (@Prathkum) March 10, 2021
You can change the styling of input type="range" pic.twitter.com/G7QAMsGUS0
https://t.co/OFUn4UHhUQ
CSS Tip\U0001f6a8
— Pratham (@Prathkum) January 29, 2021
The Perspective property helps you give your elements a 3D look. pic.twitter.com/f3nSfdEOCf
https://t.co/4im7DbNuFf
CSS Tip\U0001f6a8
— Pratham (@Prathkum) January 20, 2021
You can optimize the performance of your web page by adding one line of CSS
\U0001f4cc The will-change property
- will-change tells the browser that how an element is expected to change
- Increase the responsiveness pic.twitter.com/51ar87wPGP
https://t.co/IWEC1nJQV0
1\ufe0f\u20e3 Create round text
— Pratham (@Prathkum) April 12, 2021
Creating round text on your website is easy pic.twitter.com/waNk3a9LmX
https://t.co/7gkr2ykYOB
CSS TIP\U0001f4a1
— Pratham (@Prathkum) March 1, 2021
You can create "wavy" line using one line of CSS\U0001f30a pic.twitter.com/khdWazAd0D
https://t.co/7SQ5m5mGCM
CSS pro tip \U0001f3a8
— Pratham (@Prathkum) March 13, 2021
You can truncate text using 3 lines of CSS pic.twitter.com/jCIfJ0nb9n
https://t.co/Z6NPEndM24
CSS Pro Tip\U0001f3a8
— Pratham (@Prathkum) March 14, 2021
- Use negative "nth-child" and select element from 1 to n
For example, in this case, element from 1 to 4 will get selected pic.twitter.com/QZcJb3zQpG
https://t.co/Sudo7KLwh1
CSS Tip\U0001f6a8
— Pratham (@Prathkum) January 22, 2021
\U0001f4ccuser-select: none;
- Prevent text selection on a web page
\U0001f4ccuser-select: all;
- Text selection is made with one click instead of a double-click pic.twitter.com/0pSe48wwpX
https://t.co/NEYyQadOOA
CSS Tip \U0001f3a8
— Pratham (@Prathkum) March 11, 2021
If you have some fixed size element then use \U0001d664\U0001d66b\U0001d65a\U0001d667\U0001d65b\U0001d661\U0001d664\U0001d66c: \U0001d656\U0001d66a\U0001d669\U0001d664
It will convert your element into scrollable element pic.twitter.com/TTh7gq48E3
https://t.co/Tsy0J1i9r0
1\ufe0f\u20e3 Image reflection
— Pratham (@Prathkum) April 26, 2021
You can create reflection of an image using one CSS property pic.twitter.com/jf4l31iVDW
https://t.co/J7uLQAjYJB
CSS Tip\U0001f3a8
— Pratham (@Prathkum) April 1, 2021
The "image-rendering" CSS property tells the browser how the image should be zoomed-in or zoomed-out. pic.twitter.com/4CgY3tWPl9
I’m planning to post more top-notch content in upcoming days.
Follow me @Prathkum if it sounds good.
More from Pratham
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
🧵👇🏻
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
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
🧵👇
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
6 websites that are so fantastic you'll wonder how they even exist (for developers):
1. ScribeHow (@ScribeHow)
Turn any process into a step-by-step guide, instantly.
• Click record
• Do the thing you want to show someone (like how to reset a password)
• Get a beautiful auto-generated guide
No manual screenshots.
🔗 https://t.co/8EnpUIvIeR
2. SourceAI
Explain what you want in plain English, and AI will generate a code snippet for you.
🔗 https://t.co/KFLbBBjllm
3. Blackbox
Turn any questions into a code snippet or extract a code snippet from a video.
🔗 https://t.co/6Z4fM5ieWn
4. Figstack
One-stop for developers.
• Understand code in any programming language
• Translate programming languages
• Automate documentation for your functions
• Get the time complexity of your program
🔗 https://t.co/koY4cmciR3
1. ScribeHow (@ScribeHow)
Turn any process into a step-by-step guide, instantly.
• Click record
• Do the thing you want to show someone (like how to reset a password)
• Get a beautiful auto-generated guide
No manual screenshots.
🔗 https://t.co/8EnpUIvIeR
2. SourceAI
Explain what you want in plain English, and AI will generate a code snippet for you.
🔗 https://t.co/KFLbBBjllm
3. Blackbox
Turn any questions into a code snippet or extract a code snippet from a video.
🔗 https://t.co/6Z4fM5ieWn
4. Figstack
One-stop for developers.
• Understand code in any programming language
• Translate programming languages
• Automate documentation for your functions
• Get the time complexity of your program
🔗 https://t.co/koY4cmciR3
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
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
You May Also Like
So the cryptocurrency industry has basically two products, one which is relatively benign and doesn't have product market fit, and one which is malignant and does. The industry has a weird superposition of understanding this fact and (strategically?) not understanding it.
The benign product is sovereign programmable money, which is historically a niche interest of folks with a relatively clustered set of beliefs about the state, the literary merit of Snow Crash, and the utility of gold to the modern economy.
This product has narrow appeal and, accordingly, is worth about as much as everything else on a 486 sitting in someone's basement is worth.
The other product is investment scams, which have approximately the best product market fit of anything produced by humans. In no age, in no country, in no city, at no level of sophistication do people consistently say "Actually I would prefer not to get money for nothing."
This product needs the exchanges like they need oxygen, because the value of it is directly tied to having payment rails to move real currency into the ecosystem and some jurisdictional and regulatory legerdemain to stay one step ahead of the banhammer.
If everyone was holding bitcoin on the old x86 in their parents basement, we would be finding a price bottom. The problem is the risk is all pooled at a few brokerages and a network of rotten exchanges with counter party risk that makes AIG circa 2008 look like a good credit.
— Greg Wester (@gwestr) November 25, 2018
The benign product is sovereign programmable money, which is historically a niche interest of folks with a relatively clustered set of beliefs about the state, the literary merit of Snow Crash, and the utility of gold to the modern economy.
This product has narrow appeal and, accordingly, is worth about as much as everything else on a 486 sitting in someone's basement is worth.
The other product is investment scams, which have approximately the best product market fit of anything produced by humans. In no age, in no country, in no city, at no level of sophistication do people consistently say "Actually I would prefer not to get money for nothing."
This product needs the exchanges like they need oxygen, because the value of it is directly tied to having payment rails to move real currency into the ecosystem and some jurisdictional and regulatory legerdemain to stay one step ahead of the banhammer.
@EricTopol @NBA @StephenKissler @yhgrad B.1.1.7 reveals clearly that SARS-CoV-2 is reverting to its original pre-outbreak condition, i.e. adapted to transgenic hACE2 mice (either Baric's BALB/c ones or others used at WIV labs during chimeric bat coronavirus experiments aimed at developing a pan betacoronavirus vaccine)
@NBA @StephenKissler @yhgrad 1. From Day 1, SARS-COV-2 was very well adapted to humans .....and transgenic hACE2 Mice
@NBA @StephenKissler @yhgrad 2. High Probability of serial passaging in Transgenic Mice expressing hACE2 in genesis of SARS-COV-2
@NBA @StephenKissler @yhgrad B.1.1.7 has an unusually large number of genetic changes, ... found to date in mouse-adapted SARS-CoV2 and is also seen in ferret infections.
https://t.co/9Z4oJmkcKj
@NBA @StephenKissler @yhgrad We adapted a clinical isolate of SARS-CoV-2 by serial passaging in the ... Thus, this mouse-adapted strain and associated challenge model should be ... (B) SARS-CoV-2 genomic RNA loads in mouse lung homogenates at P0 to P6.
https://t.co/I90OOCJg7o
@NBA @StephenKissler @yhgrad 1. From Day 1, SARS-COV-2 was very well adapted to humans .....and transgenic hACE2 Mice
1. From Day 1, SARS-COV-2 was very well adapted to humans .....and transgenic hACE2 Mice
— Billy Bostickson \U0001f3f4\U0001f441&\U0001f441 \U0001f193 (@BillyBostickson) January 30, 2021
"we generated a mouse model expressing hACE2 by using CRISPR/Cas9 knockin technology. In comparison with wild-type C57BL/6 mice, both young & aged hACE2 mice sustained high viral loads... pic.twitter.com/j94XtSkscj
@NBA @StephenKissler @yhgrad 2. High Probability of serial passaging in Transgenic Mice expressing hACE2 in genesis of SARS-COV-2
1. High Probability of serial passaging in Transgenic Mice expressing hACE2 in genesis of SARS-COV-2!
— Billy Bostickson \U0001f3f4\U0001f441&\U0001f441 \U0001f193 (@BillyBostickson) January 2, 2021
2 papers:
Human\u2013viral molecular mimicryhttps://t.co/irfH0Zgrve
Molecular Mimicryhttps://t.co/yLQoUtfS6s https://t.co/lsCv2iMEQz
@NBA @StephenKissler @yhgrad B.1.1.7 has an unusually large number of genetic changes, ... found to date in mouse-adapted SARS-CoV2 and is also seen in ferret infections.
https://t.co/9Z4oJmkcKj
@NBA @StephenKissler @yhgrad We adapted a clinical isolate of SARS-CoV-2 by serial passaging in the ... Thus, this mouse-adapted strain and associated challenge model should be ... (B) SARS-CoV-2 genomic RNA loads in mouse lung homogenates at P0 to P6.
https://t.co/I90OOCJg7o