Diseñadores, calcula las relaciones de aspecto perfectas con RatioBuddy
Los diseñadores saben el dolor de intentar hacer coincidir las imágenes con las proporciones. Esto ocurre todo el tiempo cuando estás creando un tema de WordPress y tratando de descubrir los mejores tamaños de imagen para las miniaturas.
Pero hay docenas de tareas similares para calcular la relación de aspecto adecuada de una imagen, video o elemento insertado. Afortunadamente, RatioBuddy puede ayudar.
Esta pequeña aplicación web le permite calcular proporciones de aspecto de cualquier elemento de forma dinámica desde su navegador. Todo lo que necesita es acceso a Internet y el tamaño adecuado que desee (o la relación de aspecto requerida).

Digamos que desea que su imagen destacada mida 800 px de ancho por 500 px de alto. Ingrese esto en RatioBuddy y obtendrá una relación de aspecto de 8: 5.
Lo que puede hacer ahora es bloquear la relación haciendo clic en el candado pequeño al costado. Esto significa que si cambia los valores de ancho o alto, el otro se actualizará en consecuencia .
Ahora puede comenzar a buscar tamaños de miniaturas para que coincidan con su imagen principal de características.
Entonces, digamos que quieres un tamaño de miniatura de aproximadamente la mitad de ese ancho (400px), y luego otro incluso más pequeño a 300px. Ya sabes cuánto quieres las imágenes, pero ¿qué tan altas deberían ser ?
Con el candado habilitado, simplemente cambia el valor del ancho y verá los resultados en el cuadro de valor de altura inmediatamente .

También puede usar esta aplicación web para calcular automáticamente el tamaño de las incrustaciones de YouTube para mantener sus proporciones de video iguales. O bien, puede usarlo para generar ideas para las miniaturas de la galería de imágenes .
Realmente, para cualquier cosa que tenga que ver con las proporciones de aspecto, esta herramienta es un salvavidas. Por lo tanto, asegúrese de marcarlo si realiza una gran cantidad de trabajo de fotos y redimensionamiento para la web.
![Cómo deshabilitar permanentemente los consejos de ayuda de Windows 8.1 [Sugerencia rápida]](http://hideout-lastation.com/img/tech-design-tips/141/how-permanently-disable-windows-8.jpg)
Cómo deshabilitar permanentemente los consejos de ayuda de Windows 8.1 [Sugerencia rápida]
Al actualizar a Windows 8.1 por primera vez, los usuarios recibirán pop ups de sugerencias de ayuda. Estas ventanas emergentes ayudan a los usuarios primerizos a aprender Metro UI para que no se confundan. Estas ventanas emergentes normalmente dejan de aparecer después de que los usuarios hayan terminado el tutorial.S
Cómo crear CSS puro en el efecto Hacer clic en el zoom de la imagen
CSS no tiene una pseudoclase para apuntar eventos de clic, y esto constituye uno de los mayores puntos débiles de los desarrolladores front-end. La pseudo-clase más cercana es :active que estiliza un elemento para el período de tiempo que un usuario presiona su mouse sobre él.Sin embargo, este efecto es efímero: una vez que el usuario suelta el mouse, : :active ya no funciona. Nec