Diigo Bookmarks 07/31/2016

2016年7月31日 著

• Full Width Containers in Limited Width Parents | CSS-Tricks

  "The idea here is: push the container to the exact middle of the browser window with left: 50%;, then pull it back to the left edge with negative -50vw margin."

  tags: css

• amphtml/DESIGN_PRINCIPLES.md at master · ampproject/amphtml

  "These design principles are meant to guide the ongoing design and development of AMP. They should help us make internally consistent decisions."

  tags: amp

• Dev.Opera — Progressive web apps running as native OS X apps

  "Browser makers are working on getting better support for PWAs in desktop, but it’s not quite ready yet. This is why I started the PWAify project."

  tags: pwa

• CSS Containment in Chrome 52 — Dev Channel — Medium

  "The new CSS Containment property lets developers limit the scope of the browser’s styles, layout and paint work."

  tags: css

• Mobile DropDowns Revisited — theuxblog.com — Medium

  "Avoiding dropdown menus is a crucial design pattern on mobile platforms. In my test, it made the users 60% faster and reduced usage errors."

  tags: mobile webdesign

• Links vs. Buttons in Modern Web Applications | MarcySutton.com

  "To try and clarify the haziness, I’ll define use cases for links and buttons in client-rendered applications and help you make better UI decisions, from design to development."

  tags: html accessibility

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