Two great talks from Chrome Dev Summit 2017

Fast By Default: Modern Loading Best Practices

Main points:

  • Mobile has changed everything from a UX point of view
  • Factors that impact loading time, best practices for loading
  • Important metric: time to interactive (the number of seconds before the user can make useful actions on the page)
  • Parsing JavaScript is expensive so deliver as little code as possible for low time to interactivity.
  • Test your web apps on average hardware as well, not just high-end devices.
  • Every member of the team is responsible for performance.
  • Recipe for building good websites
    • Develop on an average phone
    • Keep JS parse and eval low
    • Have a performance budget (time to interactive in less than 5 seconds)
  • Performance budget tools: Calibre, Speedcurve, Bundlesize
  • httparchive.org
  • Chrome User Experience Report
  • “Progressive web apps are the new normal.”
  • People are reluctant to install apps, mobile web gets stronger.
  • Overview for the new PWAs by Pinterest and Tinder (both are based on React)
  • Webpack Bundle Analyzer
  • Improving performance is a journey. Lots of small changes can lead to big gains.
  • MOM: Measure, Optimize, Monitor

Real World WebAssembly

Main points:

  • WebAssembly is for building high-performance code and running it inside your application.
  • It’s not a replacement for JavaScript, it works alongside JavaScript.
  • Compile C/C++ to wasm modules and call it from JavaScript.
  • Almost runs on native speed and also highly secure.
  • WebSight
  • Compiling the official JPEG library to a WebAssembly module, running a JPEG transcoder in the browser
  • Overview of Scirra Construct3 (a full featured web-based game editor)
  • Future features of WebAssembly (threads, improved support for debugging, garbage collection)
  • WebAssembly is ready for prime-time production applications.
Advertisements

A music visualizer with p5.js

GitHub: https://github.com/balazsdavid987/dineen-freeze
Demo (live): https://balazsdavid987.github.io/dineen-freeze/
Demo (video): https://www.youtube.com/watch?v=5DQdRuJlgDE

While browsing my Instagram feed, I have come upon an artist named Kyle Dineen who makes abstract sculptures inspired by music.

I wanted to make a music visualizer for a long time and his work seemed perfect. I wrote him a message for his permission to use his work and then decided to go with a piece called “Freeze”:

First, I have traced the shape (a polygon with 21 sides) and tried to identify its main components.

Continue reading

Abstract: The Art of Design

Check this trailer:

This is one of the best documentary series I have ever seen. It is about a world that was (or still is) unknown to me: “design” as a profession. Of course, I was aware of “design” as an activity before watching, but not the depth and sophistication that goes into it.

The show explains why design is not just “applied art” but how it defines the way we feel about and interact with the world. It taught me not to think of product vs. experience: the product itself is the experience, the product creates its own world. Moreover, design is actually problem solving: good design is not only beauty but it solves problems, and bad design is not just a lack of beauty but it also creates problems.

Eight episode presents the life of eight very different personality. None of them seems to be driven by their ego but by their passion for their craft. They have an impact because their message is broader than themselves: they don’t want “my design” but “good design”.

Below are some of the words and ideas from the series that I found particularly interesting.

Continue reading

365 Days of EDM on YouTube

Introduction

While some say that electronic dance music is just a fad, it is undoubtedly one of the most popular music genres today.

Though I am kind of an older armchair EDM fan and not the young party animal, I was curious to see how the genre evolves over time and started brainstorming about a potential analysis, and so more than a year ago I’ve set up a small piece of software that started collecting data.

At the beginning I have asked fairly simple questions like “Which are the most popular songs?” and “How did they become popular: instantly or gradually?”, but as I was getting the answers, more and more questions have arisen and many unexpected patterns have been discovered.

In the following I present the results of my analysis and I hope you too will find some interesting bits and pieces about the worldwide EDM community.

Continue reading