Cómo hacer imágenes redondas con CSS

Personalmente, me encantan los avatares redondos que aparecen en algunos sitios, como por ejemplo Google Plus, y con CSS es muy sencillo hacer que cualquier imagen aparezca como la que se puede ver en la cabecera.

En este post veremos cómo es posible hacerlo rápidamente mediante una clase CSS, que aplicaremos a todas las imágenes en las que queramos reproducir el efecto.

Seguir leyendo «Cómo hacer imágenes redondas con CSS»

Curso de Git (I): Instalación y configuración

En esta serie de posts vamos a conocer Git a través de su libro oficial escrito por Scott Chacon. Git es un sistema de control de versiones distribuído que nos permitirá gestionar los cambios de los archivos de un proyecto y también compartirlo con el resto de integrantes de nuestro equipo de trabajo. Aunque se trata de una herramienta pensada para equipos de trabajo, una sola persona también se puede beneficiar de ella gracias a la gestión del versionado del código, ya que siempre podrá recuperar el trabajo que hizo con anterioridad.

Los sistemas de control de versiones distribuídos (dVCS, en sus siglas en inglés) se diferencian de los clásicos sistemas de control de versiones centralizados (cVCS) en el hecho de que mientras que en éstos últimos existe un servidor en el que se guardan todos los cambios (versiones) que afectan a los archivos, en los distribuídos dichos cambios se guardan (se «copian») en todos los equipos que participan en el proyecto. Así, si el servidor  en el que se guardan los repositorios explota (y también las copias de seguridad), se podría volver a reconstruir el repositorio original a partir de cualquiera de las «copias» que hay distribuídas en el resto de equipos cliente.

Seguir leyendo «Curso de Git (I): Instalación y configuración»

Apaga tu PC Unix (Linux, Mac) a una hora concreta, sin utilizar programas externos, y ahorra luz

Hace unos días comenté cómo programar el apagado de Windows desde la línea de comandos con una sencilla orden, y por supuesto la cosa no iba a ser menos en Linux ni en Mac (que no olvidemos es una máquina Unix).

Como ya dije en el anterior post dedicado a Windows, si queremos dejar una tarea larga en ejecución pero deseamos que la máquina se apague a una hora determinada, o si queremos hacerlo después de ejecutar una tarea programada, por citar otro ejemplo, utilizaremos el siguiente comando:

Seguir leyendo «Apaga tu PC Unix (Linux, Mac) a una hora concreta, sin utilizar programas externos, y ahorra luz»

Cómo añadir subtítulos a tus videos y verlos en la PlayStation 3

Hace ya algunos meses compré y descargué el documental Minecraft: The Story of Mojang (y antes de éste, Indie Game the Movie). Prometían subtítulos, pero como descubrí más tarde, éstos no vienen integrados en la película sino que se bajan a parte.

Personalmente, utilizo mi PS3 como reproductor multimedia en el salón, y ésta no abre archivos externos de subtítulos, así que no tenía más opciones que o mover la torre y conectarla a la tele para ver la película con VLC (que sí abre los archivos de subtítulos) o convertir el video e incrustarle los subtítulos con algún programa. Cosa que hice.

Con el tiempo he descubierto un maravilloso conversor de video (y audio), open source, multiplataforma, que además permite incrustar subtítulos, y que lo hace más rápido que otras soluciones que he utilizado: Avidemux.

Seguir leyendo «Cómo añadir subtítulos a tus videos y verlos en la PlayStation 3»

Apaga tu PC Windows a una hora concreta (sin utilizar programas externos) y ahorra luz

Seguro que muchos de vosotros os habéis encontrado en la situación de tener el ordenador ocupado haciendo alguna cosa que va a durar un buen rato, como por ejemplo una descarga a la que no le queda mucho, o convertir una o varias películas a otro formato, o como en mi caso, incrustar subtítulos en algunos vídeos. Tareas que igual en una horilla ya estarán finalizadas.

