Las unidades de CSS más raras que definitivamente no has usado
Como desarrollador uno tiende a dejar de lado a cosas como HTML y CSS. Es obvio, al fin y al cabo lo realmente complejo esta en los lenguajes de programación. Pero esto hace que luego no terminemos de conocer todo lo que nos tienen que ofrecer cosas como CSS sin saber que hay mucho mas […]
Las unidades de CSS más comunes que debes estar usando
Normalmente de unidades no se habla mucho. Al final y al cabo solo es algo que se pone como valor de un atributo de CSS y ya. Sin embargo vale la pena no obviar el hecho de que hay muchas más unidades disponibles en CSS aparte de nuestro siempre confiable pixel (px). Principalmente hay 2 […]
Las unidades de CSS: rem y em
Las unidades em y rem, juntas son de las más importantes y que más te conviene usar en tu CSS. La razón es simple: ambas son unidades relativas y por lo tanto ayudan muchísimo en temas de accesibilidad, proporcionando responsividad en tus diseños. —¿Accesibilidad y responsividad?…mmm…no me convence…— pensarás —¿Me puedes dar algún ejemplo específico?— […]
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 […]