El diseño Web, aunque más bien el diseño en general, evoluciona año tras año y en gran parte, gracias a las novedades tecnológicas que aparecen en el mercado. Es decir, si surge una velocidad de transferencia superior, un formato nuevo de pantalla o una nueva red social, el diseño se adaptará a las características de esta tecnología. Veamos las tendencias en diseño Web que estarán más presentes a lo largo de 2020.
Leer más
Diseño web
Cómo recortar texto de una línea usando puntos suspensivos con CSS
En ocasiones cuando trabajamos en una página web, nos encontramos que en un espacio donde queremos situar un texto no cabe por completo en el lugar que hemos establecido. En el siguiente artículo, recortaremos esa línea y colocaremos unos puntos suspensivos para indicar que esa frase continúa. Y lo haremos sólo CSS. Para ello, utilizaremos el atributo text-overflow con el valor clave ellipsis y lo usaremos en conjunto con el atributo overflow y un contenedor que limite su anchura.
Tendencias en Diseño Web para 2019
En 2019 se espera que proliferen algunas tendencias que vienen a romper con algunas pautas establecidas y muy fuertemente arraigadas entre la Comunidad de Diseñadores a lo largo de los últimos años. A continuación, vamos a repasar las principales propuestas que se están popularizando en cuanto a Diseño Web y que veremos cada vez más en las páginas web maquetas en los próximos meses. Sin duda, evolucionarán en paralelo a las tendencias de Desarrollo Web que analizamos hace sólo unos días.
WebM, el formato de vídeo Open Source para las necesidades multimedia de la Web actual
Diseñado para las necesidades actuales de Internet, WebM es un formato de contenedor multimedia de código abierto que define en su propia estructura los componentes de vídeo y audio. Es uno de los mejores y más modernos recursos para integrar elementos multimedia en una página web sin sacrificar la experiencia de usuario, ya que permite integrar vídeos de alta calidad sin afectar demasiado el tiempo de carga ni perjudicar su usabilidad. En próximos artículos, hablaremos de sus aplicaciones más prácticas, pero de momento, nos centramos en sus aspectos más teóricos.
Posicionamiento SEO y Desarrollo Web van de la mano
Aunque sean disciplinas distintas, existe una relación muy cercana entre el Posicionamiento SEO y el Desarrollo Web. Solo alcanzaremos un buena posición en buscadores si antes hemos adoptado una serie de buenas prácticas en las tareas de desarrollo. A continuación, facilitamos una serie de consejos prácticos para coordinar el Posicionamiento SEO y el Desarrollo Web, algo imprescindible hoy en día si queremos que nuestra página web destaque en las búsquedas de los usuarios.
Leer más
Mejora el diseño de tu página web de WordPress con estos plugins
Dentro de los plugins que encontramos para WordPress, nos centramos en repasar algunos complementos especialmente recomendables para todos los administradores de páginas web realizadas con este gestor de contenidos. Esta selección nos permitirá aportar diferentes y atractivas posibilidades estéticas a un sitio web, con una interesante particularidad: apenas requieren conocimientos de programación o diseño para usarlos y sacarles el máximo partido.
¿Qué es CSS Grid?
Hace poco hablábamos de Flexbox, uno de los mecanismos de CSS más útiles en la maquetación de páginas web, incluso lo enfrentábamos con Grid. Sin embargo, teníamos pendiente profundizar un poco más en el propio CSS Grid , otro de los recursos de diseño CSS para disponer con mayor libertad los elementos en una página web o aplicación, algo que hacemos en este artículo.
Las propiedades de los contenedores Flexbox (II)
Seguimos analizando las principales propiedades del contenedor Flexbox que comenzamos a ver hace poco. Flexbox (o Flexible Box) es un potente mecanismo de CSS que nos permite elevar el nivel de la maquetación web más fácilmente. Antes de seguir avanzando, conviene recordar que Flexbox es un estándar de la web, por lo que es compatible con todos los navegadores modernos.
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 nos permite utilizar 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.
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