PORTFOLIO SHOWCASE: 3D LIVING ROOM IN CITY
Another 3D widget I've been working on, that can be dropped into a flooring manufacturer's website to give potential buyers an idea of what their flooring looks like (this time in a living room). The widget currently runs in Chrome, Safari, Firefox, IE Edge. Mobile optimizations to come. TECHNOLOGIES Custom built 3D engine using Three.js and ES6 with real-time lighting, shadows and reflections (new) spherical skybox implemented in the engine 3D models optimized by hand and bundled using WebPack …
- PORTFOLIO SHOWCASE: 3D LIVING ROOM IN CITY
Portfolio showcase: 3D widget for displaying floors
Here's a 3D widget I've been working on, that can be dropped into a flooring manufacturer's website to give potential buyers an idea of what their flooring looks like. The widget currently runs in Chrome, Safari, Firefox, IE Edge. Mobile optimizations to come. Technologies Custom built 3D engine using Three.js and ES6 with real-time lighting, shadows and reflections 3D models optimized by hand and bundled using WebPack (article here) React wrapper for easy embedding in React projects Todo Real-time …
- Portfolio showcase: 3D widget for displaying floors
Unit Tests 102: Isolating your code with Mocks and Stubs
One of the most important things to remember when testing code is to provide a consistent environment for tests to run in. This is done by isolating the code from the outside world which not only makes for consistent results, but also results in failures in one module not having adverse effects on tests of another. Isolating code can seem like a challenging task, especially in the fast changing world of JavaScript. Note: I use ES6 throughout this article; check …
- Unit Tests 102: Isolating your code with Mocks and Stubs
We don't need your polyfills!
In the fast changing world of HTML5, we've grown accustomed to using polyfills to bring future and current features to all browsers. Browsers are starting to catch up and support these features natively, yet we continue to bundle code that may not be used. Find out how Webpack's chunking and code splitting can be used to only download polyfills when necessary. Update Jan 30th 2017: Webpack 2 final has deprecated System.import in favor of import() which complies with the …
- We don't need your polyfills!
ES6 module chunking and deferred loading with Webpack 2
Webpack does a lot more than bundle source files into a distributable package. Its code splitting and dynamic loading capabilities make it a great tool for controlling the lifecycle of an application. This article shows a real-world example of code splitting and chunking to positively impact user experience. Update Jan 30th 2017: Webpack 2 final has deprecated System.import in favor of import() which complies with the spec. This article has been updated to the latest syntax. I was recently …
- ES6 module chunking and deferred loading with Webpack 2
(Ab)using ES6 arrow functions, the right way.
ES6 Arrow Functions are not only short and concise, but also address the fundamental issue with JavaScript scope and judging by Stack Overflow answers like this one, their (ab)use is quite ubiquitous. Problem is, many projects that are replacing the old function syntax with arrow functions are losing debugging capabilities due to their anonymous nature. Find out how you can continue using arrow functions without compromising debugging capabilities. The Problem Most examples of arrow functions make JavaScript look like …
- (Ab)using ES6 arrow functions, the right way.