conversor de pixeles a em

22 / 07 / 2008 por fran

En estos momentos estoy embarcado en un proyecto en el que se tiene que cumplir nivel de accesibilidad AAA. Con lo que el uso de medidas absolutas (píxeles, puntos,..) esta prohibidísimo, así que me toca estar convirtiendo las cosas de píxeles a em.

Menos mal que he dado con em conversor, pequeña aplicación en javascript que convierte medidas que están en píxeles a em, que me está haciendo el desarrollo un poco más ágil.

Nota: Esta mañana me ha funcionado perfectamente, pero parece que ahora está caido (esperemos que no sea por mucho tiempo)

Desarrollo web basado en estándares

15 / 07 / 2008 por fran

La gente de Opera y Yahoo! Developer Network nos ofrecen un pequeño curso sobre como desarrollar webs basandose en estándares.

Opera Web Standards Curriculum recoge en 23 artículos las pautas para realizar un buen desarrollo web, con esto Opera se posiciona como un navegador comprometido con el uso de estándares, esperemos que el resto de navegadores sigan su iniciativa y hagan un poquito más fácil la vida de la gente que nos dedicamos al desarrollo web.

Via: Torres Buriel

Mucho CSS

07 / 07 / 2008 por fran

En www.noupe.com me encuentro con un montón de enlaces sobre CSS, en “Usando CSS para hacer algo: 50+ ejemplos y tutoriales creativos“.

Bordes redondeados, sustitución de imágenes, menús de navegación, sombras y muchos más “trucos” que nos ayudarán a crear unas páginas más vistosas.

Visto en: seraccesible.net

El arte de crear wireframes

03 / 07 / 2008 por fran

En mi visita rutinaria por la web me encuentro con http://404uxd.com/ el blog de un grupo de profesionales de la experiencia del usuario.

Uno de sus componentes escribe este artículo “The Fine Art of Wireframes“ las ventajas de realizar el diseño de los wireframes con lápiz y papel, cosa que en un mundo tan tecnológico podría parecer una herejía, ya que tenemos un montón de herramientas para poder realizar estos diagramas.

Pero tengo que reconocer que el realizar este tipo de diagramas con lápiz y papel al final se convierte en un pequeño ritual, que ayuda a centrarte en el diseño que va a tener la página, sin que ningún aviso de mail entrante ni amigo pesado del messenger pueda distraerte.

91.jpg

Visto en: The cosmonaut

Nuestra última criatura - www.vegapalancia.com

25 / 06 / 2008 por fran

Hoy tenemos 2 cosas a celebrar, la primera que ya ha salido a la luz la web de bodegas Vega Palancia y la segunda es que ya está activo el ideario chin!n, el blog de uno de nuestros colaboradores más cercanos.

Vamos por partes, la web de bodegas Vega Palancia es fruto de la unión de esfuerzos entre Chin!n y Chan!.

Se planteó como una web corporativa sencilla y fácil de usar, donde bodegas Vega Palancia mostraría toda la información sobre la empresa, sus métodos de trabajo y sus productos. Además se quiso dar un valor añadido a la web incorporando un apartado donde se localizan los establecimientos en los que se sirven sus grandes caldos.

Chin!n abordó la parte del diseño de la web, realizando un diseño limpio, elegante y agradable al usuario, siguiendo patrones de usabilidad web y aportando su toque personal en él.

Desde Chan! abordamos la parte de implementación cumpliendo los estandares actuales de desarrollo web, XHTML 1.0 para el desarrollo del contenido y CSS 2.0 para dotar de apariencia a la web. En la parte de establecimientos utilizamos la API de google maps para señalar y facilitar la localización de cada uno de ellos.

El resultado lo podeis ver vosotros mismos en www.vegapalancia.com.

El siguiente motivo de satisfacción es que el ideario chin!n ya está activo en internet, en el podreis ver la trayectoría de nuestro colega a través de los diseños que ha realizado, incluyendo nuestra última colaboración en el desarrollo de la web de bodegas Vega Palancia.

vegapalancia1.jpg

Web Color Visualizer

19 / 06 / 2008 por fran

En un artículo visto en isopixel.net me encuentro con una paleta de colores web interactiva bastante interesante.

En ella están representados un buen número de colores, con su código en hexadecimal. Al pinchar sobre cualquiera de ellos el fondo de la página adopta el color escogido, además cuando se pasa el ratón por encima de ellos, el texto que aparece a la derecha aparece en el color sobre el que está el puntero.

A parte de la utilidad de tener la codficiación de colores a mano y visual, esta paleta tiene la gran ventaja de mostrar rápida y fácilmente el contraste existente entre color de fondo de la página y color del texto, para asi poder escoger colores adecuados para el desarrollo de nuestras webs.

web color visualizer

¿Os suena esta combinación de colores?

Via: isopixel.net

Guía de los estilos CSS que soporta cada gestor de correo

17 / 06 / 2008 por fran

Algo pasada, pero sin duda interesante.

Encontré hace tiempo una pequeña guía donde la gente de campaignmonitor nos indican que etiquetas CSS son admitidas en distintos gestores de correo.

Sin duda una herramienta muy útil a la hora de realizar newsletters.

Un saludo !!

Una de street marketing

11 / 02 / 2008 por fran

La agencia Señor X de alicante, ha realizado una campaña de street marketing que me ha llamado la atención, es para el Centro Comercial San Vicente, y nos invita con precios bajos a llevarnos todas las prendas de la tienda.

 

Visto en: openads

Citroën rectifica

17 / 01 / 2008 por lluna

citroen.jpg

Citroën utilizó esta imagen de Mao Zedong, fundador de la china comunista, para comunicar que ha sido líder en ventas dos años consecutivos (2006-2007). sin embargo, la población china que reside en España se ha mostrado muy descontenta por la boca torcida y los ojos bizcos con que aparece Mao, hasta tal punto que la marca ha decidido pedir disculpas y retirar la campaña.

visto en openAds

PLV de Reebok

14 / 01 / 2008 por lluna

reebokbutterflies-a.jpg

no son mariposas! es la publi de Reebok en los puntos de venta de Alemania que, sin duda, logra llamar la atención. se advierte un gran cambio en la estrategia de Reebok, desde que fue adquirida por Adidas.

 reebokbutterflies-1.jpg

visto en briefblog


Cerrar
Enviar por Correo