Accede a todo EDteam con un único pago¡Sube a premium!
Banner de perfil

¿Metodología CSS?

Ángel D.@adgonzalez

¡Hola! Buen día,

Actualmente trabajo en un proyecto basado en VUE, básicamente me encargo de la parte estética del sitio. Se trabaja con CSS nativo (por requerimientos del cliente). El punto es que utilizo la metodología BEM, sin embargo el equipo está interesado en cambiar ésta por otra más fácil de entender.

¿Cuál me recomiendan?

Agradecido de antemano.

Salu2!!!


Recomendación de líbrería

Ángel D.@adgonzalez

Buen día comunidad,

Tengo un par de preguntas y estaré muy agradecido de que me puedan ayudar:

  • ¿Alguna librería que recomienden para efecto hover en Hero Imagen?

  • ¿Alguna librería que recomienden para utilizar Hero Video?

Saludos!!!


Workflow ¿GULP? o ¿Webpack?

Ángel D.@adgonzalez

¡Hola Comunidad! Buen día,

Verán, me dedico a la maquetación web (con objetivo de formarme como programador frontend) y me gustaría saber que recomiendadn trabajar, para crear mi entorno de trabajo. Básicamente poder compilar SASS (así sean de frameworks CSS) y el refresh automático, lo esencial digamos.

Agradecido de antemano.

Saludos!!!


Problema de alineación con Fklexbox (Bootstrap 4.5)

Ángel D.@adgonzalez

¡Wow! Primero que nada Felicitar a la plataforma por la agradable sorpresa que me llevo al ingresar a la plataforma. ¡Gran trabajo!

¡Hola Comunidad! Buenas tardes,

Sirva la presente para solicitar su valioso apoyo para un pequeño problema que tengo y no logro solventar. Estoy trabajando en un proyecto que utiliza la última versió de Bootstrap (4.5).

Básicamente intento alinear el último elemento (de una cuadrícula) con la clase ".col-md-6" utilizando en el contenedor padre la clase "justify-content-md-between". en teoría debería funcionar (como se puede apreciar en la primera fila) pero al último elemento no lo alinea como debe. Estuve leyendo y el problema parece estar relacionado con el "max-width" , me apouye en FlexBug pero no logro darle solución. Pueden ver que modifico el valor del "flex-basis" de la columna de Bootstrap para obtener la separación que necesito.

¿Alguien podría echarme una mano en tal aspecto?

Agradecido de antemano.

Saludos!!!


VSC no refresca archivo CSS al compilar SASS

Ángel David González Flores@adgonzalez

Hola! Buen día,

El motivo por el cual realizo esta publicación es el siguiente. Estoy tratando de compilar SASS con GULP 4, ya tengo el gulpfile con la tarea sass definida y se ejecuta correctamente. El problema es que VSC no me refresca de manera inmediata cualquier modificación que realice en el archivo SASS después de guardar, tengo que perder el foco de la ventana de VSC y luego volver a ella para poder visualizar el refrescamiento de los cambios, todo esto en el código.

Me parece que es algo relacionado al guardado en VSC pero no logro darle solución.

¿Alguien que le haya pasado algo similar?

De antemano muchas gracias!!!


Crear página de error

Ángel David González Flores@adgonzalez

Buenas noches comunidad,

Les que rías preguntar:

¿Como hacen para inspirarse en el diseño de una página de error?

Quisiera implementar una pero algo con SVG con animaciones algún tip y/o consejo que recomienden o tal vez lugar para conseguir recursos útiles.

Estos errores que si 404, por ejemplo la de EDTeam está genial la verdad.

Agradecido de antemano.

Saludos!!!


Metodología SMACSS para archivos CSS

Ángel David González Flores@adgonzalez

Buenas noches comunidad,

Terminaré mi relación laboral dentro de poco para una empresa y uno de los proyectos de cierre acordado es organizar el código CSS (casi 9000 líneas). No están de acuerdo en utilizar un preprocesador de CSS (utilizo SASS), así que haré el trabajo, he aquí mi duda:

  • ¿Es posible utilizar SMACSS y dividir los archivos CSS según corresponda?
  • ¿Se considera mala práctica?

Agradezco a quién me pueda orientar en dicho aspecto.

Espero estén bien.

Saludos!!!


Texto en PUG

Ángel David González Flores@adgonzalez

Hola Buen día,

Estoy viendo el curso gratuito de PUG desde cero, actualmente me encuentro en el video 1.3 en donde básicamente se crea la estructura básica de una página web. Pero tengo una duda y es que al seguir el código del video:

head title Mi primera página web en EDteam meta( name="viewport" content="") link(rel="stylesheet" href="cc/styles.css") body.main#front-page h1(data-title="first") Bienvenidos

La palabra "Bienvenidos" se encuentra al mismo nivel de indetación de su padre (h1) en el video se marca como texto pero en mi editor VSC lo marca como una etiqueta al momento de compilar.

De antemano muchas gracias.


Pregunta a ChatEDT