Category ArchiveDiseño Web
Por minombresbond 05 Nov 2008
Diseño Web | Diseño Gráfico | Weblogs | Tips de recomendacion
Red social Inkscape
Hace un tiempo hicimos referencia al curso de inkscape Logo a Logo, escrito por ‘Joaclint Istgud’. Ahora, hace pocos dias, Joaclint inició una Red Social para Inkscape en Ning. No hay muchos lugares de encuentro para los usuarios de inkscape en español actualmente, es importante generarlos. En los foros de Gimp en español hay un foro para inkscape, pero era hora de tener un sitio ó comunidad propia. En los grupos de Ning hay foros, blogs, galerias de imagenes y un montón de herramientas muy útiles que pueden usar quienes se anoten.
Esperamos que su crecimiento sea rápido, ya nos hemos anotado y publicamos por ahi un mini-tutorial sobre ajustes de interletrado y posición de caracteres para textos en inkscape.
Siguiendo la filosofia libre con la que se desarrolla inkscape, seria deseable que esto promueva la creación de contenido publicado bajo licencias compatibles con obras libres entre los diseñadores y artistas, como las que cumplen con la definición de freedomdefined.org, o las licencias CC que llevan el sello ‘Aprobado para Obras Libres’.
Por minombresbond 15 Oct 2008
Diseño Web | Diseño Gráfico | Licencias | Tipografía
¿Se viene el estándar EOT (embebido de fuentes para la web) impulsado por Microsoft?

