Monday, October 27, 2008

Tipografías Web.

En en el blog de la compañía de diseño web IntergraphicDESIGNS, se coloca el siguiente artículo relativo con las tipografías web:

El presente artículo pretende presentar información general sobre las tipografías más populares en el diseño web. Como muchos ya saben, existe un grupo de fuentes llamadas fuentes seguras para web (web-safe fonts en inglés), las cuáles son las únicas que un buen diseñador web debe utilizar un un sitio web. El artículo muestra las razones por las cuales esto ocurre así, además de referencias a alternativas como sIFR para utilizar otras tipografías en web, e incluso listados estadísticos sobre las tipografías instaladas por defecto en los navegadores más populares

Más información en: Tipografías más utilizadas en la web.

Wednesday, October 8, 2008

Arquitectura de Links

Tomado de los webmasters de google, importante el ejemplo de los textos descriptivos dentro de los links:


To see all our basketball videos, click here for the entire listing.

However, instead of the generic "click here," you could rewrite the anchor text more descriptively as:

Feel free to browse all of our basketball videos.


Entonces tratar de no utilizar el "ver más" o textos que no dicen nada del contenido al cual apunta el link.

Sunday, September 7, 2008

Métodos de administración ágiles

El método de administración se basa en trabajo sobre micro-ciclos (denominadas iteraciones) los cuales tienen una serie de fases definidas, resultados definidos para cada iteración, planificaciones a corto plazo (casi que incluyendo sólo la iteración, esto permite la adaptabilidad al cambio), sintetizar efectivamente el conocimimiento del proyecto (eliminando overhead de leer N correos para un mismo asunto, tiempos en entrevistas, tiempo de comunicación interna,etc) y reuniones cortas sólo con los involucrados en cada iteración. Asume que el cambio siempre va a ocurrir en los proyectos y que necesita una comunicación estrecha con el cliente, unos métodos exigen incluso que un representante del cliente esté físicamente junto con los que implementan el proyecto (pero claro esto sólo aplica para proyectos gigante$).

Cosas "extravagantes" de estos tipos de administración es que algunos métodos proponen que dos recursos trabajen simultáneamente por equipo; que curiosamente se comprueba que impacta mejor en productividad, control de calidad y eficiencia en productos.

Este tipo de administración aplica mucho para proyectos donde los requerimientos no son bien conocidos o cuando se requiere de feedback del cliente; en principio fue diseñado para proyectos de tecnologías de información los cuales en esencia tienen varias cosas en común con proyectos de otras ingenierías y en cosas como proyectos de diseño también (dado que también son proyectos basados en la creatividad para resolver un problema).

Fuentes adicionales (wikipedia)

Monday, September 1, 2008

Nuevos Browsers

Google va a lanzar "Google Chrome", el cual es un nuevo navegador basado en la tecnología webkit que han estado desarrollando junto con Apple y Mozilla, es un browser orientado a ser utilizado con aplicaciones web.

"Aurora" es un concepto de browser futurísta que se está desarrollando en los laboratorios de mozilla, junto con una compañía privada. La idea del sistema es permitir el "compartir" la información no sólo mediante aplicaciones web 2.0 sino, con una interacción real de una comunidad en la navegación (dos personas navegando en la misma página simultáneamente).

Thursday, August 28, 2008

Texto Oculto en HTML

El texto oculto se debe analizar con cuidado porque google podría interpretar esta práctica como una forma intensionada de manipular el ranking de una página.

Sin embargo, cuando se utilizan componentes como menús con CSS u otros componentes en donde el atributo "display" o el "visibility " son modificados para dar efectos esperados entonces surge la duda si esto es en realidad una buena práctica.

Según google, la regla es que si un texto se esconde pero eventualmente este texto puede ser visto por el usuario y va a ser útil para él, entonces no hay problema.

Links:
http://groups.google.com/group/Google_Webmaster_Help-Indexing/browse_thread/thread/cf504ffd28b6bb68/21b12da30e8b0de2

http://www.google.com/support/webmasters/bin/answer.py?answer=66353

Sunday, August 24, 2008

Sector servicios de Costa Rica

A continuación presentaciones ofrecidas en la página de INCAE que incluye presentaciones de Schematic, Procter entre otras empresas de renombre




