En este artículo, veremos qué es la contención flotante en CSS. La contención flotante de CSS se utiliza para mejorar el rendimiento de las páginas web al aislar la subparte de la página del resto de la página. Una vez que los navegadores saben que una determinada parte del código es independiente, su representación puede … Continue reading «¿Qué es la contención flotante en CSS?»
En este artículo, veremos cómo crear el fondo de la galaxia usando HTML y CSS, además de conocer las propiedades básicas de CSS utilizadas y lo entenderemos a través del ejemplo. Un fondo de galaxia significa un pequeño grupo de círculos que tienen diferentes tamaños con diferentes tonos y un fondo oscuro. Esta tarea se … Continue reading «Crea un fondo de galaxia usando HTML/CSS»
En este artículo, aprenderemos a establecer una imagen o icono como la imagen <li> . Necesitamos establecer el tamaño de la imagen de la lista personalizada para que sea atractiva. Entonces, también aprenderemos las diferentes formas de cambiar el tamaño de la imagen de la lista personalizada. Sintaxis: En este artículo, usaremos las siguientes propiedades … Continue reading «¿Cómo cambiar el tamaño de la imagen de estilo de lista en CSS?»
En este artículo, aprenderemos cómo usar la propiedad de posición de CSS para manipular la posición de los pseudo elementos :before. La posición: la propiedad relativa es relativa a su padre. Tiene propiedades izquierda, derecha, arriba, abajo que ayudan a posicionar las coordenadas de los elementos. Además, sabremos cómo manipular la posición de los pseudo … Continue reading «Varios trucos para: antes de los pseudo elementos usando la propiedad de posición en CSS»
Dada una tabla HTML con un número determinado de filas, la tarea es ocultar todas las filas excepto la seleccionada sin conocer su ID mediante JavaScript. Enfoque: Uso de los métodos querySelectorAll() , forEach() , addEventListener() y filter() y el operador de propagación (…) en JavaScript nativo. En primer lugar, seleccionamos todas las filas de … Continue reading «¿Cómo ocultar todas las filas excepto la seleccionada sin conocer la ID completa en JavaScript?»
Hay dos formas de crear un complemento que pueda agregar y eliminar una clase al pasar el mouse sobre un elemento HTML. Requisito previo: complementos de jQuery Enfoque 1: usar los métodos this property & hover() y toggleClass() en jQuery. Se crea un complemento simple $.fn.hoverClass = function(e) {..} con una función anónima adjunta. El … Continue reading «¿Cómo crear un complemento que pueda agregar/eliminar una clase al pasar el mouse usando jQuery?»
Podemos organizar nuestro diseño para que se adapte a una amplia variedad de dispositivos diferentes y sus tamaños de pantalla y hacerlo receptivo mediante consultas de medios. Esta variedad se define utilizando 2 tipos de parámetros, ancho de pantalla y orientación. Puede tomar dos enfoques para crear un sitio web receptivo: Enfoque móvil primero: en … Continue reading «¿Cómo usar consultas de medios en un enfoque móvil primero en HTML?»
En este artículo, discutiremos cómo seleccionar todos los siguientes elementos hermanos de un elemento usando jQuery. Para seleccionar todos los siguientes elementos hermanos de un elemento, usaremos el método nextAll() . El método nextAll() se usa para encontrar los siguientes elementos hermanos del elemento seleccionado. Los hermanos son aquellos que tienen el mismo elemento padre … Continue reading «¿Cómo seleccionar todos los siguientes elementos hermanos de un elemento usando jQuery?»
En este artículo, configuraremos el CSS de un elemento div usando jQuery. Usaremos la propiedad CSS para establecer el CSS. Enfoque: Crearemos un elemento div con algo de texto e hipervínculos. Luego usaremos jQuery para aplicar CSS al elemento div. jQuery viene con la función .css() donde podemos obtener y configurar CSS de cualquier elemento. … Continue reading «¿Cómo aplicar CSS en un elemento div particular usando jQuery?»
Cuando agrega un hipervínculo a una imagen, algunos navegadores antiguos muestran una imagen con hipervínculo agregando automáticamente un borde azul alrededor de la imagen. Este comportamiento es similar al uso de subrayado azul y color de fuente para resaltar texto con hipervínculo. Aunque la mayoría de los navegadores modernos como Chrome, Edge, Firefox, etc. no … Continue reading «¿Cómo eliminar el borde azul alrededor de las imágenes vinculadas usando CSS?»