Johnnei's World
  • Communities
  • Create Post
  • heart
    Support Lemmy
  • search
    Search
  • Login
  • Sign Up
TechCodex@programming.dev to Programmer Humor@lemmy.mlEnglish · 2 years ago

CSS: Chaos-Soothe-Shake

programming.dev

message-square
10
link
fedilink
347

CSS: Chaos-Soothe-Shake

programming.dev

TechCodex@programming.dev to Programmer Humor@lemmy.mlEnglish · 2 years ago
message-square
10
link
fedilink
alert-triangle
You must log in or register to comment.
  • xigoi@lemmy.sdf.org
    link
    fedilink
    arrow-up
    26
    ·
    2 years ago

    Still using vendor prefixes in 2023?

    • b_crussin@programming.dev
      link
      fedilink
      English
      arrow-up
      12
      arrow-down
      1
      ·
      2 years ago

      http://shouldiprefix.com/#filters

      Isn’t -webkit-filter still required?

      • ruben@lemmy.blahaj.zone
        link
        fedilink
        English
        arrow-up
        13
        ·
        2 years ago

        https://caniuse.com/css-filters

        It looks like not really anymore

        • b_crussin@programming.dev
          link
          fedilink
          English
          arrow-up
          4
          ·
          2 years ago

          Woah, TIL

    • TechCodex@programming.devOP
      link
      fedilink
      English
      arrow-up
      6
      arrow-down
      1
      ·
      2 years ago

      No… My bad… Normally I use PostCSS

  • Pasta Dental@sh.itjust.works
    link
    fedilink
    arrow-up
    13
    ·
    2 years ago

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

  • Hazzia@discuss.tchncs.de
    link
    fedilink
    arrow-up
    6
    ·
    edit-2
    10 months ago

    deleted by creator

    • TechCodex@programming.devOP
      link
      fedilink
      English
      arrow-up
      17
      ·
      edit-2
      2 years ago

      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
        link
        fedilink
        English
        arrow-up
        6
        ·
        2 years ago

        To add onto this, you can also have:

        <div> </div>

        And style it with:

        div { background-color: red; }

        just using the html tags without a . or #

      • Hazzia@discuss.tchncs.de
        link
        fedilink
        arrow-up
        1
        ·
        edit-2
        10 months ago

        deleted by creator

    • b_crussin@programming.dev
      link
      fedilink
      English
      arrow-up
      10
      ·
      2 years 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
      link
      fedilink
      arrow-up
      4
      arrow-down
      1
      ·
      2 years ago

      CSS class?

Programmer Humor@lemmy.ml

programmerhumor@lemmy.ml

Subscribe from Remote Instance

Create a post
You are not logged in. However you can subscribe from another Fediverse account, for example Lemmy or Mastodon. To do this, paste the following into the search field of your instance: !programmerhumor@lemmy.ml

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.
Visibility: Public
globe

This community can be federated to other instances and be posted/commented in by their users.

  • 109 users / day
  • 816 users / week
  • 2K users / month
  • 10.2K users / 6 months
  • 1 local subscriber
  • 35.6K subscribers
  • 1.69K Posts
  • 36.5K Comments
  • Modlog
  • mods:
  • AgreeableLandscape@lemmy.ml
  • cat_programmer@lemmy.ml
  • BE: 0.19.11
  • Modlog
  • Instances
  • Docs
  • Code
  • join-lemmy.org