Fun little game in which you control more than one character at once in a level, all bound to the same controls. Using walls and other obstacles you can sync up the locations between characters in order for each character to reach its own target. The game itself is written in “vanillaJS”, sans external libraries, …
Tag Archives: javascript
JavaScript Confetti Cannon
Next.js 2.0
Next.js is a very slim yet powerful framework. Place React components in a pages directory and running next, and you’ll get automatic code splitting, routing, hot code reloading and universal (server-side and client-side) rendering. Version 2 of Next.js was released earlier today, with server-side and client-side rendering, dynamic routing, component styling, and link pre-fetching. Next.js …
10 Lodash Features You Can Replace with ES6 ES2015
Lodash is the most depended on npm package right now, but if you’re using ES6 ES2015, you might not actually need it. In this article, we’re going to look at using native collection methods with arrow functions and other new ES6 features to help us cut corners around many popular use cases. 10 Lodash Features …
Continue reading “10 Lodash Features You Can Replace with ES6 ES2015“
An Animated Intro to RxJS
In Reactive Animations with CSS Variables the subject of RxJS was touched. If you’re not familiar with RxJS, CSS-Tricks has nice introductory article on the subject: You might have heard of RxJS, or ReactiveX, or reactive programming, or even just functional programming before. These are terms that are becoming more and more prominent when talking …
Reactive Animations with CSS Variables
Despite its name, reactive animations have nothing to do with React, the framework/library/whatever it is. Rather, reactive animations can be described in terms of discrete changes caused by any number of events. The overall idea is that JS captures multiple streams of events into a single stream, and emits those values over to CSS, where …
Progressive Web Apps with React
Great set of articles by Addy Osmani: In this series of posts I’ll share my experience turning React-based web apps into PWAs. We’ll also cover why shipping just what users need for a route & throwing out all other scripts are good ideas for fast perf. As with all articles by Addy: well-written, accurate, and …
Stripe.com Alike Morphing Navigation Dropdown
Analysis and reproduction – using jQuery – of the morphing navigation dropdown as seen on stripe.com: Instead of hiding and showing a new dropdown “container” when the user switches from one navigation item to the other, they animate the dropdown background to make space for different content sizes. The trick is that the dropdown items …
Continue reading “Stripe.com Alike Morphing Navigation Dropdown”
Glossary of Modern JavaScript Concepts
Modern JavaScript has experienced massive proliferation over recent years and shows no signs of slowing. Numerous concepts appearing in JS blogs and documentation are still unfamiliar to many front-end developers. In this post series, we’ll learn intermediate and advanced concepts in the current front-end programming landscape and explore how they apply to modern JavaScript. Pure …
JavaScript immutability-helper – Mutate a copy of data without changing the original source
Dealing with immutable data in JavaScript is more difficult than in languages designed for it, like Clojure. However, we’ve provided a simple immutability helper, update(), that makes dealing with this type of data much easier, without fundamentally changing how your data is represented. Say you have an object like so: const user = { id: …