El tema Web Fonts es un asunto que venimos siguiendo de cerca, esta entrada de hace unos meses puede servir de introduccion al tema.
Recientemente la W3C (el organismo que define los estándares de la web) publicó un artículo, ‘For & against - Standardizing font embedding’ dando cuenta del actual debate sobre Web Fonts:
- En un rincón, ‘font linking’, o la posibilidad de enlazar transparentemente un archivo de fuente tipográfica remoto con un formato estándar.
- En el otro rincón, la propuesta de Microsoft (y de la industria): Embedded OpenType (EOT), o la posibilidad de embeber una fuente, y la consiguiente presentación a la W3C de las especificaciones para promover el estándar del formato EOT, en marzo de este año.
‘Font linking’ está incluído dentro de las recomendaciones para CSS2 desde hace una década!, describe como pueden referenciarse fuentes remotas, por ejemplo, truetype, opentype ó type-1, sólo hace falta especificar la url en la hoja de estilo:
@font-face {
font-family: “Mi Familia”;
src: url(”http://site/fonts/miarchivo”)
}
Pero esto casi no funciona, porque los navegadores web nunca lo implementaron (hasta el 2006, que empezó Webkit/Safari). EOT tambien lleva muchos años —olvidado— como una tecnología cerrada de Microsoft, y también está entre las referencias para @font-face (que sólo podía usarse en IE, al mantener Microsoft cerrada la especificación de su formato EOT).
Los estándares abiertos impulsados por Microsoft
La reciente novedad de que Mozilla se está sumando a Safari en la implementación de ‘font linking’, seguramente forzó a Microsoft (y la industria tipográfica detrás), a impulsar un estándar más acorde a sus intereses, liberando las especificaciones de EOT para que pueda ser adoptado por los otros navegadores.
El motivo de este post es la traducción al castellano el articulo publicado por la WC3. Si bien es algo extensa aconsejo leerla a todo aquel a quien los ‘estandares abiertos impulsados por Microsoft’, no dejan de provocarle cierta suspicacia.
Si los usuarios no defendemos nuestros intereses, la industria no lo hará por nosotros, recordemos que detrás de cada traba impuesta ‘para evitar la posibilidad de copias indebidas’ se esconden nuestros viejos conocidos, los monopolios artificiales.
¿El documento de la W3C parece favorable a EOT? a estar atentos…
Artículo original (en inglés) de la W3C:
‘For & against - Standardizing font embedding’ por Bert Bos
A favor y en contra: Estandarizando embebido de fuentes
Todo lo que he oído acerca embebido de fuentes en la web…
… hasta Septiembre de 2008
Por minombresbond 09 Oct 2008
Accesibilidad, un ejemplo de lo que no debe hacerse
Si se respetan los estándares web, y se coloca lo sustancial del sitio en el html, entonces, los contenidos serán accesibles para cualquiera. Eso no ocurre cuando los contenidos están ‘encapsulados’ en flash. El sitio de Silvio Velo, (la máxima figura de los murciélagos, la selección argentina de fútbol para ciegos), si bien llama la atención sobre aspectos relacionados con la accesibilidad, en tanto permite experimentar como es navegar la web para un no-vidente, paradójicamente, no es nada accesible.
Si estás leyendo esta entrada desde un lector de feeds, seguramente habrás leído el texto de arriba sin problemas, si estás leyendo directamente el sitio, solo verás un rectangulo negro: prueba poner el estilo de página de tu navegador en ’sin estilo’. (en firefox: Ver -> Estilo de la página -> Sin estilo).
Que no se vea, no significa que no esté.
La web para los ciegos es como el ejemplo de arriba, que no puedan ver el contenido ‘impreso’ en la pantalla no significa que no puedan acceder, en tanto el contenido esté donde debe estar: en el html.
El html no es un lenguaje para maquetación gráfica, la idea es que describe la estructura del contenido independientemente si este es accedido con la vista, tacto, oído o el medio que sea, y ése es el punto de partida para la accesibilidad (gracias a que el html es un estándar que surgió desde fuera de la industria o de la web comercial, sino otro cantar hubiera sido…)
“El poder de la Web está en su universalidad. Que todo el mundo pueda acceder, a pesar de la discapacidad, es un aspecto esencial.”
(Tim Berners-Lee, Director del W3C e inventor de la “World Wide Web”)
Navegar no es solo ver
El trabajo que hace el navegador web que estás usando ahora es mostrar el contenido de textos incluídos en el html (siguiendo las reglas de presentación indicadas en el css) e ‘imprimirlo’ en la pantalla, junto con imágenes y demás objetos multimedia. Pero esta no es la única forma de acceder: los ciegos, por ejemplo utilizan navegadores que en vez de imprimir ese contenido en la pantalla, lo transforman en audio, de esta forma un no-vidente puede enterarse de lo que hay en un sitio web, en tanto los diseñadores respetemos pautas de accesibilidad cuando diseñamos.
Por ejemplo si colocamos a las imágenes de un sitio un texto alternativo en el atributo ‘alt’, entonces un no-vidente podrá enterarse de qué se trata la imagen en cuestión. De eso se trata la accesibilidad.
Colocar todo el contenido dentro de un binario (.swf), es lo opuesto a hacer un sitio accesible, sino intenta navegarlo siendo no-oyente.
Algunos enlaces relacionados
- Documentos para el diseño accesible de contenidos en la Web, traducción al castellano de Web Content Accessibility Guidelines de la W3C
- ‘Accesibilidad con software libre’ por M. Baldassarre y C. Segovia durante las Jornadas Regionales de agosto último.
- ‘WebAnyWhere’ un lector de páginas web on-line, de código abierto desarrollado por la Universidad de Washington.
- ‘Festival’ Sintetizador de Voz desarrollado por la Universidad de Edinburgo, y voces en español.
- ‘Herramientas de diseño simplifican la navegación para deficientes visuales’ Artículo publicado en el diario El Mercurio.
- ‘Accesibilidad Web’ blog especializado en el tema.
Por minombresbond 19 Sep 2008
Diseño Web | Diseño Gráfico | Eventos internacionales | Tipografía
Fuentes tipográficas para todas las lenguas
La gente en todo el mundo habla mas de 6000 lenguajes, y millones de ellos no tienen manera de escribir en su idioma en una computadora. No hay fuentes tipográficas adecuadas para su sistema de escritura. Lenguajes con siglos de antiguedad se enfrentan a una posible extinción. Pero eso está cambiando. Un creciente número de individuos y grupos están empezando conjuntamente a proveer soluciones. Esta charla ilustra la amplitud y variedad de sistemas de escritura alrededor del mundo, los problemas implicados en darles soporte, y algunas prometedoras iniciativas para hacer frente a esta problematica: Open Font License, Graphite, the OLPC y Scriptsource
(‘Fonts for every language’ en ATypI 2008)
La conferencia estará a cargo de Victor Gaultney, el próximo 21 de septiembre en Atypi 2008, San Petesburgo. Ya hablamos aqui sobre Gentium, la tipografía diseñada por Victor Gaultney y de proyectos como Open Font License.
En ATypI se están desarrollando varias actividades relacionadas a algunos tópicos que nos interesan: ‘African fonts and the open source community’ por Denis Moyogo Jacquerye (uno de los responsables del proyecto Deja-Vu), ‘Crossing borders, The best of different worlds’ por Frank E. Blokland, acerca de la integración de diferentes plataformas en el diseño de tipografías, un panel de discusión ‘The war over web fonts’, Roger Black, Håkon Wium Lie, Thomas Phinney, Si Daniels y Bert Bos, un debate sobre fuentes para la web y sus implicancias (un tema que ya tocamos), ‘Tech of Web fonts implementation’ por Thomas Phinney y Si Daniels, sobre Embedded OpenType (EOT) , el sistema de embebido de fuentes para web impulsado por Microsoft y Adobe, la alternativa cerrada de la industria a webfonts css, ya implementadas en webkit y en versiones en desarrollo de firefox.
Visto en el blog de Nicolas Spalinger, a través de Planet Open Fonts.
Por minombresbond 09 Sep 2008
General | Diseño Web | Citas | Cultura libre
No todo lo que brilla es cromo
“[…] En el discurso del dospuntocerismo Internet deja de ser la gran red distribuida para ser un corralito de twitters, facebooks, flickrs, youtubes… en el que un combinado a partes iguales de rankismo y participacionismo, sazonado con hypes pretendidamente tecnófilos, sustituye a la reflexión y la construcción de nuevas identidades.
Chrome y el dospuntocerismo:
Pero si los hypes twitteros, facebookeros o youtuberos les parecieron simplemente insustanciales, estaban equivocados. No se trataba sólo de convertir Internet en un gran mall lúdico virtual. Con el dospuntocerismo preparando el cambio cultural, haciendo aceptable la pérdida de soberanía personal sobre sus datos, el siguiente paso era obvio: vaciar los ordenadores. Y eso es lo que representa Chrome de Google.
[…] La cuestión es que Google piensa que es hora de ir más allá. De pasar del discurso a los hechos y asumir de una vez que la Internet masiva ya no es ese espacio de personas organizadas en redes, sino un conjunto de piscifactorías donde los usuarios -que ya no ciudadanos- han dejado de interactuar para simplemente participar en los servicios de alguno de los grandes. Si el rey iba desnudo, nos dice Google, el netizen tiene el ordenador vacio.
Pero ni mi ordenador está vacío ni mis redes corren sus aplicaciones sobre Google, ni mis palabras las definen Twitter o la Wikipedia… Llegó la hora de decirle al gran mumi que ya no me divierte sentarme a su mesa. Que es hora de que Chrome arda… otra vez.”
David de Ugarte, ‘Quemando a Chrome’
Por minombresbond 15 Jul 2008
Diseño Web | Diseño Gráfico | Licencias | Tipografía
Stix será OFL


STIX ‘Scientific and Technical Information Exchange’ es un proyecto de creación de tipografías y símbolos. Se propone lograr un set completo de fuentes (Postscript y OpenType) para ser utilizadas por la comunidad científica, que cubrirá un espectro amplio del estándar Unicode, (incluye Latino, Griego y Cirilico) y atenderá las necesidades singulares de la documentación ciéntifica, como símbolos matemáticos y técnicos.
Actualmente, para este tipo particular de publicaciones y en especial cuando se trata de publicaciones electrónicas para ser visualizadas por navegadores web, se hace necesario mezclar varias fuentes heterogéneas, de diferentes estilos y métricas, obteniedo resultados poco satisfactorios.
El proyecto (sostenido por varias asociaciones científicas.) ya lleva varios años de trabajo y se encuentra en una instacia de prueba (beta-test). Las fuentes estarán disponibles para desarrolladores, editores, cientificos, y para el público en general.
Sin embargo, no estaba claro hasta hace poco bajo que licencia iban a liberarse estas fuentes, compatibles o no con la comunidad FLOSS. La buena noticia es que recientemente stixfont.org ha anunciado que planea utilizar la licencia libre SIL Open Font License:
Based on comments received from beta testers, the STI Pub Companies agreed to replace the draft license agreement with the SIL Open Font license. Our attorney is currently finalizing the text of the copyright statement. Upon completion of this task, the full license text will be posted here.
(stixfonts.org/user_license)
mas info:
- entrada stix fonts en wikipedia
- Preguntas frecuentes en Stixfonts
Por minombresbond 07 May 2008
General | Diseño Web | Diseño Gráfico | Licencias | Tipografía
Open Font Library y el movimiento por fuentes libres

Open Font Library es una comunidad que concentra esfuerzos por reunir y potenciar acciones en favor del movimiento por fuentes libres, y funciona como un repositorio o catálogo de fuentes. Cualquier diseñador puede colaborar enviando su familia tipográfica licenciada bajo Open Font Licence ó equivalente.
Una fuente libre no es una fuente gratis. La mayoría de las fuentes gratis son freeware, es decir pesan casi las mismas restricciones de uso que sobre las de pago.
Actualmente los diseñadores disponemos de una licencia libre especial para tipografía, elaborada junto con diseñadores y consensuada con organizaciones referentes del movimiento de software libre: la SIL - Open Font License. Su objetivo es dar lineamientos y respaldo legal a los diseñadores que deseen compartir, mejorar y diseñar fuentes de manera colaborativa, atendiendo las particularidades propias del diseño tipográfico. En el wiki de Open Font Library hay bastante información sobre licencias libres para fuentes digitales.
Entre las consecuencias del licenciamiento cerrado que actualmente llevan la mayoría de las fuentes tipográficas, una de las más absurdas es la inédita situación a la cual queda expuesto el lector: se ve obligado a adquirir una licencia tipográfica para poder leer un texto cualquiera en una computadora, situación impensable en sustratos precedentes: libros, cine, TV, donde no era necesario pedirle permiso a Linotype para leer un texto usando helvetica. Five Steps to Font Freedom describe esta situación y plantea alternativas posibles (traducción en versvs’ blog: Cinco pasos para la libertad de las fuentes).
Seguir Leyendo »
Por minombresbond 04 May 2008
General | Diseño Web | Diseño Gráfico | Eventos internacionales | Licencias | Tipografía
LGM 2008: Håkon Wium Lie - Promoviendo la idea de Webfonts
Comenzando con la difusión de los temas que se tratarán en pocos días en el Libre Graphics Meeting 2008, nos ocupamos de Håkon Wium Lie, cuya conferencia se titula ‘Promoting the idea of WebFonts’
¿Y quien es Håkon Wium Lie?
Håkon Wium Lie es nada más ni nada menos que el ‘padre’ de los CSS (Hojas de estilo para paginas web). El concepto de ‘Style Sheet’ fue introducido por Hakon en 1994 en la W3C (World Wide Web Consortium, el consorcio que establece los estándares de internet) y luego tomó parte decisiva en el desarrollo de la especificación de CSS. Actualmente Håkon Wium Lie es CTO del navegador Opera, y firme defensor de los estándares para la web. Aún sigue formando parte del W3C CSS Working Group.
Monopolios tipográficos
En 2006 publicó el artículo El monopolio olvidado de Microsoft, referido al monopolio sobre las tipografías usadas en las páginas web, más conocidas como ‘MS core fonts’, en la práctica el limitado grupo de nueve fuentes del cual disponemos los diseñadores web para mostrar en una página. El autor reflotó entonces la idea de ‘webfonts’, basicamente la posibilidad de que los navegadores puedan descargar de la web las fuentes indicadas en las hojas de estilo, de la misma forma que ahora se descargan, por ejemplo, las imágenes definidas en un estilo CSS.
Seguir Leyendo »
Por minombresbond 25 Abr 2008
General | Diseño Multimedia | Diseño Web | Diseño Gráfico | Eventos internacionales
Libre Graphics Meeting 2008
Entre el 8 y 11 de mayo de 2008 se celebra en Wroclaw, Polonia la tercera edición de Libre Graphics Meeting (las dos anteriores fueron: 2007 en Montreal, Canada y 2006 en Lyon, Francia).
LGM es un festival sobre Software Libre / Código Abierto para gráfica, que reune a artistas, diseñadores, y desarrolladores, pertenecientes a comunidades que generan proyectos para gráfica impulsados bajo el concepto FLOSS.
Seguir Leyendo »
Por julia 20 Mar 2007
General | Sonido & Música | Diseño de Indumentaria | Diseño Industrial | Diseño de videojuegos | Diseño 3D | Diseño Multimedia | Diseño Web | Diseño Gráfico | Licencias
Que es el Dominio Publico??
Según la tradición jurídica una obra pertenece al dominio público cuando no existen ya derechos de explotación sobre ella.
Una obra en dominio público conserva sin embargo los derechos morales, estos incluyen:
- El derecho al reconocimiento de la autoría de una obra por su creador y
- El respeto de la integridad moral de la obra, esto es, su no utilización para fines que contríen la reputación o el honor de su autor.
Una obra alcanza el dominio publico:
- Cuando se extinguen los derechos generados por la propiedad Intelectual ( Básicamente son privilegios exclusivos que el estado otorga a los autores, configurando de hecho distintos grados y formas de monopolio temporal sobre la comercialización y explotación del producto de sus creaciones y en algunos casos también sobre los usos que de esas creaciones hagan sus legítimos compradores.)
- Por decisión expresa y pública del autor (devolución)