Pero entonces te llaman y tienes que salir, o irte a trabajar, o a dormir, y te encuentras con que o abortas el trabajo teniéndolo que recomenzar más tarde, o dejas el ordenador encendido hasta que vuelvas a estar por él un buen rato (o todo el día) más tarde. Y eso comporta un gasto, y no está el horno para bollos.

Algunos programas tienen la opción de apagar el equipo al finalizar lo que estén haciendo, pero no todos; así que vamos a ver cómo podemos programar el ordenador para que se apague a una hora concreta, sin necesidad de tener que descargar ningún programa para ello.

Seguir leyendo «Apaga tu PC Windows a una hora concreta (sin utilizar programas externos) y ahorra luz»

Evitar errores al grabar CDs o DVDs con Brasero en Linux

Hacía ya bastante tiempo que no necesitaba grabar un CD o un DVD, y me he llevado una sorpresa al intentar hacerlo en Linux (Ubuntu) utilizando el programa Brasero y ver que al ir a quemar el disco aparecía un error y se abortaba el proceso. Una y otra vez.

Suerte que con una rápida búsqueda he llegado hasta un genial artículo de Yoyo, en donde explica que el problema radica en que algunas distribuciones de Linux no traen instaladas unas dependencias que necesita Brasero para trabajar correctamente. Dichas dependencias son las siguientes:

Seguir leyendo «Evitar errores al grabar CDs o DVDs con Brasero en Linux»

Cómo alinear divs flotantes con borde

Uno de los quebraderos de cabeza más habituales a la hora de maquetar una página aparece cuando pretendemos aplicar un layout de dos o más columnas, cuyo ancho sea porcentual y la suma total sea 100%, como por ejemplo dos columnas con un ancho cada una del 50%.

Al visualizarlo se ve correctamente, pero si añadimos un borde se descuadra completamente, produciéndose un salto de línea debido a que los divs ocuparán el ancho asignado más los píxeles del borde (dos por cada div), como podemos ver en este ejemplo.

Leyendo la revista Net magazine he visto un truco muy sencillo para evitar este problema, mediante una línea de CSS:

Seguir leyendo «Cómo alinear divs flotantes con borde»

FullCalendar: cómo insertar un calendario con este plugin jQuery. También sincronizable con Google Calendar.

Creado por Adam Shaw,  FullCalendar es, como dice en su sitio web (con varios ejemplos incluídos), un plugin jQuery que proporciona un completo calendario que se puede alimentar por AJAX (o no, si definimos los eventos en el momento de su creación), y que nos permite incluso arrastrar y soltar eventos, o incluso sincronizarlo con Google Calendar.

Además es ampliamente customizable visualmente, y proporciona controles para capturar eventos tales como el click o el drag and drop (ésto último utilizando jQueryUI) de eventos.

En el sitio web hay muchísima documentación sobre el funcionamiento del plugin, pero vamos a ver cómo incorporar rápidamente este calendario a nuestra página web.

Seguir leyendo «FullCalendar: cómo insertar un calendario con este plugin jQuery. También sincronizable con Google Calendar.»

Cómo programar una entrada en WordPress

Si quieres mantener un ritmo de publicación diario en tu blog pero tienes pensado irte de puente, hay una manera muy sencilla de preparar una o varias entradas para que se publiquen cuando quieras, aunque no tengas acceso a tu ordenador.

Para ello hay que seguir un par de pasos, que básicamente son:

  • Establecer la hora del servidor WordPress
  • Programar la entrada en sí

Seguir leyendo «Cómo programar una entrada en WordPress»

jQuery: Conocer si un selector existe

Hace unos meses hice una entrada describiendo cómo saber si una variable existía, y de paso explicar las diferencias entre null y undefined.

Hoy toca explicar cómo saber, mediante jQuery, si un selector está presente o no en el documento, para evitar errores al ejecutar acciones sobre un selector que no existe.

La verdad es que la solución es muy sencilla aunque un poco rebuscada, y todo porque jQuery siempre devuelve un objeto independientemente de si coincide o no:

if ( $(selector).length ) {
    // Hacer algo
}

Así de sencillo.