How to lose focus on input field with JavaScript
Specially useful when you’re on mobile and need to hide the phone keyboard…
JavaScript
Debounce Window resize callbacks in JavaScript
Use a debounce function when listening to a window resize event in JavaScript otherwise you’ll site be very slow, bad UX or even crash the browser…
Clean characters from input type number – Angular
Use a custom Angular directive to clean an input field to allow only number…
Trigger after ng-repeat has finished – Angular
Fire an event after the ng-repeat has finished in Angular. If you need to trigger a third party jQuery plugin or anything for that matter…
How to make Angular work with Jinja templates
Use Angular template with curly braces inside Jinja templates…
React two way data binding with LinkedStateMixin
Add two way data binding in React using it’s own addons library…
Create loop inside React JSX
Use the map function to loop through an empty array inside a react component. Very useful but no so intuitive…
Use Babel to compile React JSX with Grunt
Trasnform your .jsx files to regular .js files with Grunt and Babel, the JavaScript compiler…
Disable Chrome form autocomplete
Google Chrome ignores the autocomplete=”off” or automcomplete=”false” in forms, use a readonly attribute…
JavaScript window resize callback with timeout
Short snippet to run code after the user resizes the browser window. Timeout takes care of excessive calls…