21 10 / 2014

14 10 / 2014

InstantClick is a JavaScript library that dramatically speeds up your website, making navigation effectively instant in most cases.

Funciona haciendo preload de páginas al hacer rollover sobre enlaces. Se puede configurar un delay en el rollover o que el preload se haga con el evento mousedown en lugar de mouseover.

Instantclick usa pJax, reemplazando sólo el body y el título de la página.

De momento le he visto un “pequeño” fallo, que es que no cachea las páginas que ya ha precargado, es decir, que si haces rollover 100 veces sobre un enlace, estás haciendo 99 peticiones posiblemente innecesarias al servidor.

10 10 / 2014

The solution that I came up with was, 2 email fields. That’s it. I have one that is called “email” and another field that is called “check”. When the user submits the form, the email and check field and validated. The rules for them are that they need to be identical, but they also need to be valid emails. […] I added a second email input and practically eliminated our spam.

02 10 / 2014

Muchas veces se oye esta expresión: «dar un giro de 360 grados». No compensa: dar un giro de 360 grados es evidentemente quedarse uno como estaba.

La expresión correcta es: Dar un giro de 180 grados.

30 9 / 2014

See the Pen Falso select y toggle con input:checked by kcmr (@kcmr) on CodePen.

Más ejemplos de las posibilidades de los checkbox e inputs de tipo radio en Stuff you can do with the “checkbox hack” en CSS Tricks.

27 9 / 2014

Pequeños consejos para mejorar las interfaces de usuario.

A Good User Interface has high conversion rates and is easy to use. In other words, it’s nice to both the business side as well as the people using it.

26 9 / 2014

"Deciding you will never be good at design because you are a “developer type” is a sure way to never become a good designer."

15 9 / 2014

Algo así como el Package Manager de Sublime Text pero para Sketch.

25 8 / 2014

Fragmento en PDF del libro Typography Web Design de Laura Franz en el que se muestran visualmente las diferencias entre fuentes como Georgia, Helvetica, Times New Roman, Arial o Verdana, y las características que hacen a unas más legibles en pantalla que otras.

Typography Web Design en Amazon (tapa blanda)

Algunos fragmentos:

Reading text type (12–16 px) is easier if the font has:

  • A generous x-height
  • Open apertures
  • Prominent ascenders and descenders
  • Slightly loose letter spacing
  • Discernible terminals

Comparación visual entre Helvetica y Georgia.

Comparación de ascendentes entre Helvetica y Georgia

Comparación de aperturas entre Helvetica y Georgia

16 8 / 2014

CORS Proxy allows javascript code on your site to access resources on other domains that would normally be blocked due to the same-origin policy.

CORS Proxy is simply an HTTP Proxy that adds a header to responses saying “anyone can request this”

How do I use it?

$.get(
    'http://www.corsproxy.com/en.wikipedia.org/wiki/Http',
    function(response) { document.body.innerHTML = response; });