Maquetar una página web es parecido a construir la estructura de un edificio. Partiendo de un diseño y utilizando diferentes elementos se arma una estructura que contendrá todo el contenido al que vaya destinado. Como supondrás, para evitar problemas es necesario prestar especial atención a las dimensiones de la composición…
En esta entrada vamos a ver cómo crear un efecto hover en 3D con capas utilizando solo HTML y CSS. Para ello vamos a simular que al pasar el ratón por encima descomponemos el diseño de una página web en diferentes profundidades, separando las capas que lo componen y rotándolas…
Si llevas el tiempo suficiente dedicándote a hacer desarrollo de páginas web, es más que probable que te hayas topado con alguno o ambos conceptos y aún no tienes claro qué son. Por eso voy a intentar explicarlo de un modo sencillo y breve sin entrar en demasiados detalles, es…
Es bastante habitual encontrarnos con páginas web desarrolladas con WordPress que utilizan algún tipo de page builder para maquetar sus páginas. Se trata de plugins que permiten diseñar el contenido de las páginas de un modo más versátil y cómodo que utilizando el editor por defecto. Uno de estos plugins,…
Durante estos últimos años hemos podido escuchar en más de una ocasión este concepto, pero es posible que no sepamos muy bien en qué consiste el efecto parallax cuando hablamos de desarrollo web. El parallax o paralaje se utiliza con el objetivo de hacer la experiencia de usuario más atractiva,…
Categorías: Diseño
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…
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…
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. Como ya sabrás,…
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…
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, Redes sociales
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
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…