…Jhan M.
@useless
Metaverso
…@useless
Metaverso
En la clase se nos comentó que sería óptimo organizar nuestro código de CSS por similudes, podemos asociarlos con las propiedades de CSS, pero ¿cómo organizarlos?🤔
Una de las propuestas al momento de hacerlo con propiedades es la siguiente:
Propiedades de Texto: font-family, font-size, line-height ...
Propiedades de Posicionamiento: position, z-index, top ...
Propiedades de Modelo de caja: box-sizing, width, height ...
Propiedades de Colores: color, background, border-color ...
Otras propiedades: cursor, content ...
Psdt. También existen organizadores de código de CSS en la web como CSScomb🕵️♂️
<link rel="stylesheet" href="styles.css">
<style></style>
<h1 style="color:red">Hola</h1>
@import url(styles.css)
<link rel="stylesheet" href="styles.css">
<style></style>
<h1 style="color:red">Hola</h1>
@import url(styles.css)
No sabía que CSS tendría similitudes en su evolución igual que el HTML en considerarlos CSS3 Y HTML5 respectivamente. Y su evolución por módulos le ha permitido a CSS seguir creciendo.🥳
Este es el trabajo en codepen.io de Alexis Mora Angulo UX Lead en EDteam.💙
Mucho tiempo se ha vinculado que un Frontend debe de saber de diseño y UX/UI, si bien puede adquirir aquellos conocimientos de esas áreas, al momento de trabajar en un empresa o startup de tecnología cumplirá funciones especificas y el encargado de la interfaz y el diseño vinculado al código será un maquetador web o un Web Designer.🚀
Forman un bloque visible en la página. Aparecerán en una línea nueva después de cualquier contenido anterior. Suelen ser elementos estructurales de la página.
<p>Mi nombre es Jhanpiere Montes</p>
Los elementos en línea están contenidos dentro de elementos de bloque y que delimitan solo pequeñas partes del contenido del documento. Un elemento en línea no hará que aparezca una nueva línea en el documento.
<p>Mi nombre es <strong>Jhanpiere Montes</strong></p>
Los elementos en línea están contenidos dentro de elementos de bloque y que delimitan solo pequeñas partes del contenido del documento. Un elemento en línea no hará que aparezca una nueva línea en el documento.
<img src="https://ed.team"/>
Crea una carpeta dentro de tu computadora. Ejm: curso-html 🎯
Abrir VScode y click en 'Open Folder' o 'Abrir carpeta' y seleccionas la carpeta que has creado. 🤖
Una vez que hayas abierto la carpeta dentro de VScode, crea un archivo llamado 'index.html' 🚀
Les dejo un vídeo también de EDteam sobre los plugins o extensiones que te podrían servir a futuro✨
Si bien Tim Berners-Lee fue el creador de la web y paso a convertirse en el primer desarrollador web. 👨💻
En el apogeo de internet las máquinas se podían conectar, Tim se dio cuenta que era difícil acceder a la información. Si bien las máquinas estaban conectadas se tenía que pedir permiso a la otra máquina para acceder ya sea a una información o recibir información.
Entonces Tim pensó que podemos hacer para poder acceder a la información que se encuentra internet pero sin la necesidad de que pedir acceso o permisos y que solo bastara tener conexión(web).
Tim Bernes-Lee lo pensó y lo desarrollo en un NExt de Steve Jobs, es decir que si Steve no creaba a Next es probable que no tendríamos a la Web que conocemos actualmente.🤯