Imágenes pequeñas en pantallas grandes: escalar de móvil a escritorio

Si una imagen funciona bien en una pantalla pequeña, piensa en cómo crecerá y cambiará para llenar el espacio en un monitor más grande. Considera el espacio relativo de la pantalla y la densidad de la información, prestando mucha atención al recorte, escalamiento y a las proporciones. Muestra más cosas, no sólo las cosas más grandes.

Los sitios web suelen diseñarse con un enfoque orientado al móvil primero o un acercamiento focalizado en el móvil. Sin embargo, los sitios optimizados para móviles no siempre se trasladan bien a pantallas más grandes. Esas pantallas más grandes pueden ser tabletas, ordenadores portátiles o incluso monitores de 30 pulgadas con resolución de 4K. Los usuarios de estos dispositivos de gama alta también deben ser compatibles con tu diseño.

Tendencias de desarrollo web que deberías aplicar a tu próximo proyecto
En el ámbito de la creación, se supone que las tendencias cambian. Tienen una naturaleza dinámica de forma que la tendencia que hoy es muy utilizada, al día siguiente estará desaparecida. En el diseño y desarrollo web hay muchas tendencias que van y vienen, sin embargo, sólo unas pocas mantienen la atención de los desarrolladores un tiempo prolongado. La Web es una plataforma única que ha ido evolucionando y cambiando desde sus inicios. Estas son algunas tendencias de desarrollo web que debes considerar. 1. Diseño web de…
Hacer un poco de magia con los modos de fusión CSS
Si alguna vez has utilizado software de edición de imágenes como Adobe Photoshop, Affinity Photo o Sketch App es probable que tengas alguna experiencia con los modos de fusión. Es una de esas características que a los diseñadores les gusta ya que esencialmente es un método para conseguir resultados más elaborados e interesantes, pero los desarrolladores de aplicaciones para usuario tienden a odiarlo porque son muy laboriosos de poner en práctica. ¡Pero ya no! Vamos a ver cómo.
Ideación para el desafío de diseñar a diario

Mejora tus soluciones de diseño de UI considerando muchas ideas antes de decidirte por cualquiera de ellos. Una metodología sólida en la ideación (en la RAE: génesis y proceso en la formación de las ideas) amplía tu capacidad de generación de ideas.

Cuando te piden rediseñar una página web o un elemento, no es posible agitar una varita mágica y obtener por arte de magia un nuevo diseño, brillante, materializado delante tuya; ni tampoco meter la mano en tu bolso de patrones de diseño estándar y aplicarlos a ciegas. Aun cuando seguir los estándares es importante y facilita el aprendizaje del diseño de interfaces, los patrones no siempre ofrecen una respuesta para tus proyectos únicos de interfaz de usuario. En lugar de esperar a la “inspiración", los diseñadores UX necesitan una manera sistemática de abordar las actividades diarias de diseño que produzcan diseños de alta calidad y que resuelvan los problemas de usabilidad.

Rotación libre de un elemento en el espacio 3D con variables CSS

Ante la pregunta de si es posible rotar libremente un elemento en la pantalla mediante el movimiento del ratón o el dedo (en las pantallas táctiles) sólo con HTML5 y CSS, la respuesta típica sería “no, no sin JavaScript” ... pero esta solución que proponemos sólo necesita unas pocas líneas de JS, y esta variación tiene la adición interesante de las variables CSS.

Primeros pasos con Google Webmasters (Google Search Console)
Google Search Console es una de las mejores herramientas para analizar y comprobar si el trabajo que estás realizando para lograr un buen posicionamiento de tu sitio web. Resulta una herramienta imprescindible para que Google te trate bien y consigas un mayor volumen de visitas. Google Search Console - Definición Google Search Console es una herramienta gratuita disponible en Google que permite analizar y optimizar el estado de tu sitioweb en el buscador de Google. Con ella puedes comprobar y asegurar que tu página web aparece en los resultados de google, de ahí su…
MinMaxing: aprendiendo vMin y vMax en CSS

Son conocidas y muy útiles las unidades CSS vw y vh, pero las unidades vMin y vMax además de poco conocidas, son menos aún comprendidas. Y es una pena puesto que éstas tienen nuevos usos en caso de desarrollo web.

Sabemos que 1vh es equivalente al 1% de la altura de la ventana gráfica actual (es decir, la ventana del navegador abierta), mientras que 1vw equivale al 1% de la anchura de la ventana gráfica actual. min y vmax son esas mismas unidades, pero en respuesta a reglas particulares.

Manual completo sobre las Redirecciones 301
Realizar una redirección supone que cuando un usuario llega a una url de una página web concreta, automáticamente le redirigimos a otra url diferente. Esto puede ser necesario por varios motivos: si la URL ya no exista, que hayamos cambiado de dominio, ante un cambio en la estructura de secciones de la web o por el simple hecho de querer que los usuarios vayan a otra página diferente.