• 13 Posts
  • 112 Comments
Joined 1 year ago
cake
Cake day: June 12th, 2023

help-circle


  • Display and layout rules aren’t difficult at all. Maybe I’m just not experienced enough. I’ve been a web dev for nearly a decade now and I feel like I’ve got the hang of it. That being said, I don’t work on projects that have to work on everything from a Nokia to an ultra wide monitor. We shoot for a few common sizes and hope it clears between edge cases nicely. What is an example of something that wraps randomly?


  • Genuinely, though, CSS is fairly clear cut about the rules of positioning and space. Relative positioning is one of the most important concepts to master since it allows things to flow via the HTML structure and not extra CSS. Fixed positioning is as if you had no relative container other than the window itself. Absolute positioning is a little weird, but it’s just like fixed positioning except within the nearest parent with relative positioning.

    Everything else is incredibly straight forward. Padding adds space within a container. Margins add space outside a container. Color changes text color. Background-color changes the background color of an element.

    Top, left, right, and bottom dictate where the element should be positioned after the default rules are applied. So if you have a relative div inside a parent which is half way down the page, top/right/left/bottom would move the element relative to it’s position within the parent. If you made the div fixed, it would be moved relative to the window.

    Lastly, if you’re designing a webpage just think in boxes or rows and columns. HTML can define 75% of the webpage structure. Then with just a bit of CSS you can organize the content into rows/columns. That’s pretty much it. Most web pages boil down to simple boxes within boxes. It just requires reading and understanding but most people don’t want to do that to use CSS since it feels like it should just “know”.

    As someone who has built QT, Swing, and JavaFx applications, I way prefer the separation of concerns that is afforded us via HTML JS and CSS.








  • Captain Janeway@lemmy.worldtoProgrammer Humor@lemmy.mlCSS Humor
    link
    fedilink
    arrow-up
    26
    arrow-down
    1
    ·
    edit-2
    3 months ago
    #moustache {
      position: absolute;
      bottom: 10px;
      margin: 0 auto;
    }
    

    If that doesn’t work:

    #moustache {
      position: absolute;
      bottom: 10px;
      left: 50%;
      transform: translateX(-50%);
    }
    

    Relative positioning is preferred but not always available if the parent face is positioned absolutely.

    Edit: adjusted bottom from 0 -> 10px since 0 would be at the bottom of the chin but there is obviously some padding to bring it nearer the lip



  • Based solely on that quote, I whole heartedly agree. Science fiction is almost always supposed to expose something about our world through a different lens. Whilst it’s not the most elegant example, the two black & white striped races in TOS arguing over “black-white stripes vs white-black stripes” was a clear allegory for racism in our country when the show came out. District 9 is a decent allegory for something like Gaza & Israel: open air prisons and what-not.

    Science fiction should (IMO) make the muddy waters of morality more clear.

    A more nuanced example comes from Battlestar Galactica; wherein the human members of a concentration camp use suicide bombing as a means of rebellion. The show made sure to imply the efficacy of suicide bombing. It also made sure to expose the arguments against it. But I think during a post 9/11 world, suicide bombing was looked at as the root of all evil. Perpetrators were seen as aimless villains without a cause or reason (without a rational one, anyways). But BSG did make a compelling argument for such extreme cases of terrorist violence when your back is up against the wall.

    The bajorans in DS9 also make cases for terrorism as an act of rebellion against colonizers.

    I think science fiction is one of the only genres they really take a look at these topics. Other genres seem to only gleam the very tips of the morality iceberg.