15 enero 2020

El color Pantone del año 2020 es Classic Blue

¿Cuál es el color Pantone del año 2020?


El Instituto de Color Pantone (Pantone Color Institute), anunció que su color para el año 2020 es el: 
PANTONE 19-4052 Classic Blue.



Inspirado en los mundos de la moda, el arte y los artículos para el hogar, es un tono reconfortante y familiar que es perfecto para el clima estresante de hoy. El azul clásico, es un tono conocido de toda la vida, contemplado en el cielo y en los mares.
La vicepresidenta del Instituto de Color Pantone, Laurie Pressman, dice que el color ofrece estabilidad y conexiones: "Es una presencia tranquilizadora", dijo a The Associated Press.
A principios de siglo, Cerulean, otro color azul, fue seleccionado como el color de 2000. Cerulean, es el color del cielo cuando brilla el sol y el azul clásico, emula el tono del cielo a medida que termina el día.


29 diciembre 2019

¿Qué es la relación proporcional de aspecto de una imagen?

¿Qué es la relación de aspecto?
La relación de aspecto de una imagen es la relación proporcional del ancho con la altura. Lo reconocerá como dos números separados por dos puntos en un formato x: y. Por ejemplo, una imagen de 6 x 4 pulgadas tiene una relación de aspecto de 3: 2. Una relación de aspecto no tiene unidades unidas; en cambio, representa qué tan grande es el ancho en comparación con la altura. Esto significa que una imagen medida en centímetros tendrá la misma relación de aspecto incluso si se midió en pulgadas. La relación entre su ancho y alto determina la relación y la forma, pero no el tamaño real de la imagen.

Sin embargo, la relación de aspecto de una imagen cambiará según el medio en el que se presente. La relación de aspecto de una imagen que se muestra en una computadora será diferente de la relación de aspecto de esa misma imagen que se muestra en un teléfono.

Las relaciones de aspecto son una parte crítica del contenido web porque las imágenes deben cargarse en diferentes relaciones de aspecto para diferentes usos, como escritorio versus móvil o blog vs. redes sociales. Cuando usa las proporciones de aspecto correctas, garantiza que sus imágenes se muestren como se espera sin estiramiento o pérdida de resolución.

Repasemos algunas relaciones de aspecto comunes que generalmente se usan en diferentes espacios.

Relaciones de aspecto comunes

Relación 1: 1
Una relación 1: 1 significa que el ancho y la altura de una imagen son iguales, creando un cuadrado. Algunas proporciones comunes de 1: 1 son una foto de 8 x 8 pulgadas, una imagen de 1080 x 1080 píxeles, o típicamente cualquier plantilla de imagen de perfil en sitios de redes sociales (piense en Facebook). Esta relación de aspecto se usa comúnmente para imprimir fotografías, pantallas móviles y plataformas de redes sociales, pero no es ideal para la mayoría de los formatos de TV o digitales.

Relación 3: 2
La relación 3: 2 tiene raíces en películas y fotografías de 35 milímetros y todavía se usa ampliamente para tamaños de impresión. Las imágenes enmarcadas a 1080 x 720 píxeles o 6 x 4 pulgadas se establecen dentro de esta relación de aspecto.

Relación 4: 3
Una proporción de 4: 3 se usa típicamente para pantallas de TV, monitores de computadora y cámaras digitales. Por cada 4 unidades de ancho, hay 3 unidades de altura, creando una forma rectangular. Una imagen con un tamaño de 1024 x 768 píxeles u 8 x 6 pulgadas se ajusta a una relación típica de 4: 3.

Relación 16: 9
La relación 16: 9 se ve principalmente en diapositivas de presentación, monitores de computadora o televisores de pantalla panorámica. Este estándar internacional reemplazó recientemente la relación 4: 3 para monitores y pantallas de TV, creando una forma rectangular más delgada y alargada en comparación con el formato 4: 3. Las resoluciones comunes en la relación 16: 9 son 1920 x 1080 píxeles y 1280 x 720 píxeles.





