En este artículo, vamos a construir una versión avanzada de una estructura en forma de onda para cargar pantallas usando HTML y CSS. La pantalla de carga es útil cuando una determinada página tardó unos segundos en cargar el contenido de la página web. Si una determinada página web no contiene la pantalla de carga, … Continue reading «¿Cómo crear una pantalla de carga avanzada usando CSS?»
La extensión del visor de CSS es una extensión muy inteligente y útil que permite identificar las propiedades de CSS en cualquier lugar con un solo punto del mouse. Ahorra tiempo y es muy rápido, también facilita la identificación de CSS. Permite hacer clic en cualquier imagen, botón, texto, etc. en una página web y … Continue reading «CSS Viewer Chrome Extension para desarrolladores web»
Media Query es una técnica CSS que se utiliza para producir un diseño receptivo. Esencialmente, incluye condiciones, y el diseño receptivo solo se mostrará si se cumplen esas condiciones. ¿Por qué es útil? Digamos que desea hacer una imagen más pequeña en todos los dispositivos móviles pero más grande en todos los demás dispositivos, como … Continue reading «Conceptos básicos del diseño web receptivo: consultas de medios»
En este artículo, veremos cómo deshabilitar el campo de entrada en Pure CSS. En algunos casos, cuando le pedimos a alguien que complete un formulario, algunas cosas se activan y algunas cosas se deshabilitan para sus elecciones anteriores. En ese caso, también podemos usar HTML deshabilitado en Pure CSS. Este atributo funciona con otros tipos … Continue reading «Entradas deshabilitadas de CSS puro»
LESS significa Hojas de Estilo Más Esbeltas . Es una extensión de lenguaje compatible con versiones anteriores para CSS. Una de sus características es que te permite usar variables en la hoja de estilo. Las variables se pueden usar para almacenar valores CSS que se pueden reutilizar. Esto hace que sea más fácil para el … Continue reading «¿Cómo representar una variable en Less?»
Mientras trabajamos en UI/UX, debemos cuidar cada elemento web que aparece en la página web para facilitar la experiencia del usuario. Mientras diseñamos tales páginas, a menudo necesitamos ocultar o mostrar algunos elementos HTML particulares en cualquier evento o en un intervalo particular. En este artículo, podríamos hacerlo fácilmente con alguna línea de código javascript, … Continue reading «Diferentes formas de ocultar elementos usando CSS»
En este artículo, crearemos un calendario de vacaciones para un mes determinado utilizando el concepto de tablas en HTML, CSS para diseñar el calendario y PHP. También mostraremos todos los días festivos en un mes determinado, los resaltaremos con un color diferente y mostraremos el nombre del día festivo cada vez que el mouse se … Continue reading «Crear calendario de vacaciones usando HTML y PHP»
Puede haber situaciones en las que necesitemos verificar si una pestaña del navegador está enfocada o no. Las razones para esto incluyen: Evite el envío de requests de red si el usuario no está utilizando la página, ya que esto reduciría la cantidad de carga en el servidor. Además, esto ahorraría el costo si estamos … Continue reading «¿Cómo devolver verdadero si la página de la pestaña del navegador está enfocada en JavaScript?»
En este artículo, aprenderemos a borrar flotantes y el propósito de borrar flotantes en CSS. Antes de sumergirnos en este tema, conoceremos la propiedad float en CSS. La propiedad float en CSS se usa para cambiar el flujo normal de un elemento. La propiedad float define dónde debe estar el lado izquierdo o derecho del … Continue reading «Explicar el propósito de borrar flotantes en CSS»
En este artículo, aprenderemos cómo dividir una línea de cualquier declaración usando las propiedades de CSS. Debe conocer la etiqueta <br> que se usa en HTML para romper la línea. Pero en este artículo, usaremos solo CSS para realizar esta tarea. salto de palabra CSS usedwordline word wrap usedbreakwordswrapline overflow wrap CSS .word { width: … Continue reading «¿Cómo usar el salto de línea en CSS?»