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...
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...
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,...
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...
Cuando se trata de unidades de medida en CSS, se pueden distinguir dos grandes grupos, las unidades absolutas y las unidades relativas. En lo que se refiere al tamaño de fuente tipográfica, la unidad absoluta estrella es sin duda el píxel (px), y...
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...
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...
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...
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...
En este Tutoriales En Linea vamos a ver como podemos optimizar la carga o la velocidad de nuestra web usando dns-prefetch. Partiendo de lo más básico, cuando un usuario abre su navegador e introduce la URL a la que quiere acceder, lo primero que...
En esta ocasión en tutoriales en linea mostraremos como crear un icono de hamburguesa animado en CSS. Que en la actualidad la estoy usando en esta Web. Por lo que nos pareció interesante compartir este código para los diseñadores para hacer nuestro...
Bootstrap tienen barras de navegación fantásticas que puedes usar si eliges basar tu diseño en su marco. Para mis propios proyectos, elegí hacer una barra de navegación desplegable adaptable con un menú de hamburguesas animado. La navegación se basa...