Cómo medir el tamaño de la imagen
A diferencia de las relaciones de aspecto, el tamaño de la imagen determina el ancho y la altura real de una imagen en píxeles. El tamaño de la imagen son las dimensiones de una imagen. Puede medir las dimensiones de la imagen en cualquier unidad, pero normalmente verá los píxeles utilizados para imágenes web o digitales y las pulgadas utilizadas para imprimir imágenes.

Es importante darse cuenta de que dos imágenes diferentes que tienen la misma relación de aspecto pueden no tener el mismo tamaño o dimensiones de imagen. Por ejemplo, una imagen con un tamaño de 1920 x 1080 píxeles tiene una relación de aspecto de 16: 9, y una imagen con un tamaño de 1280 x 720 píxeles también tiene una relación de 16: 9.

Tamaños de imagen comunes para la web
Si está cargando imágenes en la web, es crucial comprender las especificaciones de tamaño de imagen porque los tamaños de imagen incorrectos pueden estirarse o distorsionarse para llenar dimensiones fijas.

Cuando trabajas en un creador de sitios web o en un sistema de gestión de contenido (CMS), como WordPress o Squarespace, los requisitos de tamaño de la imagen variarán según el tema o la plantilla que estés utilizando. A menudo, el creador de sitios web cambiará el tamaño de las imágenes para que se muestren correctamente en varios formatos diferentes. Por lo tanto, para satisfacer varios tamaños de imagen estándar diferentes, cargue una imagen que sea lo suficientemente grande como para reducirla sin perder resolución y lo suficientemente pequeña como para ajustarse cómodamente al ancho de una pantalla estándar. Squarespace recomienda cargar imágenes de entre 1500 y 2500 píxeles de ancho. Verifique su plantilla o tema en cualquier CMS que esté utilizando para determinar el tamaño de imagen correcto para cargar. Del mismo modo, los sitios web de redes sociales a menudo cambiarán el tamaño de las imágenes para usted, pero hay un punto óptimo que garantizará que sus imágenes se muestren correctamente en algunos tamaños diferentes.

Nota: No confunda el tamaño de la imagen con el tamaño del archivo de imagen. El tamaño del archivo de imagen se mide en bytes de acuerdo con la cantidad de espacio que ocupa en un disco o unidad (piense en kilobytes o megabytes).

Estos son algunos de los tamaños de imagen más comunes para la web.

1920 x 1080 píxeles
Este tamaño de imagen estándar se ve ampliamente en TV de alta definición, presentaciones y fotos de portada de redes sociales. Sigue la relación de aspecto 16: 9.

1280 x 720 píxeles
Este tamaño sigue el formato HD estándar presentado en fotografía y película. Se ajusta a la relación de aspecto 4: 3.

1080 x 1080 píxeles
Verá este tamaño de imagen de proporción 1: 1 utilizado ampliamente en las redes sociales, a saber, las publicaciones de Instagram y Facebook.


23 diciembre 2019

comandos básicos de vi

Resumen de los comandos básicos de vi

