Stevens Pineda

125 Flips | 3 Magazines | 123 Likes | 1 Follower | @StevensPineda | Keep up with Stevens Pineda on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “Stevens Pineda”

Our large team of engineers use this front end development guide

Front end development has never been so complex and exciting as it is today. New tools, libraries, frameworks, and plugins emerge every other day. …

Infinite Scroll

Infinite Scroll is a JavaScript plugin that automatically adds the next page, saving users from a full page load. You’ve likely seen it in use all …

RE:DOM – Tiny turboboosted JavaScript library for creating user interfaces

RE:DOM is a tiny (2 KB) DOM library by Juha Lindstedt and contributors, which adds useful helpers to create DOM elements and keeping them in sync …

A beginner’s guide to making Progressive Web Apps

You may have heard about Progressive Web Apps or PWAs for short, I’m not going to go into all the details of what exactly makes up a PWA or how they …

Jasmine vs. Mocha

In this blog post I want to highlight the similarities and the differences between Jasmine and Mocha. In this comparison I will focus on the latest …

Native Apps are Doomed

From now on, I won’t be building any more native apps. All my apps going forward will be progressive web apps. Progressive web apps are web …

Progressively Enhancing CSS Layout: From Floats To Flexbox To Grid

Earlier this year, support for CSS grid layout landed in most major desktop browsers. Naturally, the specification is one of the hot topics at …

5 CSS Properties That You Probably Don’t Know

Every year new CSS properties are standardized and made available in major browsers for you to use. They are meant to make the life of web developers …

How to Create a Reddit Clone Using React and Firebase

React is an awesome JavaScript library for building user interfaces. Since the publishing of Create React App, it has become very easy to scaffold a …

How I rediscovered my love for JavaScript after throwing 90% of it in the trash.

My Relationship with JavaScript<p>My journey with JavaScript started way back in 1997 with Netscape Navigator 3. Back then you couldn’t do much with it.</b> …

D3 in Depth

Requests<p>Transitions<p>Interaction<p>Reusable components<p>Other<p>Builds<p>About<p>D3 in Depth aims to bridge the gap between introductory tutorials/books and the …

Tutorials

Core Concepts of Webpack

Understanding Service Workers

What are Service Workers? What can they do, and how can make your web app perform better? This article sets out to answer those questions, plus how …

Functional Programming in Javascript

This is an interactive learning course with exercises you fill out right in the browser. <b>If you just want to browse the content click the button below</b>:<p>…

JavaScript

Accessible, Simple, Responsive Tables

<i>There is no single solution to make any <table> appropriately responsive. That's what I like about this post by Davide Rizzo: it admits that, then</i> …

Style Guides

Time for Flexbox First

The web development community has a habit of declaring "firsts" those practices and approaches that reach some ill-defined status signaling they are …

Web Development

PX, EM or REM Media Queries? | Zell Liew

17th Mar 2016<p>Have you wondered if you should use px, em or rem for media queries? I had the same question too, and I never figured it out, not till …

4 Types of Memory Leaks in JavaScript and How to Get Rid Of Them

In this article we will explore common types of memory leaks in client-side JavaScript code. We will also learn how to use the Chrome Development …

JavaScript

How to Create a Blog with Hexo On Ubuntu 14.04

IntroductionHexo is a static blogging framework built on Node.js. Using Hexo, you can publish Markdown documents in the form of blog posts. Blog …

DevOps

¿Cómo tener una vida larga y saludable?

Autor: <b>Simon Worrall</b> Fecha: <b>2015-05-08</b><p>La dieta es la clave de la longevidad —pero también el sexo, las siestas, el vino y las buenas compañías.<p>En 2012, …

11 webs y canales de YouTube para aprender Swift desde cero hasta nivel experto

Si quieres aprender a programar aplicaciones móviles para el iPhone, no tienes escapatoria: <b>te toca meterte de lleno a estudiar Swift</b>. Este lenguaje …

How to master screen orientation with HTML5

When reading an article on the web or using a native application, smartphones and tablets will flip the content on screen when you tilt them in …

Using extended srcset and the picture element to tailor your image to every device and layout

Starting in Windows Insider Preview build 10547, Microsoft Edge supports srcset, sizes, and picture―the suite of technologies that make up responsive …

Web Development

Lazy Loading Images on the Web

Images on the web offer a bit of a conundrum. They are often what makes a web page feel vibrant and interesting, but they can also dramatically hurt …

Web Development

Cheat Sheets for Frontend Developers

Cheat sheets are amazingly handy quick reference resources that are time saving and educational, so we should probably all use them at one time or …

8 Reasons Why I’m Glad I Switched to the Ionic Framework

I’ve been in the HTML5 mobile development scene for over 3 years now, and during that time I’ve dabbled in quite a few frameworks and used two …

Mobile Development

The ES6 Conundrum — SitePoint

<i>This article is part of a web dev series from Microsoft. Thank you for supporting the partners who make SitePoint possible.</i><p>ECMAScript6 or ES6 is the …

Build your own DOM utility (Part 1)

When I was first started learning front-end development, I often went straight to jQuery when I had to manipulate the DOM. I've found that it is …

Avoiding Callback Hell in Node.js

Introduction<p>I'll admit that I was one of those people that decided to learn Node.js simply because of the buzz around it and how much everyone was …

Using Graph Theory to Build a Simple Recommendation Engine in JavaScript

Leveraging User Behavior to Drive Recommendations<p>Working at Storefront, we’re always excited about new ways we can keep our users engaged. …