Marcos Peñalosa
@marcospenalosa
Padawan del Front-End
Oviedo, Spain
@marcospenalosa
Padawan del Front-End
Oviedo, Spain
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.
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.
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
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
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?
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"?
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?
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.
Marcos Peñalosa@marcospenalosa
https://prismjs.com/ -> Libreria color code
Esa es la librería que indicas al final del video, que no lo mencionas y puede resultar confuso :)