5 Exciting New HTML and CSS Features to Look Forward to in 2018

HTML and CSS are always evolving, offering front-end devs and web designers a lot of new possibilities. Today, let’s have a look at 5 really exciting new HTML and CSS features for creating better websites in 2018.
Native

Element
Released along with the new HTML 5.2 spec in December 2017, the <dialog> element offers the possibility to create native dialogs in pure HTML.

Link: https://dzone.com/articles/5-exciting-new-html-and-css-features-to-look-forwa?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

HTML 5.2 is Done, HTML 5.3 is Coming

The W3C has completed its second round of HTML5 recommendations for implementation. The entire announcement is worth a read because there are interesting tidbits that provide more context and personnel changes within W3C, but the highlights of this recommendation are nicely summed up:
Many of the features added integrate other work done in W3C. The Payment Request API promises to make commerce on the Web far easier, reducing the risks of making a mistake or being caught by an unscrupulous …

HTML 5.2 is Done, HTML 5.3 is Coming is a post from CSS-Tricks

Link: https://www.w3.org/blog/2017/12/html-5-2-is-done-html-5-3-is-coming/

Awesome File Compression and Delivery with KeyCDN and Brotli

I’ve seen the KeyCDN name around for years, mostly as a free content delivery network (CDN) for many open source JavaScript frameworks, and based on that alone I’ve always thought very well of them.  KeyCDN recently asked me to check out one of their latest features:  Brotli support.  Let’s take a look at Brotli compression, […]
The post Awesome File Compression and Delivery with KeyCDN and Brotli appeared first on David Walsh Blog.

Link: https://davidwalsh.name/keycdn-brotli

WebAssembly: Web Workers

This is a continuation of a series of articles exploring how we can build and work with WebAssembly modules using Emscripten. The previous articles are not required reading to understand what we’re going to cover today but, if you’re curious, you can find them here:

An Introduction to WebAssembly (this article uses Emscripten’s helper methods to communicate between JavaScript and the module)
Using Emscripten to Create a Bare-Bones Module
Calling Into JavaScript From Bare-Bones C Code
Caching to HTML5 IndexedDB

Today we’re going to continue using a bare-bones WebAssembly module (no Emscripten built-in helper methods) just to keep things as clear as possible as we examine HTML5 Web Workers.

Link: https://dzone.com/articles/webassembly-web-workers?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Editing the W3C HTML5 spec

Bruce Lawson has been tapped to co-edit the W3C HTML5 spec and, in his announcement post, clarified the difference between that and the WHATWG spec:
The WHATWG spec is a future-facing document; lots of ideas are incubated there. The W3C spec is a snapshot of what works interoperably – authors who don’t care much about what may or may not be round the corner, but who need solid advice on what works now may find this spec easier to …

Editing the W3C HTML5 spec is a post from CSS-Tricks

Link: http://www.brucelawson.co.uk/2017/editing-the-w3c-html5-spec/

HTML5 Canvas 3D Sphere

Advertise here with BSAHTML5 Canvas 3D Sphere Our new tutorial tells us about creation of animated 3D Sphere (through direct access to pixels of canvas). The sphere itself is getting around the canvas continuously. This example should work in the most of modern browsers (like Firefox, Chrome, Safari and even in IE). In the result, you should to get something like this: Here are our demo and downloadable package: Live Demo download in package Ok, download the source files and lets start coding ! Step 1. HTML This is markup of our result page. Here it is. index.html

Detect Supported Audio Formats with JavaScript

As streaming becomes our main entertainment source and vendors fight to create the best video format, it’s going to be more and more important that we detect device and browser video support before posting videos on our websites.  We think less about audio but the same principle applies:  detect whether or not a given audio format […]
The post Detect Supported Audio Formats with JavaScript appeared first on David Walsh Blog.

Link: https://davidwalsh.name/detect-supported-audio-formats-javascript

Detect Supported Video Formats with JavaScript

Over the past few years we’ve been seeing new audio, video, and image formats take shape to challenge the legacy formats that we’ve used since the web’s inception.  This is a great development as we have more processing power and better compression algorithms have been developed, leading to faster load times and rendering.  Hooray for […]
The post Detect Supported Video Formats with JavaScript appeared first on David Walsh Blog.

Link: https://davidwalsh.name/detect-supported-video-formats-javascript