Programmer Humor

32143 readers

127 users here now

Post funny things about programming here! (Or just rant about your favourite programming language.)

Rules:

Posts must be relevant to programming, programmers, or computer science.
No NSFW content.
Jokes must be in good taste. No hate speech, bigotry, etc.

founded 5 years ago

MODERATORS

AgreeableLandscape@lemmy.ml

cat_programmer@lemmy.ml

346

CSS: Chaos-Soothe-Shake (programming.dev)

submitted 1 year ago by TechCodecPawx@programming.dev to c/programmerhumor@lemmy.ml

10 comments fedilink hide all child comments

all 12 comments

sorted by: hot top controversial new old

[–] xigoi@lemmy.sdf.org 26 points 1 year ago (2 children)

Still using vendor prefixes in 2023?

[–] b_crussin@programming.dev 11 points 1 year ago (1 children)

http://shouldiprefix.com/#filters

Isn’t -webkit-filter still required?

[–] ruben@lemmy.blahaj.zone 13 points 1 year ago (1 children)

https://caniuse.com/css-filters

It looks like not really anymore

[–] b_crussin@programming.dev 4 points 1 year ago

Woah, TIL

[–] TechCodecPawx@programming.dev 5 points 1 year ago

No.. My bad.. Normally I use PostCSS

[–] independantiste@sh.itjust.works 13 points 1 year ago

ok i know nobody cares but thats not how the blur filter would look like and it triggers me

[+] Hazzia@discuss.tchncs.de 6 points 1 year ago* (last edited 2 months ago) (3 children)

[deleted]

[–] TechCodecPawx@programming.dev 17 points 1 year ago* (last edited 1 year ago) (2 children)

In HTML:

div class="hands">

In CSS:

.hands

A dot in CSS means you're referring to an HTML Class. Note that this is different from the OOP Class in scripting languages. Think of HTML classes as classrooms. You can have multiple divs with the same class name, each will be affected when you style that class name. Just like students follow the same rule when applied to a classroom.

In some specific instances, ID is used instead of class. # is used in CSS instead of a dot. The only difference is that in ID, each element should have a unique ID.

div id="right-arm"

CSS: #right-arm

[–] nero@lemmy.world 6 points 1 year ago

To add onto this, you can also have:

And style it with:

div { background-color: red; }

just using the html tags without a . or #

[–] b_crussin@programming.dev 10 points 1 year ago

The language is CSS, the dot signifies that it’s the name of a class. So any HTML elements with the same class name will have those CSS styles applied to them

[–] PsychedSy@lemmy.world 3 points 1 year ago

CSS class?