GauchoSEO, nuevo blog

escrito el 31 de Julio de 2009 por Sebastián Romano

Decidimos publicar un nuevo blog totalmente dedicado a posicionamiento en buscadores y marketing online.

GauchoSEO busca acercar estos temas a todo tipo de público, ya que consideramos que deben estar presentes antes de iniciar cualquier proyecto web.

www.gauchoseo.com.ar

En cuanto a web al plato seguirá su curso contando novedades de nuestra empresa y del medio local.

Cuando lo barato sale caro

escrito el 28 de Julio de 2009 por Sebastián Veggiani

Hoy he leído un excelente artículo de Julio Loayza publicado en stanque blog. En él Julio da algunas razones y razonamientos sobre los distintos costos que podemos encontrar en el mercado  la hora de desarrollar un sitio web.

Me pareció un muy buen recurso para convencer a nuestros clientes cuando vienen con que Fulanito les hace el sitio web por la mitad de precio. A continuación un pequeño extracto del artículo:

Pero una web no es un kilo de peras. Una web no es mercancía. Un web es un desarrollo a medida, y las diferencias estarán marcadas siempre por el equipo de trabajo que la desarrolle, por su experiencia, sus conocimientos, su formación, su seriedad y su compromiso. El producto final, su calidad, será el fruto de ese desarrollo personalizado y los resultados que se obtengan del mismo serán directamente proporcionales a dicha calidad.

Creo que como profesionales debemos estar capacitados para demostrarle al cliente porqué nuestro trabajo tiene un costo superior poniendo en la mesa detalles a tener en cuenta, planificación, experiencia y todo aquello que demuestre por qué el trabajo que haremos nosotros será de mejor calidad.

No puedo evitar recordar y referirme a la cantidad de clientes que acuden a envero y nos comentan que les desarrollaron un sitio que no cumple sus expectativas para nada. Muchas veces, ante esta situación, el cliente no tiene el dinero necesario para encarar un rediseño y nuevo desarrollo y se queda con un mal producto que le otorga a su empresa una pésima imagen en internet.

Enlace: Una web no es un kilo de peras

Palermo Valley Mendoza 2

escrito el 17 de Julio de 2009 por Sebastián Romano

Hace alrededor de dos años con mi amigo y socio @efedoce tuvimos la suerte de estar trabajando dos meses en Buenos Aires.

En ese tiempo sin duda lo que más nos enamoró fue la cantidad de eventos disponibles. Los había de todo tipo, sí, también de nuestro rubro.

Así es que cuando volvimos (con el borrador de envero en la mochila!) lo que más extrañabamos (y aún hoy) era este tema de la cantidad de eventos, estar a un paso de todo y poder cruzar palabras con gente que haga lo mismo que nosotros.

Palermo Valley Mendoza nos dá esta oportunidad.  Nació hace pocos meses y es la versión mendocina del Palermo Valley un evento destinado a reunir  a desarrolladores, emprendedores e inversores. El mismo cuenta con cierto prestigio, sin ir más lejos hace poco Google los recibió en sus oficinas.

Nos sentimos orgullos de poner nuestro granito de arena s¡endo sponsors, e invitamos a empresas del rubro a que hagan lo mismo por el bien de todos, para que el evento crezca y se haga fuerte.

