Cómo utilizar varias imágenes de fondo con CSS

Uno de los atributos de CSS más utilizados es background-image, que nos  sirve para poner una imagen de fondo en nuestra página web. Pero también podemos conseguir  múltiples fondos al mismo tiempo. Como vemos en este artículo, con CSS3 tenemos la posibilidad directa de configurar varios fondos a la vez muy fácilmente y si usamos CSS1 también podremos hacerlo, aunque tendremos que echar mano de una alternativa y algo de trabajo adicional para que se visualice correctamente.

Leer más

¿Qué aporta Flexbox a CSS3?

Flexbox (o Flexible Box) es un potente mecanismo de CSS3 que nació de la urgencia de cubrir unas necesidades específicas de maquetación de contenidos que CSS no era capaz de conseguir fácilmente, como las alineaciones verticales.  De este modo, Flexbox perfecciona las posibilidades de diseño de CSS3 y permite componer una página web de manera muy sencilla y versátil, como explicamos a continuación.

Leer más

Arsys colabora con las jornadas de diseño Procesos Creativos

Del 10 al 13 de mayo se celebran en Madrid las jornadas de diseño Procesos Creativos, organizadas por el equipo de profesionales interdisciplinar Culturoid y que cuentan con la colaboración de Adobe y Arsys, entre otros partners. Estas jornadas nacen con el objetivo de ir más allá del resultado final que generalmente vemos y mostrar los diferentes procesos de creación de diseñadores nacionales e internacionales desde la más pura autenticidad.

Procesos Creativos
10-13 de mayo
Centro Cultural Conde Duque, Revista Visual y Factoría Cultural de Matadero
Programa y entradas en www.procesoscreativos.es

Leer más

Single-Page Application, todo un website desde única página

Aunque no estés familiarizado con su nombre, es más que probable que ya hayas utilizado una aplicación Single-Page Application (SPA). Este formato que  se ha popularizado enormemente en los últimos meses porque mejora y unifica la experiencia de usuario, independientemente del dispositivo de acceso. En este tipo de aplicaciones web, todo lo que se muestra y se procesa está dentro de la misma página, así que al pasar de una opción a otra no hace falta recargar el navegador y lo normal es que sea un único archivo desde el que se reproduce absolutamente todo.

Leer más

Cómo gestiona HTML los colores

El diseño de una página web no sólo se basa en la composición y las formas; la combinación de colores juega un papel muy importante y ayuda a transmitir sensaciones al usuario, por lo que es importante comprender cómo funciona. Aunque la mayoría de los editores resultan muy intuitivos en la gestión cromática (y son la mejor opción), siempre puede venir bien entender cómo es la relación entre los colores y el HTML.
Leer más

Cómo aplicar sombras y otros efectos a los textos con el atributo text-shadow de CSS

El atributo text-shadow de CSS sirve, en un principio, para crear sombras en el texto. En este artículo, explicamos cómo utilizar esta regla de estilos y, con ejemplos prácticos, mostramos su versatilidad a la hora de crear muchos otros efectos interesantes, como darle un relieve a la tipografía o pixelizarla.

Leer más

Cómo usar las Media Queries en diseño web responsive

Tal y como vimos la semana pasada, las Media Queries de CSS3 mejoran la visualización de nuestros proyectos web. En esta ocasión abordamos el tema desde un  punto de vista más práctico e incluimos algunos ejemplos que podemos implementar en el código y facilitarán que nuestros diseños web se  adapten a cualquier medio y pantalla, algo imprescindible en el desarrollo web hoy en día.
Leer más

Cómo utilizar las Media Queries de CSS3 para mejorar la visualización de nuestros proyectos web

Las Media Queries son una de las grandes ventajas de CSS3, ya que permiten saber qué sistema se está visualizando una página web y, en función de ello, aplicar unas reglas de estilo u otras.  Así, podemos servir un CSS personalizado, acorde las condiciones del navegador o dispositivo que nos visita. Como veremos a continuación, se han convertido en uno de los mejores recursos con los que cuentan los diseñadores para hacer sitios responsive.

Leer más

Maquetación web en varias columnas con CSS3

CSS3 realiza una maquetación directa del texto en diferentes columnas de manera automática, ya que posee distintos elementos y atributos que le confían al navegador la tarea de producir el texto en multicolumna. Desde que existe esta característica, la maquetación web goza de un interesante recurso para la presentación de la información y que a más de uno nos traía de cabeza para conseguirlo con otros medios, como las tablas. En este artículo explicamos cómo utilizar el elemento column y sus diferentes atributos.

Leer más

¿Qué veremos en Desarrollo web y Diseño web este 2017?

Como ya hicimos hace poco más de un año, repasamos las tendencias que encontraremos en los proyectos web que se lancen en los próximos meses y lo hacemos en dos grandes bloques muy relacionados y que no pueden ir por libre a la hora de lanzar una página web, el Desarrollo y el Diseño web. Ambas disciplinas buscarán en 2017 compaginar la eficiencia en los procesos de trabajo y un mayor rendimiento de las páginas web, con la vista siempre puesta en la mejora de la experiencia de usuario.

Leer más