Lleva tus conocimientos de CSS a otro nivel

1

Tips para llevar tu conocimiento de CSS a otro nivel + Quices

¿De dónde venimos y en dónde estamos?

2

¿Cómo fue pensado CSS cuando se creó?

3

Limitaciones de CSS y el problema de los elementos flotantes

4

Herramientas que nos han facilitado el camino

¿Cómo se llegó al concepto de CSS Grid?

5

¿CSS Grid es una idea nueva? La evolución de la especificación

6

¿Qué significa Grid para CSS?

Control de alineamiento

7

Técnicas de alineamiento antes de CSS Grid: margin y line-height

8

Técnicas de alineamiento antes de CSS Grid: table-cell y positions

9

Técnicas de alineamiento de CSS Grid: pros y contras

10

Modos de escritura y ejes de alineamiento + Reto

11

Propiedades físicas y lógicas en CSS + Quiz

12

Técnicas de alineamiento con Flexbox

13

Dibujemos con CSS + Reto

Conceptos generales para comenzar a trabajar con CSS Grid

14

Grid y las relaciones padre e hijos inmediatos + Quíz

15

Lines, tracks, cell, area, gutters, grid axis, grid row, grid column + Reto

16

¡Iniciemos nuestro proyecto! Fase de creatividad e identificación de elementos

Propiedades y valores para el elemento padre

17

Creando nuestro contenedor: ¿display: grid o display: inline-grid?

18

Creando filas, columnas y espaciado + Reto

19

Alineamiento en el elemento contenedor + Quiz

20

Generación automática de tracks + Quíz

21

Funciones: repeat(), minmax() y fit-content()

Propiedades y valores para los elementos hijos

22

¡Manos al código! Fase de construcción de la grid principal de nuestro proyecto

23

Ubicación + Reto

24

Alineamiento en los elementos hijos + Quiz

25

¡Manos al código! Fase de ubicación y alineamiento

26

Continuando con la fase de ubicación y alineamiento

Lo que podemos lograr adicionalmente con CSS Grid

27

Responsive y CSS Grid

28

Continúa con el Curso de Diseño Web con CSS Grid y Flexbox

¿Cómo fue pensado CSS cuando se creó?

2/28
Recursos

Aportes 54

Preguntas 2

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

Mi resumen de la clase:
Tim Berners Lee creó WWW y HTML en 1991:
(el tenía un hoja de estilos NO CSS, pero no quería compartirlo ya que pensaba que un feature así tenia que ser NATIVO).
1993:

  • Viola(navegador), tenía su propio lenguaje de estilos y queria convertirlo en un lenguaje estandara para la web.
    1994:
  • NSCA Mosaic(navegador), tenía a Marc Andreessen como co-creador, les dijo a los desarrolladores que no había forma de trabajar con algo así(CSS).
    -håkon wium lie: sacó una propuesta para algo así CHSS .
  • Se dió a la luz presentando dicha propuesta inicial. debatiendo si cualquier usuario pudiera manipular los estilos.
    1995:
  • håkon y Bert Bos: se unen y responder al 1er borrador en la conf de WWW en 1995.(algó que término siendo muy importante fue que sacarón la “H” y término siendo CSS)
  • Se siguió debatiendo el control del usuario sobre los estílos, esta idea término siendo rechazada.
  • W3C: saca una junta, ya que era de su interés.
    1996:
  • EL NACIMIENTO DE CSS: La cual término naciendo por recomendación de W3C.
    Primeros navegadores Compatibles:
  • Internet Explorer 3
  • NETSCAPE
  • OPERA
    CSS 2: nace en 1998, con correcciones con las limitaciones y el problema de los elementos FLOTANTES.

wow! CSS y yo nacimos el mismo año.

Tengo una duda, si css no solo es para html en que mas puedo aplicar ?

Resumen:
¿Cómo se creó Css?

1991:

  • Tim Berners-Lee crea la WWW y HTML , teniendo sus propias hojas de estilos, no las comparte porque cree que estas deben ser provistas por los navegadores.

1993:

  • Nace el navegador Viola con su propio lenguaje de estilos
  • Quería convertir su lenguaje en un estándar para la web.

