Las fuentes de letras que se utilice en un sitio web desarrollado con HTML y CSS pueden determinar que tan atractiva se ve, aunque algunos desestimen completamente su uso y se queden con los tipos que vienen por defecto. En este tutorial te vamos a explicar cómo cambiar de fuente (font) con CSS, para que… Read More
Categoría: css
Tutoriales y soluciones a problemas típicos que se pueden encontrar al crear estilos o maquetar en CSS
En la presente ocasión vamos a ver cómo superponer etiquetas y tags HTML con CSS. Esto mismo puede servir para manipular cualquier elemento HTML, por ejemplo botones, enlaces, todos los input y tags div entre otros. Para que puedas comprender correctamente todos los pasos necesarios para realizar dicha función, te vamos a proporcionar el código… Read More
En esta ocasión vamos a resolver un problema que se puede presentar en cualquier desarrollo web, ya sea algo complejo o simple, el cual trata de recortar y centrar una imagen para que siempre tenga un tamaño fijo. Este inconveniente se suele presentar cuando la aplicación que se quiere crear debe mostrar imágenes de un… Read More
En este sencillo tutorial aprenderemos a crear nuestro propio slider en Bootstrap. Una de las ventajas de utilizar Bootstrap es que nos permite hacer una página totalmente responsive para que se pueda ajustar correctamente en dispositivos móviles y tablets. ¿Cómo crear un slider en Bootstrap? Un slider o carousel en Bootstrap se puede crear de… Read More
Al desarrollar un sitio web en HTML y CSS nos podemos encontrar con muchos problemas, uno muy recurrente ocurre cuando tenemos un texto muy largo dentro de un div con un tamaño fijo, al ser tan largo puede pasar que sobrepase la etiqueta que lo contiene. En este tutorial veremos cómo evitar que un texto… Read More
En este tutorial aprenderemos a eliminar y agregar clases con jQuery utilizando las funciones addClass y removeClass. Esto nos puede beneficiar en muchas ocasiones, como por ejemplo cuando queremos manipular muchas propiedades CSS de una etiqueta. ¿Cómo eliminar y agregar clases con jQuery? Para realizar esto debemos incluir la librería de jQuery, en nuestro caso… Read More
Las transiciones en CSS son fundamentales para crear páginas con un diseño atractivo y moderno, es por eso que en este tutorial aprenderemos a crear nuestras propias transiciones. ¿Cómo crear transiciones en CSS? Para crear transiciones en CSS vamos a utilizar la propiedad transition, con la cual cambiaremos el color y tamaño de un cuadrado… Read More
Anteriormente hemos visto cómo crear bordes redondeados en CSS, hoy aprenderemos a crear una imagen circular con CSS. Para realizar esta tarea vamos a utilizar la propiedad border-radius. ¿Cómo crear una imagen circular con CSS? Para realizar esto vamos a necesitar una imagen de prueba, en nuestro caso vamos a utilizar la imagen de CSS… Read More
Anteriormente hemos visto cómo utilizar la propiedad float en CSS, hoy aprenderemos a rotar una etiqueta en CSS, para esto vamos a utilizar la propiedad transform compatible con distintos navegadores. ¿Cómo rotar una etiqueta en CSS? Para entender como realizar esta tarea vamos a crear un cuadrado de color rojo al cual le aplicaremos una… Read More