CSS
En esta oportunidad les voy a traer otro sencillo tutorial para que puedan aprender a cambiar el color de una etiqueta con jQuery y Java Script de forma dinámica, esta funcionalidad puede ser muy útil en diversos casos como por ejemplo cuando se quiere crear un botón que cambie de color cuando se presiona o […]
¿En qué consiste CSS? CSS (Cascading Style Sheets, por su traducción al español ‘hojas de estilo en cascada’) es el lenguaje empleado con el objetivo de poder describir cada aspecto y formato de alguna página web que está escrito en un lenguaje marcado, HTML, por ejemplo. Básicamente, sería el encargado del diseño y de darle […]
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 […]
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 […]
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 […]
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 […]
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 […]
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 […]
La propiedad float en CSS sirve para posicionar una etiqueta a la izquierda o derecha de su posición original. En este tutorial aprenderemos a utilizar esta propiedad junto a sus posibles valores left y right. ¿Cómo utilizar la propiedad float en CSS? Antes de comenzar es importante saber que al indicar esta propiedad con algún […]
Si nos encontramos desarrollando un sitio web bien dinámico es muy común tener que agregar estilos CSS con jQuery o Java Script sin librerías. Es por eso que en este tutorial aprenderemos a realizar dicha tarea un con un ejemplo muy sencillo. ¿Cómo agregar estilos CSS con jQuery? Antes de comenzar tenemos que incluir la […]