http://www.incae.ac.cr/ES/clacds/seminarios/sector-servicios/

Navegador Aurora

Introducción del experimento de mozilla labs del navegador "aurora" dedicado a la navegación colaborativa.


Aurora (Part 1) from Adaptive Path on Vimeo.

Blog de windows 7

El equipo de desarrollo de windows 7 (la siguiente versión del sistema operativo windows) inició su blog.

Yo ya he sido lector del blog de Internet Explorer 8, y me parece una excelente iniciativa de microsoft (adoptar la idea, porque no es la primera que hace un blog de un producto) y es un mensaje para las empresas desarrolladoras de software en cuanto al mercadeo y a la información de sus usuarios de que se está dando la "moda" de bloggear por producto y de la importancia que eso tiene.

Wednesday, July 16, 2008

Web forms

Los forms permiten que los usuarios ingresen datos que serán necesarios para un sistema en la labor que realizan. Al ser los instrumentos por excelencia de la interactividad en una experiencia de uso web, es un impertativo que estas secciones se implementen orientadándose a lograr el mayor grado de usabilidad y accesibilidad para el usuario.

A continuación algunos links de interés:

  • Artículo 1: Se menciona links de cómo se construye un formulario que cumpla con los estándares de la W3C y sea accesible.
  • En estos links se mencionan recursos para lograr el mayor grado de usabilidad, mediante componentes como date times pickers, validadores,etc.
[1]: http://www.smashingmagazine.com/2006/11/11/css-based-forms-modern-solutions/
[2]: http://www.catswhocode.com/blog/web-development/10-mootools-scripts-for-enhancing-your-html-forms-28

Friday, July 11, 2008

Tabla de comparación de php

En la siguiente esta direccion, se muestra la tabla de comparación de php, donde se presentan los valores esperados para las expresiones condicionales, dado que php no es un lenguaje tipado hay que tener cuidado con este tipo de sentencias.


Friday, June 27, 2008

CSS Hacks

Los muy útiles "CSS Hacks" ayudan a poder tratar de garantizar que los estilos aplicados se muestren como es esperado en todos los navegadores a pesar de los problemas de compatibilidad, los invito a revisarlos en google, mientras tanto un ejemplo:



http://css3examples.blogspot.com/2008/06/css-hacks.html

Sunday, June 22, 2008

Modelos de Madurez en la administración de Proyectos

Mi compañero Max Jimenez y yo redactamos un pequeño reporte acerca de los modelos de madurez para la administración de proyectos.

Se hace un resumen de en qué consisten y tocamos el tema de uno de esos modelos en específico que es el opm3.

Aquí pueden encontrar más links acerca de otros modelos.

Sunday, June 1, 2008

Navegadores de Internet

Los navegadores de internet son los sistemas de software más importantes e influyentes a mi parecer.

No sólo son software de un costo bajo o nulo (internet explorer, safari, firefox son gratis) y todas las computadoras asumen este programa como parte del sistema operativo; sino, que son la puerta de salida para navegar en internet y de esta forma es la herramienta por la cual se cambia el modo de comunicarse, aprender, etc.

A continuación un video gracioso de los navegadores.

Wednesday, April 23, 2008

Smart CSS

Saludos,

Me encontré esta extensión para fireworks (para CS3 mac/windows) que exporta una página con los CSS's de texto y layout; apenas y la probé (sólo quería los estilos de los textos) y me funcionó bien (igual el diseño es super simple).

Como es un programilla de propósito general quizás genere mucho código que no se ocupe (hay una versión más robusta que hace más cosas pero no es gratis) , igual puede ser una ayuda por lo menos para cosas pequeñas.

La instalación se hace mediante el extension manager del CS3.

Manual básico (3 páginas)
http://www.adobe.com/devnet/fireworks/articles/smart_css.html

Página del Producto
http://www.activata.co.uk/smart-css/

Sunday, April 13, 2008

El primer google en Costa Rica?

En esta discusión se plantea de por qué no aparece un proyecto Web 2.0 (tales como un google, un yahoo, un youtube, un facebook) en Costa Rica y qué se necesita para que aparezca. Como es un tema interesante copio mi comentario aquí.

Las preguntas son:
  • Que tenemos que hacer para ayudar a potenciar a los emprendedores con buenas ideas?
  • Cómo hacemos para que el próximo google salga desde Costa Rica?
  • Cuçales son las razones por las que eso no ha pasado todavía?

