Monthly Archives: September 2014

Talk: Keeping secrets with JavaScript – An Introduction to the WebCrypto API

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.”

Uses include

– 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

Apple Shows Love for HTML5 with iOS 8

iOS 8 brings critical new features to Apple mobile device browsers including WebGL, Promises, IndexedDB and SPDY

 

Sencha breaks down the new JavaScript and HTML features in latest iOS 8 release.

Apple has been secretive about upcoming features and it is hard to tell if the web really will move forward with these new JavaScript and HTML APIs. What does it mean? Well features like WebGL and SPDY have had uncertain futures. Firefox and Chrome implemented those features over two years ago and no one was certain if Apple would follow suit.

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

A Complete Guide to Flexbox | CSS-Tricks

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

Polyfills as a service

Use the latest JavaScript features without worrying about polyfills: include this script tag to automatically polyfill based on browser user agent

 

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

CSS Variables Land in Firefox 31

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