En la tabla siguiente puede consultar de forma cómoda los comandos básicos de vi:
Tabla 6-1 Comandos básicos de vi
Comando Significado 
Empezar vi
vi nombre_de_archivoAbrir o crear el archivo 
viAbrir un archivo nuevo para nombrarlo más tarde 
vi -r nombre_de_archivoRecuperar un archivo de una caída del sistema 
view nombre_de_archivoAbrir archivo sólo para leer 
Comandos del cursor 
hMoverse un carácter hacia la izquierda 
Moverse una línea hacia abajo 
Moverse una línea hacia arriba 
Moverse un carácter a la derecha 
Moverse una palabra a la derecha 
Moverse una palabra a la derecha (pasados los signos de puntuación) 
Moverse una palabra a la izquierda 
Moverse una palabra a la izquierda (pasados los signos de puntuación) 
Moverse al final de la palabra actual 
Return Moverse una línea hacia abajo 
Back Space Moverse un carácter a la izquierda 
Space Bar Moverse un carácter a la derecha 
HMoverse a la parte de arriba de la pantalla 
MMoverse al centro de la pantalla 
LMoverse a la parte inferior de la pantalla 
Ctrl-F Paginar una pantalla hacia adelante 
Ctrl-D Desplazarse media pantalla hacia adelante 
Ctrl-B Paginar una pantalla hacia atrás 
Ctrl-U Desplazarse media pantalla hacia atrás 
Insertar caracteres y líneas 
aInsertar caracteres a la derecha del cursor 
AInsertar caracteres al final de la línea 
iInsertar caracteres a la izquierda del cursor 
IInsertar caracteres al principio de línea 
oInsertar una línea por debajo el cursor 
OInsertar una línea por encima del cursor 
Cambiar texto 
cwCambiar una palabra (o parte de una palabra) a la derecha del cursor 
cCambiar una línea 
CCambiar desde el cursor hasta el final de la línea 
sSustituir cadena por carácter(es) desde el cursor hacia adelante 
rReemplazar el carácter marcado por cursor por otro carácter 
r ReturnPartir una línea 
JUnir la línea actual con la línea inferior 
xpTransponer el carácter del cursor con el carácter a la derecha 
~Cambiar el tipo de letra (mayúscula o minúscula)
uDeshacer el comando anterior 
UDeshacer todos los cambios en la línea actual 
:uDeshacer el comando anterior sobre la línea última 
Eliminar texto 
xEliminar el carácter del cursor 
XEliminar el carácter a la izquierda del cursor 
dwEliminar la palabra (o la parte de la palabra a la derecha del cursor) 
ddEliminar la línea que contiene al cursor 
DEliminar la parte de la línea a la derecha del cursor 
dGEliminar hasta el final de línea 
d1GEliminar desde el principio del archivo hasta el cursor 
:5,10 dEliminar las líneas de la 5 a la 10 
Copiar y mover texto 
yyTirar o copiar línea 
YTirar o copiar línea 
pPoner la línea tirada o eliminada por debajo de la línea actual 
PPoner la línea tirada o eliminada por encima de la línea actual 
:1,2 co 3Copiar las líneas de la 1 a la 2 y ponerlas después de la línea 3 
:4,5 m 6Mover las líneas de la 4 a la 5 y ponerlas después de la línea 6 
Ajustar la numeración de las líneas 
:set nuMostrar los números de las líneas 
:set nonuEsconder los números de las líneas 
Establecer la distinción entre mayúsculas y minúsculas 
:set icEn la búsqueda se ignora la distinción entre mayúsculas y minúsculas 
:set noicEn la búsqueda se distingue entre mayúsculas y minúsculas 
Encontrar una línea 
GIr a la última línea del archivo 
1GIr a la primera línea del archivo 
21GIr a la línea 21 
Buscar y reemplazar 
/stringBúsqueda de cadena de caracteres
?stringBúsqueda hacia atrás de cadena de caracteres
nEncontrar la siguiente aparición de string en la dirección de búsqueda
NEncontrar la aparición previa de la cadena de caracteres en la dirección de búsqueda
:g/search/s//replace/gBuscar y reemplazar 
Limpiar la pantalla
Ctrl-L Limpiar (actualizar) la pantalla 
Insertar un archivo en otro archivo 
:r nombre_de_archivoInsertar (leer) el archivo a continuación del cursor 
:34 r nombre_de_archivoInsertar el archivo después de la línea 34 
Guardar y salir 
:wGuardar los cambios (escribir el contenido de la memoria intermedia) 
:w nombre_de_archivoEscribir el contenido de la memoria intermedia a un archivo con nombre 
:wqGuardar los cambios y salir de vi 
ZZGuardar los cambios y salir de vi 
:q!Salir sin guardar los cambios

Post Labels

