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
You can check out these websites if you're learning HTML, CSS and JavaScript 🧵...
HTML 🧱
1. Learn HTML
https://t.co/NlQZAFwthT
2. HTML best practice
https://t.co/PyPf3lP9bX
3. HTML
CSS 🎨
1. CSS reference
https://t.co/Hhk8NKglpf
2. Learn to code
https://t.co/CLEsHgSrEk
3. CSS layout
https://t.co/9yiXkP3mWi
4. CSS tutorial
https://t.co/fR6AeVTdZv
5. Learn about colors
https://t.co/7vrD10j0jU
6. Learn gird
JavaScript ⚙️
1. JavaScript visualizer
https://t.co/9NId4GjGAq
2. Learn JavaScript
https://t.co/5WbtISS11I
https://t.co/4h27qOC1fO
3. JavaScript tutorial
https://t.co/taSKnEPxMS
4. JavaScript 30
https://t.co/j2wEIHVU8S
5. JavaScript
HTML 🧱
1. Learn HTML
https://t.co/NlQZAFwthT
2. HTML best practice
https://t.co/PyPf3lP9bX
3. HTML
CSS 🎨
1. CSS reference
https://t.co/Hhk8NKglpf
2. Learn to code
https://t.co/CLEsHgSrEk
3. CSS layout
https://t.co/9yiXkP3mWi
4. CSS tutorial
https://t.co/fR6AeVTdZv
5. Learn about colors
https://t.co/7vrD10j0jU
6. Learn gird
JavaScript ⚙️
1. JavaScript visualizer
https://t.co/9NId4GjGAq
2. Learn JavaScript
https://t.co/5WbtISS11I
https://t.co/4h27qOC1fO
3. JavaScript tutorial
https://t.co/taSKnEPxMS
4. JavaScript 30
https://t.co/j2wEIHVU8S
5. JavaScript
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
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
🧵👇
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
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
🧵👇🏻
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
You May Also Like
Recently, the @CNIL issued a decision regarding the GDPR compliance of an unknown French adtech company named "Vectaury". It may seem like small fry, but the decision has potential wide-ranging impacts for Google, the IAB framework, and today's adtech. It's thread time! 👇
It's all in French, but if you're up for it you can read:
• Their blog post (lacks the most interesting details): https://t.co/PHkDcOT1hy
• Their high-level legal decision: https://t.co/hwpiEvjodt
• The full notification: https://t.co/QQB7rfynha
I've read it so you needn't!
Vectaury was collecting geolocation data in order to create profiles (eg. people who often go to this or that type of shop) so as to power ad targeting. They operate through embedded SDKs and ad bidding, making them invisible to users.
The @CNIL notes that profiling based off of geolocation presents particular risks since it reveals people's movements and habits. As risky, the processing requires consent — this will be the heart of their assessment.
Interesting point: they justify the decision in part because of how many people COULD be targeted in this way (rather than how many have — though they note that too). Because it's on a phone, and many have phones, it is considered large-scale processing no matter what.
It's all in French, but if you're up for it you can read:
• Their blog post (lacks the most interesting details): https://t.co/PHkDcOT1hy
• Their high-level legal decision: https://t.co/hwpiEvjodt
• The full notification: https://t.co/QQB7rfynha
I've read it so you needn't!
Vectaury was collecting geolocation data in order to create profiles (eg. people who often go to this or that type of shop) so as to power ad targeting. They operate through embedded SDKs and ad bidding, making them invisible to users.
The @CNIL notes that profiling based off of geolocation presents particular risks since it reveals people's movements and habits. As risky, the processing requires consent — this will be the heart of their assessment.
Interesting point: they justify the decision in part because of how many people COULD be targeted in this way (rather than how many have — though they note that too). Because it's on a phone, and many have phones, it is considered large-scale processing no matter what.
Oh my Goodness!!!
I might have a panic attack due to excitement!!
Read this thread to the end...I just had an epiphany and my mind is blown. Actually, more than blown. More like OBLITERATED! This is the thing! This is the thing that will blow the entire thing out of the water!
Has this man been concealing his true identity?
Is this man a supposed 'dead' Seal Team Six soldier?
Witness protection to be kept safe until the right moment when all will be revealed?!
Who ELSE is alive that may have faked their death/gone into witness protection?
Were "golden tickets" inside the envelopes??
Are these "golden tickets" going to lead to their ultimate undoing?
Review crumbs on the board re: 'gold'.
#SEALTeam6 Trump re-tweeted this.
I might have a panic attack due to excitement!!
Read this thread to the end...I just had an epiphany and my mind is blown. Actually, more than blown. More like OBLITERATED! This is the thing! This is the thing that will blow the entire thing out of the water!
Tik Tok pic.twitter.com/8X3oMxvncP
— Scotty Mar10 (@Allenma15086871) December 29, 2020
Has this man been concealing his true identity?
Is this man a supposed 'dead' Seal Team Six soldier?
Witness protection to be kept safe until the right moment when all will be revealed?!
Who ELSE is alive that may have faked their death/gone into witness protection?
Were "golden tickets" inside the envelopes??
Are these "golden tickets" going to lead to their ultimate undoing?
Review crumbs on the board re: 'gold'.
#SEALTeam6 Trump re-tweeted this.
I’m torn on how to approach the idea of luck. I’m the first to admit that I am one of the luckiest people on the planet. To be born into a prosperous American family in 1960 with smart parents is to start life on third base. The odds against my very existence are astronomical.
I’ve always felt that the luckiest people I know had a talent for recognizing circumstances, not of their own making, that were conducive to a favorable outcome and their ability to quickly take advantage of them.
In other words, dumb luck was just that, it required no awareness on the person’s part, whereas “smart” luck involved awareness followed by action before the circumstances changed.
So, was I “lucky” to be born when I was—nothing I had any control over—and that I came of age just as huge databases and computers were advancing to the point where I could use those tools to write “What Works on Wall Street?” Absolutely.
Was I lucky to start my stock market investments near the peak of interest rates which allowed me to spend the majority of my adult life in a falling rate environment? Yup.
Ironies of Luck https://t.co/5BPWGbAxFi
— Morgan Housel (@morganhousel) March 14, 2018
"Luck is the flip side of risk. They are mirrored cousins, driven by the same thing: You are one person in a 7 billion player game, and the accidental impact of other people\u2019s actions can be more consequential than your own."
I’ve always felt that the luckiest people I know had a talent for recognizing circumstances, not of their own making, that were conducive to a favorable outcome and their ability to quickly take advantage of them.
In other words, dumb luck was just that, it required no awareness on the person’s part, whereas “smart” luck involved awareness followed by action before the circumstances changed.
So, was I “lucky” to be born when I was—nothing I had any control over—and that I came of age just as huge databases and computers were advancing to the point where I could use those tools to write “What Works on Wall Street?” Absolutely.
Was I lucky to start my stock market investments near the peak of interest rates which allowed me to spend the majority of my adult life in a falling rate environment? Yup.
