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

Marcos Peñalosa

@marcospenalosa

Padawan del Front-End

Oviedo, Spain

Duda paleta de colores y variables

Marcos Peñalosa@marcospenalosa

Hola comunidad de EDteam, estoy tratando de diseñar una página web para poder guardar apuntes, para ello me he visto varios cursos relacionados con programación pero me faltaba el primer paso, diseño. Después de ver Fundamentos UI y Figma, voy a intentar diseñar la base de lo que tendría que ser la página.

La primera duda que me surge es con la paleta de colores de EDteam, en vuestras guía (https://ux.ed.team/colores.html) solo mostráis los cuatro colores primarios (y su variables CSS)

¿No sería necesario indicar las variaciones de color para que todo el mundo usara el mismo? Además de añadir las variables CSS.


Posible fallo en la explicación

Marcos Peñalosa@marcospenalosa

La explicación está perfecta pero puede llevar a una confusión muy común, que lleva a fallos que luego nos volvemos locos buscando.

¿Cuál es la condición para ser mayor de edad? Beto dijo 18 años es el mínimo.

1if(edad > 18){ 2accion 3} 4//Este IF es verdadero si edad tiene como valor 19 o más, para que sea correcto hay dos opciones: 5 6if(edad >= 18){ 7acción 8} 9// Este cumple la condición de si edad = 18 entra dentro del IF 10 11if(edad > 17){ 12accion 13} 14//Personalmente menos legible, se entiende menos.

Instalar en linux

Marcos Peñalosa@marcospenalosa

Si estás en Linux no te tengo que enseñar a instalar nada...por eso estás en Linux... :D


Muy buen curso para empezar en el mundo web.

Marcos Peñalosa@marcospenalosa

Gracias por el curso, se aprende fácil y rápido.

Yo siempre hago la siguiente analogía:

A la hora de construir un edificio hay diferentes pasos:

1- Planos - Diseño

2- Construcción: cimientos, paredes, definir el espacio (estructura) - HTML

3- Decoración: tipo de pintura, azulejos, puertas... - CSS

4- Automatización: puertas automáticas, controles de acceso, ascensores... - Javascript


Duda recursos de clase 4. Enlaces y listas

Marcos Peñalosa@marcospenalosa

En el notion de 4. Enlaces y listas de los recursos del curos, al final está escrito:

"Ejercicio: temario (TOC) con anclas y listas"

¿Dónde se puede encontrar ese ejercicio?


Duda atributo noopener

Marcos Peñalosa@marcospenalosa

Entoces, ¿es recomendable poner a todos los enlaces con ~~~ target="_blank" ~~~ el atributo ~~~ rel="noopener" ~~~ para evitar siempre cualquier posible "ataque"?


Evitar seleccion de texto

Marcos Peñalosa@marcospenalosa

Es decir, si por algún motivo, quiero que no puedan seleccionar y copiar el texto que escribo en la web, lo puedo poner con ::before y/o ::after?


No sé si lo entendí bien.

Marcos Peñalosa@marcospenalosa

Hola, para comprobar que entendí bien la clase me podeis indicar si lo siguiente es correcto:

1 2/* Seleccionar hermano siguiente + */ 3/* Selecciona al elemento justo depués de otro */ 4/* Si el elemento que sigue despues de un h1 es un p este tendrá un color rojo */ 5h1 + p { 6 color:red; 7} 8 9/* Seleccionar hermanos siguienteS ~ */ 10/* Selecciona todos los descendientes */ 11/* Cualquier elemento p que esté despues de un h1 tendrá un color rojo */ 12h1 ~ p { 13 color:red; 14}

Respecto a la clase: " .check:checked + .enabled " y " .check:checked + .disabled " no coge a disabled, porque primero está enabled? Es el siguiente a check. Al poner ~ no le importa el orden, porque busca en todos los descendientes.


Pregunta a ChatEDT