home.social

Search

1000 results for “codepen”

  1. 8⃣ 496 ❤️ Pure #CSS 3D toggle with only input[type=checkbox] + label codepen.io/thebabydino/pen/ajp

    (awfully hacky, but cool-looking result... which nowadays I'd probably try to get with an SVG filter 🤔)

    #3d #toggle #checkbox #css3D #code #coding #frontend #web #webDev #webDevelopment #dev

  2. CW: The second fic I finished in the tail end of 2023 is spoiler-cut for incest and nsfw tags (Sarazanmai, Kujicest)

    The other fic I finished in 2023 is just me embracing my usual passions (codependent sibling incest, biological urges overwhelming rational judgment, Kuji Chikai being brother of the year). I originally started writing it in 2020, but for the longest time I couldn't figure out how to end it. Still not sure if this is it, but mostly I'm just ready to call it done!

    #sarazanmai #kujicest #shipcest #fanfiction #caeslinfic

    Link: archiveofourown.org/works/5268

  3. #CSS subgrid help?

    Live test codepen.io/thebabydino/pen/raN with problem: want the same fixed height for description on all card rows

    repeat(3, auto) 😿 different heights for cards on different lines
    repeat(6, auto auto 3lh) 😿 unwanted space below cards widescreen
    auto-fit instead of 6 won't work 😿

    #subgrid #cssLayout #cssGrid #gridLayout #layout #code #coding #frontend #help #web #dev #webDev #webDevelopment

  4. Here's another little something from forever ago that I've recently updated on @codepen: a circular menu!

    codepen.io/thebabydino/pen/nKz

    The code was really outdated, so I redid it to use CSS variables, trigonometry, grid, clip-path, SVG filters for the inner shadow & grain.

    Hope you like it!

    #CSS #cssVariables #clipPath #cssGradient #SVG #filter #svgFilter #cssGrid #gridLayout #code #coding #frontend #dev #web #webDev #webDevelopment #cssMaths #trigonometry #Maths #geometry

  5. Here's the #SVG #filter version of the mono emoji demo on #CodePen codepen.io/thebabydino/pen/Yzg - shows both this `feColorMatrix` approach and a `feFlood` one which allows for animation... via a custom property, which is now possible in @FirefoxNightly too! mastodon.social/@anatudor/1121

    Goes without saying, don't do this infinite animation in practice, a simple transition on `:hover`/ `:focus` is enough.

    #svgFilter #cssVariables #customProperty #Firefox #code #coding #frontend #webDev #webDevelopment

  6. Birdeater (2023) (Import) Available December 13

    #horror#horrormovies#Birdeater#UmbrellaEntertainment – Given their patent codependency issues, it might not have been the best idea for Louie (Mackenzie Fearnley) to have dragged skittish bride-to-be Irene (Shabana Azeez) to the bachelor sendoff his mates where throwing him in a remote cabin. As the boys (and two girlfriends) sit down to […] …

    #ad #Birdeater #horror #Releases

    horrornerdonline.com/2024/11/b

  7. #CSS subgrid help?

    Live test codepen.io/thebabydino/pen/raN with problem: want the same fixed height for description on all card rows

    repeat(3, auto) 😿 different heights for cards on different lines
    repeat(6, auto auto 3lh) 😿 unwanted space below cards widescreen
    auto-fit instead of 6 won't work 😿

    #subgrid #cssLayout #cssGrid #gridLayout #layout #code #coding #frontend #help #web #dev #webDev #webDevelopment

  8. #CSS subgrid help?

    Live test codepen.io/thebabydino/pen/raN with problem: want the same fixed height for description on all card rows

    repeat(3, auto) 😿 different heights for cards on different lines
    repeat(6, auto auto 3lh) 😿 unwanted space below cards widescreen
    auto-fit instead of 6 won't work 😿

    #subgrid #cssLayout #cssGrid #gridLayout #layout #code #coding #frontend #help #web #dev #webDev #webDevelopment

  9. #CSS subgrid help?

    Live test codepen.io/thebabydino/pen/raN with problem: want the same fixed height for description on all card rows

    repeat(3, auto) 😿 different heights for cards on different lines
    repeat(6, auto auto 3lh) 😿 unwanted space below cards widescreen
    auto-fit instead of 6 won't work 😿

    #subgrid #cssLayout #cssGrid #gridLayout #layout #code #coding #frontend #help #web #dev #webDev #webDevelopment

  10. #CSS subgrid help?

    Live test codepen.io/thebabydino/pen/raN with problem: want the same fixed height for description on all card rows

    repeat(3, auto) 😿 different heights for cards on different lines
    repeat(6, auto auto 3lh) 😿 unwanted space below cards widescreen
    auto-fit instead of 6 won't work 😿

    #subgrid #cssLayout #cssGrid #gridLayout #layout #code #coding #frontend #help #web #dev #webDev #webDevelopment

  11. I used MermaidJS to make a diagram about all #Colorjs color spaces:

    codepen.io/leaverou/pen/xxNEqX

    😍 It only took me 6 minutes¹ and I looove the text-based syntax.
    😔 But… I wish I could have more control over the design (or — better — defaults that make me not need it).

    For background, I was hoping to replace the (very out of date) diagram at colorjs.io/docs/spaces that I hand-drew in SimpleMind.

    ¹ How do I know? I told @svgeesus it would take 10 and he didn’t believe me so he actually timed it 😅

  12. I believe the term for the relationship that Sakuna and her fans have is 'Codependency'.

    She was ready to quit after leaving big corpo, but in the end she couldn't.

    youtube.com/watch?v=L9aswlvuPw

    #YuukiSakuna

  13. I believe the term for the relationship that Sakuna and her fans have is 'Codependency'.

    She was ready to quit after leaving big corpo, but in the end she couldn't.

    youtube.com/watch?v=L9aswlvuPw

    #YuukiSakuna

  14. I believe the term for the relationship that Sakuna and her fans have is 'Codependency'.

    She was ready to quit after leaving big corpo, but in the end she couldn't.

    youtube.com/watch?v=L9aswlvuPw

    #YuukiSakuna