Categoría: CSS-Questions

¿Qué comando se usa para ejecutar el código SASS desde la línea de comando?

Posted on by Rudeus Greyrat

En este artículo, discutiremos cómo ejecutar el código SASS desde la línea de comandos. SASS (Syntactically Awesome Style Sheet) es un preprocesador CSS simple que hace posible crear hojas de estilo manejables, independientes de la plataforma y reutilizables para sitios web. Es totalmente compatible con todas las versiones de CSS. Sass reduce la repetición de … Continue reading «¿Qué comando se usa para ejecutar el código SASS desde la línea de comando?»

Tailwind CSS frente a Bootstrap

Posted on by Rudeus Greyrat

Tailwind CSS fue desarrollado inicialmente por Adam Wathan, y la primera versión se lanzó el 1 de noviembre de 2017. Tailwind CSS es un marco CSS de primera utilidad para crear interfaces de usuario personalizadas de manera rápida y eficiente. Es un estilo en línea que se utiliza para lograr una interfaz elegante sin escribir … Continue reading «Tailwind CSS frente a Bootstrap»

Cree un efecto de animación de espaciado de letras usando HTML y CSS

Posted on by Rudeus Greyrat

En este artículo, vamos a crear una animación de espaciado de letras usando CSS . El espacio entre letras es el espacio disponible entre las letras de una palabra en particular, recorreremos cada paso para lograr este efecto de animación para nuestra página web. Acercarse: Inicialmente, el espacio entre letras será -15px. Al 20 %, … Continue reading «Cree un efecto de animación de espaciado de letras usando HTML y CSS»

Carrusel usando Materialise CSS

Posted on by Rudeus Greyrat

Materialise CSS es una biblioteca de componentes de interfaz de usuario creada y diseñada por Google. Es un lenguaje de diseño que combina los principios clásicos del diseño exitoso junto con la innovación y la tecnología. Características: Marco de CSS front-end responsivo. Es independiente del navegador. Extensible. Es de uso gratuito. Su énfasis está en … Continue reading «Carrusel usando Materialise CSS»

Diferentes formas de aplicar colores en un documento HTML

Posted on by Rudeus Greyrat

Un sitio web o una aplicación coloridos son más atractivos que un sitio web en blanco y negro. En este artículo, repasaremos las diferentes formas de aplicar colores en documentos HTML. Al igual que otras etiquetas HTML, no existe una etiqueta especial para aplicar colores en documentos HTML. Sin embargo, utilizando el atributo de estilo … Continue reading «Diferentes formas de aplicar colores en un documento HTML»

Cree una aplicación web de tienda de comestibles usando PHP con MySQL

Posted on by Rudeus Greyrat

En este artículo, vamos a construir una aplicación web de tienda de comestibles usando PHP con MySQL. En esta aplicación podemos agregar artículos de abarrotes por su nombre, cantidad, estado (pendiente, comprado, no disponible) y fecha. Podemos ver, eliminar y actualizar esos elementos. Habrá una función de filtrado de fechas en la que podremos ver … Continue reading «Cree una aplicación web de tienda de comestibles usando PHP con MySQL»

Diseñe un reloj digital en estilo neumorfismo usando JavaScript

Posted on by Rudeus Greyrat

Un reloj es un dispositivo que sirve para medir el tiempo. Los relojes son un elemento útil para cualquier interfaz de usuario si se usan de manera adecuada. Los relojes se pueden usar en sitios donde el tiempo es la principal preocupación, como algunos sitios de reserva o alguna aplicación que muestra los tiempos de … Continue reading «Diseñe un reloj digital en estilo neumorfismo usando JavaScript»

5 increíbles estilos CSS que todo desarrollador debería conocer

Posted on by Rudeus Greyrat

CSS (hojas de estilo en cascada) ayuda al desarrollador a mejorar la apariencia visual de las páginas web. En otras palabras, podemos decir que CSS agrega vida a las páginas web y las embellece. Con CSS, podemos cambiar el diseño, el color, las fuentes, las imágenes y, lo mejor de todo, es que, para un … Continue reading «5 increíbles estilos CSS que todo desarrollador debería conocer»

¿Cuáles son las diferencias entre LESS y SASS?

Posted on by Rudeus Greyrat

Este artículo tiene como objetivo enfatizar las características clave y las diferencias entre los dos preprocesadores de CSS, LESS y SASS. Antes de sumergirnos directamente en la sección de diferencias, primero, hablemos de estos dos preprocesadores. Si no conoce los conceptos básicos de este preprocesador, consulte LESS & SASS . LESS: es una hoja de … Continue reading «¿Cuáles son las diferencias entre LESS y SASS?»

¿Cómo pausar/reproducir animación usando CSS?

Posted on by Rudeus Greyrat

CSS ayuda a animar elementos HTML sin usar JavaScript. Puede reproducir y pausar la animación aplicada a los elementos HTML utilizando la propiedad animation-play-state de CSS. La propiedad animation-play-state tiene 2 valores: pausado : pausa una animación en curso. running : inicia una animación en pausa (valor predeterminado). Sigue estos pasos : Crear archivo HTML … Continue reading «¿Cómo pausar/reproducir animación usando CSS?»