Optimizing images for emails

In this article, I’ll look at one technique that take advantage of supported CSS properties like background-image. iPhone and Android mail clients supports solid CSS properties and it’s possible to display retina images. The techniqueSome Android and iPhone clients supports …

December 27, 2016
Read More

Create a native HTML5 autocomplete

I want to show how to create a native autocomplete list using HTML5 input list attribute and datalist element. Although it has not very nice support, it would be a nice alternative in the future. How it works You only …

December 27, 2016
Read More

Improve Sass code quality with scss-lint

Automating code quality control is an old practice that developers use, for example, in their javascript code. With new tools like grunt, we can automate our sass code. It’s a good option for projects with lots of contributors. We will …

December 27, 2016
Read More

Using window.matchMedia

Responsive web design has become a natural approach, and developers attend it using CSS media queries. However, there is another option to do that, window.matchMedia is a javascript option to do media queries and I’ll explain how to use it. …

December 27, 2016
Read More

Directivas de Sass: if, each, for y while

Siguiendo la línea del artículo anterior, vamos a ver algunas directivas de Sass más, algunas las repasamos antes, pero también muy importantes ya que nos darán muchas variantes para mejorar tanto nuestro código Sass como su organización. IFLa directiva de …

December 27, 2016
Read More

Using @support in CSS3

Many of us use Modernizr to detect CSS supports. But they do not cover any case, and it uses Javascript to run. Fortunately, new techniques are appearing and today I will talk about @support to build a native version of …

December 27, 2016
Read More

Improve the management of your Gruntfile

For a single project, with traditional package like uglify, sass, watch and browser-sync, a single Gruntfile is good enough. But for large and big projects it can become unmanagable. The load-grunt-config package provides us the option to concat your Gruntfile …

December 27, 2016
Read More

Using currentColor

I heard about currentColor a few months ago and I surprised for its good compatibility (IE9+). Technically speaking, the currentColor represents the calculated value of the color property. The right use provides us an opportunity to clean and smart our …

December 27, 2016
Read More

Navigation timing api

In this article I’ll introduce you to a new JavaScript API, called the Navigation Timing API, that will help you in measuring the performance of your web pages. What is the Navigation Timing API?The Navigation Timing API exposes properties that …

December 27, 2016
Read More