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 …
Background color con opacity y RGBA en CSS
La propiedad background-color de CSS, es una de las más sencillas y más utilizadas en CSS. Se complica cuando queremos dar algo de transparencia al fondo del elemento al que …
Ejercicio de colores CSS
Este ejercicio que he creado, esta preparado para ver como asignar colores CSS. Para ello pondremos color a texto y fondo a través de las propiedades color: y background-color: Los …
Qué es el favicon y como ponerlo en HTML
El favicon es un pequeño icono que identifica un sitio web cuando está abierto en una pestaña o cuando es guardado como favorito. El tamaño estándar de este icono es …
Mostrar errores PHP en producción
Cuando estamos programando una aplicación o proyecto en PHP, este tiene 2 estados: desarrollo y producción. Cuando programamos en local el proyecto está en desarrollo y la configuración de PHP …
Insertar localizaciones en HTML con OpenStreetMap
Vamos insertar el típico mapa de geolocalización en una página web, con los mapas de OpenStreetMap. Estoy tendiendo últimamente a usar esta plataforma para la inserción de mapas en las …
Vídeo background en HTML
Estoy empezando a meter en la formación, etiquetas de HTML5 y propiedades de CCS3. En este ejemplo, trabajamos la etiqueta <video> y propiedades de CSS3, como object-fit, object-position y mix-blend-mode. El ejemplo muestra …
Ejercicio cajas float CSS
A la vez que vamos avanzado en contenidos , vamos a ir añadiendo secciones a ese ejercicio en que hacíamos la cabecera de una web (El Centollo) https://raulperez.tieneblog.net/menu-horizontal-css-responsive-centrado-automaticamente/ En este caso …
Menú horizontal CSS responsive centrado automáticamente
Este es un menú que he creado para practicar las listas en CSS, con el grupo al que estoy impartiendo formación en Saregune en una acción formativa de Lanbide. Este …
Ejercicio modelo de cajas CSS
Os comparto un ejercicio que he creado para practicar las propiedades del modelo de cajas en CSS. Se practicaran propiedades como el borde, relleno, margen, anchura y algunas propiedades de …