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).
![](http://hideout-lastation.com/img/tech-design-tips/474/designers-calculate-perfect-aspect-ratios-with-ratiobuddy.jpg)
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 .
![](http://hideout-lastation.com/img/tech-design-tips/474/designers-calculate-perfect-aspect-ratios-with-ratiobuddy-2.jpg)
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.
![Sierra es una hermosa biblioteca Dark UI construida en Sass](http://hideout-lastation.com/img/tech-design-tips/577/sierra-is-beautiful-dark-ui-library-built-sass.jpg)
Sierra es una hermosa biblioteca Dark UI construida en Sass
En un mundo lleno de marcos de frontend, puede ser difícil clasificar todas las opciones. Pero, si eres un amante de Sass, Sierra es el nuevo marco de interfaz de usuario más genial para ver.Es completamente personalizable y se ejecuta completamente en código SCSS . Esto significa que viene con decenas de parciales de SCSS y bibliotecas relacionadas que se fusionan en una poderosa (y gratuita) biblioteca de UI. C
![20 diseños de envases vintage simplemente con estilo](http://hideout-lastation.com/img/tech-design-tips/394/20-simply-stylish-vintage-packaging-designs.jpg)
20 diseños de envases vintage simplemente con estilo
Ya en los viejos tiempos, los fabricantes eran más cuidadosos con sus productos y prestaban más atención a los detalles y la calidad del empaque. Pensar en productos y envases del pasado me inspiró a crear este escaparate de diseños de envases retro.Aquí he reunido 20 diseños de packaging retro creativos e inspiradores. Todos