Las imágenes vectoriales .svg en HTML5
Las imágenes vectoriales .svg en HTML5, están ya estandarizadas por lo que todos los navegadores web lo permiten. El formato SVG se basa en XML, así que en resumidas cuentas …
Caja con efecto hover usando el pseudoelemento CSS ::before y la propiedad transition
Vamos ha hacer un ejemplo práctico para entender mejor el pseudoelemento CSS ::before y la propiedad transition. Además el resultado es totalmente reutilizable para ser usado en portfolios, imágenes, cards, …
Manual Atom Editor (Introducción)
Atom Editor es un editor de código fuente de código abierto para macOS, Linux, y Windows con soporte para múltiples plug-in escritos en Node.js y control de versiones Git integrado, …
Botón para ir arriba en una web con jQuery
Siempre es interesante tener un botón para volver a la parte superior de nuestra página web, que aparezca en el momento que nosotros decidamos, depediendo de la posición del scroll …
Ejercicios de selectores CSS
Os comparto un par de ejercicios que he creado yo mismo desde 0, para practicar los selectores CSS. Los utilizo siempre para practicar los selectores simples y descendientes, despues de …
Test HTML
He creado este test HTML para finalizar la parte de HTML en un curso. Creo que es un buen resumen de lo visto y nos deja listo para empezar CSS
Formulario HTML, atributos y nuevos controles HTML5
He creado este ejercicio, que consta de un formulario HTML. Va acompañado de una serie de intrucciones para practicar casi todos los tipos de elementos, atributos que empiezan a usarse …
Rutas relativas HTML
En el comienzo de un curso de HTML, es muy importante entender a la perfección el concepto de las rutas relativas en HTML. He creado un ejercicio centrado exclusivamente en …
Elementos con la misma altura usando flexbox
Si podríamos garantizar que las cajas siempre tendrían la misma cantidad de contenido, nos valdría con asignar una altura fija a las cajas. Pero muchas veces el contenido no es …
Como usar Google Web Fonts en mi página web con CSS
Vamos a ver como añadir tipografías de Google Web Fonts a nuestra página web. Google Fonts Google Fonts es un directorio de tipografías libre. Muchas de las fuentes están …