Todavía no tenemos fechas confirmadas (#gripeA), ni bien tengamos más información actualizaremos este post.

CSS: herencia de font-family en controles

escrito el 13 de Julio de 2009 por Sebastián Veggiani

Debo reconocer que en mis más de 10 años de experiencia en desarrollo web vengo recién a ser consciente de esto y me siento hasta un poco avergonzado. Pero quiero aprovechar que me he desburrado para compartir este conocimiento con quienes aún no lo tengan bien claro (si es que quedara alguien).

El problema

Examinando algunos formularios de una aplicación que estamos desarrollando me di cuenta de que la propiedad font-family no es heredada por los elementos input, textarea por defecto, sino que el navegador utiliza la fuente que tiene asignada en su configuración para texto proporcional o texto monoespaciado. Esto ocurre aunque en el body hayamos seteado alguna familia en particular.

Se me ocurre que no conocía esto hasta ahora porque, a menudo, he seteado exclusivamente para estos elementos la propiedad font-family sin tener en cuenta que no era heredada de elementos padre superiores.

Un ejemplo práctico

Supongamos que definimos en la hoja de estilos de nuestra página la siguientes propiedades para el elemento body:

body {
	font: 62.5%/1.6 "Trebuchet Ms", Arial, Helvetica, sans-serif;
	background-color: #fff;
}

Podemos ver que Firefox 3.5 en Windows interpreta y renderiza el control con la fuente MS Shell Dlg (click en la imagen para verla más grande):

post_fontfamily_inheritance_ff35_small

De la misma manera vemos que en Internet Explorer 7 el navegador decide que va a mostrar el control utilizando Arial en lugar de heredar lo que hemos seteado en para el body:

post_fontfamily_inheritance_ie7_small

La solución

Por suerte la solución que he encontrado es muy sencilla. Se trata de forzar en la propiedad CSS que el elemento herede la fuente que se ha seteado para sus padres, en este caso el body:

input {
    font-family: inherit;
}

textarea {
    font-family: inherit;
}

Y eso es todo. Espero que les resulte de utilidad a aquellos que se han pasado horas luchando con algún formulario porque la fuente se veía “rara” o no lograban los resultados esperados.

Nota: Es importante aclarar que no he probado todavía que ocurre en Opera o Safari pero me imagino que ocurre exactamente lo mismo. Cuando pueda hacer la prueba actualizaré este post con los resultados.

Minianimalista v0.2 para Wordpress libre al fin

escrito el 12 de Junio de 2009 por Sebastián Veggiani

Hoy tenemos el orgullo de presentar nuestro primer aporte más o menos serio a nuestros lectores y a la comunidad en general.

Conoce a Minianimalista

Minianimalista preview

Se trata de nuestro tema para Wordpress que hemos bautizado minianimalista y que cuenta con algunas características que creemos pueden resultar interesantesy novedosas (pues no las hemos visto en otras plantillas, no porque no existan). A continuación un breve resumen de las más importantes:

  • Basado en el Framework Blueprint CSS
  • Diseño sencillo y sobrio.
  • Escrito desde cero logrando código XHTML y CSS limpio.
  • Fácilmente internacionalizable y localizable.
  • Soporte para Gravatars

Diseño y desarrollo basado en Blueprint CSS Framework

La utilización de este framework CSS como base para el planteo del diseño y el desarrollo permitió que de manera sencilla hayamos podido utilizar una grilla organizativa e implementar la técnica de ritmo vertical en la composición tipográfica. Bueno, este último punto no fue muy fácil de lograr pero con un poco de práctica se aprende a dominar la técnica.

Estas dos características comunmente utilizadas en el diseño tradicional, pero que no son sencillas de trasladar al diseño web, contribuyen a lograr un resultado equilibrado, ordenado y armonioso.Ver este post con la grilla de base activa.

Si bien el diseño no es netamente minimalista, se han mantenido al mínimo los elementos decorativos en el tema. Pero como podrán ver en ‘web al plato’ se puede extender y modificar para adaptarlo al gusto personal de cada uno.

Código escrito desde cero

Utilizando un template vacío para Wordpress se construyó desde el principio para que cumpla con los estándares XHTML y CSS.

Sin embargo, por motivos que casi todos los desarrolladores conocemos y sufrimos a diario existe la excepción de tener que servir una plantilla adicional con ‘tweaks’ para Internet Explorer 6 y 7 (mueran ya por favor!).

Se han reducido casi al mínimo los archivos que utiliza Wordpress para mostrar su contenido por lo cual puede servir como base para extenderlo a temas más complejos.

Fácil de internacionalizar y localizar (o traducir)

Todos los textos y otros elementos (como las fechas) que utiliza el tema han sido implementados de manera que puedan ser fácilmente adaptados a otros idiomas y costumbres.

A continuación algunos consejos para que puedan utilizar y sacar provecho de estas características.

Cómo internacionalizarlo y localizarlo

Por defecto el tema contiene todos los textos en inglés. Se eligió este idioma por resultar el más universal y que cualquier desarrollador pueda utilizarlo como base y crear su propia traducción.

Para traducir el tema a otros idiomas hay que seguir los siguientes pasos. Vamos a suponer que queremos traducir el tema al catalán.

1. Configurar WP para el idioma específico al que vamos a traducirlo.

En el archivo wp-config.php de Wordpress descomentar y cambiar la siguiente línea:

define ('WPLANG', 'en_EN');

por

define ('WPLANG', 'ca_CA');

Por ahora no veremos ningún cambio hasta que completemos el segundo paso.

Enlace útil: Listas de códigos para los idiomas.

2. Traducción del archivo que contiene los textos

Las traducciones a cada idioma se encuentran en los archivos .po y .mo que están la carpeta del tema.

Nota: los archivos .po contienen los textos a traducir. Los archivos .mo son versiones compiladas de los anteriores que, generalmente, los programas de edición  crean automáticamente cada vez que guardamos el .po. Por esto asumiremos de aquí en adelante que trabajaremos sólamente con los archivos .po.

Como punto de partida deberemos hacer una copia del archivo es_ES.po y guardarlo como ca_CA.po.

Luego, con algún programa de edición como Poedit abrimos este nuevo archivo y vamos traduciendo las cadenas de texto original al idioma elegido.

Enlace: Más info para trabajar con archivos .po.

3. Configuración del formato de la fecha

En el panel de Administración de Wordpress seleccionar:

Opciones > General > Formato de fecha

y configurar lo de acuerdo a sus preferencias o al uso común en el idioma. Por ej.

d de F de Y

Enlace: Documentación para los formatos de fecha.

Con esto ya deberíamos poder disfrutar del tema en nuestro idioma favorito.

Consejos de uso

Trabajando con imágenes

Para incluir imágenes en nuestros post sin que perdamos el ritmo vertical en el resto de la página solamente debemos asegurarnos de que la altura de la misma sea múltiplo de 18px.

Por ej. 18px, 36px, 54px, 72px, 90xp, 108px, etc.

Activar la grilla para verificar el ritmo vertical

En todo momento podemos activar la grilla de fondo agregando a la URL de las páginas el parámetro ’showGrid=1′.

Minianimalista preview con grilla

Por ej.: http://www.envero.org/blog/2009/06/12/minianimalista-v02-para-wordpress-libre-al-fin/?showGrid=1 (ver este post con la grilla activa).

Compatibilidad

Este tema ha sido probado con las versiones de Worpress 2.6.x y 2.7.x. Sin embargo, es probable que funcione sin problemas en versiones anteriores o más modernas.

Problemas conocidos

  • Al momento de plantear el diseño se utilizó como alto de línea 18px y 12px para el cuerpo que son las medidas que utiliza por defecto Blueprint CSS. Sin embargo, para lograr óptima legibilidad este interlineado es insuficiente. Está previsto que sea corregido en la próxima versión de minianimalista.
  • En Internet Explorer 6 aparece un ‘misterioso’ espacio en la parte inferior del formulario que no hemos podido de momento eliminar. No afecta en nada la funcionalidad del tema.

Descarga

Enlace: Descargar minianimalista_v02.zip.

Licencia

minianimalista v0.2 Wordpress theme by envero.org está licenciado bajo GNU General Public License (GPL) version 3 sólo nos gustaría que, por cortesía, se conservara el link hacia nuestro blog en el pie del tema.

Cambiar, cada tanto, viene bien

escrito el 09 de Junio de 2009 por Sebastián Veggiani

Como quizás hayan notado, a partir de hoy este blog ha cambiado un poco su apariencia y algunas cosas más técnicas y profundas que quizás no estén tan a la vista pero que significan una mejora en el funcionamiento de este humilde espacio.

Ahora al plato

Comenzamos por cambiarle el nombre. “envero blog” resultaba un tanto inexpresivo y no transmitía la razón esencial  por el que tenemos este blog: expresar nuestros puntos de vista sobre este vasto mundo del desarrollo y el diseño web, internet, las tecnologías directamente e indirectamente relacionadas y su impacto en la sociedad.

Poniendo al plato estas ideas buscamos servirle contenidos y opiniones que creemos pueden resultar interesantes a nuestros lectores.

Nueva cara

Hemos implementado la nueva versión de nuestro tema para Wordpress llamado minianimalista v0.2. El mismo tiene algunas características interesantes que podemos destacar:

  • Basado en el framework CSS Blueprint.
    El nuevo diseño está diagramado en base a una grilla y aplicando la técnica del ritmo vertical para la composición tipográfica (ver este post con la grilla de fondo). Fue un trabajo enorme llevar a cabo el tema respetando completamente estos preceptos pero valió la pena ya que ganamos mucha experiencia en el uso del framework y en la técnica de ritmo vertical.
  • Cumple con la especificación de los estándares XHTML y CSS.
    Con excepción, por supuesto, de Internet Explorer que requiere de algunos ‘tweaks’ especiales para domarlo.
  • Fácilmente localizable e internacionalizable.
    Todos los textos del tema son traducibles modificando un archivo .po y cambiando una línea en la configuración de WP.

En los próximos días estaremos liberando la versión básica del tema (sin algunos retoques estéticos para este blog) a la comunidad para su descarga y uso gratuito.

Ahora 50% más vivo

Esta es la razón más importante que nos movió a actualizar el blog. En los últimos tiempos hemos podido aumentar la frecuencia de publicación lo cual siempre fue un tema pendiente para nosotros. No queríamos que ‘envero blog’ fuera uno más de los millones de blogs abandonados. En el futuro esperamos poder continuar con este ritmo de publicación.

Los invitamos, si gustan, a dejar su crítica, comentario, reporte de bugs, etc. en los comentarios del post.

El equipo de envero espera que estos cambios sean de su agrado y resulten en una mejor experiencia de uso para nuestros visitantes.

Consejo a emprendedores

escrito el 01 de Junio de 2009 por Sebastián Veggiani

Si de veras quieres empezar un negocio deja tu trabajo, reduce tus gastos y dedícate a ello a tiempo completo. Es la única manera de darle una oportunidad de éxito a tu idea.

– Jesús Encinar

Visto en Microsiervos (original en 10 consejos sobre cómo empezar una empresa).

El traje de madera que estrenaré

escrito el 29 de Mayo de 2009 por Sebastián Romano

Hoy mientras Envero desayunaba en McDonalds (como todos los viernes) surgíó una charla sobre la muerte, partida, chau chau mundo cruel, del webmaster. De ahí surgió el post.

Robándole la letra a Sabina, no sé si el traje de madera que estrenaré está siquiera plantado, no lo sé. De lo único que estoy seguro es del lío que se “adjunta” a mi partida.

¿Alguien se ha preguntado, por ejemplo, quién va a seguir con nuestro impecable trabajo?

Para que no cunda el pánico se nos ocurrieron las “Líneas adicionales en el testamento de un webmaster”. Dirían mas o menos asi:

Deben mantener las cuentas donde tengo registrados los dominios. Los dominios son los nombres de las páginas web, ejemplo: hotmail.com, facebook.com.

Empiezo por NIC.ar porque creo que es lo más enredado. Mis datos de Persona son XX, mi Entidad es XX. Cuando deseen registrar un dominio deben ingresar al sitio, le pedirán mis datos de Persona y Entidad, les llegará un mail avisando del trámite deben responerlo con cuidado porque ese mail activa el trámite y si no lo responden exactamente como se les envió no puede ser iniciado y da error. Posibles causas de error: el cliente de correo agrega texto al final del mail, el antivirus agrega texto al final del mail. Luego …., pfff, por favor compren dominios “.com”, olvidense de NIC.ar, en goddady.com sólo necesitan tarjeta de crédito y en un segundo quedan funcionando.

Cedo mi cuenta de godaddy.com a mi hijo/a o esposa o madre/padre (en ese orden).

Hosting. Es el lugar donde están guardaditas las web para que cualquier persona pueda consultarlas, por favor renovarlo anualmente o activar para que se auto renueve.

Cedo mi cuenta de dreamhost.com y mediatemple.net a mi hijo/a o esposa o madre/padre (en ese orden).

Es importante el orden en el que se ceden los derechos, creo que mi hijo tendrá más domino de todo esto que mi esposa o mis padres.

Por último, debo escribir la siguiente línea para el bien de muchas personas (no se si el mío).

Cedo mi cuenta de google.com a mi hijo/a.

Hijo/a sos responsable de seguir mi vida, no le cuentes nada a tu mami.

Con estas lineas la mayoría de nuestros clientes deberían quedar tranquilos y la integridad de nuestra familia resguardada.

¿Se me olvidó algo?

Patagonianbrothers.com, en la cima

escrito el 21 de Mayo de 2009 por Sebastián Romano

Queríamos hacer llegar por este medio nuestras felicitaciones a Damián Benegas, su hermano Willie y a Mercedes (Tety) Sahores por haber hecho cumbre en el pico más alto.

patagonianbrothers.com

Hace unos meses Damián se ponía en contacto con nosotros para confiarnos el desarrollo de su sitio web. Una vez finalizado el trabajo y unos días antes de partir hacia el Everest se decidió montar un blog para seguir la expedición, con poco tiempo se realizó una plantilla muy simple para wordpress y partieron.

Ni bien llegaron comenzaron a publicar posts y lamentablemente en uno de ellos Tety nos contaba que se les había averiado la compu desde donde publicaban (se les había instalado un programa para publicar en el blog. El mismo les permitía administrarlo de forma sencilla y consumiendo poco ancho de banda). Desde ese momento el blog tuvo pocos posts.

Más allá de la cantidad, la verdad que cada uno es imperdible, ella misma cuenta cada momento y las imágenes son imperdibles.

Esperemos que  cuando lleguen actualicen y suban muchas fotos.

Una vez más felicitaciones chicos y Tety que nos enteramos por los medios que sos la primera mujer argentina en hacer cumbre!

Saludos desde Mendoza.

PD: Algunos de los medios que los mencionan: mdzol.com, clarin.com, lanacion.com.

desde la tribuna del Palermo Valley Mendoza

escrito el 19 de Mayo de 2009 por Sebastián Veggiani

1er PV Mendoza

El jueves de la semana asistí, junto con Marcos de nuestro estudio y mi amigo Pepo, al evento denominado Palermo Valley Mendoza que se realizó en el bar Antares (por cierto que tienen una muy buena Cerveza) de la calle Arístides Villanueva y cuya organización estuvo a cargo de Magdalena Day (@magdalenaday), Mauricio Pérez Rivas(@moriz) y Pablo Pizarro(@pizarropablo).

¿De qué va esto?

Los Palermo Valley son reuniones que empezaron a hacerse en Buenos Aires hace ya 2 años (creo recordar) con el objetivo de reunir a la gente que puede hacer posible concretar y llevar al éxito un proyecto en internet. Entre ellos encontramos emprendedores, inversores, desarrolladores, diseñadores, especialistas en marketing, etc.

Mauricio fue el encargado de hacer la presentación del evento, contarnos un poco de qué trata y qué los movió a organizarlo. Finalmente introdujo la charla que a continuación daría Pablo Aquistapace de Eventioz.com.

Pablo nos contó un poco cómo el proyecto había nacido a partir de una necesidad personal. Luego de una investigación vieron que en el mercado Latinoamericano (al que apuntan principalmente por el momento) no había ninguna alternativa que contara con un nivel de calidad mínimo que prestara este servicio. Eventioz.com provee herramientas para la publicación y manejo de las inscripciones a eventos. Su modelo de negocio se basa en cobrar una comisión de cada transacción realizada por medio del servicio. Nosotros lo utilizamos para inscribirnos a este mismo evento y nos pareció un buen servicio para el asistente al evento.

Luego Alfredo Escolar de evisos.com nos contó un poco la historia y evolución de su proyecto, una plataforma de avisos clasificados gratuitos. Alfredo explicó que evisos.com surgió luego de estudiar craiglist.org y con la idea de sumarle herramientas útiles para fidelizar a sus usuarios. Su modelo de negocio se basa en la publicidad que es gestionada con AdSense de Google.

Luego Victoria Fava, abogada con experiencia en el sector de las tecnologías e internet nos introdujo ciertas nociones básicas sobre el tedioso (para nosotros que nos gustan los botoncitos y los colores :P ) pero importantísimo tema legal a la hora de proteger nuestras ideas y proyectos. Recomiendo que si están por comenzar un proyecto en el que van a invertir tiempo, dinero, esfuerzo y vida no dejen de lado este aspecto y pidan el asesoramiento de un especialista como Victoria.

Fuera de programa, Pablo Reyes nos contó un poco de su emprendimiento armatudisplay.com. Luego Martin Caliau, fundador de Anywhr.com que ahora se encuentra residiendo en España nos contó algunas cosas de sus nuevos proyectos (Urbarama y habitissimo.es) que están muy interesantes. Me olvidaba de Federico Arce (@fedearce) que contó un poco su proyecto fedealespacio.com para impulsar su sueño de ser el primer viajero espacial argentino.

Un punto muy bueno a destacar fue la apertura de las personas que expusieron sus proyectos a responder a las preguntas que hicimos algunos de los presentes sobre aspectos puntuales de sus proyectos y su experiencia.

Luego la idea fue que los participantes nos quedáramos conversando e intercambiando ideas (”networking” que le llaman ahora :P ). Y nos quedamos un rato conversando pero el día laboral que precedió el evento había sido especialmente duro y decidimos partir no muy tarde.

¿Y qué me pareció el evento?

Muy bueno. A nivel organizativo y de la buena información que nos brindaron a todos los asistentes (más de 100!) la gente que expuso en las diferentes charlas. No quiero olvidarme de expresar mis felicitaciones a los organizadores y expositores.

He resumido demasiado todas las cosas que podría contar sobre el 1er. PV Mendoza, pero les dejaré la inquietud para que asistan al próximo.

A diferencia de otros eventos relacionados con este mundo en el cual nos movemos a diario, me resultó muy gratificante ver que estos emprendedores se animaron a compartir un poco de know-how y no se limitaron a destacar sus logros.

¿Algo para mejorar?

Si, dos cosas a mi parecer:

El nombre de evento

“Palermo Valley” me parece demasiado “alien” para nosotros que vivimos en Mendoza. Si bien hay que reconocer que el evento nació inspirado y quizás impulsado (esto no lo se con seguridad) por su padre del barrio de la Capital Federal, creo que el nombre Palermo Valley Mendoza no ayudará para que los participantes locales se sientan identificados con el mismo.

Tiro una idea para el nombre del evento local: creo que la palabra “valley” debe estar ya que identifica a este tipo de movimientos y que el nombre/marca “Palermo Valley” podría aparecer como secundario o tagline.

Algo así:

Sol de Oeste Valley / West Sun Valley (prefiero en español)
“Miembro de Palermo Valley”

Presencia de inversores

Hubiera sido muy bueno que hubieran asistido inversores al evento. No puedo culpar a la organización de esto porque personalmente pienso que debe ser bastante difícil encontrar inversores en este tipo de emprendimientos en nuestra provincia.

Como idea para mejorar esto propongo que para el próximo encuentro se abra un post en el blog donde vayamos proponiendo nombres de posibles inversores que cada uno conozca o ideas de empresas que podríamos invitar a conocer un poco más de la movida.

En resumen, un buen empujón para los emprendedores mendocinos.

nuestra mirada sobre el desarrollo web, noticias de envero y otras cosas que queremos compartir…

archivo