The introductory guide to AssemblyScript
WebAssembly (or Wasm) is a relatively recent addition to web browsers, but it has the potential to drastically expand what the web is capable of as a platform for serving applications.
While there can be a steep learning curve for web developers to get started with WebAssembly, AssemblyScript provides a way to get around that. Let’s first take a look at why WebAssembly is such a promising technology, and then we’ll see how AssemblyScript can help to unlock its potential.
What’s New in ES2019?
What’s new in Preact X?
With over 24,000 ️stars on GitHub and a host of dedicated community members constantly providing support, it has never been easier to build highly efficient, small, performant, blazing fast frontend applications in JS.
Exciting new features in Vue 3
As you could expect, Vue 3 brings a lot of new exciting features. Thankfully Vue team mostly introduced additions and improvements over current APIs rather than major changes so people that already know Vue 2 should quickly feel comfortable with new syntaxes.
Vuetensils 0.4: awesome components and helpful directives
The latest release of Vuetensils is out, and with it comes some exciting improvements including 2 brand new components (VFile, VResize), and some handy directives (autofocus, clickout, copy). These additions will make it faster and easier to create robust, accessible UIs with Vue.js with your own designs, and no bloat
World Wide Web Consortium (W3C) brings a new language to the Web as WebAssembly becomes a W3C Recommendation
The World Wide Web Consortium (W3C) announced today that the WebAssembly Core Specification is now an official web standard, launching a powerful new language for the Web. WebAssembly is a safe, portable, low-level format designed for efficient execution and compact representation of code on modern processors including in a web browser.
Adaptive Loading - Improving Web Performance on low-end devices
Any user can have a slow experience. In a world with widely varying device capabilities, a "one-size" fits all experience may not always work. Sites that delight users on high-end devices can be unusable on low-end ones, particularly on median mobile and desktop hardware and in emerging markets. What if we could adapt how we deliver pages to better cater for our user's constraints?
Multiple-column Layout and column-span in Firefox 71
Firefox 71 is an exciting release for anyone who cares about CSS Layout. While I am very excited to have subgrid available in Firefox. Firefox 71 implements column-span from Multiple-column Layout. In this post I’ll explain what it is and a little about the progress of the Multiple-column Layout specification.
What's New In DevTools (Chrome 80)
- Support for let and class redeclarations in the Console
- Improved WebAssembly debugging
- Request Initiator Chains in the Initiator tab
- Highlight the selected network request in the Overview
- URL and path columns in the Network panel
- Updated User-Agent strings
- New Audits panel configuration UI
- Per-function or per-block code coverage modes
- Code coverage must now be initiated by a page reload
Lite YouTube Embed
Provide videos with a supercharged focus on visual performance. This custom element renders just like the real thing but approximately 224X faster.
Web DNA Report 2019
What are the Top 10 Frustrations for Web Developers and Designers? Lessons from the 2019 MDN Developer Needs Assessment.
Understanding Streams in Node.js
Streams in Node.js have a reputation for being hard to work with, and even harder to understand.
Streams are one of the fundamental concepts that power Node.js applications. They are data-handling method and are used to read or write input into output sequentially.
Angular SEO: How to Make Search-Friendly Pages
Search Engine Optimization (SEO) has become one of the most important investments for any online business today. In the past, the web applications being developed were fairly simple and contained mostly static pages. These pages contained all the required information pre-coded into them. As the web application development evolved, we entered an era of dynamic content rendering where the content for the web pages is stored somewhere and fetched as needed.
Angular Promises Versus Observables
A domain-driven Vue.js Architecture
This story focuses on the architectural side of things.
Using Vue Observable as a State Store
Vue.Observable can be used as a state store instead of Vuex in simple applications. Here’s a simple way to get started:
Version 2.6.0 of Vue.js added Vue.Observable.This is a function that returns a reactive instance of a given object. In Vue, objects are not automatically reactive. That means that if we want to react when properties on an object change, we need to do some extra work. Vue.Observable makes that super easy
npm vs Yarn Commands Cheat Sheet
There’s a lot of similarities between npm and Yarn. As the newer technology Yarn (released 2016) drew a lot of inspiration from npm (2010).
On the flip-side, their similarities can lead to confusion and silly mistakes if you find yourself using both package managers. Hopefully this cheat sheet will serve as a handy reference!