Inicia sesión





Ordenar:



Como prevenir que una palabra se salga de su contenedor

Si tenemos una palabra muy larga puede pasar que ocupe más ancho que su contenedor y que no se pueda leer o, en el mejor de los casos, rompa el layout de nuestra web. Este problema puede provocar más de un calentamiento de cabeza, especialmente en...

Imágenes background en diseño responsive

En el diseño responsive las imágenes tienen algunos inconvenientes: carga de archivos innecesariamente pesados para pantallas pequeñas y necesidad de redimensionar las imágenes con la posible distorsión y pérdida de calidad. Hay múltiples soluciones...

Cómo hacer un iframe responsive

Muchos servicios multimedia, como YouTube o SoundCloud, utilizan el viejo elemento <iframe> para insertar el contenido en otras webs. Y que conste que digo «viejo» con todo el cariño. En los días que corren dónde el diseño adaptativo es más...

Como cambiar el color del texto seleccionado con CSS

Cuándo seleccionamos texto en una página web, el fragmento seleccionado queda resaltado con un color de fondo y un color de fuente determinado. Los colores utilizados dependen del navegador y sistema operativo, no hay un estándar al respecto, pero...

Cómo cambiar el cursor por una imagen personalizada

La propiedad CSS cursor especifica el tipo de cursor que se mostrará cuándo se señala un elemento. Se puede especificar directamente mediante el nombre del tipo de cursor que queremos utilizar de entre los tipos de cursores de sistema, por ejemplo,...

Haciendo un spinner con CSS

Los spinners, esos típicos símbolos que nos muestran que estamos a la espera de algún proceso de carga, han sido durante mucho tiempo imágenes tipo GIF. Pero CSS le ha comido casi todo el terreno. Con las propiedades animation, transform y...

El caso del colapso de márgenes en CSS

De forma general, los elementos de un documento HTML se representan como una caja o bloque cuyas características define el llamado box model (modelo de bloques o cajas). Este modelo se aplica de forma predeterminada a todos los elementos de nivel...

Introducción a las variables CSS

Las variables CSS, oficialmente llamadas propiedades CSS personalizadas, ofrecen un amplio abanico de posibilidades imposibles de conseguir en CSS con anterioridad, a no ser que se utilizase algún preprocesador, como pueden ser SASS o LESS. No...

Cómo utilizar z-index y los contextos de apilamiento

La propiedad z-index en CSS se utiliza para ordenar los elementos que se superpongan entre sí. Con la propiedad z-index podemos controlar qué elemento iría encima y cual debajo, como si el documento tuviera profundidad, tres dimensiones en lugar de...

Las diferencias entre :focus y :active

Las pseudo-clases CSS son identificadores que se añaden a los selectores para dirigir reglas de estilo solo a los elementos que se encuentren en un determinado estado, y así facilitamos que el usuario pueda distinguirlos de otros elementos similares...

El selector CSS mayor qué - selector de hijos

En este tutoriales en linea hablaremos sobre los selectores de hijos de CSS(siglas en inglés de Cascading Style Sheets). El selector «mayor qué» (símbolo «>») es utilizado en CSS para seleccionar todos los elementos que sean directamente...

Cómo crear un botón de desplazamiento hacia arriba

En esta ocasión en Tutorial en linea les mostraremos la manera de implementar un un botón de desplazamiento hacia arriba en nuestro sitio Web. Los siguientes ejemplos muestra cómo crear un botón "desplazarse hacia arriba" que se hace visible cuando...