1994:

  • El navegador NCSA Mosaic y hace popular la web.
  • CHSS fue propuesto por primera vez por Håkon Wium Lie el 10 de octubre, donde cualquier usuario podrá modificar los estilos.

1995:

  • håkon y Bert Bos: se unen y responden al 1er borrador en la conferencia de WWW., se le quita el H a CSS
  • se debate el control de los usuarios sobre los estilos.

1995:

  • Nace CSS como una recomendación de W3C.
  • Primeros navegadores compatibles: IE3, NETSCAPE y OPERA.

1998:

  • Nace CSS 2 con correcciones de las limitaciones, tales como los elementos flotantes.

Un poco de humor.

¿Qué es W3C?

W3C es el Consorcio World Wide Web y es la principal organización de estándares internacionales para la World Wide Web. Fundado en 1994 y actualmente dirigido por Tim Berners-Lee, el consorcio está formado por organizaciones miembros que mantienen personal de tiempo completo trabajando en conjunto en el desarrollo de estándares para la World Wide Web.
(Cuando en inglés se habla de “World Wide”, se refiere al “mundo entero”, o “mundial”, como decimos en español. )

¿Qué es HTML?

(Hypertext Markup Language) por sus siglas en inglés.

Es el lenguaje de marcado estándar para documentos diseñados para mostrarse en un navegador web. Puede ser asistido por tecnologías como hojas de estilo en cascada (CSS) y lenguajes de script como JavaScript. (JS)

¿Qué es CSS?

(Cascading Style Sheets) por sus siglas en inglés.

Es un lenguaje de hojas de estilo que se utiliza para describir la presentación de un documento escrito en un lenguaje de marcado como HTML y XML.
CSS es una tecnología fundamental de la World Wide Web, junto con HTML y JavaScript.

¿Qué es JAVASCRIPT?

JavaScript, a menudo abreviado como JS, es un lenguaje de programación que se ajusta a la especificación ECMAScript. JavaScript es de alto nivel, a menudo compilado justo a tiempo y de múltiples paradigmas. Tiene sintaxis de corchetes, tipeo dinámico, orientación a objetos basada en prototipos y funciones de primera clase.

¿Qué es ECMAScript?

ECMAScript: es un estándar de JavaScript destinado a garantizar la interoperabilidad de las páginas web en diferentes navegadores web.

CSS tiene 25 añitos. Esta mas abuelito que yo 😦

Todas estas personas que influyeron en la creación de CSS son admirables.

1991
Tim Berners Lee creó WWW y HTML. Él tenía un hoja de estilos (NO CSS), pero no quería compartirla ya que pensaba que los navegadores tenían que tener una autoridad propia para poder lanzar sus propias hojas de estilo.

1993
Empezaron a surgir ciertos navegadores como Viola. Este tenía su propio lenguaje de estilos y queria convertirlo en un lenguaje estandar para la web.

1994
Se hizo popular un navegador llamado NSCA Mosaic. Su co-creador Marc Andreessen, les dijo a los desarrolladores que no había forma de trabajar con CSS.

Luego apareció Håkon Wium Lie que sacó una propuesta llamada Cascading HTML Style Sheets (CHSS), el principio de lo que hoy conocemos como CSS.
Ese mismo año se dió a la luz la primer propuesta de CSS, debatiendo si cualquier usuario pudiera manipular los estilos.

1995
Bert Bos respondió al primer borrador de CSS y unió fuerzas con Håkon, presentandose en la conf de WWW. Además Bos fue el que decidió sacarle la H al nombre y no hacer una hoja de estilos unicamente para HTML.
Ese mismo año presentaron la propuesta a diferentes navegadores provocando que se siguiera debatiendo sobre el control del usuario sobre los estílos, idea que término siendo rechazada.
La W3C saca una junta, donde empezaron a debatir sobre CSS ya que era de su interés.

1996
Nace CSS como recomendación de la W3C.
Los Primeros navegadores compatibles con CSS:

  • Internet Explorer 3 (IE3)
  • NETSCAPE
  • OPERA

1998
Sale CSS 2 ya que decidieron corregir y perfeccionar aspectos de la primer versión de CSS. Sin embargo, surgieron una gran cantidad de limitaciones como la de los elementos de punto flotante.

