Tech | Code | Software dev Frontend: HTML, CSS, JS, React Backend: Python, SQL
Joined February 2023
- Tweets1.2K
- Following163
- Followers146
- Likes2.9K
Pinned Tweet
6 CSS pseudo-elements every beginner should know 👇
::before ::after ::first-line ::first-letter ::marker ::selection
Small selectors, lots of design control.
Watch the full breakdown: youtu.be/hP6hoCVOWbs
#CSS #WebDevelopment #Frontend
Leta retweeted
6 pseudo-elements worth adding to your CSS toolbox:
➡️::before
➡️::after
➡️::first-line
➡️::first-letter
➡️::marker
➡️::selection
You don't need to memorize them. Just know when they're useful.
youtu.be/hP6hoCVOWbs
#CSS #WebDevelopment #LearnToCode
6 pseudo-elements worth adding to your CSS toolbox:
➡️::before
➡️::after
➡️::first-line
➡️::first-letter
➡️::marker
➡️::selection
You don't need to memorize them. Just know when they're useful.
youtu.be/hP6hoCVOWbs
#CSS #WebDevelopment #LearnToCode
Leta retweeted
Normally:
Select text ➡️ browser's default colors.
With ::selection:
Select text ➡️ your custom colors.
Another small way CSS can improve the experience.
youtu.be/hP6hoCVOWbs
#CSS #Frontend #CSS3
Normally:
Select text ➡️ browser's default colors.
With ::selection:
Select text ➡️ your custom colors.
Another small way CSS can improve the experience.
youtu.be/hP6hoCVOWbs
#CSS #Frontend #CSS3
Leta retweeted
The world 🌍 🌎 would have been far better if the mankind species could act like elephants 🐘 do… 😂😂😂
Leta retweeted
A tiny CSS detail many developers overlook:
::selection
It lets you customize how text looks when the user selects it.
Small detail. Better design consistency.
youtu.be/hP6hoCVOWbs
#CSS #UX #WebDesign
A tiny CSS detail many developers overlook:
::selection
It lets you customize how text looks when the user selects it.
Small detail. Better design consistency.
youtu.be/hP6hoCVOWbs
#CSS #UX #WebDesign
Leta retweeted
Your list bullets don't have to be boring.
With ::marker, you can customize them:
li::marker {
content: "🎨";
}
CSS gives you more control than you might expect.
youtu.be/hP6hoCVOWbs
#CSS #WebDev #Frontend
Your list bullets don't have to be boring.
With ::marker, you can customize them:
li::marker {
content: "🎨";
}
CSS gives you more control than you might expect.
youtu.be/hP6hoCVOWbs
#CSS #WebDev #Frontend
Leta retweeted
💜✨💜 CSS Pseudo Element after for beginners
👉 Learn more CSS Pseudo Elements: youtu.be/hP6hoCVOWbs
#learncss #cssbasics #csstutorial #hrmlforbeginners #learntocode #webdevelopment
💜✨💜 CSS Pseudo Element after for beginners
👉 Learn more CSS Pseudo Elements: youtu.be/hP6hoCVOWbs
#learncss #cssbasics #csstutorial #hrmlforbeginners #learntocode #webdevelopment
Leta retweeted
¿Sabías que en #CSS vanilla puedes hacer "bucles" en los que incrementas valores sin necesidad de usar #Javascript?
Leta retweeted
Try:
p::first-letter {
font-size: 30px;
}
One tiny pseudo-element can completely change the look of your typography.
youtu.be/hP6hoCVOWbs
#CSS #Typography #WebDesign
Try:
p::first-letter {
font-size: 30px;
}
One tiny pseudo-element can completely change the look of your typography.
youtu.be/hP6hoCVOWbs
#CSS #Typography #WebDesign
Leta retweeted
::first-line = entire first line ::first-letter = only the first letter
Easy distinction. Easy to remember.
youtu.be/hP6hoCVOWbs
#CSS #CodingTips #FrontendDevelopment
::first-line = entire first line ::first-letter = only the first letter
Easy distinction. Easy to remember.
youtu.be/hP6hoCVOWbs
#CSS #CodingTips #FrontendDevelopment
