Linux: crear fichero swap al instante

Tan sencillo como crear el fichero:

sudo fallocate -l 2G /swapfile

Hacerlo accesible sólo a root:

sudo chmod 600 /swapfile

Convertirlo a swap:

sudo mkswap /swapfile

Y activarlo:

sudo swapon /swapfile

Para que al reiniciar siga activo, añadir lo siguiente a /etc/fstab:

/swapfile none swap sw 0 0

SPA: simple, rápida, económica. Cómo se hizo Borrasca

Hace ya algunos meses saqué una aplicación de predicción meteorológica para experimentar un poco con Backbone y Phonegap.

Se trata de una aplicación ‘Single Page Interface’ (gracias a Backbone.js) que se puede utilizar en un navegador web, ya sea de escritorio o móvil, o como aplicación en plataformas móviles (aunque sólo la he construido y publicado para Android).

Seguir leyendo «SPA: simple, rápida, económica. Cómo se hizo Borrasca»

SliceAnchor: Crear un ancla sin necesidad de enlace con Jquery

En las ocasiones en las que se está utilizando el hash en la url del navegador utilizar un enlace como ancla puede ser algo un poco conflictivo (ya que al utilizarlo cambiaría el hash). Es algo muy típico de aplicaciones que en lugar de recargar la página van pidiendo datos al servidor y recargando las partes que sean necesarias (single page interface).

Seguir leyendo «SliceAnchor: Crear un ancla sin necesidad de enlace con Jquery»

Mixin SCSS para dar estilos a campos con atributo placeholder

Un sencillo mixin SCSS para darle color al texto del placeholder, distinto del que lleve el campo de formulario:

@mixin input-placeholder($color) {
  &.placeholder {color: $color;} /* if not supported, Javascript should add class */
  &:-moz-placeholder {color: $color;}  /* Mozilla Firefox 4 to 18 */
  &::-moz-placeholder {color: $color;}  /* Mozilla Firefox 19+ */
  &::-webkit-input-placeholder {color: $color;} /* WebKit browsers */
	&:-ms-input-placeholder {color:$color;} /* Internet Explorer 10+ */

  /* browsers with full support for placeholder styling */
  &::input-placeholder {color: $color;}
  &:input-placeholder {color: $color;}
  &::placeholder {color: $color;}
  &:placeholder {color: $color;}
}