Si a alguien le interesa seguir a estos genios en Twitter aquí dejo sus perfiles:
Tim Berners-Lee
https://twitter.com/timberners_lee?lang=es

Marc Andreessen
https://twitter.com/pmarca?lang=es

Håkon Wium Lie
https://twitter.com/wiumlie?lang=es

W3C

Css: importante Tim Berners-Lee

Amé el curso de frontend, el proyecto allí fue super creativo, por eso estoy emocionada con estos dos nuevos cursos.

Si desean saber mas de Marc Andreessen creador de Mosaic y Netscape les dejo el siguiente video:



https://www.youtube.com/watch?v=n1TcL4qItVo

Wooo Sinceramente no sabia la fecha exacta de la creación de CSS.
Esta fecha fue en 1996 lanzándose como una recomendación de la w3c, así mismo hubo navegadores en su pelea como fue IE3, Netscape y Opera.

Quieren un resumen en formato serie de esta historia, HALT AND CATCH FIRE, buenísima en amazon prime

Me encanta cuando el curso comienza con un poquito de historia 😃

Les recomiendo esta pagina para ver gráficamente los diversos cambios que ocurrieron.

http://www.evolutionoftheweb.com/

Estos pequeños detalles que agrega platzi, como hablarnos un poco de la historia de estas tecnologías, hacen que nuestra curiosidad despierte aún más, gracias Platzi.

Increíble, mas sobre la historia de los navegadores y la web en https://css-tricks.com/category/history/ solo he leído los dos primeros por ahora y voy a hacerte un spoiler … son geniales!!!

Que buena historia!! 😄 Quien diría que CSS no es solo para HTML 😮

✍️ ¿Cómo fue pensado CSS cuando se creó?

<h4>Ideas/conceptos claves</h4>

Hoja de estilo son conjuntos de instrucciones, a veces en forma de archivo anexo, que se asocian a los archivos de texto y se ocupan de los aspectos de formato y de presentación de los contenidos: tipo, fuente y tamaño de letras, alineación y posicionamiento del texto, colores y fondos, etc.

<h4>Apuntes</h4>
  • Conocer la base histórica nos permite conocer varias suposiciones actuales
  • Todo comienza con Tim Berners-Lee
    • Creador de World Wide Web y HTML
    • La web no nació con CSS, porque él pensaba que los navegadores deberían tener la suficiente autoridad para dar sus propias hojas de estilo
  • Empiezan a salir navegadores como Viola en 1993 el cual trata de hacer un estándar poniendo su propio lenguaje de hojas de estilo dentro del navegador
  • Håkon Wium Lie propone Cascading HTML Style Sheets (CHSS)
  • 1994 se presentó la propuesta inicial de CSS en una conferencia de desarrolladores
    • Se hablo bastante del tema porque era novedoso
    • En la propuesta el usuario tenía voz y voto a la hora de elegir los estilos, Manipulándolos los mismos.
  • Bert Bos respondió al primer borrador de CSS
    • Unio fuerzas con Håkon y se presentó en la conf de WWW en 1995
    • Apoyo la idea de quitar la H de CHSS por que iba a funcionar en otros lenguajes de marcado
  • 1995 se presentó la propuesta
    • Hubo discusiones acerca de que el usuario tenga control de los estilos, pero finalmente esta idea se quito
  • 1996 nace CSS como una recomendación de la W3C
  • Primeros navegadores compatibles con CSS:
    1. IE3
    2. Netscape
    3. Opera

RESUMEN: CSS no fue lanzado junto a la web, pero a lo largo del tiempo se fue ideando de como funcionaria y como seria ejecutado. Varios navegadores comenzaron a dar ideas hasta que Håkon y Bert Bos se unen para desarrollar la primera propuesta de CSS la cual fue controversial por ser novedoso y que el usuario tenga control de los estilos lo cual no fue posible.

Un buen aporte. Es bueno conocer el origen de las cosas.

No tenía idea de que Opera es tan antiguo. Es el navegador que uso

Para los que no conocieron lo que existía antes de grid y layout, un resumen: era espantoso usar CSS, esas 2 propiedades son una bendición

xddddddddd

