Outbook

HTML+CSS+JS, Accesibilidad, PHP y más

Datos de búsqueda

Linux: crear fichero swap al instante

Fecha de publicación: 2016/03/20

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

Datos del artículo:

  • Publicado en categorías: Genérico
  • Comentarios desactivados en Linux: crear fichero swap al instante

Automatización de tareas con Gulp.js

Fecha de publicación: 2016/02/18

Excelente artículo acerca de la automatización de tareas con Gulp.js, un sencillo modo de aprender Gulp y mejorar la productividad en el día a día del desarrollo front-end.

Automatización de tareas con Gulp.js

Datos del artículo:

Cielo azul en Madrid

Fecha de publicación: 2016/01/05

20160106_1710_madrid

Datos del artículo:

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

Fecha de publicación: 2014/08/08

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).

Leer el resto del artículo

Instalar Composer en Debian / Ubuntu

Fecha de publicación: 2014/05/16

Tan sencillo como lo cuentan en la web de Composer:

$ curl -sS https://getcomposer.org/installer | php
$ (sudo) mv composer.phar /usr/local/bin/composer

Datos del artículo:

Nuevos atributos para enlaces en HTML5: donwload, media, ping

Fecha de publicación: 2014/03/24

Parece que últimamente se han decidido a añadir algunos atributos al elemento A: download, media, ping. Rellenan algunas carencias que tenía hasta ahora el elemento de enlace.

Leer el resto del artículo

Datos del artículo:

SliceAnchor: Crear un ancla sin necesidad de enlace con Jquery

Fecha de publicación: 2013/04/10

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).

Leer el resto del artículo

Datos del artículo:

Mixin SCSS para dar estilos a campos con atributo placeholder

Fecha de publicación: 2013/02/03

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;}
}

Datos del artículo:

Javascript y expresiones regulares: eliminación de espacios y tabulaciones en una cadena

Fecha de publicación: 2012/11/08

A veces las cadenas de texto vienen con una ristra de espacios y tabulaciones indeseados en cualquier lugar de la cadena, algo que a veces no viene demasiado bien (por ejemplo si se necesita medir el número de caracteres para truncar el texto).

Con sencilla expresión regular se puede solucionar el problema:

/([\ \t]+(?=[\ \t])|^\s+|\s+$)/g

Y un ejemplo en Javascript:

text = '   Cadena con   espacios en el inicio, en el medio y en el final          '
text = text.replace(/([\ \t]+(?=[\ \t])|^\s+|\s+$)/g, '');

La variable text devuelve:

'Cadena con espacios al final'

Con la expresión regular del ejemplo y el reemplazo realizado se consigue:

  • Eliminar dentro de la cadena los bloques de más de un espacio o tabulador, quedando sustituidos por un solo espacio.
  • Eliminar todos los espacios, tabuladores y saltos de línea al inicio y al final de la cadena
  • Al no utilizar \s en lugar de se conservan otros elementos como saltos de línea.

Datos del artículo:

Javascript: Carrusel / Slideshow con Jquery

Fecha de publicación: 2012/02/24

Hace un par de años publiqué un slideshow con Jquery, que tuvo buena acogida y resultó bastante útil. Hace poco lo he estado rehaciendo, en forma de plugin Jquery. Además el código es más legible y se añade la posibilidad de tener controles para ver los elementos ‘Anterior’ y ‘Siguiente’.

Características:

  • Plugin de Jquery
  • Accesible: los controles no tienen dependencia de dispositivo, permiten pausar e ir a slides concretos.
  • Si no hay Javascript se le puede dar estilo para que no se vea mal el contenido.
  • Posibilidad de mostrar dos o más bloques en un solo slide.

Leer el resto del artículo

Datos del artículo:

Información del sitio