juan.me

code.juan.me

My front-end codebase

http://code.juan.me/my-front-end-codebase

After trying different front-end configurations in the past few months (Grunt or Gulp, HAML or Slim, ES6 modules or AMD modules, etc) I have finally found one that I’m pretty comfortable with (at least for a while). This codebase is using:. For IE6 transpile. (wrapper for command line traceur). Try and incorporate performance tools (like uncss. You can find the codebase on my Github (feel free to contribute if you like it): https:/ github.com/juancabrera/gulp-frontend-codebase.

code.juan.me

React Asset Loader

http://code.juan.me/react-asset-loader

Is simple react component for loading assets. It allows you to load from a single asset to multiple assets without affecting the pageload speed. You can also add custom classes, attributes and callback functions. This component allows you to load all the assets you want without affecting the pageload speed, this is because it will load the page and then it will start loading all the assets, it adds a. Npm install react-asset-loader - save-dev. Or just grab the component LoadAsset.js directly. You can add...

jsrocks.org

Using ES6 modules in the browser with gulp - JS Rocks

http://jsrocks.org/2014/12/using-es6-modules-in-the-browser-with-gulp

A collaborative website about the latest JavaScript features and tools. Tue Dec 02 2014 17:14:37 GMT 0000 (UTC). Using ES6 modules in the browser with gulp. There is a lot of information about gulp. Not so much for ES6 and just a very few articles about how to implement ES6 modules (for the browser) properly. On my last project I was using gulp. ES6 and I had to spend some time figuring out how to get ES6 modules working properly. This is how I finally did it without using Browserify. Or any AMD loader.

jsrocks.org

JS Rocks

http://jsrocks.org/categories/modules

A collaborative website about the latest JavaScript features and tools. Fri May 08 2015 04:51:30 GMT 0000 (UTC). How I'm using es6 modules in production. Ive been using ES6 modules. For a while in my daily work and I want to share with you guys how Im doing it. First of all, Babel. Is the consolidated tool for transpilation. Its a very active project, and it covers almost all of modern JavaScript features. Tue Dec 02 2014 17:14:37 GMT 0000 (UTC). Using ES6 modules in the browser with gulp. Content licens...

jsrocks.org

JS Rocks

http://jsrocks.org/categories/tutorial

A collaborative website about the latest JavaScript features and tools. Tue Dec 02 2014 17:14:37 GMT 0000 (UTC). Using ES6 modules in the browser with gulp. Tue Oct 28 2014 12:49:54 GMT 0000 (UTC). ES6 modules today with 6to5. Ive posted the image below on Twitter. Showing how happy I was. ES6 improves developer ergonomics massively and jsrocks.org will help you grok the benefit you can reap and how to get it today. Love it.". Brought to you by Jaydson Gomes. And the awesome contributors.

code.juan.me

Javascript 360

http://code.juan.me/javascript-360

Almost a year ago I wrote a small Javascript method that takes a bunch of images (frames) and make with them a spinnable 360 with inertia that works for both desktop and mobile. I also tweaked it a little bit so it could work with a Leap Motion. I want to retake this little project in order to make some improvements, mostly in performance, tweaking the inertia and probably adding native support for the Leap Motion. If you want to help, you are more than welcome. Nov 13, 2014. Fixed bugs with interaction.

code.juan.me

Using ES6 modules in the browser.

http://code.juan.me/using-es6-modules-in-the-browser

Using ES6 modules in the browser. There are a lot of information about Gulp, not so much for ES6 and just a very few articles about how to implement ES6 modules (for the browser) properly. On my last project I was using Gulp ES6 and I had to spent some time figuring out how to get ES6 modules working properly. This is how I finally did it without using Browserify or any AMD loader. My first attempt was to use gulp-es6-transpiler. That basically is a wrapper for es6-transpiler. Here is the plugin. Npm ins...

code.juan.me

The spring effect in JavaScript.

http://code.juan.me/the-spring-effect-in-javascript

The spring effect in JavaScript. In the last weeks I was trying to figure out a way to make things scroll nicer and that doesn’t affect negatively the performance. When I start I didn’t know exactly what was the result I wanted, so after a few frustrated attempts coding something by my self I start looking for some sort of custom easing functions, how they works, etc. This is how I got to this blog about Physics and JavaScript. Specifically to this article about car suspension. And this one more clean in...