Apple Watch Favors Text Version and Breaks Links

The next generation of responsive emails: make the text version easy to read on Apple Watches

 

From the article: “When Apple Watch detects remote or linked images in an email, the plain text version will be displayed–but only after a lengthy warning: “This message contains elements Apple Watch can’t display. You can read a text version below.” This message is reminiscent of the warning that Outlook displays before ALT text on images and takes up a full screen of Watch real estate before displaying the plain text part of the message.”

Read more from the source: litmus.com

A Visual Guide to CSS3 Flexbox Properties

CSS flex-box sounds like a lot to learn, but we need to start using it right now

 

The Flexbox Layout officially called CSS Flexible Box Layout Module is new layout module in CSS3 made to improve the items align, directions and order in the container even when they are with dynamic or even unknown size. The prime characteristic of the flex container is the ability to modify the width or height of its children to fill the available space in the best possible way on different screen sizes.

Many designers and developers find this flexbox layout easier to use, as positioning of the elements is simpler thus more complex layouts can be achieved with less code, leading to simpler development process. Flexbox layout algorithm is direction based unlike the block or inline layout which are vertically and horizontally based. This flexbox layout should be used for small application components, while new CSS Grid Layout Module is emerging to handle the large scale layouts.

Read more from the source: Scotch

npm Private Modules

For $7 a month, you can get the convenience of npm without making all your internal modules public

 

When you pay for private modules, you can:

- Host as many private packages as you want

- Give read access or read-write access for those packages to any other paid user

- Install and use any packages that other paid users have given you read access to

- Collaborate on any packages that other paid users have given you write access to

Read the details on npmjs.com

Blowing up localStorage (or what happens when you exceed quota)

Some strategies to detect and work around the size limitations of localStorage

 

Ray Camden writes “Based on some discussion earlier today on Twitter, I wanted to take a quick look at what happens when you exceed the quota limit in a browser’s LocalStorage system.”

In Chrome and Safari you get a DOMException named QuoteExceededError with code 22.

In Firefox you get a DOMException with name NS_ERROR_DOM_QUOTA_REACHED and code 1014.

IE throws no error but supports a remainingSpace property.

Read more from the source: Raymond Camden’s Blog