home.social

Search

1000 results for “codepen”

  1. Another super old @codepen demo I redid with modern #CSS is this yummy menu codepen.io/thebabydino/pen/Aox

    CSS grid instead of absolute positioning, clip-path instead of nested skew and un-skew, CSS variables to avoid setting a separate transform chain on each item... and more!

    #gridLayout #cssGrid #clipPath #clipping #cssTransforms #cssVariables #coding #code #frontend #webDevelopment #web #dev #webDev

  2. I turn 12 on @codepen in less than a month, so here are my most hearted demos ever:

    1️⃣ 955 ❤️ Pure CSS gravity button codepen.io/thebabydino/pen/bGz

    My only demo to ever pass 850 ❤️ - a bit mixed about it, it was just an exercise in getting a certain result - please don't use it in the wild!

    #css #pureCSS #gravity #button #code #coding #frontend #web #dev #webDevelopment #webDev

  3. My most hearted #CodePen demo of 2023.

    Uses:
    ✨ input#r[type='range'][list='l'] for slider
    ✨ output[for='r'] for value display
    ✨ datalist#l for ruler
    #CSS grid, vars, minimal JS, no SVG (really, that's just a thumb I'm dragging there)

    Range inputs can be:
    ✨ done without divs/ reinventing the wheel
    ✨ accessible
    ✨ 🆒 looking

    codepen.io/thebabydino/pen/qBy

    #css #CodePenChallenge #slider #code #coding #frontend #noSVG #JavaScript #js #webDev #webDevelopment #cssTricks #cssMaths #cssMask

  4. Honest #LinkedIn Notifications
    codepen.io/collinsworth/pen/eY
    ... by @collinsworth

    This is brilliant! 🤓

    I wonder who actually gets benefits from LinkedIn. I did not even get a single job offer when I was looking for high-profile jobs for over half a year. Not one. And I don't think my profile would not be attractive to companies. I might as well delete my account there some day.

    #fun #AntiSocialNetwork

  5. Honest #LinkedIn Notifications
    codepen.io/collinsworth/pen/eY
    ... by @collinsworth

    This is brilliant! 🤓

    I wonder who actually gets benefits from LinkedIn. I did not even get a single job offer when I was looking for high-profile jobs for over half a year. Not one. And I don't think my profile would not be attractive to companies. I might as well delete my account there some day.

    #fun #AntiSocialNetwork

  6. Honest #LinkedIn Notifications
    codepen.io/collinsworth/pen/eY
    ... by @collinsworth

    This is brilliant! 🤓

    I wonder who actually gets benefits from LinkedIn. I did not even get a single job offer when I was looking for high-profile jobs for over half a year. Not one. And I don't think my profile would not be attractive to companies. I might as well delete my account there some day.

    #fun #AntiSocialNetwork

  7. Honest #LinkedIn Notifications
    codepen.io/collinsworth/pen/eY
    ... by @collinsworth

    This is brilliant! 🤓

    I wonder who actually gets benefits from LinkedIn. I did not even get a single job offer when I was looking for high-profile jobs for over half a year. Not one. And I don't think my profile would not be attractive to companies. I might as well delete my account there some day.

    #fun #AntiSocialNetwork

  8. Honest #LinkedIn Notifications
    codepen.io/collinsworth/pen/eY
    ... by @collinsworth

    This is brilliant! 🤓

    I wonder who actually gets benefits from LinkedIn. I did not even get a single job offer when I was looking for high-profile jobs for over half a year. Not one. And I don't think my profile would not be attractive to companies. I might as well delete my account there some day.

    #fun #AntiSocialNetwork

  9. `pen.new` I use @codepen daily and like it a lot. Yet there are two things that I miss: customisable keyboard shortcuts (I have a German keyboard) and faster performance. Compared with Vite locally, #Codepen feels just too slow.

    `csb.new` Looking for alternatives, I found #CodeSandbox promising. They have two modes, cloud and browser - and browser mode has the responsiveness I was looking for.

    Let's see if I get used to it or come back to Codepen for the many details they sure got right.

  10. #monnaie #voltaire #codepenal #perpèt
    De 1810 à 1994, l'article 139 du code pénal ne rigolait pas avec la contrefaçon bancaire !
    Abrogé en 1992 avec effet en 94.

    Maintenant c'est 30 ans seulement. 😁

  11. Pure #css pattern on #CodePen: connectors codepen.io/thebabydino/pen/MWX

    Made with two grids of targets, one with black in the middle, the other one with white, offset by half a background-size.

    These targets touch diagonally, so their size within background box is computed as in the hand drawing.

    Beside these two layers, we also stack a conic-gradient one of twice the background-size of the other two and which creates a sort of chessboard. We blend all 3 of them using lighten.

    #cssPatterns

  12. Why America and China are Codependent Superpowers #Time twp.ai/E5Ayqd

  13. Why America and China are Codependent Superpowers #Time twp.ai/E5Ayqd

  14. Why America and China are Codependent Superpowers #Time twp.ai/E5Ayqd

  15. Why America and China are Codependent Superpowers #Time twp.ai/E5Ayqd