タグ

ブックマーク / bradfrost.com (3)

  • Extending Atomic Design

    Atomic design is now over 6 years old (which is nuts!). I’m thrilled that all these years later the methodology continues to help teams think of their user interfaces as a hierarchical, interconnected set of components that build real product screens. I thought I’d be sick of talking about this by now, but I’m still passionate about atomic design after hearing so many success stories, as well as w

    Extending Atomic Design
  • Reducing motion with the picture element

    I was just talking with Dave about the accessibility of moving images on the web, and he said: hm… I wonder if you could use picture + prefers-reduced-motion? He then sends the following code: <picture> <source srcset="no-motion.jpg" media="(prefers-reduced-motion: reduce)"></source> <img srcset="animated.gif alt="brick wall"/> </picture> I copied the code, dropped it into a post of mine, created

    Reducing motion with the picture element
    kzms2
    kzms2 2019/06/03
    I like it☺これは良い考え。video要素にも使えるな
  • Atomic Design

    Hey there! I wrote a book called Atomic Design that dives into this topic in more detail, which you can buy as an ebook. We’re not designing pages, we’re designing systems of components.—Stephen Hay As the craft of Web design continues to evolve, we’re recognizing the need to develop thoughtful design systems, rather than creating simple collections of web pages. A lot has been said about creating

    Atomic Design
    kzms2
    kzms2 2019/05/08
    ブクマしてなかった Atomic Designは2013頃からあるので色々今の時代にあった考えにするのが良いと思ふ(個人的にはmolなく良い派)
  • 1