Etiqueta: CSS

El HTML y las CSS son, fundamentalmente, tecnologías centradas en el ser humano

Este fantástico e inspirador video se publicó en el canal de YouTube de Emmanuel Imolorhe O. Consiste en una porción de una entrevista que EIO le hizo a Eric A. Meyer, en la que cuenta la historia detrás del color web Rebecca Purple que, además, es el color del nuevo logo de CSS. Aquí va mi traducción libre al español...

LEER MÁS El HTML y las CSS son, fundamentalmente, tecnologías centradas en el ser humano

Rediseño de la estructura y apariencia básica de un sitio web (V)

Previamente en esta serie: Favicon y otros iconos Un favicon, favicono o icono de página, es una pequeña imagen asociada a una página o sitio web en particular. Suelen ser mostradas en la barra de direcciones, en la pestaña del navegador, en las listas de marcadores o favoritos y en los historiales de páginas visitadas y de navegación reciente.Para una...

LEER MÁS Rediseño de la estructura y apariencia básica de un sitio web (V)

Rediseño de la estructura y apariencia básica de un sitio web (IV)

Previamente en esta serie: Comencé esta cuarta parte de la serie definiendo los estilos para elementos del artículo que, aunque no se utilicen continuamente, es necesario tenerlos predefinidos. Las listas Al selector article p de la línea 151 le agregué los selectores de las listas ordenadas, desordenadas y de definición. Y también el de tablas, blockquote y la clase .notas...

LEER MÁS Rediseño de la estructura y apariencia básica de un sitio web (IV)

Especificidad CSS

En las hojas de estilo en cascada (CSS) la especificidad hace referencia a cómo se calcula la prevalencia cuando algunas reglas de estilo entran en conflicto. De las primeras cosas que aprendemos cuando empezamos a trabajar con CSS es que, en caso de declaraciones conflictivas, la posterior sobreescribe a la anterior.O sea que, en el siguiente ejemplo: El color del...

LEER MÁS Especificidad CSS

Rediseño de la estructura y apariencia básica de un sitio web (III)

Previamente en esta serie: Decidí empezar esta tercera parte con la creación de los estilos para algunos elementos de los artículos del sitio. Pero, antes de trabajar sobre eso le definí un padding (para asignarle una especie de “margen interior”) al elemento <article> de 1em a los costados y de 2em arriba (como se ve entre las líneas 42 y...

LEER MÁS Rediseño de la estructura y apariencia básica de un sitio web (III)

Rediseño de la estructura y apariencia básica de un sitio web (II)

Previamente en esta serie: Antes de empezar con los pasos que tenía previstos para esta segunda parte, borré el contenido del archivo estilos.css (que hasta el momento, solo definía la tipografía general de la página y el ancho de la imagen). Esto porque, antes de empezar a escribir las reglas de estilo, conviene resetear los estilos predefinidos de los navegadores...

LEER MÁS Rediseño de la estructura y apariencia básica de un sitio web (II)

Rediseño de la estructura y apariencia básica de un sitio web (I)

Me propongo comenzar un proceso de diseño de un sitio web básico que pueda utilizar luego en el rediseño de un par de sitios que mantengo (uno con WordPress y el otro escribiendo directamente el código php) y, quizás, también el de este mismo blog. Además, no se trataría solo de un cambio de apariencia, sino también de la gestión,...

LEER MÁS Rediseño de la estructura y apariencia básica de un sitio web (I)

Usar la Cuadrícula CSS (CSS Grid) de manera correcta (por Violet Peña)

(El artículo original y en inglés, fue publicado el 17 de febrero de 2019) A través de CSS.Tricks di con el artículo “Using CSS Grid the right way”, de Violet Peña. Muy amablemente la autora me dio permiso para traducir y publicar el artículo aquí. Espero que también les guste. Use nombres. Use frs. No utilice un sistema de cuadrícula....

LEER MÁS Usar la Cuadrícula CSS (CSS Grid) de manera correcta (por Violet Peña)

Marquesina de artículos con CSS3 (sin javascript)

Para un sitio web necesitaba una especie de slideshow con las introducciones a los artículos destacados. Quería hacer algo sencillo, solo con HTML y CSS. Y buscando di con este video del canal Sala de Estudo (está en portugués, pero se entiende perfectamente): Como se ve, en el video se explica cómo hacer un slideshow de fotografías, pero se puede...

LEER MÁS Marquesina de artículos con CSS3 (sin javascript)

Reflexiones de Mark Crutch sobre el formato SVG

En la primera parte de su habitual columna sobre Inkscape, en las páginas 27 a 30 de la edición 118 de Full Circle, Mark Crutch hizo una pequeña disgresión y reflexionó sobre el pasado, presente y futuro del formato abierto que utiliza Inkscape, el de los Gráficos Vectoriales Escalables (SVG). Es una reflexión muy clara e interesante, por lo que con...

LEER MÁS Reflexiones de Mark Crutch sobre el formato SVG

Full Circle #92 (diciembre 2014)

Aunque ya está disponible la edición de enero, aquí va mi reseña sobre una edición más de Full Circle Magazine (y con la cual termino con las pendientes del año pasado). Se trata de la edición #92 (un PDF de 48 páginas y 13,9 MB) de la cual destaco: Inkscape (HowTo, 31). En las páginas 21 a 23, Mark Crutch...

LEER MÁS Full Circle #92 (diciembre 2014)