WordPress macOS Linux diseño gráfico Error color plantilla CentOS 7 Plesk PHP RGB SSH Servidor Windows XAMPP aplicación web colores gratis logo pantone sitio web video Edición de Vídeo Plugin Recursos Solución SysAdmin acceso diseño diseño web edición editar imagen mac nube página web sistema software software libre tamaño 2020 Audiovisuales CMS CentOS 6.9 Google HEX HTML PHP.INI Puertos URL actualización actualizar ai aplicaciones aplicación aspecto básicos certificado comercio electrónico conexión corazón desarrollo web emails emotiva flores footer fotografía frase functions.php gratuito iMac illustrator imagenes login mantenimiento mapas motivación online optimización página rendimiento tema texto velocidad verano web $cfg .new 1 TB 1&1 2021 2022 21.5 22 2D 3D 500GB 6.4.3 A0 A1 A2 A3 A4 A5 A6 A7 A8 Abierto AfterEffects Alexa Amazon COVID-19 Captura Videojuegos Capturar Pantalla Capturar Vídeo y Audio Cheat Sheet Classic Blue CleanMyPC Cloud Cloud Server Coronavirus Código Código Abierto DIN Daylimotion Developer ELRepo ETIMEDOUT Grabación de Vídeo Guía H1 Herramientas Hoja de Referencia Homebrew Huawei I+D Illuminating Javascript Kernel LMS Live Streaming MIME Mail MySql NPM Núcleo OPPO Onyx PEAR PH Permisos Productos SEM SSL Terminal Tutoriales UX Ultimate Grey Videotutoriales Web Services WooCommerce Xiaomi abuelos accesibilidad activado admin adminiración adolfo agencia agua almacenamiento alt altura amor ampliar ancho animacionlogo app apple apps aprende archivo archivos arranque arte ataque ataques atico auriculares axioma año banco banners barcos basic 2 becquer beneficios bing bitcoin blog bodas booteable buscadores calendario caminando cancion captura de pantalla cara carpeta casa chmod cliper comandos conexion configuración contacto contraseña control convertir copywriter corazones correo cortar crear cuenta curso cámara reflex código libre das depurado derrotas desarrollo aplicaciones descargar deseo desintalar dibujo direccion disco SSD distro dns domina dominio don quijote dos mil doubleclick duda editor email encriptar esfuerzo español esquema de colores estudio estándar examina exposición familia favicon fecha filezilla formación formato formulario fracasos ftp fuentes fuerza bruta funcion función git golosina googleads grado gratuita gráficos guerrero gustavo h2 hacemos herramienta hijos hotel http https humano humanos icono iconos ideas inaccesible incertidumbre indispensables inspiración instagram instalar internet invalid inversión j balvin jeff bezos jscomposer karol g keyworks largo plazo launchpad libre liderazgo limpieza lirios living coral logoanimation límite lógica manual manzanita mar marinero marketing online medidas mejorar memoria metaetiquetas mi miel migrar miro modificar modificar.cambiar modo moscas motivadora mover mp3 mp4 mueren mujer mundo musical más móviles neón ni contigo ni sin ti nicky jam nietos node.js nulled oficina olas omnivus opensource optimista optimizar padres palabras clave paleta panal pantallas pantallazo panza papel pareado particion partición pastel pc pegar penthouse perfecto personalización personalizado personalizar personas pesca petunia photoshop phpMyAdmin pie de página planos poblado poderoso poesía posible posicionamiento preferido prestaciones prisiones privacidad privada privado programas proporcional protocolo publisites quijote rechazado redactium redactor de contenidos reflexión reggaeton relacion relación remitente remix resolución restablecer resurgir rosas rápido samsung sancho screenshot sea seguridad seguro sentimientos seo ser servicios simulador sistemas slider revolution smartphone smtp snapshot spam subida tablets temp dir tendencia terabox titulo tmp trabajo txt título ubuntu unidad usb utilidad vacío vectoriales vencer ventas veo versiones verso very peri vicio videologo videos webp www youtube éxitos