Diseño web Archivos - Blog de arsys.es

Tendencias en Diseño Web para 2019

28/01/2019/en Diseño web, Marketing Digital, Programación /por Arsys

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.

Leer más →

Saca partido a Intervention Image

26/12/2018/en Diseño web, Programación /por Jose Mª Baquero García

Después de nuestra introducción a Intervention Image, una librería de PHP especialmente orientada a la manipulación de gráficos y que nos permite automatizar gran parte de las tareas que necesitamos en desarrollo web. En este tutorial, profundizamos en diferentes caso de uso que nos permite utilizarlo para, por ejemplo, enfocar las imágenes o crear miniaturas muy fácilmente.

Leer más →

Cómo automatizar la edición gráfica a través de PHP con Intervention Image

17/12/2018/en Diseño web, Programación /por Jose Mª Baquero García

La edición sencilla de imágenes a través de programación para, por ejemplo, crear miniaturas de forma automática, es posible gracias a librerías de PHP con funcionalidades específicas para ello, como Intervention Image, en la que nos centramos en este artículo. Como veremos, podremos realizar y automatizar modificaciones sobre los gráficos, como zooms, redimensionamientos, rotaciones, incrustaciones de marcas de agua o, incluso, aplicar diferentes efectos para, a continuación, guardarlos en un archivo optimizado. Esto es, sin duda, un recurso especialmente útil para desarrolladores.

Leer más →

Tamaños recomendados de las imágenes para Redes Sociales

14/09/2018/en Diseño web, Programación /por Jose Mª Baquero García

Las Redes Sociales son, hoy en día, una de las fuentes de información más consultadas en Internet, por lo que se convierten en el escaparate perfecto para mostrar productos o servicios al público global. Un contenido de calidad con imágenes atractivas se traduce en un alto porcentaje de visitas, llamando más la atención que aquel que no muestra imágenes. No obstante, hay que tener en cuenta que las Redes Sociales están en un estado de continuo cambio y, por ello, es necesario que adaptemos las publicaciones a los estándares que requiere cada una. A continuación, veremos los tamaños recomendados de las imágenes en las principales Redes Sociales.
Leer más →

Cómo optimizar tu página web: el código JavaScript y las imágenes

26/07/2018/en Diseño web, Programación /por Jose Mª Baquero García

Tal como os anticipábamos en el artículo de la semana pasada, la optimización de nuestra página web es algo que no debemos dejar a la ligera y, afortunadamente, existen numerosos recursos y Mejores Prácticas que nos permiten llevar a cabo estas tareas muy fácilmente. Después de repasar cómo optimizar las CSS, hoy nos toca centrar nuestra atención en el código JavaScript y en los recursos gráficos. Al final, de lo que se trata es de optimizar todos los recursos de Desarrollo y Diseño Web que utilicemos en nuestra página web y tomar conciencia sobre el impacto de este tema en los resultados medibles.
Leer más →

Cómo insertar vídeos de fondo en nuestra página web

22/06/2018/en Diseño web, Programación /por Jose Mª Baquero García

Una de las tendencias que estamos viendo este año en Desarrollo Web es la integración de vídeos en el fondo de una página web. Como comentábamos la semana pasada desde el punto de vista teórico, esto es posible especialmente gracias a la popularización del formato de vídeo WebM, que consigue incorporar esta funcionalidad sin afectar a la usabilidad y experiencia de usuario. En este tutorial práctico, explicamos las diferentes formas de insertar un vídeo de fondo en nuestra página web, un recurso audiovisual muy atractivo actualmente.
Leer más →

Mejora el diseño de tu página web de WordPress con estos plugins

12/03/2018/en Diseño web, Plugins recomendados, Programación, WordPress /por Alberto Blanch

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.

Leer más →

Personalización de los campos input de texto con CSS

02/03/2018/en Diseño web, Programación /por Jose Mª Baquero García

Si queremos quitar los bordes a los campos input de texto o personalizarlos al máximo, CSS nos ofrece muchas alternativas para modificar los estilos y que así podamos conseguir que su aspecto se adapte a todos los requerimientos visuales de nuestra página web, como explicamos en este artículo.

Leer más →

ITCSS, el triángulo invertido que facilita el trabajo con las hojas de estilo CSS

12/02/2018/en Diseño web, Programación /por Jose Mª Baquero García

Las siglas ITCSS, que se corresponden con Inverted Triangle architecture for CSS (Arquitectura CSS del Triángulo Invertido en inglés), estandarizan las mejores prácticas para una forma de trabajar que facilita el Desarrollo Web con hojas de estilo CSS y que facilita su crecimiento y adaptabilidad a medio y largo plazo, como explicamos en este artículo.

Leer más →

¿Qué es CSS Grid?

29/01/2018/en Diseño web, Programación /por Jose Mª Baquero García

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.

Leer más →