Adam Argyle

@argyleink

CSS DevRel; ; maker; dev += design; parentNode + 2 leafs; CSS/JS/UX addict; repeat(∞, [empathize, design, develop, deploy]); 💀🤘

Seattle
Vrijeme pridruživanja: travanj 2010.

Tweetovi

Blokirali ste korisnika/cu @argyleink

Jeste li sigurni da želite vidjeti te tweetove? Time nećete deblokirati korisnika/cu @argyleink

  1. Prikvačeni tweet
    14. sij

    4 layouts for the price of 1, thanks flex 👍 css` form { display: flex; flex-wrap: wrap; & > input { flex: 1 1 10ch; margin: .5rem; &[type="email"] { flex: 3 1 30ch; } } } ` view source on Codepen 👇

    Poništi
  2. prije 2 sata

    quick "stories" prototype using grid & scroll snap points to contain each user's stories, with tap/click to see next in that user's stories. needs more js to be fully featured, but this is a neat start I think! thoughts? how are you building these?

    Poništi
  3. prije 15 sati

    Writing a issue.. had to double take when I saw how they'd transformed my inline snippet `hsl(200 83% 25%)` into A SWATCH! 🎨 Tell the UX team they delivered some delight to this nerd. The microinteraction for the author is stellar, and I'm sure user's will love it. 🤓

    shows code snippet with a rounded rectangle to the right which IS the color in the snippet
    Poništi
  4. prije 20 sati

    New favorite thing: play video games with headphones on at a bar during super bowl.. folks keep clapping for my victories!!

    Poništi
  5. 2. velj

    How can so many hate white space sensitive syntaxes but love linters and formatters?

    Poništi
  6. proslijedio/la je Tweet

    Dating an Engineer be like: : “You need to get your nails done. Too much padding-bottom. Ha!” Me: 😒

    Poništi
  7. 1. velj
    Poništi
  8. proslijedio/la je Tweet
    30. sij

    🙊👏🙊👏🙊👏 Did you know there are SEVEN different types of CSS attribute selectors and dang are they useful! [Screen reader friendly gist: ]

    Poništi
  9. 31. sij

    my favorite moment with unit tests is after a big huge feature branch merge. all that anxiety of whether or not you merged properly relieved in a few seconds once all the tests pass. sure, git was happy, but who cares if the app doesnt work!?

    $: all tests passed
    Poništi
  10. 30. sij
    Prikaži ovu nit
    Poništi
  11. 30. sij

    TIL CSS can check for a font installed locally before fetching it remotely! Shout out to Dank Mono, my favorite ligature featured coding font

    @font-face {
  font-family: Dank Mono;
  src: 
    /* Full name */
    local(Dank Mono),
    /* Postscript name */
    local(Dank-Mono), 
    /* otherwise, download it */
    url(//...a.server/fonts/DankMono.woff);  
}

code {
  font-family: Dank Mono, system-ui-monospace;
}
    Prikaži ovu nit
    Poništi
  12. 30. sij
    Poništi
  13. 30. sij

    nav { position: slippery; } Valid CSS? cc

    Poništi
  14. proslijedio/la je Tweet
    29. sij

    wih another one🔥🔥🔥🔥🔥. Pls like and subscribe

    Poništi
  15. 30. sij

    double clicking is satisfying UX

    Poništi
  16. proslijedio/la je Tweet
    29. sij

    <div id="hi">Hi.</div> <style> #hi#hi { color: blue; } { color: red; } </style> What color is the div!?

    Prikaži ovu nit
    Poništi
  17. proslijedio/la je Tweet
    29. sij

    and 's ideas for Custom Cascade Origins are just such a great idea Jen's slides, in particular (), give a ton of distinct use-cases that make me just go "duh, of *course* we need this".

    Prikaži ovu nit
    Poništi
  18. 29. sij

    text color, sorry! what's the text color of the div with id "hi"?

    Prikaži ovu nit
    Poništi
  19. 29. sij

    <div id="hi">Hi.</div> <style> #hi#hi { color: blue; } { color: red; } </style> What color is the div!?

    Prikaži ovu nit
    Poništi
  20. 29. sij

    valid! - the last declaration can omit the ; - the font shorthand is from CSS1 in which i sprinkled some modern units and values for 😈 folks asked about the / in the new rgb and hsl syntax (aka hsl(0 0% 0% / 20%)) since it looked funky, but alas, here's precedence from CSS1!

    Poništi
  21. proslijedio/la je Tweet
    29. sij

    Even the ubiquitous “Copy Link” button can use some attention to detail, and here’s how it looks after Evil Martians design treatment. The animation is fully customizable through CSS variables 🛠 Check out this CodePen by our own :

    Poništi

Čini se da učitavanje traje već neko vrijeme.

Twitter je možda preopterećen ili ima kratkotrajnih poteškoća u radu. Pokušajte ponovno ili potražite dodatne informacije u odjeljku Status Twittera.

    Možda bi vam se svidjelo i ovo:

    ·