Rafael Hernández Navarro

10 great CSS animation resources

Creating meaningful and beautiful CSS animations can be time-consuming and difficult, but luckily there are some great resources out there that you …

Preload: What Is It Good For?

<b>Preload</b> (spec) is a new web standard aimed at improving performance and providing more granular loading control to web developers. It gives …

How to Become a Better Node.js Developer in 2016

These tips and best practices are not just for development - but how to operate Node.js infrastructures, how you should do your day-to-day …

45+ JavaScript Blogs to Follow

JavaScript is a programming language designed to aid with web page interactivity. It’s made to be built into web browsers such as Internet Explorer, …

HTML5: Server-sent events with Angular.js, Node.js and Express.js

I was playing around with Node.js and Express.js and happened to run across an article on server-sent events. Server-sent events is a W3C …

20 Useful Angular.js Tools

Angular, Frameworks, JavaScript, Productivity, Tools<p>A+ A-<p>Email Print<p>http://www.fromdev.com/2015/07/useful-angularjs-tools.html?m=0<p>Like Angular.js? We …

Introduction to $resource with $http service in angularjs

• Users.query(params, successcb, errorcb): It issues an HTTP GET request and expects an array in the JSON response. It is used to retrieve a collection …

Develop a simple API authentication service with JSON Web Token using Laravel, AngularJS and Satellizer — Part 2

Following from the previous part on developing the backend, this time, we will create the integration front-end.<p>This article assumes that you know …

Cinco fantásticas extensiones que hacen de Gmail un correo mejor

¿Echas algo en falta en Gmail? Si la respuesta es afirmativa, es muy probable que en realidad esa función con la que sueñas esté disponible mediante …

5 psychology secrets for great interaction design

It’s becoming more important every day for your designs to connect more with users and include a “human element.” Website and user experience design needs to feel real, from aesthetics to interactions to motion (perceived and real) to emotional connection.<p>The problem designers most often encounter …

Memory layout of multi-dimensional arrays

When working with multi-dimensional arrays, one important decision programmers have to make fairly early on in the project is what memory layout to …

Service Workers: Dynamic Responsive Images using WebP Images

Images play an important role on the web today. Imagine a world without images on our web pages! High quality images can really make a website stand …

Angular — New features in AngularJS 1.4

A review of new features included in the latest AngularJS release.<p><b>AngularJS 1.4</b> was released few weeks ago. This is the biggest upgrade after …

 This website is for sale!

Ludicrously Fast Page Loads - A Guide for Full-Stack Devs

by <b>Nate Berkopec</b> (@nateberkopec) of (who?), a Rails performance consultancy.<p>SHARE:<p><b>Summary:</b> Your website is slow, but the backend is fast. How do you …

We have a problem with promises

Fellow JavaScripters, it's time to admit it: we have a problem with promises.<p>No, not with promises themselves. Promises, as defined by the A+ spec, …

Routing in Angular

Angular really pushes the concept of components, so it's not surprising that routing is configured based on components. I really like the concept of …

Migrating a Spring Web MVC application from JSP to AngularJS

Note on authorsThis post is a guest post by Han Lim and Tony Nguyen. Han and Tony have done a great presentation at our Singapore Spring User Group …

Things I've Learned About Building & Coding HTML Email Templates

I previously published “Things I’ve learned about sending email”. A lot of people seemed to like the post and thought it was a great intro to sending …

A Look at Some CSS Methodologies

CSS is notoriously difficult to manage in large, complex, rapidly-iterated systems.One reason is CSS lacks a built-in scoping mechanism. Everything …

The Future Generation of CSS Selectors

Back in January 2014 I wrote the article The Current Generation of CSS3 Selectors. The goal of that article was to introduce the new generation of …

15 Directives to Extend Your Angular.js Apps

Just a few days ago we saw a release of Angular 1.4.0 — a community driven release that covers a list of over 400 GitHub commits, adding improvements …

15 Awesome And Free JavaScript Books

JavaScript is eating the world! With it we can build web apps, desktop apps, mobile apps, games, robots, backends and more. Lots of software supports …

Flexbox | Codrops CSS Reference

Flexbox, or the Flexible Box Layout, is a new layout mode in CSS3 designed for laying out complex applications and web pages.<p>In CSS 2.1, four layout …

Chaining Multiple Blend Modes | CSS-Tricks

By Robin Rendle On April 24, 2015<p>The background-blend-mode CSS property is nifty in lots of ways. It gives developers the ability to blend one …

A tip for my designer/CSS-wielding friends wanting to learn JavaScript.

Hello my fabulous CodePen community (and visitors, you should sign up)! I’m sorry I’ve been a little absent around the place lately, I’ve been very …