¿Cómo fue pensado CSS cuando se creó?

Todo empieza cuando Timberners Lee crea la www y de html en 1991, en este lanzamiento ya html contaba con una hoja de estilo pero no fue algo oficial puesto que pensaba que los navegadores debían de encargarse que hacer sus propias hojas de estilo.

En 1993 surgió un navegador llamado Viola que ya contaba con un sistema de estilos y buscaba estandarizarlo, no logro conseguir su objetivo pero inspiro a otro a tratar de hacerlo.

En 1994 Marc Andreessen co-creador de NCSA Mosaic hizo popular la web y dijo a los desarrolladores que no había forma de trabarjar con CSS.

En el mismo año Hakon Wium lie dio a conocer una propuesta que se llamaba Cascading HTML Style Sheets (CHSS) y hacia referencia que era un lenguaje de estilos orientado especialmente a HTML. Luego esta propuesta se dio a luz en una conferencia para desarrolladores donde fue aceptada por la comunidad y puso a debatir si el usuario tendría la posibilidad de manipular los estilos.

En 1995 Bert Boss unió fuerzas con Hakon para dar a luz a lo que hoy conocemos como CSS y brindo la posibilidad de usar CSS en otro lenguajes de marcado. En ese mismo año fue presentado en el W3C, donde desencadeno un debate sobre si el usuario debía de tener el poder sobre los estilos ya que esto se veía mas como un tema político y se ponía en duda la personalización de los estilos por parte del usuario.

Después la W3C realizo una junta donde se dio mas importancia la estandarización de CSS, puesto que la comunidad de desarrolladores y empresas tech estaban pendiente del futuro de la web dando presion a la situacion.

El 17 de diciembre de 1996 oficialmente sale la primera versión de CSS como una recomendación de la W3C. Luego de esto empezaron a salir los primeros navegadores compatibles con CSS: Internet explorer 3, Netscape y opera.

1998 CSS tuvo su primera actualización realizando correcciones e implementando ciertas novedades. Esto genero unas limitaciones y el problema de los elementos flotantes.

Repositorio de mis a puntes

Hay un monton de cosas de la historia tanto de los navegadores, como de html y css es super interesante saber la historia

Había escuchado de Tim Bernes-lee pero no sabia que tenia escondio sus hojas de estios 😁

Primeros navegadores compatibles

Nacimiento de CSS en 1996 como recomendación de la W3C

Hakon junto a Bert Bos presentaron el primer borrador CSS en la WWW conf de 1995

Hakon Wium Lie - Propone la primer hoja de estilos en cascada llamada Cascading HTML Style Sheets (CHSS)

Marc - Creador de navegador NCSA Mosaic - Dijo a los devs que era imposible trabajar con CSS

Viola 1993 - Primer navegador que pretende estandarizar hojas de estilo.

Creador de WWW - Tim Berners-Lee

Me encantó esta clase y la profesora cada vez tiene mejor y mejor contenido. Mi respeto y admiración. 👏 👏

Me encanta este tipo de clases. Me parece super interesante aprender un poco mas de donde viene todo lo que estamos estudiando.

¿Cómo fue pensado CSS cuando se creó?

Tim Berners-Lee fue el creador de la www y HTML en 1991.

El 17 de diciembre de 1996 nace CSS como una recomendación de la W3C.

Primeros navegadores compatibles con CSS

  1. IE3
  2. NETSCAPE
  3. OPERA

Tim Berners-Lee creador de la www y HTML en 1991. En esta fecha ya tenia una hoja de estilos pero prefirio no lanzarlo, ya que penso que cada navegador debia lanzar su propia hoja de estilos.

En 1993 varios navegadores empezaron a surgir y estos tenian sus propias hojas de estilos,muchos intentaron estandarizarlo pero no lo lograron.

En 1994 Hakon Wium Lie lanzo la propuesta de Cascading HTML Style Sheets (CHSS). En este mismo anio en una convencion, se presento la propuesta de CSS, lo que genero un boom para las personas, ya que se hablaba de que el usuario podia personalizar los estilos.

Bert Boss respondio al primer borrador de CSS y unio fuerzas con Hakon y se presentaron en la conferencia WWW en 1995.

