Como algunos sabrán, hasta hace unos meses tenía un proyecto personal llamado Kleophatra, en el cuál Leonardo se encargó de casi la totalidad de la parte gráfica. Kleophatra (o Kleo para los paisanos) consistía en un CMS, distribuído gratuitamente bajo Licencia General Pública.

En abril de este año, por motivos varios decidí dejar el desarrollo. La cuestión es que, en una de esas charlas informales que tuve hace unos meses con Leonardo, nos hemos dado cuenta que el material gráfico podría adaptarse tranquilamente para algún proyecto web de casi cualquier índole, es por eso que decidimos, como buenos samaritanos que somos, en ofrecer como un “freebie” (¡Que término más norteamericano!) todo el material gráfico (Imágenes y HTML). Esto no es todo, porque también hemos agregado al HTML algunas secciones que no estaban integradas anteriormente con el gestor de contenidos (una especie de “Inéditos”), y el código ahora pasa la prueba de validación de la W3C ¿qué más pueden pedir?.

Leer el resto de esta entrada »

Hola gente! Hace tiempo que no pasaba por acá. Principalmente porque venimos haciendo varios trabajos de desarrollo web a medida (programación) poco se podía mostrar o contar gráficamente en este blog. Por otro lado también tenemos congelado hasta nuevo aviso el lanzamiento del nuevo diseño de coolshowcase. La cantidad de trabajo nos hace postergar su lanzamiento hasta dentro de poco.

Por otro lado también queremos comentar que todos los sitios de nuestros clientes han sido migrados con éxito a la nueva empresa de hosting, hay que destacar, que hasta ahora se está portando bastante bien. Y hablando de clientes les dejo unas capturas de dos nuevas webs.

Global2:
Una web es para una empresa que comercializar productos para la producción de aceite. Por lo que el aspecto debía estar relacionado con semillas y debía tener colores “naturales”. En este momento tiene contenido auxiliar (el cliente se encarga de subir y administrar todo).

Radio FM 90.1:
Otra web terminada es la web de una radio local. La idea era hacer algo alegre y sobrio (mezcla difícil si las hay). Además la web debía contar con un sistema de novedades o noticias y permitir a los usuarios escuchar la frencuencia online. Esto es lo que quedó.

Dicen que la imitación es el tributo que los mediocres rinden a los que admiran. Y no lo niego, uno lo puede ver en lo cotidiano. Hay una especie de filosofía de la imitación o réplica, todo el mundo quiere parecerse a alguien. Hasta ahí es algo normal y aceptado socialmente. Ahora que sucede cuando lo que se imita o copia es la obra creativa-comercial de otra persona? Ahí la frase citada se empieza a oscurecer, sencillamente porque estamos hablando de “plagio”.

¿Que significa el término “plagio”? El diccionario de la Real Academia lo describe así: “copiar en lo sustancial obras ajenas, dándolas como propias”. O sea una persona comete plagio cuando copia o imita algo que no le pertenece haciéndose pasar por el autor de ello. Inclusive se puede considerar plagio a robar la parte sustancial de una obra, lo que implica también elementos sutiles, por ejemplo en el caso de un libro; una trama parecida, personajes similares, etc. Y en el mundillo del diseño web el plagio está a la orden del día.

Leer el resto de esta entrada »

Lamentablemente, en este último tiempo no he tenido demasiado tiempo ni para escribir este blog, ni para mantener los proyectos de Webnova. Por suerte existe gente lo suficientemente nerd que prefiere aprovechar el fin de semana codeando antes que pasarla con sus amigos :-).

En este momento estamos en proceso de remodelación de Coolshowcase, no voy a dar demasiados detalles pero se vienen cambios bastante profundos. El único secreto que voy a revelar hoy es que estamos por implementar un buscador de obras por colores(sí, parecido al de google images), y he decidido liberar una parte del código, por si alguien necesita conseguir paletas de colores desde una imagen utilizando PHP.

Bien, antes de empezar con las demostraciones, quiero agradecer sinceramente al señor Charles Reace por tirarme las ideas preliminares para programar la librería, y por su buena predisposición al momento de compartir sus conocimientos. En fin, también he creado una especie de interfaz visual para el que quiera probar este script, pueden ver una demostración aquí. Los formatos soportados son jpg, gif, png y bmp.

Para los desarrolladores que necesiten implementar este sistema en alguno de sus sitios, pueden visitar mi repositorio de snippets en Github (y si también quieren seguirme no me enojo :D). Desde ahi van a poder descargar el código de la clase, y un ejemplo de uso. Éste es el link directo al proyecto :-).

Espero que esta pequeña contribución le haya sido de utilidad a alguien. Lo más probable(dependiendo siempre de cómo me vaya con los exámenes de la universidad) es que en los próximos fines de semana vaya publicando también un poco sobre los avances de Coolshowcase, y algunas herramientas que voy a ir creando para facilitar el desarrollo del sitio.

No solemos hablar mucho sobre lo que hacemos o dejamos de hacer en el tema diseño web por encargo. Si bien la idea de este blog comercial era esa, no nos va mucho el estilo de escritura “ombliguista”. Tratamos de trabajar y no hablar mucho. Pero en este caso, me gustaría comentarles sobre un trabajo que disfruté mucho en hacer; se trata del sitio de la municipalidad de mi ciudad Firmat. Y se sabe, mientras más viejo se uno se pone; más quiere a su pueblo ;)

