Mathias Bynens | The Blog Pros

December 12, 2019

Guide to New JavaScript Features Introduced at Google I/O 2019

On May 6 and 7, 2019, the most recent Google I/O conference was held. This is an annual technology event that has been organized by Google every year since 2008. The forum brings together developers from around the world to present and discuss topics related to Google products, open Internet technologies, and new trends in the software industry.

One of the biggest trends that was covered at this event was a series of changes with JavaScript. Mathias Bynens and Sathya Gunasekaran covered many of these changes in a talk titled: "What's new in JavaScript". This is a great video to check out. These two men have worked on Google's V8 JavaScript engine project, so they are very knowledgeable about the impact of these changes. However, we wanted to summarize the changes here.

December 17, 2018

Collective #477

C477_rallax

Rallax.js

With Rallax.js you can easily implement a dynamic parallax scrolling effect.

C477_Monday

This content is sponsored via Syndicate Ads

monday.com – A new way to manage work

monday.com is a project management tool teams love! It’s super flexible and easy for everyone to collaborate! Plan visually and see who’s doing what at a glance.

C477_Semiconductor

Semi-Conductor

A marvelous Google experiment where you can control an orchestra with your body movements. Built by Rupert Parry, Melissa Lu, Haylie Craig and Samantha Cordingley. Watch the video and find out more on this page.

C477_removebg

Remove.bg

Remove.bg is a free AI-powered service to remove the background of any photo with people.

C477_mouse

I Threw Away my Mouse

Manuel Matuzovic shares his experience of surfing the web by using only the keyboard for several weeks.

C477_arialive

Using aria-live

Ire Aderinokun explains what the aria-live attribute is and shows how to use it.

C477_20trends

20 web design trends for 2019

An exploration of web design trends, techniques, and tools that will define website and digital product design in 2019.

C477_spec

Researching a Property in the CSS Specifications

Rachel Andrew shows how to learn directly from the CSS specs.

C477_referror

ReferenceError: x is not defined?

Lea Verou shares her brave solution of checking “x is not defined” ReferenceErrors.

C477_xp

Loop

A beautifully rendered demo by Guillaume Lanier.

C477_Bandito

Take a journey through Trench

A fantastic immersive experience for the song “Bandito” by Twenty One Pilots.

C477_pampy

Pampy.js

Pampy.js is a fast pattern matching library for JavaScript.

C477_santa

Sneaky Santa

An adorable little Christmas game by 14islands.

C477_classes

Public and private class fields

Mathias Bynens explains the new public class fields syntax in V8 v7.2 and Chrome 72, as well as the upcoming private class fields syntax.

C477_icons

Essentials Icon Pack

A great icon pack of popular symbols from InVision. Free for a subscription.

C477_dance

Spline Dance

A joyful dance animator made by Murasaki Uma for the Christmas Experiments.

C477_font

Free Font: Monoline

A beautiful script font made by MLKWSN for PixelBuddha. Free for a subscription.

C477_Scroll

Perspective Mouse Scroll

Mike Quinn recreated the perspective scrolling effect seen on PART Architects.

C477_badpackage

What happens when packages go bad?

Jake Archibald summarizes how much damage can a malicious package have on a static site, and what can be done about it.

C477_chart

omi-chart

Simple HTML5 charts using the chart-x tag powered by omi and chart.js.

C477_sanspiel

Sandspiel

A “falling sand” game made by Max Bittker. Check out the source code on GitHub.

C477_chris

Let’s make Machine Learning on the web and in the client happen. We need your input!

Learn about the new community group of the W3C that works on an API proposal for Machine Learning on the web. By Chris Heilmann.

C477_fontopt

Free Font: Optician Sans

Optician Sans is a free font that is based on the same visual principles as the LogMAR chart, adjusted to be used as a fully functional display typeface. It was created by ANTI Hamar and typographer Fábio Duarte Martins.

C477_tutpad

tutpad

In case you didn’t know about it: Tutpad is an online learning community for designers with high quality design tutorials.

C477_ambient

From Our Blog

Ambient Canvas Backgrounds

Five ambient webpage backgrounds created using the HTML5 Canvas API and jwagner’s Simplex Noise library.

Collective #477 was written by Pedro Botelho and published on Codrops.

Packages for Store Routines in MariaDB 11.4
No categories
MariaDB 11.4 introduced many advanced features. One that grabbed my attention is the general support of packages for stored routines. Although this was previously available by activating the Oracle compatibility mode, now the feature is available gener... […]
Maintain Chat History in Generative AI Apps With Valkey
No categories
A while back I wrote up a blog post on how to use Redis as a chat history component with LangChain. Since LangChain already had Redis chat history available as a component, it was quite convenient to write a client application. But, that's not the same... […]
Knowledge Graph Enlightenment, AI, and RAG
No categories
In the previous edition of the YotG newsletter, the wave of Generative AI hype was probably at its all-time high. Today, while Generative AI is still talked about and trialed, the hype is subsiding. Skepticism is settling in, and for good reason. Repor... […]
Building an Effective Zero Trust Security Strategy for End-To-End Cyber Risk Management
No categories
You've probably heard a lot about zero-trust security lately, and for good reason. As we move more of our applications and data to the cloud, the traditional castle-and-moat approach to security just doesn't cut it anymore. This makes me come... […]
Phased Approach to Data Warehouse Modernization
No categories
A modernized database will help you focus on building innovative solutions rather than investing your time and effort in managing these legacy systems. Based on the scale of your existing data warehouse processes or jobs, it can be an enormous task to ... […]

Proudly powered by WordPress