Alinear verticalmente centrado divs con jQuery

Este pequeño plugin de jQuery sirve para alinear verticalmente casi cualquier elemento cuando no quieres determinar la altura exacta del contenedor.

(function ($) {
// VERTICALLY ALIGN FUNCTION
$.fn.vAlign = function() {
    return this.each(function(i){
    var ah = $(this).height();
    var ph = $(this).parent().height();
    var mh = Math.ceil((ph-ah) / 2);
    $(this).css('margin-top', mh);
    });
};
})(jQuery);

Para usar el código solo tienes que agregar la clase o identificador como: $('.classname').vAlign(); o $('#image').vAlign(); – Esto tiene que suceder una vez que el documento haya cargado así que tiene que estar dentro de $(document).ready(function(){})

Gracias a ATOMIKU.COM que lo escribió en ingles: Simple jQuery plugin for vertically centering

¿Cómo configurar MySQL para que se encienda luego de un boot del servidor?

Mi servidor de DigitalOcean.com ha estado funcionando bien, pero cada cierto tiempo había tenido que reiniciar MySQL que parecía que no lo hacía automáticamente.

Luego de mucho buscar, encontré que la solución está en la configuración de una recuperación de sistema.

Para resolverlo

Pasos:
1) entras por consola a tu servidor
2) descargas el instalador para manejar procesos visuales apt-get install sysv-rc-conf
3) corres sysv-rc-conf
4) seleccionas los numeros del 2 al 5numeros-mysql
5) listo

Mac OSX 10.10 Yosemite pagina de forbidden en instalación local

Cambiando la configuración local de virtual hosts para el Mac OSX 10.10 me topé con un 403 forbidden que parece de permisos, pero resulta que es una configuración del Apache.

Tienes que editar este archivo /etc/apache2/httpd.conf

Y buscas el Require all que es lo que no permite acceso a los directorios

# 
# Deny access to the entirety of your server's filesystem. You must
# explicitly permit access to web content directories in other
# <Directory> blocks below.
# 
<Directory />
    AllowOverride none
    Require all denied
</Directory>

Solo tienes que comentarlo (quizas en un futuro no quieras ver tus propios archivos)

# 
# Deny access to the entirety of your server's filesystem. You must
# explicitly permit access to web content directories in other
# <Directory> blocks below.
# 
<Directory />
    AllowOverride none
    #Require all denied
</Directory>

Y resetear apache.

sudo apachectl graceful

Presto!

Resuelto: Safari no muestra el poster del video html5

Safari (y al parecer los móviles también) no muestran el poster del video que sirve como referencia de los videos.
Usando css podemos usar la misma imagen del poster para que se muestre detrás del video y lograr el mismo efecto.

<div class="contenido">
	<div class="contenedor_video">
		<video poster="poster-del-video.jpg" controls>
				<source src="el-video.mp4" type="video/mp4">
				Tu explorador no soporta la etiqueta de video.
		</video>	
	</div>
</div>
.contenedor {
	position: relative;
}

.contenedor_video video {
	width: 650px;
	height: 365px;
	position: relative;
	top:0;
	left:0;
	z-index: 2;
}

.contenedor_video::before {
	background: transparent url('poster-del-video.jpg') no-repeat top left;
	width: 650px;
	height: 365px;
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	top: 6px;
	left: 8px;
}

Puedes verlo en codepen.io

Solucionado: Error 403 en WordPress con el .htaccess

Luego de instalar el plugin que me iba a solucionar todos los problemas me encuentro con que el ambiente local que tengo instalado en mi maquina me da el error.

Forbidden 403 Error You don’t have permission to access

Luego de revisar los privilegios de las carpetas y ver que todo estaba en orden y que no solucionaba nada, recordé que a veces los plugins se meten con los .htaccess y rompen las redirecciones.

La solución: Agregar Options +FollowSymLinks al .htaccess en la base de mi instalación WordPress.

El código base quedaría así:

Options +FollowSymLinks

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

# END WordPress

Cómo activar los dominios locales de Virtual Hosts en Mavericks Mac OS X 10.9

Estaba agregando un nuevo dominio/carpeta en los virtual hosts para un nuevo proyecto y ningun browser me mostraba la dirección local (prueba.dev).

Resulta que hay limpiar en tres lugares diferentes: Limpiar el caché de los DNS (con dscacheutil), reiniciar el servicio de DNS local (mDNSResponder) y reiniciar apache para que todo sirva.

Y se puede resolver con una sola línea en el terminal.

sudo dscacheutil -flushcache; sudo killall -HUP mDNSResponder; sudo apachectl restart

Realmente ayuda mucho cuando estas trabajando en ambiente local en tu maquina.

Las soluciones web pegadas a la pared