Categoría: Diseño

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)

Diseño Gráfico con Software Libre (Presentación de DaFeBa en la FLISoL de este año)

Darío Badagnani, alias DaFeBa, es un diseñador, ilustrador, artista 3D, docente, fotógrafo, etc. que utiliza software libre en sus trabajos. Es el autor de la presentación Diseño Gráfico con Software Libre que aparece vinculada, desde hace ya algunos años, en la barra lateral de mi blog. Recientemente di de nuevo con el canal de YouTube de DaFeBa y allí me encontré...

LEER MÁS Diseño Gráfico con Software Libre (Presentación de DaFeBa en la FLISoL de este año)

Cómo solucionar el error crítico “Allowed memory size … exhausted…” de WordPress

Hace algunos días, en una web que mantengo con WordPress, en vez de mostrarse el sitio se veía un mensaje de error que decía: «Ha habido un error crítico en esta web», pero no daba muchos más datos sobre el tipo de error. Tampoco se podía entrar al área de administración (el “Escritorio” de WordPress). En ese mensaje de error,...

LEER MÁS Cómo solucionar el error crítico “Allowed memory size … exhausted…” de WordPress

CMYK y tintas directas en GNU/Linux

Hace poco di con este recomendable video. Es obra de Banto Palmarino, está en portugués, tiene ya algunos años y algo más de 1.500 visitas, ¡y está muy bien! Explica someramente, aunque de forma muy clara, cómo utilizar Inkscape y Scribus en forma conjunta para el trabajo de Diseño Gráfico profesional (con perfiles de color, sobreimpresiones, calados, previsualización de separaciones,...

LEER MÁS CMYK y tintas directas en GNU/Linux

Imágenes CMYK en GIMP con Separate+

Hace años, cuando empecé a meterme en este tema del diseño gráfico con software libre, uno de los puntos a definir era cómo convertir las imágenes del modelo RGB al modelo CMYK.Buscando y leyendo por ahí, vi que recomendaban el plugin Separate para GIMP, pero, por aquél entonces su funcionamiento o no lo entendí o no me resultó, así que...

LEER MÁS Imágenes CMYK en GIMP con Separate+

Creación, desde cero, de un díptico con Scribus (parte VIII)

En la entrada anterior de esta serie realizamos los últimos pasos para dejar lista la publicación para, en esta entrada, preparar el PDF para la web. Preparación de la versión para web Con el diseño base terminado, es momento de preparar las distintas versiones de la publicación.Vaya a Archivo > Guardar como… y guarde una copia del documento como Programa-web.sla....

LEER MÁS Creación, desde cero, de un díptico con Scribus (parte VIII)

Creación, desde cero, de un díptico con Scribus (parte VII)

En la entrada anterior de esta serie colocamos los textos y les aplicamos los estilos creados la entrada previa. En esta entrada de hoy realizaremos los últimos pasos para dejar lista la publicación para, en las próximas entradas, preparar los PDFs para la web, la impresión de escritorio y la impresión offset. Detalles finales Vaya a la página 1.Dibuje un...

LEER MÁS Creación, desde cero, de un díptico con Scribus (parte VII)

Creación, desde cero, de un díptico con Scribus (parte VI)

En la entrada anterior de esta serie creamos los estilos de párrafo, de caracter y de línea. En esta que presento hoy, colocaremos los textos y les aplicaremos los estilos creados la entrada anterior. Colocar textos y aplicar estilos Ubíquese en la página 2. Con la herramienta de marco de texto (la segunda) dibuje un marco de texto de 57...

LEER MÁS Creación, desde cero, de un díptico con Scribus (parte VI)