Web Cryptography API adds layers of security including data tampering protection and encryption of local storage data
Tim Taubert’s introduction: “With the web slowly maturing as a platform the demand for cryptography in the browser has risen, especially in a post-Snowden era. Many of us have heard about the upcoming Web Cryptography API but at the time of writing there seem to be no good introductions available. We will take a look at the proposed W3C spec and its current state of implementation.”
– Keeping local storage safe against corruptions
– Preventing data tampering of local storage
– Storing data encrypted in local storage
Read more from the source: timtaubert.de
iOS 8 brings critical new features to Apple mobile device browsers including WebGL, Promises, IndexedDB and SPDY
iOS 8 is also significantly faster than iOS7 in every area with a 4x improvement in document.querySelectorAll. iOS 8 also adds better support for GPU rendering which boosts performance of intensive graphical applications by almost double.
Read more at sencha.com
After reading several articles and tutorials, I finally started to understand CSS flexbox as explained in this awesome CSS Tricks article
From the article:
The Flexbox Layout (Flexible Box) module (currently a W3C Candidate Recommendation) aims at providing a more efficient way to lay out, align and distribute space among items in a container, even when their size is unknown and/or dynamic (thus the word “flex”).
The main idea behind the flex layout is to give the container the ability to alter its items’ width/height (and order) to best fill the available space (mostly to accommodate to all kind of display devices and screen sizes). A flex container expands items to fill available free space, or shrinks them to prevent overflow.
Most importantly, the flexbox layout is direction-agnostic as opposed to the regular layouts (block which is vertically-based and inline which is horizontally-based). While those work well for pages, they lack flexibility (no pun intended) to support large or complex applications (especially when it comes to orientation changing, resizing, stretching, shrinking, etc.).
Note: Flexbox layout is most appropriate to the components of an application, and small-scale layouts, while the Grid layout is intended for larger scale layouts.
Read the full article at CSS-Tricks
Essentially, what you want from a polyfill delivery system is a way of sending one single copy of each of the best polyfills, in the right order (respecting dependencies), to just the browsers that lack a native implementation. The polyfill service does this by reading the User-Agent HTTP header and then using it to find the list of polyfills that are suitable for that browser and its specific version. Typically once a browser version is released, its feature set does not change until its next release.
Get started today with this one line:
Read the full article at ft.com
When you are building Web apps — and especially when you are debugging them — all the subtle differences between the different browsers start coming into..
Read more from the source: TechCrunch
An uncertain future: Firefox implements CSS variables even though other browser vendors have not committed either way.
Craig takes a look at native CSS variables, which can now be used in Firefox 31. Has the technology become redundant before we can use it?
Preprocessors such as Sass, Less, and Stylus provide variable functionality with many other benefits.
Read more from the source: SitePoint