CategoryJavaScript

October 15, 2018 — While effective bundling of resources on the web has received a great deal of mindshare in recent times, how we ship front-end resources to our users has remained pretty much the same. The average weight of JavaScript and style resources that a website ships with is rising — even though build tooling to optimize the website has never been better. With the marketshare of evergreen browsers rising fast and browsers launching support for new features in lockstep, is it time we rethink asset delivery for the modern web? Today, Shubham Kanodia will give you some answers. Read more…

October 5, 2018 — Dealing with this in JavaScript can be tricky. But what if instead of fight against it we could leverage on it to achieve nice stuff like function composition with virtual methods? This is what Willian Martins is going to explore in this article about one of the potential upcoming JavaScript features: The Bind Operator. The goal here is to add some hype around it and create awareness of the hard work that TC39 is doing to find consensus, fix all the syntax and semantics issues and have it shipped with the next releases of ECMAScript. Read more…

September 6, 2018 — Building websites is hard. Being user-focussed, having a progressive enhancement mindset, and thinking things through from the beginning can have a real impact on both the speed and quality of delivery. In this article, Shane Hudson is going to explore building a text box, in an exaggeration of situations many of us often find ourselves in. Hopefully, by the end of this article, you can all feel more emphatic to how the journey from start to finish is rarely linear. Read more…

August 29, 2018 — how can we detect the moment you and your phone are in the kitchen, or bedroom, or living room? With today’s commodity hardware, there are a myriad of possibilities: In this tutorial, Alvin Wan will show you how to build a desktop app that predicts which room you’re in using a simple machine learning algorithm: least squares. The code applies to any platform, but we only provide dependency installation instructions for Mac OSX. Read more…

July 30, 2018 — The tips presented in this article aim to help HTML5 game developers in avoiding common mistakes when converting their Flash games to JS and making the process run as smooth as possible. Today, Tomasz Grajewski will focus mainly on Phaser v2. However, a newer version of Phaser is now available, and we encourage you to check it out, as it introduced a plethora of fresh, cool features, such as multiple cameras, scenes, tilemaps, or Matter.js physics engine. Read more…

July 27, 2018 — The Beacon API is a lightweight and efficient way to log information from a web page back to a server. It is used for sending small amounts of data to a server without waiting for a response. Think of it like a postcard sent home when on vacation. You put a small amount of data on it, put it in the mailbox, and you don’t expect a response. In this article, Drew McLellan will help you find out how that can be used and what makes it so different from traditional Ajax techniques. Read more…

July 16, 2018 — Developers conduct AB tests, accessibility audits, unit tests and cross-browser checks. Once you’ve solved a problem, you don’t want to repeat that effort. By building a reusable component library, we can continuously utilize past efforts and avoid revisiting already solved design and development challenges. In this article, Oliver Williams looks at augmenting HTML with components that have built-in functionality and styles. He’ll also show you how to make these custom elements reusable across projects using NPM. Read more…

July 5, 2018 — Do you know Redux’s real power is beyond managing the state? Do you want to design with an understanding of how Redux works in mind? With the help of this article, Linton Ye would like to show you a full picture of Redux: what it can do, why it does its things, what the downsides are, when to use it, and how it relates to design. Even if you haven’t written a single line of code before, it’s still possible and beneficial to understand Redux. Expect plain English and doodles — no code or abstract talks. Read more…

July 2, 2018 — In this tutorial, you’ll learn how to use Capacitor and cutting-edge web technologies such as Vue.js and Ionic 4 web components to build cross-platform mobile applications for Android and iOS. Read more…

June 13, 2018 — Smashing Book 6 is here with everything you need to know to tackle the new adventures web design and development are bringing along. No theory, just things that worked in practice. This book is dedicated to the challenges and headaches that we are facing today, and how to resolve them. In this article, Vitaly Friedman tells you everything about it! Read more…