Si te gusta trabajar tus sitios desde los wireframes esto te puede interesar. Yahoo libera el Yahoo! Design Stencil Kit version 1.0 que trae elementos de diseño de UI como son: Form elements, Calendars, UI controls, Menus, Buttons, Navigation, Pagination entre muchos otros.
Últimamente estoy trabajando mucho con los wireframes y la verdad es que no se porque no lo integré a mi proceso de trabajo antes, los había usado de vez en cuando pero no todos los días como ahora.
Tienen grandes ventajas porque te permiten definir espacios, tamaños y elementos de los layouts sin siquiera abrir Photoshop. Una vez que tienes el wireframe (aprobado por el cliente) me paso a photoshop donde comienza el diseño y todo es miel sobre hojuelas, ya que nada más me falta seleccionar colores e integrar graficos cosa que me resulta ya mucho más sencillo y rápido porque tengo la mitad del trabajo hecho con las proporciones y elementos definidos del wireframe. Este es un ejemplo de un wireframe de un sitio en el que estoy trabajando actualmente. Me lleva de 20 a 30 mins hacer algo como eso y lo mejor de todo te evitas muchos dolores de cabeza con tu cliente.
Más adelante voy a escribir un post dedicado a este tema, mucha gente los usa, mucha gente los odia y hay hasta quien se brinca de wireframes en papel al XHTML, de locos :p
Me encontré esta excelente herramienta para crear mapas en línea WriteMaps, es muy fácil usarlo y puedes compartir con tus clientes el mapa que hayas creado, así el puede editarlo, agregarle notas, etc.
Venía usando Mindmanager pero ahora que estoy en mac no he hallado sustituto o mejor dicho no he buscado mucho ¿pero qué mejor que tener tus mapas en línea? Estoy encantado con la herramientita :). Aquí un ejemplo de un mapa que hice, pruébenlo, verán lo sencillo que es.
Este es otro sitio que terminé hace poco, pero que no se porque no lo había publicado. El proyecto fue hecho para Plaza Las Palmas un complejo de oficinas acá en la ciudad de Hermosillo. El sitio está hecho en HXTML + CSS. Si le ven algún bug les agradecería que me lo hicieran saber. Visitar sitio de Plaza Las Palmas.
Si tienes alguna vez la necesidad de mostrar gráficas en tu sitio te recomiendo AmCharts, que es lo que usamos en este sitio para desplegar la gráfica de dona. Es uy flexible y tienes control sobre como se ve, ángulo, colores, altura, etc. Los datos se alimentan desde un archivo de texto o bien pueden ser alimentados dinámicamente. Puedes usarlo de forma gratuita sólo que te dejan una liga en la parte superior de la gráfica. Si no te importa esto puede ser una buena opción.
Recién terminé este sitio para Los Santos Residencial, una colaboración entre Miguel Ayala y Trost.
A nivel de código el sitio fue relativamente sencillo pero presetnó algunos pequeños retos con el CSS. Usé más flash de lo que normalmente uso pero creo que la dosis de flash que tiene le ayuda. El sitio esta hecho completamente en XHTML + CSS y validan :). Sitio de Los Santos Residencial.
Estaba navegando por youtube y me llamó la atención unos botones amarillos que están usando recientemente en la interfase, quise ver como los hicieron, me interesaba ver que técnica usaron. Click derecho / View background image / sorpresa! me encontré esto.
Todos los elementos gráficos de la interfase del sitio están contenidos en un sólo archivo "master-vfl32776.gif", desconozco la manera en como posicionan el gif para que despliegue bien en cada caso que se necesita pero es algo ingenioso que no había visto en ningún sitio web. ¿La razón? supongo que es mejor cargar una sola foto aunque pese más que cargar 50 pequeñas imágenes cada vez que alguien visita el sitio. —El server lo agradece—. Otra razón puede ser que de esta forma en un sólo file tienen contenido todo lo que pueda usar la interfase, así no andan buscando y actualizando pequeños archivos de forma individual. O tal vez las dos razones.
Esta técnica al parecer no es nada nueva, se usa en el desarrollo de videojuegos y en los skins de algunos programas como winamp por ejemplo. ¿Interesante no? Uno nunca sabe a donde lo va a llevar el siguiente click :)
O cuando menos esa es la impresión que me da cuando entro a su sitio. El sitio está bien hecho, el código es limpio, pero creo que se pasaron con los glows, muy celestial a mi parecer, o como si fuera de una iglesia cristiana, no se.
Por otro lado es muy interesante el manejo que están haciendo de la imagen en sus diferentes aplicaciones, en esta liga pueden ver variaciones del logo aplicadas a diferentes escenarios o targets. Muy inteligente, un perfecto ejemplo de identidad bien aplicada.
Stephanie Falla editora de Maestros del web ha tenido el detalle de hacernos una entrevista que recién fue publicada en la sección de semblanzas de Maestros del Web. Muchas gracias Stephanie!
Maestros del web desarrolla una actividad muy importante en la difusión de tips, técnicas, estándares web, etc. desde hace varios años, todos sus contenidos están enfocados a hacer de la web un mejor lugar. Si eres desarrollador de sitios alguna vez habrás estado por su sitio.
Ayer entregamos el sitio de Sonora Ciudadana que es una organización civil dedicada a la defensa de los derechos humanos en favor de la democracia en Sonora y México.
En este sitio se van a publicar las últimas noticias sobre transparencia, programas de radio, documentos generados por ellos mismos entre otras cosas. Seleccionamos para este proyecto la plataforma de Wordpress que es muy flexible en la forma de servir contenidos y en la forma que se le puede aplicar diseño.
Hacemos uso de algunos plugins para agregar funcionalidades. Si le ven algún bug por favor háganmelo saber.
Agradezco a Guillermo Noriega director de Sonora Ciudadana por tenernos la confianza y la paciencia para que este proyecto y el de MLS se llevaran a cabo. Gracias también a Ixchel por las incontables visitas a los HQ de Trost llevando y trayendo la info necesaria para el sitio. :)
Por fin pusieron el sitio de Alpha Group en línea, me refiero a en su propio dominio por que yo lo había publicado pero desde un server de pruebas. Y bueno ya que está en línea lo podemos cacaraquear más :) Es ya como una validación del cliente pues.
Este trabajo fue hecho en asociación con Morgan Global Solutions, lo hice estático y una compañía norteamericana llamada simpleview se encargó de convertir los documentos a .cfm (coldfusion), creo que eso fue lo que demoró que estuviera en línea.
Si le ven algún bug ni me digan por que ya no le puedo mover nada :), simpleview tiene el control del sitio ahora.
10 de Noviembre de 2007 | 12:05 pm | Anuncios, Web
Recién terminamos el sitio de Velocity 17 y en buena parte es la razón de que Nudonation este un poco olvidado. Fueron 4 semanas sin descanso, de ajsutes, correcciones, frustraciones, traducciones, etc.
¿Qué es Velocity 17? En palabras de ellos:
Velocity 17 is a first for the New York Metropolitan area, a state-of-the-art multi-million dollar high speed entertainment and conference center.
En V17 puedes encontrar: Live Kart Racing, Virtual F-18 Air Combat, Virtual VGT Auto Racing, Virtual Tactical Training, entre otras cosas, aquí puedes ver algunas fotografías del lugar, también algunos videos.
Netscape se empeña en sacar un navegador de "última generación" más rápido, flexible y seguro dicen ellos. No entiendo por qué no han terminado con esta larguísima agonía que los tiene a un pie de la tumba literalmente. Sacan la versión 9 de su navegador con "novedades" como URL correction, si escribes por ejemplo: yahoo.cm el navegador te despliega un mensaje que dice: ¿Quisiste decir: yahoo.com?, bueno que otra cosa nueva mmmm.... la interfase? que está (muy) lejos de ser una maravilla, Netscape nunca se ha destacado por sus buenas interfases.
No se que piensan estos tipos de netscape pero pareciera que se empeñan en tener "vivo" este browser más por una cuestión legacy love que por ofrecer una herramienta real. Ya si encima quieres probar aquí te dejo la liga: http://browser.netscape.com
Esta es una pregunta que invariablemente nos hacemos a la hora de comenzar a diseñar un sitio, si bien hay una teoría básica para definir una paleta, muchas veces no es suficiente. ¿A qué me refiero con teoría básica? bueno pues hablando de un sitio para una funeraria por ejemplo, no vamos a usar colores vivos y festivos, lo ideal es la sobriedad, colores que evoquen tranquilidad y paz. Esto por dar un ejemplo de la teoría básica.
No ayuda mucho ciertamente, entonces, ¿de dónde vamos sacar nuestra paleta de colores? Les voy a dar dos ejemplos que trabajé reciéntemente y en los cuales llegué a la paleta de colores por caminos diferentes. Lee todo el post »