Aquí os dejo un sitio en Flash sin más pretensiones que dejarnos contemplarlo, sin la menor posibilidad de saber su origen, autor, objetivos…
Categoría: Accesibilidad
Cómo conseguir Tipos ilegibles en 15 pasos
Un interesante avance en el «know how NO» de la accesibilidad o las 15 mejores formas de que nadie nos lea.
El autor, Juan Pablo de Gregorio nos insta a formar parte de este grupo de diseñadores que optan por no seguir las normas de legibilidad. Sensato o no lo que está claro es que cualquier diseñador que se salte una norma debe hacerlo intencionadamente y conociendo al detalle las consecuencias. Veásmolas:
15 tips para elegir un tipo ilegible
Qué tan ilegible puede llegar a ser una tipografía, ¿existen parámetros para medir su ilegibilidad?, ¿existen niveles de ilegibilidad?.
En el blog del vecino podemos ver cómo la academia puede lanzarse de cabeza al estudio de la legibilidad, ¿pero siempre es necesario que todo sea legible?. ¿Cuál es la idea de la ilegibilidad y por qué diseñadores trabajan con ella?
La idea de la ilegibilidad es tonta. O sea, si pensamos ilegibilidad por ilegibilidad, partimos de una idea torpe y errónea. Pero si pensamos la que la expresión tipográfica puede producir ilegibilidad estamos dando un paso adelante en diseño. Es un punto algo complejo, pero todos los diseñadores que se han mojado exitosamente con la ilegibilidad, han tenido la intensión y el criterio de entender antes cómo funciona la legibilidad.
Criterios que por cierto podemos resumir en 15 tips a la hora de trabajar con tipografías ilegibles.
1. La forma.
La belleza final de la forma, no siempre es la más simple y ortogonal. Muchas veces una estructura sólida exige formas complejas para poder comunicar con más contundencia la expresividad que pretendemos lograr.
En el ejemplo podemos ver claramente que no siempre la más simple, o bien, la de la forma más legible suele llamar la atención del lector.
2. El peso
Despreocuparse del peso de la letra es un paso adelante para entender la ilegibilidad. Visualmente, la única restricción que tengo para elegir una tipografía ilegible es que no pierda toda noción de lectura. Pero si todavía se lee algo… pues bienvenida.
(más…)Editores CSS gratuitos | Free CSS Editors
Otra increíble recopilación de ayudas para el diseño web. Yo particularmente utilizo TopStyle Pro, que no es gratuito, Adobe DreamWeaver (la CS3 ha implementado las funciones para edición de CSS y por supuesto tampoco es gratuito) o un simple editor de texto, incluso a veces funciono con Firebug o Web Developer, excelentes extensiones para Firefox. Aquí tienes otro listado para que elijas el tuyo:
Free CSS Editors
- CSS Tab Designer – CSS Tab Designer is a unique and easy to use software to help you design css-based lists and tabs visually and without any programming knowledge required. With the CSS Tab Designer, you can: – Quickly design your list visually – Choose from a variety of styles/colors (60+ different designs/colors supported). – Generate strict xhtml compliant code.
- Balthisar Cascade CSS Editor – Cascade allows the HTML/XML author to create cascading stylesheets for use with hypertext documents. Cascade presents the CSS level 2 attributes and their values to you in a logical arrangement. You can choose which attributes to modify, and specify their values. Cascade project documents are then exported for use with your HTML or XML files on the internet, company intranets, or local computer documents. (más…)
71 sistemas de navegación CSS | CSS menus
Una magnífica recopilación de sistemas de navegación todos basados en CSS:
- 11 CSS navigation menus : at Exploding Boy
- 12 more CSS Navigation Menus. : at Exploding Boy
- 14 Free Vertical CSS Menus : at Exploding Boy
- 2-level horizontal navigation : demo at Duoh
(más…)
Presentamos la nueva CS3 | Nuevas funciones de Photoshop, InDesign, Flash, DW, Bridge…
A partir de hoy nada volverá a ser lo mismo. Este es el asunto del e-mailing de Adobe desde que ayer se hiciera la presentación oficial de la nueva suite CS3.
De cada aplicación hay mucho que ver y comentar, de momento nuestro querido FreeHand ha desaparecido de la alfombra roja al igual que GoLive, era ya sabido por todos que Adobe sólo dará soporte a estas herramientas pero no invertirá más en su desarrollo.
Interesante la integración de InDesign con DreamWeaver, directamente exportamos a XHTML.
En Photoshop la herramienta nueva de selección de bordes que ya vimos en la BETA.
Integración de las ex-macromedia Flash y DW con Photoshop e Illustrator.
En DW los spry que facilitan la integración de las RSS a través de XML y en fin habrá que ir viéndolo y actualizándose poco a poco.
Para abrir boca os dejo un resumen de las nuevas funcionalidades de las estrellas de Adobe. Si sabes inglés puedes ampliar la información en estos vídeos:
En las siguientes páginas haremos un breve repaso de novedades, la suite puede adquirirse en distintas versiones con distintos productos según el perfil y la finalidad de la adquisición:
Nuevas funciones de Photoshop CS3:
Filtros inteligentes
Añada, ajuste y elimine filtros de una imagen sin tener que volver a guardar la imagen ni empezar de nuevo para proteger la calidad. Los filtros inteligentes no destructivos le permiten visualizar los cambios sin alterar los datos de píxeles originales.

