--Estilos-CSS-básicos-para-Responsive-Web-Design

Estilos CSS básicos para diseño responsive

Tras repasar Viewport y Picture en los últimos días, seguimos profundizando en los principales recursos para diseño responsive. Y no podemos olvidarnos de las Media Queries, tal vez las herramientas más representativas cuando pensamos en CSS para responsive design , ya que permiten realizar la mayor parte del efecto de adaptación a todo tipo de pantallas. De ellas, hablaremos más adelante porque es un tema que da para mucho.

De momento, nos centraremos en una lista de propiedades de estilo CSS para conocer algunas técnicas útiles que conviene tener en cuenta en la maquetación web, especialmente si estamos trabajando en sitios adaptables.

Leer más

Textos-que-se-adaptan-a-las-formas-de-una-imagen

Cómo adaptar los textos a las formas de una imagen

Más allá de las características y funcionalidades de border-radius, en más de una ocasión tendremos que maquetar los textos para que se adapten a la forma de la imagen los acompaña, algo que podremos hacer mediante técnicas de CSS, como explicamos a continuación.

Leer más

Cómo configurar el correo electrónico de Arsys en Mail de Mac

En este artículo, explicamos cómo configurar una cuenta de correo electrónico alojada en Arsys en ordenadores de Apple con el sistema operativo OS X El Capitan 10.11.1 y su aplicación Mail.

Leer más

Imágenes-responsive-con-la-etiqueta-Picture

Imágenes responsive con la etiqueta Picture

En muchas ocasiones, el diseño responsive se complica al utilizar las imágenes. Más allá de utilizar la etiqueta Viewport, que vimos hace unos días, o de asignar a las imágenes una anchura relativa con CSS, necesitamos un  método que nos permita seleccionar la imagen más adecuada para cada pantalla en cuanto a su tamaño y resolución. Para eso, tenemos la etiqueta Picture, cuyas principales características explicamos en este artículo.

Leer más

Cómo-crear-formas-avanzadas-con-border-radius

Cómo crear formas avanzadas con border-radius

Si hace unos días nos aproximábamos a las funcionalidades de border-radius para crear bordes redondeados, ahora profundizamos un poco más. Con esta propiedad de CSS3, la imaginación es el límite a la hora de crear diferentes formas, añadir sombras o realizar incluso animaciones cualquier página web.

En este artículo, explicamos cómo sacar el máximo partido a este elemento, que nos resultará muy útil para incluir formas circulares en cualquier proyecto web y directamente desde el código.

Leer más

Cómo configurar el correo electrónico de Arsys en iPhone o iPad

En este artículo, explicamos cómo configurar una cuenta de correo electrónico alojada en Arsys en teléfonos y tablets de Apple con el sistema operativo iOS 9.2.

Leer más

Viewport,-una-etiqueta-imprescindible-para-el-diseño-responsive

Viewport, una etiqueta imprescindible para el diseño responsive

Viewport es  la etiqueta que mejor representa la web en movilidad, ya que nos permite indicar cómo se verá un proyecto web en dispositivos móviles. Apple la creó para decirle al iPhone como debería renderizar el documento, convirtiéndose desde entonces en un estándar que ya está soportado por la mayoría de dispositivos.

Como definición rápida, diremos que viewport podría traducirse como vista o ventana y nos sirve para definir qué área de pantalla está disponible al renderizar un documento, nivel de escalado y el zoom que debe mostrar inicialmente. Todo ello, con parámetros que le damos a la propia etiqueta META.
Leer más

Bordes-redondeados-con-CSS3

Bordes redondeados con CSS3

Seguimos profundizando en las características del HTML5 y lo hacemos repasando una de las funcionalidades más útiles de CSS3 para diseño web: crear bordes redondeados. Esto lo podemos hacer directamente con el atributo border-radius, que define qué curva tiene que tener el borde del elemento al que se le aplica. Para ello, CSS3 añade novedades en el control de los bordes de los elementos, permitiendo esquinas redondeadas, bordes con imágenes, sombras, etc.

Leer más

Cómo configurar el correo electrónico de Arsys en dispositivos Android

En este artículo, explicamos cómo configurar una cuenta de correo electrónico alojada en Arsys en teléfonos y tablets que utilicen el sistema operativo Android 6 Marshmallow.

Leer más