La web llevó su tiempo principalmente porque son muchas cosas las que se articulan para que un proyecto así salga adenlante. La idea era tratar de cerrar la brecha existente entre el municipio y la gente. Que los ciudadanos vayan siguiendo al dedillo cada nueva obra pública o evento.  Y de esta forma saber hacia donde van los esfuerzos del gobierno.

Se puso mucho énfasis en el que la gente tenga su propia voz, que reclame y opine también. Si bien este es un tema sensible creo que con buen criterio y moderación se pueden lograr cosas interesantes con este feedback. Fué por este mismo tema que todas las noticias y la genda se integran con facebook y twitter.

La web corre sobre un WordPress bastante modificado y adaptado con algunos pluggins que programó Sergio, devoto colaborador de wordpress ;) El hosting es de Pampacom, por cierto; a ellos un agradecimiento grande porque pusieron muy buena onda y respondieron siempre muy bien.
En fín; la web quedó estéticamente equilibrada, se respetaron los colores de la identidad inicial y quedó un laburito  agradable a la vista.

[ENLACE DIRECTO]

No suelo poner hacer este tipo de entradas, pero esta vez confieso que me siento tentado a compartir algo realmente interesante. Se trata de Chrome Experiments, que no es otra cosa más que un sitio dedicado a la difusión de experimentos con tecnologías de punta para navegadores web. Fue lanzado hace unos 18 meses bajo el auspicio de nuestro “padre” Google, quien celebró la llegada del experimento número 100 fabricando esta web. Por supuesto, JavaScript y HTML5, son las tecnologías más relevantes usadas en el sitio para poner a prueba tus navegadores.

En este enlace hicieron un compilado 10 interesantes experiementos.

Donald Norman es un influyente profesor de ciencia cognitiva y profesor de ciencias de la computación. Hoy en día trabaja principalmente con la ciencia cognitiva en el dominio de la ingeniería de la usabilidad. Ha escrito libros que cambiaron el concepto de usabilidad o psicología cognitiva. Hasta el grado de que se han acuñado “Los cuatro principios del buen diseño de Donald Norman”. Más abajo los detallo.

En su libro “Psicología de los objetos cotidianos” norman analiza los errores de diseño mas comunes, las causas cognitivas que están tras ellos y propone unos principios de diseño que son una referencia para cualquiera que se dedique al diseño de interacción. El libro trata bastantes conceptos y principios, pero creo que se pueden resumir en cuatro:

Leer el resto de esta entrada »

Esta semana me entero desde Uberbin que Yahoo ha lanzado un sitio con muchos recursos interesantes sobre comoescribir, editar y crear contenido para el mundo digital. En otras palabras podemos decir que es un sitio “guía” para todos aquellos que se mueven en el tema; creación de sitios web y contenidos. Además dan consejos sobre posicionamiento, redacción de textos, HTML básico, etc.

Vale aclarar que este sitio viene a promocionar de forma indirecta un libro que contiene estas y otras guías de buenas prácticas en internet. Ya se olfateaba algún interés económico. :)

[ENLACE DIRECTO] [EN]

Google Font Directory es un repositorio de tipografías que Google pone a disposición de diseñadores y desarrolladores web con la idea de agregar mas belleza y originalidad al diseño web con el uso de estas “nuevas” fuentes. Como sabrán, en el diseño web estábamos limitados a los tipos que se consideraban como “Standards”. Gracias a una API de google ahora el avanico de letras se ve ampliado, dependerá de nosotros saber usarlo.

El directorio, contiene por el momento pocas fuentes disponibles, así como ejemplos de como quedan y obviamente el código necesario para incluirlo en nuestras aplicaciones web. ¿Otro motivo más para amar a google? A mi me ha gustado la idea, le dejo dos pulgares arriba.

Dudo que la web Planetaki salga en la portada de cssmania. Lo que no dudo es que estamos frente a un proyecto exitoso e innovador que usa la tan amada simplicidad como caballo de batalla. ¿Que es planetaki? Muy simple; una web que te permite crear una cuenta en donde puedes añadir todas las fuentes de información RSS que quieras. De esta forma estás siempre al día leyendo una sola página. Estos son los famosos “planets”.

Lectores RSS o agregadores de noticias hay muchos, pero esta web tiene algo especial; su simplicidad. Nada sobra y nada falta. Esto es así hasta el punto en que la única imágen del sitio es su logo, el resto es puro texto plano. Así y todo la web no deja de tener buen diseño y buen gusto.

Yo creo que así deben hacerse las cosas. Últimamente se está viendo una tendencia por sobrecargar de efectos y elementos innecesarios los diseños. Pareciera que estamos volviendo a la cultura de la saturación visual. Entiendo que este tema tiene muchas aristas, porque hay webs comerciales que deben tener ciertos conceptos. Pero en el caso de las aplicaciones webs masivas estas deberían simplificarse al extremo.

Hablar de la importancia de la simplicidad puede parecer superfluo por lo obvio.
Pero es que el punto central de la simplicidad se basa en el entendimiento profundo del asunto que se quiere transmitir y en la capacidad de hacerlo de una forma clara y concisa, es decir en conseguir el máximo efecto de comunicación con la mínima energía.

Notemos que las aplicaciones más exitosas han sido por sobre todo simples.

[Planetaki]
[Las 10 leyes de la Simplicidad]