Recuperar IE6 y tenerlo junto IE7 | Múltiples versiones de Internet Explorer
Como sabemos por desgracia los diseñadores web con el advenimiento de IE7 no está todo conseguido, aún tenemos que testar los CSS en otros navegadores y versiones.
Cuando actualizamos a IE7 perdemos (por fin) a IE6 pero hay una forma de recuperarlo para poder trabajar con él.
Descarga aquí
Download Multiple IE installer (10.3MB)
Updated on 07/11/2006: (IE6) fixed cookies/sessions support+ AlphaImageLoader supportY al instalar señala las versiones que necesitas y listo.

SVG | Las 13 ventajas de este formato gráfico
Estamos viendo su incursión, PNG ya ha suplantado al GIF o al JPG, Flash parece que tiene cada vez más claro cuáles son sus aplicaciones concretas.
Wikipedia:
Scalable Vector Graphics (SVG) es un lenguaje para describir gráficos vectoriales bidimensionales, tanto estáticos como animados (estos últimos con ayuda de SMIL), en XML.
SVG se convirtió en una recomendación del W3C en septiembre de 2001, por lo que ya ha sido incluido de forma nativa en el navegador web del W3C Amaya. La versión 1.5 de Mozilla Firefox soporta gráficos hechos con SVG y desde su versión 8, también el navegador Opera ha implementado SVG 1.1 Tiny en su núcleo. Otros navegadores web, necesitan un conector o plug-in, para lo que se puede utilizar el Visualizador SVG de Adobe.
SVG rivaliza con Macromedia Flash en términos de potencial y poder, con la diferencia de que el primero es un estándar abierto.
Veamos algunas de las razones por las que SVG (Scalable Vector Graphic) es una buena apuesta:
- Tiene todas las ventajas asociadas a un formato vectorial: es escalable, compacto, con formas siempre editables a través de curvas Bézier, con contornos suavizados, transparencias, y capaz de incluir, si es preciso, bitmaps.
- El tamaño de los SVG es muy compacto.
- El texto que incluyen es editable: admite las fuentes escalables más comunes, como TrueType o Type 1. Esto supone una diferencia enorme con los actuales GIF o JPG: el texto que contienen se puede editar, seleccionar, ser indexado por los buscadores…
- La calidad de color es excelente; el color del gráfico se puede calibrar con los sistemas estándar de gestión de color.
- El fichero SVG no es binario: se trata de un fichero de texto normal y corriente. Esto significa que se puede editar incluso en el Bloc de notas, y sus contenidos se pueden indexar, buscar.
- Es compatible con los estándares actuales de la web y –lo que es más importante– con los futuros.
- Soporte de hojas de estilo CSS. Esto significa que con las hojas de estilo podemos modificar, de la forma más poderosa y fácil, ¡incluso los gráficos de las páginas web! El control y poder creativo que esto supone es insuperable.
- Será posible crear páginas con una riqueza tipográfica y de layout sin precedentes, sin sacrificar la accesibilidad del contenido escrito.
- Puede incluir código (scripts) que modifican el gráfico dinámicamente en función de las necesidades.
- Al ser XML, es un formato extensible: los fabricantes podrán adoptarlo como formato nativo de sus aplicaciones, añadiendo las características específicas que deseen, pero siempre mantendrá la compatibilidad básica y universal con toda aplicación que reconozca el formato.
- Admite efectos como sonido, efectos visuales al hacer clic o mover el ratón, etiquetas informativas.
- Puede generarse dinámicamente en un servidor web como respuesta a instrucciones de Java, JavaScript, Perl o XML. Por ejemplo, pueden crearse al momento gráficos de excelente calidad con las cotizaciones de bolsa en tiempo real; un reloj analógico, con minutos y segundos, requiere sólo 2K de código.
- SVG puede llegar a simplificar extraordinariamente el «workflow» para la web. En una aplicación única se podrá generar casi todo el contenido de las páginas, y convertirse en un formato universal: todos los programas podrán abrir todo tipo de ficheos. Los gráficos SVG no seran, como hasta ahora, una versión mutilada de un gráfico que ha pasado por varias aplicaciones. Se ahorraran conversiones, pasos de un programa a otro, tareas de optimizar, cambiar de tamaño…
Más información:
Scalable Vector Graphics (SVG):
Scalable Vector Graphics – Wikipedia, la enciclopedia libre:
683 herramientas para el desarrollo y diseño Web
W3C
- What is the W3C?
- Validation MarkUp | CSS
- Link Checker | Tidy
- XML | XSL | XPath | XLink
- XML Schema
- XHTML 1.1 | XHTML 1.0 | HTML 4.01
- CSS2 | CSS1
- Web Accessibility Initiative (WAI)
- Synchronized Multimedia
Web Browsers
- Browser Timelines
- Mozilla
- Mozilla Firebird
- Camino (Mac)
- Microsoft Internet Explorer
- Netscape
- Opera
- Lynx (text only)
- Amaya (W3C’s browser)
- Konqueror
- Openwave SDK (Mobile)
- Safari (Mac)
News/Discussion
- slashdot
- Squishdot
- The Web Standards Project
- Open-Source Software Institute
- WebReference.com
- Webreview
- Webmonkey
- Webpro News
- About.com
- CIOL
- Cyberspace Law
Usability
- User interface engineering
- 10 Tips to a Great Web Page
- Website Usability–a designer’s guide
- Jacob Nielsen’s website
- NN/g Nielson’s company
- Homepage Usability (about book)
- Top Ten Mistakes in Web Design
- The Top Ten New Mistakes of Web Design
- Ten Good Deeds in Web Design
- Top Ten Mistakes of Web Management
- Usable Web








