Aprende que es el Render Tree o Árbol de Renderización en 15 minutos
El Render Tree (Árbol de Renderización) es el árbol creado por el navegador combinando el árbol del DOM y el árbol del CSSOM. El propósito de crear este nuevo árbol es precisamente crear un árbol que contenga todos los elementos que se van a visualizar, y por lo tanto renderizar, dentro de una página. Veamos […]
El box model “modelo de caja” de CSS en 5 minutos
El box model (modelo de caja en español) es un modelo de formato visual que se usa precisamente para renderizar un documento para medios visuales. Básicamente es la idea de que cada en el árbol del DOM dibuja una caja. Claro, no todos los elementos crean cajas de manera explícita, eso depende ti. Si tu […]
¿Cómo funciona la herencia en CSS?
CSS es algo a primera vista muy fácil. Al fin y al cabo solo es cuestión de poner un selector y escribir los estilos que quieran esos elementos. Si sigues las buenas prácticas es aún más fácil. Porque en ese caso estarás asignandole clases a tu HTML, tal vez con la metodología OOCSSS, BEM, etc. […]
Aprende que es el CSSOM en 5 minutos
El CSSOM o CSS Object Model (Modelo de objetos de CSS) es un conjunto de APIs que permite la manipulación de CSS a través de Javascript. Para los conocedores de Front-End el término puede que les suene conocido y si no al menos les sonará parecido a otro muy famoso: el DOM. En pocas palabras, […]
Aprende más de CSS – La cascada
La cascada es un concepto muy importante en CSS, tanto que hasta es por esta funcionalidad que recibió su nombre. CSS es el acrónimo de Cascading Style Sheets (Hojas de Estilo en Cascada). ¿Pero qué es esto de la cascada? Es un concepto que normalmente se confunde mucho con la herencia en CSS, pero a […]
Las consecuencias de un mal HTML Authoring en un Screen Reader
En el artículo ¿Qué es HTML Authoring y porqué es importante que lo aprendas? expliqué la importancia de realizar un buen HTML Authoring (Autoría de HTML). Sin embargo ese artículo solo da unos ejemplos básicos. Por lo que considere importante realizar un ejemplo mas apegado a la realidad de la implementación incorrecta del HTML. Para […]
¿Qué es HTML Authoring y porqué es importante que lo aprendas?
HTML (Hypertext Markup Language) es un lenguaje muy común utilizado por todo aquel que alguna vez ha desarrollado algo para la web. *En español se podría traducir a Lenguaje de Marcado de Hipertexto. Pero…eso no importa porque nadie le lllama así. Con HTML nos entendemos. He aquí un ejemplo de un documento de HTML simple […]
Aprende que es un User-Agent en 5 minutos
Dentro del mundo de HTML uno puede llegar a pensar que las cosas son simples. Al fin y al cabo no es un lenguaje de programación y por lo tanto no tiene mucha complejidad. Pero es interesante ver que en realidad hay todo un mundo técnico detrás del mismo y del que no estamos conscientes. […]
Conoce al Header: User-Agent en 20 minutos
Un elemento que esta presente en todo momento cuando utilizamos la web, ya seamos desarrolladores o usuarios, es el User-Agent. Y el Header que se crea del mismo también. Este es un concepto interesante porque se utiliza para 2 conceptos diferentes pero lo suficientemente relacionados: un programa y un header. Vamos paso a paso. ¿Qué […]
Un ejemplo del engine de JS: V8
V8 es el nombre que se le da al engine (motor) que utiliza Chrome para compilar Javascript. Si ya sabes aunque sea un poco de como interactua Javascript con un navegador esto no te causará ninguna confusión. Pero antes de entender como funciona V8 es vital entender lo básico de los engines y de la […]