Diigo Bookmarks 11/02/2015

2015年11月2日 著

• Web Font Anti-Pattern: Using local fonts - Bram Stein

  "Never mix lo­cally in­stalled fonts and web fonts in @font-face rules. As­sum­ing two fonts are iden­ti­cal be­cause they share a name is a recipe for dis­as­ter."

  tags: font webdev

• Next Generation Responsive Images with Client Hints

  "Today, Chrome 46 was released to the general public, including support for Client Hints. When enabled on a website, Client Hints will send extra device pixel ratio (DPR) and image width information."

  tags: webdev rwd image chrome

• When Responsive Images Get Ugly by Taylor Hunt on CodePen

  "<picture> is darling, but a plain <img srcset> is more flexible: bandwidth-saving modes, browser heuristics, and user choices. It’s also more future-friendly; <picture> is only as good as your media queries. srcset is the smart choice."

  tags: rwd image

• Ind.ie Labs - Blog - Applying Flexbox to the Video Player

  "The flex-grow and flex-shrink proportions are the hardest part of flexbox, but with just a few rules you can easily make a component way more flexible than using percentage sizes and media queries."

  tags: css

• HTTP/2: the Pros, the Cons, and What You Need to Know

  "In general, sites will be more secure and will load faster. The protocol does not bring any cardinal changes, possibly because such changes are more difficult to implement—both technically and politically."

  tags: http

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