Etiqueta: diseño web

Invertir columnas en Visual Composer para dispositivos móviles

Invertir columnas en Visual Composer para dispositivos móviles

19 de marzo 2019

Uno de los problemas que nos encontramos cuando trabajamos con columnas en Visual Composer, archiconocido plugin de WordPress para maquetar páginas, es que a veces nuestra maqueta necesita invertirlas en dispositivos móviles para que la visualización del contenido sea coherente. Imagina que tienes una estructura de contenido de varias filas…

Categorías: CSS, Diseño, WordPress

Diferencia entre las unidades de medida REM y EM en CSS

Diferencia entre las unidades de medida REM y EM en CSS

17 de enero 2019

Hoy día, con los diseños adaptables, los proyectos web se convierten en tareas más complejas de llevar a cabo que hace una década, debido entre otras cosas a que hemos pasado de usar unidades fijas a unidades escalables. Es por eso que actualmente se recomienda usar EM y REM como…

Categorías: CSS, Diseño

El tamaño xs no funciona en Bootstrap

El tamaño xs no funciona en Bootstrap

21 de febrero 2018

En los últimos años Bootstrap se ha consagrado como el framework favorito entre los desarrolladores web para realizar la maquetación de portales. Su éxito principalmente se debe a las necesidades de hacer proyectos adaptables a diferentes resoluciones de pantalla, lo que se conoce comúnmente como diseño responsive.

Categorías: Diseño, Recursos

Aplicar estilos a enlaces con CSS

Aplicar estilos a enlaces con CSS

11 de enero 2017

En estos años hemos tenido ocasión de estudiar propiedades y clases de CSS que son quizá un poco más desconocidas o menos utilizadas por nosotros. Por eso en esta ocasión vamos a volver a lo básico y ver cómo podemos modificar la apariencia de los enlaces de una página web…

Categorías: CSS, Diseño

Mostrar tags o etiquetas en una plantilla de Tumblr

Mostrar tags o etiquetas en una plantilla de Tumblr

5 de noviembre 2016

El uso de etiquetas o tags en las redes sociales se ha convertido en un elemento imprescindible para conseguir alcanzar una mayor difusión de la publicación que hagamos, ya que permite a los usuarios encontrarla dentro de la temática que le hayamos asignado. Pero cuando hablamos de un blog esto…

Categorías: Programación, Social media

Logo de nuestra web sin pixelar

Logo de nuestra web sin pixelar

21 de julio 2016

Cuando diseñamos páginas web es fundamental usar el logotipo de la empresa, normalmente como parte de la cabecera, ya que será de los primeros elementos que siempre estarán visibles en la primera carga del portal. Hasta aquí no he dicho ninguna novedad, pero es cierto que en los últimos años,…

Categorías: Diseño

Pseudoclase :hover de CSS no funciona en iOS (iPhone, iPad e iPod)

Pseudo-clase :hover de CSS no funciona en iOS (iPhone, iPad e iPod)

16 de julio 2016

Lo que vamos a ver en este artículo es algo curioso que sucede en ciertos terminales de pantalla táctil al usar la pseudo-clase :hover de CSS en una página web. A mi concretamente me ha ocurrido sólo en dispositivos iOS (iPhone, iPad e iPod), pero imagino que también es susceptible…

Categorías: CSS, Diseño, HTML

Catálogo online de fuentes tipográficas gratis

Catálogo online de fuentes tipográficas gratis

27 de mayo 2016

La elección de la tipografía cuando abordamos un proyecto de diseño es una de las partes fundamentales del proceso, ya que una mala decisión puede arruinar completamente nuestro trabajo. Es por eso que, además de tener buen criterio, necesitamos contar con una buena base de recursos para encarar el desarrollo…

Categorías: Diseño, Recursos

Los porcentajes no funcionan para animar la propiedad height en CSS

Porcentajes no funcionan para animar la propiedad height en CSS

6 de abril 2016

Desde hace algún tiempo ya intento usar CSS3 para hacer animaciones sencillas en lugar de JavaScript  y así aligerar la carga de la web. Pero unos meses atrás me topé con algo curioso cuando intentaba animar el alto de un DIV, algo que estoy seguro que le habrá pasado a…

Categorías: CSS, Diseño

Ocultar DIV o capa con CSS dependiendo de la resolución

Ocultar DIV o capa con CSS dependiendo de la resolución

14 de septiembre 2015

Optimizar una web para dispositivos móviles ya no es nada nuevo, en los últimos años los diseños adaptables o responsive han ido ganando cada vez más terreno. Habitualmente se usan frameworks que permiten adaptar nuestra plantilla para que reaccione de manera diferente dependiendo de la resolución de pantalla. Sin embargo…

Categorías: CSS, Diseño

Cómo dividir un párrafos en columnas con CSS (CSS3)

Cómo dividir párrafos en columnas con CSS (CSS3)

18 de diciembre 2014

Cuando trabajamos con páginas web que llevan mucho texto, en ocasiones puede interesarnos dividir uno o varios párrafos en columnas al estilo de un periódico. Algo que aunque a priori parece sencillo, más de uno hemos tenido que pegarnos chocazos para llevarlo a la práctica en portales dinámicos. Pero gracias…

Categorías: CSS, Diseño

Prefijos CSS de los navegadores (moz, webkit, o y ms)

Prefijos CSS de los navegadores (moz, webkit, o y ms)

14 de octubre 2014

La implementación de las pautas de la W3C por parte de los navegadores para interpretar CSS es habitualmente lenta, aunque en los últimos años cada vez es más complicado encontrar propiedades que no sean compatibles con sus últimas versiones. En cualquier caso, mientras que las compañías incorporan de manera nativa…

Categorías: CSS, Diseño

Este sitio web utiliza cookies, si continúas navegando estás dando tu consentimiento. Consulta nuestra política de cookies y de privacidad.

ACEPTAR
Aviso de cookies