Diigo Bookmarks 06/24/2018

2018年6月24日 著

• Component Design Guidelines - EightShapes - Medium

  "Do/Don'ts provide a welcome break from tomes of text. The blocks are definitive, concise, focused, and scannable. Each pairs an image with a succinct guideline prepended with a Do or Don't imperative and accented green or red."

• The danger and pitfalls of Uniformity in Design Systems

  "The challenge for design teams is to find the balance between consistency and flexibility when applying a design system to an ecosystem of products."

• 9 design system traps to avoid - UX Collective

  "As designers, we must constantly ask ourselves whether a new component might solve the problem better -- whether we are okay with simply satisfying the users' needs."

• BEM For Beginners: Why You Need BEM -- Smashing Magazine

  "class is the only selector that allows you to isolate the styles of each component in the project; increase the readability of the code and do not limit the re-use of the layout."

• Explore the new frontier of CSS animation | Creative Bloq

  "If you haven't already done so, now is the perfect time to dive into the exciting world of CSS animation. With a bit of creativity, careful planning and modern tooling, there is almost nothing that can't be achieved."

• Optimize Website Speed With Chrome DevTools | Tools for Web Developers | Google Developers

  "This tutorial teaches you how to use Chrome DevTools to find ways to make your websites load faster."

• VoiceOver: App Testing Beyond The Visuals - WWDC 2018 - Videos - Apple Developer

  "VoiceOver provides spoken descriptions and braille output of onscreen elements. Learn how to go beyond the visuals to identify VoiceOver and functional issues to help improve the experience for all users."