CategoryJavaScript

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…

June 12, 2018 — Many applications today rely on real-time data transfer. As the size of data for each message in our system differs from a few bytes to up to 100MB, we needed a scalable solution that could support a multitude of scenarios. In this article, Dhimil Gosalia explains why you should consider building an in-house Pub/Sub service, too. Through the lens of BrowserStack’s real-world problem, you will get a deeper understanding of the requirements and process of building your very own Pub/Sub. Read more…

May 23, 2018 — The modern solution to developing for both modern and legacy browsers is feature queries. They allow us to write CSS that is conditional on browser support for a particular feature. In this article Ire Aderinokun explains how she developed the Feature Queries Manager. Find out how this tool can help you suport older browsers, and also how to create your own DevTools extensions. Read more…

May 8, 2018 — Have you ever wondered whether it’s possible to do anything on the web without JavaScript? How many sites use progressive enhancement in practice? In this article Chris Ashton will try to use the web under various constraints, representing a given demographic of user. A good core experience is indicative of a well-structured web page, which, in turn, is usually a good sign for SEO and for accessibility. It’s usually a well designed web page, as the designer and developer have spent time and effort thinking about what’s truly core to the experience. Read more…