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.
Fernán García de Zúñiga
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.
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.
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.
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.
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.
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.
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.
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?
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