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.

Leer más

Las propiedades de los contenedores Flexbox (I)

Ya hace un tiempo que vimos las principales ventajas de Flexbox y sus aportaciones a CSS3, así que ahora queremos profundizar en algunos de sus aspectos más prácticos y funcionales para las tareas de Desarrollo Web y vamos a ver cómo aplicar las reglas de Flexbox y configurarlo para personalizar su comportamiento.

Leer más

Repasamos los principales conceptos de Flexbox

Como vimos en ¿Qué aporta Flexbox a CSS3?, Flexbox es un mecanismo de CSS3 que multiplica las posibilidades de maquetación web y nos facilita la composición del diseño. Vamos a comenzar una serie de artículos prácticos sobre Flexbox, pero antes vamos a explicar hoy algunos conceptos imprescindibles de esta herramienta, que nos obligará a pensar diferente en algunos momentos, e incluimos un ejemplo práctico que nos ayudará a descubrir todas sus posibilidades.

Leer más

¿En qué consisten los Cloud IDE?

Ya hace un tiempo que repasamos los mejores editores de HTML e IDE (abreviatura de Entorno de Desarrollo Integrado en inglés). Desde entonces,  los IDE online o Cloud IDE se han popularizado extraordinariamente. En este artículo  explicamos las ventas de estas herramientas para desarrolladores web, ejemplificando sus funcionalidades con Codiad, un software Open Source que podemos desplegar en sólo unos clics sobre los Servidores Cloud de Arsys.

Leer más

¿Cuál es el flujo de trabajo habitual en la creación de páginas y aplicaciones web?

El desarrollo de un proyecto web pasa por diferentes estados hasta su publicación, por lo que es necesario establecer un flujo de trabajo que organice las diferentes etapas, minimice los errores y mantenga siempre  el foco en el aspecto, funcionalidades y experiencia de uso de nuestra aplicación y sitio web. A continuación, te mostramos el flujo de trabajo más habitual (o, al menos, recomendado) que podemos utilizar y que nos permitirá gestionar con éxito nuestros proyectos web.
Leer más

Repasamos las posibilidades de la propiedad text-overflow de CSS3

Con text-overflow tenemos una propiedad de CSS3 muy útil para la maquetación web, ya que nos permite decidir qué aspecto tendrá un texto que no cabe dentro de la caja donde lo hemos ubicado, algo que antes había que solucionar a base de programación, detectando cuando no se mostraba la totalidad de un texto.

Leer más

Crear sombras con box-shadow en CSS3

Aunque ya hemos hablado de cómo aplicar sombras y otros efectos a los textos con el atributo text-shadow de CSS,  nos centramos ahora en box-shadow, otro atributo de CSS que nos permite sombrear elementos de una manera sencilla, ahorrando tiempo y haciendo las páginas más ligeras.

Leer más

Cómo crear efectos de resplandor con sombras CSS

Hace años conseguir un efecto de resplandor requería apoyarnos en imágenes generadas desde programas de diseño gráfico como Photoshop. Sin embargo, CSS permite separar el contenido de la presentación y ofrece a los diseñadores un completo control de la apariencia, sin tener que acudir a elementos externos a los propios estándares de la web. En este artículo, conseguiremos que diversos elementos de la página tengan un resplandor exterior, creando el efecto de emisión de luz, y lo haremos únicamente con hojas de estilo CSS.

Leer más

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