Diigo Bookmarks 07/10/2017

2017年7月10日 著

• Visual Regression Testing (how you can move fast and don’t break things)

  "one command npm test, it tells you after it finishes whether everything is fine so you can go ahead with your deployment with confidence, or things do look different on these pages and gives you the visual difference, so you can fix it before it goes to QA, or in most cases to live."

  tags: css webdev qa frontend

• Did CSS get more complicated since the late nineties?

  "Efforts to componentise CSS (to get programmatic scope) and bring CSS into JS can bring huge benefits and make things more manageable. But they definitely also increase complexity. Increasing complexity is a choice, and in the early days, the web community chose simplicity over complexity. They had good reasons for that choice, and it is a choice that has served many for over 20 years."

  tags: css

• Looking at the future of responsive design

  "The current ‘browser’ style method of browsing the web could still work for VR, perhaps as standard a user could scroll and navigate through a floating document in virtual space. However, I feel much more could be done with the medium in the future, perhaps having floating controls you can control web videos with or even 360 degree displays for images and web pages."

  tags: rwd

• Disabled buttons suck - Axess Lab

  "Just don’t disable buttons! Have them enabled and then show an error message when the user clicks them."

  tags: accessibility

• What's the Deal with Collapsible Margins?

  "As a general rule, adjoining vertical margins between in-flow, block-level, boxes will always collapse. There are four scenarios in which this takes place"

  tags: css

• Design Patterns for Fluid Navigation – How to Use Inline Linking | Interaction Design Foundation

  "Opening the link in a new window is often used for information regarding installation progress and files in different formats, such as PDFs, or for instructions, so that users can complete steps without having to remember everything."

  tags: webdesign

Posted from Diigo. The rest of my favorite links are here.