Diigo Bookmarks 02/02/2019

2019年2月2日 著

• Firefox 65: WebP support, Flexbox Inspector, new tooling & platform updates - Mozilla Hacks - the Web developer blog

  "At long last, Firefox 65 now supports the WebP image format. WebP offers both lossless and lossy compression modes, and typically produces files that are 25-34% smaller than equivalent JPEGs or PNGs with the same image quality."

• Responsive design for mobile and web development - IBM Developer

  "The future of responsive design is a user's context in space and time, their devices context in space and time, and the user's preferences on said devices in space and time. It's all of these things. Today's web browsers we access and develop for give us the power to leverage these inputs in our designs."

• HTML, CSS and our vanishing industry entry points

  "the entry point more recently for non-traditionally educated people has been the bootcamps. They are typically teaching a framework-heavy style of development which gets students as quickly as possible up to speed with the technologies most likely to get them a job."

• Progressive Web App Progress in iOS 12.2 Beta 1 (Build 16E5181f)

  "Each new iOS version comes with a new version of Safari, yet changes in Safari tend to almost never get highlighted in the iOS release notes (and the 12.2 beta 1 release notes were no exception). So my routine is to fire up my PWA Feature Detector--a simple testing tool described in an accompanying research paper--and to look for potential changes myself."

• JavaScript at Tumblr -- We're making Tumblr more accessible!

  "One of the larger changes we made was to revamp modals and popovers (e.g., the post activity screen). Originally we used React Portals but it isn't always the most friendly for accessibility. Ideally you want to have elements appear in logical DOM order and Portals provides a way to circumvent that. So, no more Portals!"

• Tooltip Guidelines

  "Tooltips are user-triggered messages that provide additional information about a page element or feature. Although tooltips aren't new to the web, they are often incorrectly implemented."

• CSS Position Sticky - How It Really Works! - Elad Shechter - Medium

  "When you define an element with position: sticky you're automatically defining the parent element as a sticky container! This is very important to remember! The container is the scope of the sticky item, and the item can't get out of its sticky container."