Leta

Tech | Code | Software dev
Frontend: HTML, CSS, JS, React
Backend: Python, SQL

[Leta @_leta09]

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: https://t.co/ow1zab4z1A

#CSS #WebDevelopment #Frontend

[Leta @_leta09]

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.

https://t.co/ow1zab4z1A

#CSS #UX #WebDesign

[Leta @_leta09]

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.

https://t.co/ow1zab4z1A

#CSS #UX #WebDesign

[Leta @_leta09]

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.

https://t.co/ow1zab4z1A

#CSS #WebDev #Frontend

[Leta @_leta09]

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.

https://t.co/ow1zab4z1A

#CSS #WebDev #Frontend

[Ramin Nasibov @RaminNasibov]

Dark mode, activated

[Leta @_leta09]

💜✨💜 CSS Pseudo Element after for beginners

👉 Learn more CSS Pseudo Elements: https://t.co/ow1zab41c2

#learncss #cssbasics #csstutorial #hrmlforbeginners #learntocode #webdevelopment

[Leta @_leta09]

💜✨💜 CSS Pseudo Element after for beginners

👉 Learn more CSS Pseudo Elements: https://t.co/ow1zab41c2

#learncss #cssbasics #csstutorial #hrmlforbeginners #learntocode #webdevelopment

[SofTim Devs @SoftimRuiz]

CSS variables, algo básico para los diseñadores de frontend.
#css #softim #HOWEAWARDS2026

[Manz 🇮🇨⚡👾 @Manz]

¿Sabías que en #CSS vanilla puedes hacer "bucles" en los que incrementas valores sin necesidad de usar #Javascript?

[Jon Kantner @jonkantner]

This toggle switch has legs.

@CodePen #CSS #React

[Leta @_leta09]

Try:

p::first-letter {
font-size: 30px;
}
One tiny pseudo-element can completely change the look of your typography.

https://t.co/ow1zab4z1A

#CSS #Typography #WebDesign

[Leta @_leta09]

Try:

p::first-letter {
font-size: 30px;
}
One tiny pseudo-element can completely change the look of your typography.

https://t.co/ow1zab4z1A

#CSS #Typography #WebDesign

[Leta @_leta09]

::first-line = entire first line ::first-letter = only the first letter

Easy distinction. Easy to remember.

https://t.co/ow1zab4z1A

#CSS #CodingTips #FrontendDevelopment

[Leta @_leta09]

::first-line = entire first line ::first-letter = only the first letter

Easy distinction. Easy to remember.

https://t.co/ow1zab4z1A

#CSS #CodingTips #FrontendDevelopment

[Recent @recentdesign]

Dachshund Password Strength by @raminnasibov

[sanyam @sanyampunia]

design tip 🌲 - size icons with 𝟷𝚌𝚊𝚙, not 𝚙𝚡.

𝟷𝚌𝚊𝚙 is the height of a capital letter in the current font, so the icon tracks the text at any size:

.𝚕𝚊𝚋𝚎𝚕 {
𝚍𝚒𝚜𝚙𝚕𝚊𝚢: 𝚏𝚕𝚎𝚡;
𝚊𝚕𝚒𝚐𝚗-𝚒𝚝𝚎𝚖𝚜: 𝚋𝚊𝚜𝚎𝚕𝚒𝚗𝚎;
}

.𝚕𝚊𝚋𝚎𝚕 𝚜𝚟𝚐 {
𝚋𝚕𝚘𝚌𝚔-𝚜𝚒𝚣𝚎: 𝟷𝚌𝚊𝚙;
}

𝚋𝚊𝚜𝚎𝚕𝚒𝚗𝚎 sits the icon on the text's baseline, so it spans the caps in any font. the width follows the 𝚟𝚒𝚎𝚠𝙱𝚘𝚡.

[Leta @_leta09]

Resize your browser.

The words on the first line can change.

::first-line still targets the correct line automatically.

That's a neat CSS trick beginners should know.

https://t.co/ow1zab4z1A

#CSS #LearnCSS #WebDev

[IP @ipwanciu]

CSS variables have been quietly zeroing out styles. 😬

`revert-rule` is Baseline, newly available since September 2026 (Chrome 148, Firefox 150, Safari 27).

Before this, `padding: var(--pad)` with no --pad set gave you padding: 0, so you copy-pasted the default into every fallback.

Now ⤵️ fall back to whatever the cascade had.

[Leta @_leta09]

Resize your browser.

The words on the first line can change.

::first-line still targets the correct line automatically.

That's a neat CSS trick beginners should know.

https://t.co/ow1zab4z1A

#CSS #LearnCSS #WebDev

[Damir Sokolovsky @heydamir]

404 but aquarium 🌊