Mi opinió es que las 3 preguntas se orientan con una solución/situación:

Percibo que la mayoría del sistema universitario latinoamericano está orientado a suplir de mano de obra al mercado y casi que no da cabida a actividades intensas y realmente serias de investigación.

Generalmente durante una investigación salen nuevas ideas que permiten innovar. Por ejemplo Google nace de un proyecto de doctorado.

Tanto youtube como yahoo surgen no como proyectos de investigación pero en la época universitaria, dónde en esos países los estudiantes quizás tienen una perspectiva diferente más que "terminar trabajos" y "estudiar par a el exámen".

Muchos estudiantes universitarios quieren o se ven en la necesidad de tener sus estudios completados para ganar dinero y no ven ganancia en investigar.

Así cuando se compara un salario de al menos $1k vrs uno de $500, $600 de investigación (en el mejor de los casos) entonces esta última actividad no es tan preferida, mermando la innovación y la creatividad.

Solución?: Pues atacar el nicho universitario para que genere ideas y proyectos mediante la investigación y que el sector privado/inversionista "les ponga un ojo" e incentive dicha actividad.

Thursday, April 3, 2008

API de Google Gears

Google Gears permite ejecutar algunas aplicaciones de google (google documents, reader) offline.

También existe un api que permite desarrollar sobre google gears, lo que resuelve muchas soluciones de deployment y demás ventajas que provee una aplicación web pero sin conexión a internet.

http://code.google.com/apis/gears/

Thursday, March 27, 2008

Dejar de pensar cuadrado

En nuestros procesos creativos (de diseño de software o gráfico) muchas veces pensamos "muy cuadrado" o queremos alejarnos de ese esquema, un ejemplo de cómo hacerlo lo presente el señor Frank Gehry quien usa la arquitectura de papel para constuir edificios y elementos (que generalmente uno esperaría que fueran cuadrados :P)

Adjunto información de Frank Gehry y de un parque en el que él tuvo participación que por cierto es genial.


Frank Gehry
Fotos obras: http://www.flickr.com/search/?q=Frank+Gehry&m=text
Información: http://en.wikipedia.org/wiki/Frank_Gehry

Frank Gehry's Tančící dům

MIT- Frank Gehry building

Gehry's Disney Concert Hall


Millenium Park

Fotos: http://www.flickr.com/search/?q=millenium+park+chicago&m=text
Información: http://en.wikipedia.org/wiki/Millennium_Park
http://www.millenniumpark.org/

Jay Pritzker Pavillion, Millennium Park

Sunday, March 9, 2008

Open Web Application Security Project (OWASP)

Un sitio interesante que encontré fue el de Open Web Application Security Project (OWASP) , organización que se trata de lo siguiente:
The Open Web Application Security Project (OWASP) is a worldwide free and open community focused on improving the security of application software. Our mission is to make application security "visible," so that people and organizations can make informed decisions about application security risks. Everyone is free to participate in OWASP and all of our materials are available under an open source license. The OWASP Foundation is a 501c3 not-for-profit charitable organization that ensures the ongoing availability and support for our work.
Dentro de los productos más convenientes está el artículo "Top Ten":
lists the most serious web application vulnerabilities, discusses how to protect against them, and provides links to more information.
Links:
OWASP Home Page
Top Ten

Thursday, March 6, 2008

Patrones de soluciones para interfaz gráfica

Adjunto 3 links con librerías de patrones de diseño (tanto el diseño gráfico como diseño del software) relacionados con descripciones de problemas frecuentes en la construcción de interfaz gráfica y soluciones probadas de cómo resolverlo.

Esto sirve para no inventar el agua tibia y saber qué cosas debe tener un componente de interfaz para que sea
usable, efectivo, aprovechando las mejores tecnologías (como AJAX) y esto sin comprometer la creatividad.

Espero que les sea de utilidad.

http://developer.yahoo.com/ypatterns/
http://www.welie.com/patterns/
http://groups.ischool.berkeley.edu/ui_designpatterns/webpatterns2/webpatterns/home.php

Palabras Claves : "
GUI design pattern", "web design pattern".

Juan.
http://www.juanmoran.net
http://www.intergraphicdesigns.com