El 17 de Diciembre de 1996 nace CSS como una recomendacion de la W3C.

Los primeros navegadores compatibles con CSS fueron:

  1. Internet Explorer 3
  2. Netscape
  3. Opera

Interesante 👀

genial salió en el año que nací xD

So interesting

vamos a quitarle la h a chss

Css nació 1996. A seguir y mejorar.

<h3>Tips para llevar tu conocimiento de CSS a otro nivel - v1</h3>

No es necesario memorizar todas las propiedades de CSS

  • Conoce los conceptos fundamentales

    Layout

    Selectores

    Responsive

    Flujo Normal

    Modelo de Caja

    Formatting Contexts

    Herencia y Cascada

  • Usar devTools para errores y pruebas rápidas

  • Saber que herramientas nos sirven para aprender (cursos, libros, practicar, etc)

Interesting, now I want to know more about all the actors involved CSS. Thanks Teff, it’s good when you can learn not only code, otherwise history. 😃

Awante Css

  • Håkon Wium Lie propone Cascading HTML Style Sheets (CHSS)
  • 1994 se presentó la propuesta inicial de CSS en una conferencia de desarrolladores
    • Se hablo bastante del tema porque era novedoso
    • En la propuesta el usuario tenía voz y voto a la hora de elegir los estilos, Manipulándolos los mismos.
  • Bert Bos respondió al primer borrador de CSS
    • Unio fuerzas con Håkon y se presentó en la conf de WWW en 1995
    • Apoyo la idea de quitar la H de CHSS por que iba a funcionar en otros lenguajes de marcado
  • Bert Bos y Håkon Wium en 1995 se presentó la propuesta
    • Hubo discusiones acerca de que el usuario tenga control de los estilos, pero finalmente esta idea se quito
  • 17 diciembre de 1996 nace CSS como una recomendación de la W3C
  • Primeros navegadores compatibles con CSS:
    1. IE3
    2. Netscape
    3. Opera

RESUMEN: CSS no fue lanzado junto a la web, pero a lo largo del tiempo se fue ideando de como funcionaria y como seria ejecutado. Varios navegadores comenzaron a dar ideas hasta que Håkon y Bert Bos se unen para desarrollar la primera propuesta de CSS la cual fue controversial por ser novedoso y que el usuario tenga control de los estilos lo cual no fue posible.

Excelente…

<h3>Como fue pensado CSS cuando se creo?</h3>

Tim Berners - Lee fue el creador de WWW y de html en 1991, el creo su propia hoja de estilo con html pero el pensaba que cada navegador debia contar con autoridad para sacar sus propias hojas de estilo y por esto no lo lanzo como un estandar.

En 1993

El navegador Viola tenia su propio lenguaje de estilos y queria convertirlo en un estandar, no fue exitoso pero sirvio de inspiracion para creaciones posteriores

En 1994

  • El navegador NCSA Mosaic que fue el que hizo popular la web su co-creador comunico a los desarrolladores que no habia forma de trabajar con hojas de estilos
  • Hakon Wium Lie saco Cascading HTML Style sheets (CHSS) que fue el principio de lo que conocemos hoy como CSS
  • Se hizo la primera propuesta de CSS y se incluyo que se debia dar al usuario control sobre los estilos no solo dejarlo a los desarrolladores

En 1995

  • Bert Bos respondio al borrador de la propuesta de CSS y comenzaron su desarrollo
  • Durante la conferencia de la W3C se discutio acerca del futuro de CSS y decidieron no darle control al usuario de los estilos como originalmente se tenia pensado

En 1996

CSS nace como una recomendacion de la W3C

Los primeros navegadores compatibles con CSS:

  • Internet explorer 3
  • Netscape
  • Opera

Es agradable saber como nació CSS y poder ver hoy en día lo mucho que ha avanzado.

No tenia ni idea de toda la historia de css, gracias por la clase de historia profe

CSS nació un 17 de Diciembre y yo un 17 de Noviembre… Casi jaja
Gracias por traernos un poco de la historia de CSS teacher!
Muchas veces nos vamos luego luego a el código y en este caso me agrado más saber puntos importantes de nuestro bello lenguaje de estilos ❤️