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
If you know CSS then you can use these amazing generators and save your time
Thread 🧵👇🏻
1️⃣ CSS Box Shadow Generator
- Generate CSS3 Box Shadow code for your Div, Frame, Buttons or any other HTML element with Outline, and Inset (inner) type shadow effects
🔗 https://t.co/6La36IzBLj
2️⃣ Glassmorphism
- Generate glassmorphic design easily
🔗 https://t.co/qrKqDV5tzY
3️⃣ Cool Backgrounds
- Explore a beautifully curated selection of cool backgrounds that you can add to your next project
🔗 https://t.co/df7VSaRSh9
4️⃣ Pixel art
- Create CSS pixel art, export the results to CSS and download them.
🔗 https://t.co/ojD8qwzuhx
Thread 🧵👇🏻
1️⃣ CSS Box Shadow Generator
- Generate CSS3 Box Shadow code for your Div, Frame, Buttons or any other HTML element with Outline, and Inset (inner) type shadow effects
🔗 https://t.co/6La36IzBLj
2️⃣ Glassmorphism
- Generate glassmorphic design easily
🔗 https://t.co/qrKqDV5tzY
3️⃣ Cool Backgrounds
- Explore a beautifully curated selection of cool backgrounds that you can add to your next project
🔗 https://t.co/df7VSaRSh9
4️⃣ Pixel art
- Create CSS pixel art, export the results to CSS and download them.
🔗 https://t.co/ojD8qwzuhx
Use these 5 websites to learn web development for free in 2023 (take a look):
1. Codedamn
All-in-one platform for learning web development:
• Hands-on practice and projects bundled
• Video content along with interactive labs, quizzes, and articles
• Every course comes with a certificate
• code brushes AI in playgrounds
🔗 https://t.co/mXmUtJZnOU
2. Codepip
Codepip is the platform for your favorite web development games. Gain an edge in your following interview or project.
🔗 https://t.co/MjHNsLvkiL
3. RapidAPI Comics
Learn API development with RapidAPI Comics (sketch notes and fun analogies).
🔗 https://t.co/KONorFomgu
4. JS Visualizer 9000
Learn JavaScript by visualizing your code.
🔗 https://t.co/9NId4GjGAq
1. Codedamn
All-in-one platform for learning web development:
• Hands-on practice and projects bundled
• Video content along with interactive labs, quizzes, and articles
• Every course comes with a certificate
• code brushes AI in playgrounds
🔗 https://t.co/mXmUtJZnOU
2. Codepip
Codepip is the platform for your favorite web development games. Gain an edge in your following interview or project.
🔗 https://t.co/MjHNsLvkiL
3. RapidAPI Comics
Learn API development with RapidAPI Comics (sketch notes and fun analogies).
🔗 https://t.co/KONorFomgu
4. JS Visualizer 9000
Learn JavaScript by visualizing your code.
🔗 https://t.co/9NId4GjGAq
You May Also Like
So it's now October 10, 2018 and....Rod Rosenstein is STILL not fired.
He's STILL in charge of the Mueller investigation.
He's STILL refusing to hand over the McCabe memos.
He's STILL holding up the declassification of the #SpyGate documents & their release to the public.
I love a good cover story.......
The guy had a face-to-face with El Grande Trumpo himself on Air Force One just 2 days ago. Inside just about the most secure SCIF in the world.
And Trump came out of AF1 and gave ol' Rod a big thumbs up!
And so we're right back to 'that dirty rat Rosenstein!' 2 days later.
At this point it's clear some members of Congress are either in on this and helping the cover story or they haven't got a clue and are out in the cold.
Note the conflicting stories about 'Rosenstein cancelled meeting with Congress on Oct 11!"
First, rumors surfaced of a scheduled meeting on Oct. 11 between Rosenstein & members of Congress, and Rosenstein just cancelled it.
He's STILL in charge of the Mueller investigation.
He's STILL refusing to hand over the McCabe memos.
He's STILL holding up the declassification of the #SpyGate documents & their release to the public.
I love a good cover story.......
The guy had a face-to-face with El Grande Trumpo himself on Air Force One just 2 days ago. Inside just about the most secure SCIF in the world.
And Trump came out of AF1 and gave ol' Rod a big thumbs up!
And so we're right back to 'that dirty rat Rosenstein!' 2 days later.
At this point it's clear some members of Congress are either in on this and helping the cover story or they haven't got a clue and are out in the cold.
Note the conflicting stories about 'Rosenstein cancelled meeting with Congress on Oct 11!"
First, rumors surfaced of a scheduled meeting on Oct. 11 between Rosenstein & members of Congress, and Rosenstein just cancelled it.
Rep. Andy Biggs and Rep. Matt Gaetz say DAG Rod Rosenstein cancelled an Oct. 11 appearance before the judiciary and oversight committees. They are now calling for a subpoena. pic.twitter.com/TknVHKjXtd
— Ivan Pentchoukov \U0001f1fa\U0001f1f8 (@IvanPentchoukov) October 10, 2018
I just finished Eric Adler's The Battle of the Classics, and wanted to say something about Joel Christiansen's review linked below. I am not sure what motivates the review (I speculate a bit below), but it gives a very misleading impression of the book. 1/x
The meat of the criticism is that the history Adler gives is insufficiently critical. Adler describes a few figures who had a great influence on how the modern US university was formed. It's certainly critical: it focuses on the social Darwinism of these figures. 2/x
Other insinuations and suggestions in the review seem wildly off the mark, distorted, or inappropriate-- for example, that the book is clickbaity (it is scholarly) or conservative (hardly) or connected to the events at the Capitol (give me a break). 3/x
The core question: in what sense is classics inherently racist? Classics is old. On Adler's account, it begins in ancient Rome and is revived in the Renaissance. Slavery (Christiansen's primary concern) is also very old. Let's say classics is an education for slaveowners. 4/x
It's worth remembering that literacy itself is elite throughout most of this history. Literacy is, then, also the education of slaveowners. We can honor oral and musical traditions without denying that literacy is, generally, good. 5/x
As someone\u2019s who\u2019s read the book, this review strikes me as tremendously unfair. It mostly faults Adler for not writing the book the reviewer wishes he had! https://t.co/pqpt5Ziivj
— Teresa M. Bejan (@tmbejan) January 12, 2021
The meat of the criticism is that the history Adler gives is insufficiently critical. Adler describes a few figures who had a great influence on how the modern US university was formed. It's certainly critical: it focuses on the social Darwinism of these figures. 2/x
Other insinuations and suggestions in the review seem wildly off the mark, distorted, or inappropriate-- for example, that the book is clickbaity (it is scholarly) or conservative (hardly) or connected to the events at the Capitol (give me a break). 3/x
The core question: in what sense is classics inherently racist? Classics is old. On Adler's account, it begins in ancient Rome and is revived in the Renaissance. Slavery (Christiansen's primary concern) is also very old. Let's say classics is an education for slaveowners. 4/x
It's worth remembering that literacy itself is elite throughout most of this history. Literacy is, then, also the education of slaveowners. We can honor oral and musical traditions without denying that literacy is, generally, good. 5/x