Un ejemplo de creación de componentes Polymer

Una de las opciones más interesantes de Polymer es extender el HTML con nuevos componentes que podremos usar en nuestros proyectos para solucionar las necesidades básicas que se nos planteen. Estos componentes son muy sencillos de realizar y gracias a Polymer existen muchas facilidades adicionales que nos permitirán desarrollarlos más rápido. Al final, lo que tendremos es una nueva etiqueta HTML que podremos usar para realizar diferentes acciones en la web, desde las más elementales hasta las más complejas.

Leer más

Novedades en Angular 2

Angular, el popular framework Javascript, se escribe desde cero, y presenta numerosas mejoras respecto a su versión inicial. Angular 2 es la nueva versión del framework que conocíamos con el nombre de AngularJS, del que ya hablamos en el artículo ¿Por qué AngularJS?. Aunque sea una nueva versión, esto no nos debe llevar a engaño: más bien deberíamos pensar que es un framework distinto. Cuatro años después de su nacimiento,  ha cambiado hasta en el nombre y ahora se  denomina Angular 2, sin  las siglas JS.

En este artículo, analizamos algunas de las novedades que se presentan con la llegada de Angular 2, sobre todo aquellas que han obligado a sus creadores a partir desde cero y han roto la compatibilidad hacia atrás.

Leer más

Cómo usar el atributo NO FOLLOW para impulsar el SEO

El atributo rel=nofollow dentro de <a …> (el tag de HTML que se utiliza para los enlaces) es lo que hace que los buscadores no sigan ese link y se suele utilizar para que enlaces a páginas con poco rango (PageRank) dentro de, por ejemplo un foro, no hagan que baje el PageRank del propio foro.

En este artículo, explicamos cómo utilizar correctamente este atributo de cara al posicionamiento de una página web.

Leer más

Cómo crear un bocadillo de cómic con CSS

Ahora que ya hemos hablado de cómo adaptar los textos a imagen, crear elipses y otras formas con border-radius, vamos a dar un paso más y  ver una de las muchas técnicas que podríamos usar para crear los bocadillos de las historias de cómic, aquellos que hacen entender que los personajes están hablando o pensando y que puede resultar un recurso muy útil para cualquier página web. Lo haremos sólo con CSS, sin apoyarnos en imágenes. Esto que optimizará el sitio web y nos permitirá reutilizarlo fácilmente, solo a partir del nombre de una clase que colocaremos a todos los elementos que tengan que representarse como el elemento balloon, el nombre por el que se conocen los bocadillos de cómic en inglés.

Leer más

CSS Responsive: estilos básicos para tu diseño

Tras repasar Viewport y Picture en estos artículos, seguimos profundizando en los principales recursos para diseño responsive a la hora de crear una página web. En esa línea, no podemos olvidarnos de las Media Queries, tal vez las herramientas más representativas cuando pensamos en CSS para el ya proclamado 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, pero en nuestro artículo de hoy, queremos centrar nuestra atención en las propiedades de estilo CSS.

Leer más

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

Durante mucho tiempo los diseñadores web han tenido que utilizar  cajas cuadradas para maquetar los textos, ya que los contenedores más habituales tienen esa forma por defecto y echar mano de otros recursos (imágenes, por ejemplo) cuando querían utilizar adaptar los textos a las formas de las imágenes. Ahora, con CSS podemos conseguir que los textos se adapten mejor  a las formas de los diferentes elementos a los que acompañan.

Leer más

Imágenes responsive con la etiqueta Picture

En muchas ocasiones, diseñar una web 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

Si anteriormente 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 en cualquier página web. En este artículo, te queremos detallar cómo sacarle el máximo partido a este elemento, que nos resultará muy útil para incluir formas circulares en cualquier proyecto web directamente desde el código.

Leer más

La etiqueta Viewport, imprescindible para el diseño responsive

Vivimos en una era donde la accesibilidad móvil es esencial. Cada vez más personas navegan por la web desde sus dispositivos móviles, lo que significa que los diseñadores web deben garantizar una experiencia fluida en estos dispositivos. Aquí es donde entra en juego la etiqueta viewport.

En este artículo, explicaremos en detalle qué es, su importancia a la hora de cómo diseñar una página web y cómo configurarla para garantizar que tu sitio ofrezca una experiencia óptima en todos los dispositivos. ¿Listo para optimizar tu sitio web?

Leer más

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

La copia de seguridad que necesitas para tus dispositivos, tus proyectos y tus datos
Accede a tus archivos desde cualquier dispositivo y lugar de forma segura
pack
10 GB
Gratis
Consigue tu backup ahora