Friday, December 9, 2011

EL SUEÑO DE LA EMPRESA PROPIA

DISEÑADOR
Así que deseas tener Negocio Propio?



Todos hemos tenido este sueño. No eres el único. Y todos hemos tenido las mismas dudas y, los que finalmente hemos intentado hacerlo, hemos tenido experiencias muy similares.

No soy un experto en negocios, ni mucho menos, pero puedo, en base a mis propias experiencias sugerir algunas cosas que ayuden a quienes apenas inician la aventura de "lanzarse al agua" y levantar un negocio propio. El por fin ser nosotros mismos los que diriginos el rumbo de nuestra vida profesional, y ser los que al final realmente recogen el fruto de nuestros propios esfuerzos.

Sentir que nuestro trabajo no beneficia mas a terceros que a nosotros mismos, cierto?

Pero, que cosas IMPORTANTES hay que tomar en cuenta si queremos iniciar nuestra compañia? Porque aclaro: No me refiero a trabajar FREELANCE, eso es algo que cualquier profesional puede hacer desde su casa o incluso, siendo asalariado, sin vivir todo el proceso de levantar una empresa que aspire a ser mucho mas grande que solo una persona con una computadora trabajando "chambas" para sus clientes. Es llegar a tener oficinas propias, empleados, etc, etc.

Aquí les dejo algunos consejos que talvez puedan ayudar:

1- Inversión inicial




Tenemos tres formas en que puede iniciarse el proyecto de Empresa Propia:

1) Ahorros Propios.

2) Prestamo Bancario.
3) Socio(s) Capital.

En el primer caso, estos ahorros pueden haber sido acumulados sobre un proceso de trabajo de algun tiempo, ya sea como asalariado o producto del mismo trabajo en forma de "Freelance" que se ha hecho.
Personalmente, este es el tipo que recomiendo mas que cualquier otro.

Porqué?

Por que si uno ha venido sobre todo trabajando Freelance y ahorrando de esas entradas para un negocio propio quiere decir que ya ha aprendido y está cumpliendo con tres requisitos muy valiosos para manejar un negocio propio:

a) Tiene experiencia en trabajo por contrato.
b) Tiene una cartera YA EXISTENTE de clientes.
c) Sabe manejar el dinero!

Ademas, no hay nada mejor que invertir dinero y saber que ese dinero no es deuda!

Lo peor que uno puede hacer es iniciar un negocio que no va a dar dividendos en casi tres años con DEUDA (si, como lo leen, una EMPRESA, normalmeente tiene una etapa inicial de tres años, el primero es de perdida, el segundo de salir con los numeros neutros, y el tercero para por fin empezar a tener ganancia).

Lo que me lleva al segundo tipo, el Prestamo Bancario. Pedir dinero a un Banco, o alguna entidad que ofrezca sistema de créditos es algo muy delicado.

Sobre todo para un negocio que apenas inicia.

Las entradas y salidas, el cubrir gastos operativos es un acto de malabarismo que lleva algun tiempo poder llegar a dominar.

Cuando se trabaja solo, con una computadora en nuestra propia casa. Las unicas entradas y salidas que nos preocupan involucran solamente nuestro circulo inmediato de cotidianidad. Ya sea que somos solteros o con personas que dependen de nosotros. El manejo del presupuesto es solo para la manutencion de ese hogar.

Una empresa es otra historia. Los gastos operativos son exponenciales al tamaño de la misma.

Por eso recomiendo muy enfaticamente que si van a recurrir a pedir dinero prestado, que el presupuesto que hayan preparado para determinar el tamaño del prestamo sea algo realmente RACIONAL.

A que me refiero con esto?

Por ejemplo, ser IRRACIONAL es decirse a si mismo: "NECESITO, ME URGE, TENER COMPUTADORAS DE LAS MAS CARAS Y MAS PODEROSAS...".

O sea, comprar (para los amantes de las Macintosh) la ultima i7, cargada hasta mas no poder con todos los componentes mas caros. Y asi para el resto del equipo (activos) de la empresa.

Seamos honestos, que tanto de pensar asi es NECESIDAD y que tanto es VANIDAD?

No se debe ver este endeudamiento, como la oportunidad para tener el equipo que siempre hemos soñado... para eso, estan los años cuando el negocio ya de ganancias y podemos entonces disfrutar del fruto de nuestra labor, dandonos regalos de ese tipo.
Al iniciar la empresa debemos pensar en el gasto minimo, y los activos minimos para poder trabajar eficientemente y asi tener un margen mas razonable y balanceado de Entradas y Salidas.

Entre mas grande el PRESTAMO (DEUDA), menos GANANCIA (Dinero para inversion y crecimiento) vamos a tener disponible, y pronto nos veremos pidiendo mas dinero o dependiendo de terceros... y esa libertad que tanto buscabamos no existe en realidad. Vivimos para pagar deudas nadamas, nada ha cambiado!

Y la tercera opcion para Capital de Inversion es la mas delicada y por eso la he dejado de ultimo!

LOS SOCIOS (sobre todo, los que solo aportan capital).

Si les puedo dar un consejo de entre todo lo que escribo aca y esperaria que consideraran seriamente, es que NO TENGAN SOCIOS.

Que tengo en contra de tener socios?

Nada en particular, simplemente es lo mas sano. Les explico:

El tener socios trae cosas positivas como delegación de responsabilidades, apoyo economico y laboral, experiencia y conocmientos que talvez nosotros no poseemos, lo que a su vez permite ofrecer una gama mas amplia de soluciones a nuestros clientes. Tambien pueden traer su propia cartera de clientes. O simplemente, el dinero que necesitamos para montar la Empresa o hacerla crecer mas.

Pero el tener socios tambien acarrea otras cosas que lo que agregan son complicaciones al manejo de nuestra Empresa.

Como la distribucion, sobre todo, del Capital Social.

Qué es el Capital Social?

En esta Sociedad Anónima, cada quien es dueño de un "pedazo", de un porcentaje. El porcentaje normalmente es distribuido en base al aporte que se hace al formar parte de esta Sociedad.

Los Socios Capitales siempre van a querer tener la mayoria de porcentaje, pues sienten que su aporte LIQUIDO (efectivo) es lo mas importante dentro de la inversion inicial. Pues es lo que permite comprar esos activos necesarios para la produccion.

Pero nosotros sabemos que nuestro conocimiento, experiencia y hasta la carpeta de clientes que poseemos no es MENOS valioso, puede ser hasta MAS valioso, pues sin todo eso, el negocio es simplemente una oficina llena de muebles y equipo que no produce nada.

Lo dificil es estimar un valor para esos intangibles. Pero es algo que hay que hacer. Hay que proyectar cuanto DINERO va a producir nuestro trabajo en periodos especificos (pueden ser por año). Cuanto aporte economico van a dar los clientes que estamos trayendo a la ecuacion. Etc.

INCLUSO, les doy un ejemplo de un pecado que cometi en mi ingenuidad al iniciar mi sueño de negocio propio con Socios Capitalistas.

Para ahorrarle dinero a la Empresa, durante casi todo el primer año de la misma, viví de mis ahorros y de mis tarjetas de crédito (con una entrada simbolica que solo cubria mis viaticos practicamente), pues yo era parte de la Producción de la Empresa. O sea, un empleado ademas de un Socio.

ESE DINERO que le ahorre a le empresa tenia MUCHO VALOR, era un salario que no se pagaba, era INVERSION MIA. Nunca lo consideré como un bien que yo aportaba, e incluso, al romper relaciones con esos socios, fue parte de la razon por la que yo, habiendo levantado una empresa respetable en ese proceso de tres años junto a mis Socios, lo unico que me llevaba eran mis deudas con las tarjetas de crédito y una cuenta bancaria VACIA.

Deben ponerlo todo en papel, y balancearlo contra el capital que aporta el Socio Capital.

Si nuestros socios son otros diseñadores como nosotros, o desarrolladores (programadores - si nuestro negocio incluye aplicaciones web y mobiles), y su aporte es del mismo tipo que el nuestro (conocimiento, experiencia, clientes y talvez algunos billetes) entonces igualmente debe hacerse un estudio formal de realmente que vale cada aporte y asignar porcentajes correspondientes. No podemos ser El Rey Salomon y partir todo por igual, este error puede acarrear serios problemas mas adelante, resentimientos, y hasta rompimiento de la sociedad. La distribucion debe ser justa, no magnanima.

Pero denuevo, porqué recomiendo mejor no INICIAR el negocio con Socios (talvez se pueden integrar mas adelante, cuando la Empresa esté un poco mas establecida)

Cuando nosotros somos dueños de un porcentaje del Capital Social de una Sociedad Anonima, por menos de un 50%. La realidad del caso, es que no somos DUEÑOS de la Empresa, sobre todo, si la mayoria del 50% es poseida por una sola persona, por familiares, amigos muy cercanos o parejas de esposos. Estas combinaciones son nefastas. Porque los que poseen ese 51% o mas de la Empresa, son sus VERDADEROS DUEÑOS!

Y lo que puede terminar significando para nosotros, si estamos en condicion de un porcentaje menor, es que somos empleados del tipo mas sacrificado y mas barato para la Empresa que era nuestro sueño y por consiguiente la mejor forma de obtener completa entrega de parte nuestra por los VERDADEROS DUEÑOS de la misma!

Porqué?

El poder de decisión.

Quien tiene mas del 50% de la empresa decide que se hace con ella. Esto claro no aplica tanto (en teoria) cuando los socios asignan una Junta Directiva, que no necesariamente está integrada por Socios, sino, puede estar integrada por profesionales que saben mejor como manejar la direccion y cambios que pueda tener la misma. Claro, el Socio Mayoritario(s) siempre puede influir a la Junta Directiva con lo que quiere(n) que se haga.

Tambien puede haber Asambleas Generales de Socios, pero denuevo, al final del dia, los que tengan mayoria de Acciones, son los que deciden que se hace.


Les doy un ejemplo. Estuve en una Sociedad Anonima donde yo tenia menos de un 30% de las Acciones, y mis otros dos Socios tenian alrededor de un 30% cada uno. Pero ellos eran hermanos (no mios, entre ellos), y digamos nadamas que me di cuenta realmente lo que eso significaba cuando la empresa empezó a dejar ganancias al tercer año. Sus 30% combinados les daban el 60% de el Capital Social. Ellos eran los VERDADEROS DUEÑOS de lo que yo pensaba era tambien Mi Empresa (qué ingenuidad...).

El integrar Socios mas adelante, les da a ustedes el completo poder de desicion, de como se maneja todo y decidir en calidad de qué porcentaje se integran a poseer Capital Social. Incluso, pueden integrarlos como Socios de Capital de Riesgo. O sea, pueden tener a alguien invirtiendo en su Empresa, pero solo para algo específico, de donde obtienen dividendos, pero donde nunca llegan a poseer acciones de la empresa. Entre mas crece su empresa, mas clientes tiene, mas empleados, mas activos, mas trayectoria y establecimiento en el mercado, MUCHO mas vale el poseer un "pedacito" de la misma. Ya pueden hablar de "vender" porcentajes muy chicos para quien realmente esta aportando sustancialmente a nivel de recursos fisicos, economicos o de conocimiento y se quiere "montar en su barco".
Ustedes son los VERDADEROS DUEÑOS!

2- Administracion de Empresa y Dineros




Como Diseñadores, no estamos construidos con procesos para Administracion y Negocios. Nuestras mentes estan mejor sintonizadas a temas mas abstractos y menos prácticos. Nos llama la Creatividad, la Creación, el Desarrollo de un Proyecto.

No tanto el ver los reportes contables, calcular inversiones, proyecciones del negocio, y todas esas cosas que yo mismo no sé...

Pero, les digo desde lo mas profundo de mi experiencia en carne propia:

SIEMPRE ESTEN ENTERADOS DE QUE SE HACE CON EL DINERO QUE PRODUCE SU EMPRESA!!!

Pidan los reportes contables a sus socios, asegurense que el Contador no es un amigo/conocido/familiar de alguno de sus socios.

Si NINGUNO de los socios es alguien que sepa de administracion de negocios, contabilidad, etc, deben considerar incluir uno, aunque sea con una participacion menor, o considerar pagarle a un profesional. Un negocio manejado exclusivamente por diseñadores se puede ver facilmente en problemas, sobre todo cuando tenga crecimiento.

Otra opción es, que estudien ustedes mismos administracion de empresas.

Ah, y asegurense siempre de tener liquidez (dinero) cerca del cierre fiscal. Ser socio, y tener posesion de Capital Social, significa que tambien cargan con las deudas que puedan presentarse a su Empresa con el fisco o con acreedores.


3- Activos de la Empresa




Podemos pensar que al iniciar una Empresa, una forma de ahorrar dinero es que cada socio aporte tambien de sus propias posesiones para conformar la planta fisica y de producción de la misma.

Eso está muy bien. PERO, dichos aportes deben ser ingresados como ACTIVOS oficiales y registrados como posesiones de la Sociedad Anónima.

Si ustedes estan aportando por ejemplo su computadora, perifericos, silla de oficina, escritorio, etc, estos, si es como parte del arranque de la empresa, deben determinarse como parte de su aporte inicial. Y por consiguiente influir en el porcentaje de Capital Social que ustedes poseen. Eso si, entiendan, que dichos activos ya no les pertenencen, y si la Empresa debe cerrar o ustedes se retiran de la misma, no se pueden llevar nada de eso.

Si el aporte es hecho despues de que ya son parte de la empresa, entonces la empresa se los compra o les da algun tipo de reconocimiento economico por "alquiler". Claro, si ustedes son los unicos dueños, pueden "jugar" con eso un poco mas libremente, y el equipo puede estar en calidad de "prestamo".

Este tema parece no tener importancia, pues estamos pensando en que todo esto "ayuda al negocio", pero cuando hay mas socios, es un tema que puede ser producto de los peores desacuerdos.

Es mejor que hasta las plantas decorativas y la alfombra de la entrada de la Empresa sean ACTIVOS de la misma. Es lo mas sano.


4- Su figura dentro de la Empresa




Ya les he contado de mi experiencia como empleado de mi propia Empresa (o lo que pensaba era MI Empresa) viviendo de mis ahorros y tarjetas de crédito.

Como empleados, como parte de la "producción", ustedes tienen un valor dentro del negocio.

Recuerden tambien, que ustedes, solo porque son Socios, no dejan de ser Seres Humanos, con necesidades de cierta Calidad de Vida.

Está bien "matarse" por sacar el trabajo pendiente, pasar pensando en la Empresa (tengan cuidado con esto, hay que tener balance entre vida laboral y personal, SIEMPRE), trabajar madrugadas, etc.

Pueden decidir pagarse un salario minimo, apenas lo necesario para sobrevivir. Y si son casados y con hijos, tienen hipotecas, prestamos del auto, tarjetas de credito, etc, su salario debe cubrir eso tambien. Es un simple hecho inamobible.

Pero tambien, es importante que tengan mucho cuidado con manejar todo por pagos de "Servicios Profesionales". O sea, no tenerse a si mismos en planilla para ahorrarle algunos billetes al negocio en pagos de Garantias Sociales.

Denuevo, ustedes tienen necesidades de Calidad de Vida. Esto incluye alguna bonificacion a final de año, vacaciones, etc. No son MAQUINAS. El tenerse como empleados, en planilla, garantiza que pueden contar con esos beneficios, y nada de esto puede entrar en discusion con el resto de sus socios, pues a la hora de un Cierre Fiscal, la distribucion de Deuda (pues no siempre es de Ganancias) hace que pensar en meter mano de lo que la Empresa ha reportado al final del Año Fiscal, para poder disfrutar de nuestros esfuerzos, se vuelva algo muy complicado y a veces no existente.

Tambien, si en algun momento se cierra la empresa o ustedes deciden abandonarla, pueden considerar que aparte de lo que les corresponda por Capital Social, cuentan con PRESTACIONES y SESANTIA (en Costa Rica, no se en otros paises).


5- Empleados




Este es el ultimo tema que voy a tocar con el arranque de un Negocio Propio. Sé que hay muchos mas, pero muchos se salen completamente de mis propios conocimientos.

Pero este es uno de los que mas pueden afectar el funcionamiento de esta joven Empresa.
Cuando pasamos de hacer FREELANCE, a tener una Empresa, una de las cosas que pasa por nuestra mente es tener Empleados. El poder delegar trabajo y otras responsabilidades.

Cosas tan sencillas como atencion al público, contestar teléfonos, tareas miscelaneas, etc.
Alguien que haga el menudo que a veces nos quita mas tiempo.
Cuando tenemos que visitar un cliente, que esto no signifique que el Negocio se cierra.

En fin, todo lo que aporta el tener Empleados.

Pero, que signifca esto tambien? Pues un margen mucho mayor de Gastos Operativos.

Alguien por ahi me preguntaba: Qué es mejor? Contratarlos por Servicios Profesionales? Tenerlos en Planilla? Ofrecerles participacion del Capital Social?

La respuesta es SI... :)

O sea, cualquiera de las tres tiene sus pros y sus contras.

Contratarlos por Servicios Profesionales, da la ventaja que no tenemos Cargas Sociales que pagar, pero tambien es muy riesgoso (denuevo, hablando con la Legislacion de Costa Rica en el Mercado Laboral), pues primero que todo, dicho "empleado" debe dar una Factura por cada pago que le hacemos, y estas Facturas, acumuladas por un periodo prolongado de tiempo, es prueba de que en realidad eran empleados nuestros, y esto les permite montar una Demanda Legal en contra de la Empresa por evadir Cargas Sociales.

Yo recomiendo que si van a trabajar con esta modalidad, hagan una de dos cosas:

1- Que solo lo hagan por un periodo de "prueba", alrededor de tres meses, pero que al final de ese periodo, los integren a una planilla con todas las responsabilidades patronales que esto implica.
2- Que dichos empleados no trabajen fisicamente en su empresa, y que los pagos no sean regulares, o sea, no paguen por horas, paguen por proyecto. Esto tiene la desventaja que no pueden contar con estos empleados en forma exclusiva, se puede prestar para robo de informacion, de clientes, y que no tienen a alguien fisicamente presente todo el tiempo en su negocio.

En el caso de tenerlos en Planilla, pues obviamente tiene todas las ventajas de un Empleado disponible en forma exclusiva, su presencia fisica para lo que lo necesiten, pero tambien todas las responsabilidades patronales que esto implica.

La tercera opción, el ofrecerles Capital Social?... bueno, si ellos ya leyeron esto, definitivamente NO SE LAS ACEPTAN! jajajajaja Pero bueno, si es Capital Social de una Empresa ya establecida, exitosa y que reporta ganancias año con año, mas bien es algo muy valioso, pero en ese caso es bastante dificil que ustedes de todas formas estuvieran considerando ofrecerlo, a no ser que lo que estan contratando es un GENIO que vale su peso en oro, y ofrecer participacion del Capital Social es la mejor forma de interesarlo en que trabaje para su empresa.

Ofrecer Capital Social siginfica que mas que Empleado, va a ser Socio, y como tal deben respetarlo. Traten de no aprovecharse de otras personas, y mucho menos, de COLEGAS. Entre mas justos y nobles sean en sus acciones, veran que mejor les va en la vida. El mundo ya esta lleno de explotadores, mentirosos, hipocritas y mal nacidos. No nos agreguemos a la lista!

MUCHA SUERTE CON SU PROYECTO!

Friday, January 14, 2011

Consejos para una relación de amor exitosa (some relationship advice)


Para todos mis amigos, familiares y seres queridos.
For all my friends, family and loved ones.

Por favor, si sientes que esto es util y habla verdades importantes, COMPARTELO!
Please, if you feel this is useful and speaks important truths, SHARE IT!

(tomado de un articulo, traducido por mi persona, ademas de que he agregado de mi propia experiencia y pensamientos)
(taken from an article, with some changes and things added from personal experience and thoughts)

Es facil crear compliaciones innecesarias en una relacion.
It's easy to make relationships more complicated than they are.

Aqui hay unas reglas basicas que ayudan a evitar esas complicaciones.
Here are some basic rules to avoid those complications.

1. Relaciones exitosas requieren trabajo. No nacen espontaneamente de la nada. Ocurren cuando las parejas se toman en riesgo de compartir lo que realmente está en su mente y en su corazon.
1. Successful relationships take work. They don't happen in a vacuum. They occur when the couples in them take the risk of sharing what it is that's going on in their hearts and heads.

2. Solo puedes cambiarte a ti mismo, no a tu pareja. Si amas a algien y sientes que sus comportamientos se han vuelto incomodos o molestos, detente y piensalo un momento. Si quieres cambios, debes hablar francamente, ponerlos sobre la mesa y cruzar los dedos. No esperes cambios radicales y premia y motiva a tu pareja cuando haga el esfuerzo, aunque sean pequeñas cosas. Incluso ofrece cambiar cosas que tu pareja sienta que necesita que modifiques, eso hará que esté mas abiert@ a cambiar tambien, pero se sincero y de verdad has esos cambios!
2. You can only change yourself, not your partner. If you love someone and think that after a while he or she will alter behaviors you find uncomfortable, think again. If you want changes, put them on the table, so your partner knows what you need. Don't expect major change though, and encourage and reward your partner for whatever changes they make, no matter how small. In fact, offer to change yourself first on things that your loved one has manifested they need changed, this makes them more open to change themselves. But be truthful and actually make that change you promised!

3. Todas las discusiones nacen de tu propio miedo o dolor. Cuando una diferencia crea problemas, primero que nada, detente y busca que sucede dentro de ti antes de llegar a enojarte con tu pareja. Muchas veces no estamos realmente molestos por lo que creemos estarlo o quien creemos estarlo. A veces son factores externos, o son situaciones anteriores sin resolver. Recuerda, una palabra hiriente dicha sin pensar, puede herir para toda la vida o causar daños irreparables.
3. All arguments stem from our own fear or pain. When upset occurs, check out what's going on inside you rather than getting angry with your partner. Truth is that we usually aren't upset for the reasons we think we are or with whom we think we are. Sometimes, it's from external factors or unresolved issues. Remember, hurtful words can hurt for ever, and can cause irreparable damage.

4. Entiende que hombres y mujeres somos diametralmente diferentes. No solo somos de planetas diferentes, ni siquiera estamos en el mismo sistema solar. Entender y valorar esas diferencias hara que nuestra vida juntos sea mas tranquila, interesante y hasta divertida.
4. Understand that men and women are very different. We're not from Mars or Venus; we're not even in the same solar system. Understanding and celebrating our differences will make living together more peaceful, interesting and fun.

5. Demuestrense aprecio y respeto todos los dias. Cada mañana, tienes la invaluable oportunidad de hacer que tu relacion sea mas dulce y mas profunda al entregarte denuevo a tu pareja. Sentirse respetado y valorado por la persona que amas hace que la vida sea mas bella. Es tan sencillo como decir cosas como:
"Buenos dias mi amor, que feliz me siento de despertar contigo!"
"Espero que hoy sea un dia hermoso para ti!"
"Me siento orgulloso y feliz de tenerte en mi vida. Eres extraordinario!"
"No puedo esperar a verte hoy en la noche, ya me haces falta!"
etc
Y recuerda, una caricia, un a brazo, una sonrisa que acompañen esas palabras multiplican exponencialmente el resultado. Es increible como un gesto tan sencillo puede hacer que el inicio del dia de tu pareja sea completamente diferente! No es cursi, es alimento esperitual!
5. Honor each other in some way every day. Every morning, you have the opportunity to make your relationship sweeter and deeper by recommitting to your mate. Feeling respected and cherished by the one you love makes life much nicer. It's as simple as saying things like:
"Good morning honey, I'm so happy to wake up next to you!"
"I hope that today you have a lovely day!"
"I feel proud and happy to have you in my life. You are extraordinary!"
"I can't wait to see you tonight, I'm already missing you!"
etc
And remember, a gente caress, a hug, a smile can go a long way to multiply the results. It's amazing how such a small gesture can change completely the way the day starts for your partner! It's not corny, it's spiritual food.

6. El enojo es una perdida de tiempo. La vida es demasiado corta! El enojo es el peor asesino de una relacion porque hace que te concentres solo en tu punto de vista egoista y no te permitira ver lo bueno. Aprende a enfriate rapido, dejar ir algo es tan facil como dejar ir algo y ya. Si estas molesto con tu pareja por algo, alejate un momento, enfriate y vuelve y habla del problema con otro tono de voz lo que te tiene molesto.
6. Anger is a waste of time. Life is just too short! Anger also is a relationship killer because it makes you self-absorbed and won't allow you to see the good. Learn how to cool down quickly, letting go of something, is as easy as letting it go, that's it! If you are annoyed with your mate, give yourself some time to calm down and then gently discuss what's going on for you.

7. Refresca tus procesos. Ve a grupos de trabajo para parejas, hablen con un consejero, o busquen bibliografia, videos o cualquier informacion de este tipo por lo menos una vez al año. Aun cuando piensen que no necesitan ideas nuevas, el simple proceso de busqueda crea coneccion y fortaleze la pareja.
7. Get regular tune-ups. Go to a couples workshop, talk with a counselor or read a relationship book together at least once a year. Even if you don't think that you need ideas, and the process alone will strengthen your connection.

8. Busquen formas de mantenerse como mejores amigos. Para algunos, esto suena como poco romantico o una mala señal. Pero para aquellos que viven la experiencia de que aparte de ser amantes y pareja, tambien son buenos amigos, es una de las mejores facetas de su relacion.
8. Find a way to become and stay best friends. For some, this sounds unromantic, or like a bad sign, but for those who live it, most say it's the best part of their time together.

9. Se responsable de tu propia felicidad. NADIE MAS te puede hacer feliz. Es algo que tiene que venir desde detro tuyo. Si sientes que es culpa de tu pareja, piensalo mejor, busca dentro de ti y encuentra que tienes que cambiar. Si padeces de depresion, es algo que debes resolver. Si es necesario busca ayuda profesional. Nadie puede amar o recibir amor, si no se ama a si mismo y no es feliz con su vida y se acepta, y respecta tal como es.
9. Be responsible for your own happiness. No other person can make you happy. It's something that you have to do on your own. If you feel that it's your partner's fault, think again, and look within to find out what piece may be missing for you. If you suffer from depression, it's something you have to face and fix. Seek professional help if necesary. No one can give or accept love, if they don't love themselves, if they'r not happy with their life and don't respect and accept themselves just as they are.

10. Da lo que quieres recibir. Nuestras necesidades cambian todo el tiempo. Si necesitas que te comprendan, trata tambien de comprender a tu parjea. Si quieres mas amor, da mas amor, no lo nigues, porque al final tambien te daran menos. Si sientes que no te dan suficiente atencion, se mas atento con tu pareja. Si quieres que te escuchen, primero escucha. Luego de que des mas a tu pareja de lo que necesites, aprende como pedir tambien, te aseguro que tu pareja estara mucho mas dispuesta si ha recibido primero. A veces la gente necesita que les recuerden las cosas, el estress de la vida diaria puede hacer que perdamos la nocion de las cosas que son realmente importantes. Ademas, nadie es psiquico, tu pareja no puede leer tu mente para adivinar lo que necesitas. Habla y pide, pero de buen modo, no exijas!
Es un sistema simple que realmente funciona.
10. Give what you want to get. Our needs change with time. If you'd like to feel understood, try being more understanding. If you want to feel more love, try giving more, don't hold it back, because in the end, you might even get less. If you need more atention, try giving more to your partner. If you want to be heard, pay atention and listen first. Once you give your partner of the same things you need, learn how to ask for it, I guarantee your partner will be more eaguer to give if they've recieved first. People need to be reminded sometimes, the stress of everyday life can take our minds of what's truly important, and no one's a psychic either, they can't read your mind to know what it is that you need. Talk and ask, but do it nicely, never demand!
It's a simple program that really works.

No hay garantias, pero las parejas que practiquen estas tecnicas tendran relaciones mas largas y mas fuertes que aquellos que no sean proactivos en su amor.
There are no guarantees, but couples who practice these techniques have longer and stronger relationships than those who are not proactive in their love.

Buena suerte, y a ganarse ese amor!
Good luck, and go earn that love!

P.S. Te amo Karen! Espero poder merecer y ganarme tu amor para siempre! Seguire haciendo mi mejor intento.
P.S. I love you Karen! I hope to deserve and earn your love for ever! I'll keep trying my best.

Wednesday, November 3, 2010

Mi opinion de Diseño 10 o como yo lo llamo "La Feria del Regalo 10"

En este momento, al menos a lo que he visto a travez de la red social de FEISBUC, existen dos iniciativas importantes en el medio donde me desempeño profesionalmente:
DISEÑO, especificamente Diseño Grafico (prensa, web, publicidad, fotografia, ilustracion, 3d, animacion, etc). Lo cual excluye por ser de otro campo cosas como: Orfebreria, Artes Plasticas (que en la U es CARRERA APARTE!), Diseño de ropa, Creacion de Peluches y otras cositas de esas, etc.

Digo, cuando uno esta en este campo, puede ser que por su aficion al arte en general y el diseño que pueda traslapar a otras especialidades, por el simple disfrute de hacerlo, pero eso no hace que automaticamente las ARTES GRAFICAS abarque otras cosas de que-hacer artistico, porque sino podriamos decir que un medico es un artista con su bisturi, un enologo un artista en la creacion de sus vinos, etc, etc.

El verde es verde y el rojo es rojo. No hagamos todo color CAFE.

Diseño 10 es un ejemplo perfecto de querer abarcar lo mas posible en un solo espacio. Algo que me da la impresion de que por querer quedarle bien a muchos, no se le queda bien a nadie.
La inauguracion de Punto-D segun la mayoria de las impresiones que recibi de colegas mios (pues yo no fui), fue hasta cierto punto un fiasco.
Lamento las sensibilidades y las buenas intenciones que ofenda con eso, pero lo que me decian mis molestos compañeros de gremio fue: "Mucha bulla y nada de carnita".

O sea, que muy bonito todo, todas esas pantallas, luces neon, animaciones, etc. Pero donde esta la informacion que me habla de metas a cumplir, del proyecto del Colegio de Comunicadores Visuales que por algun motivo la mayoria de los asistentes pensaron e incluso aun piensan que Punto-D es quien esta empujando, lo cual es COMPLETAMENTE INCORRECTO.
Aclaremos: Punto-D es una asociacion, como lo es Asoingraf.
Eso es todo. No estan ni planean estar (segun SUS PROPIAS PALABRAS) detras del establecimiento del proyecto de Ley para fundar un Colegio de Profesionales.
Es bien sabido que todos los proyectos de Asociaciones en el pasado no han hecho ninguna mella en el medio precisamente porque no son un proyecto de Ley, son una ENTIDAD PRIVADA.
Incluso aclaro, que quienes estan detras de ese proyecto de Ley, que ya esta en proceso y tuvo el apoyo de un Diputado para poder pasarlo, son personas que no estan alardeando de sus esfuerzos, completamente ad-honorem. Heroes desde ya sin corneta ni bombos. Pues como debe ser la cosa, prefieren hacer las cosas calladamente, entre pocos (mas facil y ordenado y expedito) y solo muestran resultados.
Ese grupo esta (por ahora) ordenado debajo de la asociacion ASODICOV, la cual es solo un medio, no un fin,, y al momento de salir por fin el Proyecto de Ley del Colegio de Diseñadores y Comunicadores Visuales, se decidira si permanece o no, pues queda en segundo plano con respecto al Colegio.
Solo un Colegio, para los que no entiendan eso, es quien puede realmente influenciar y modificar el medio. Entiendase: Salarios profesionales, tarifas, derechos, etc.
Qué mas importante que eso???

Pero volvamos a la Feria del Regalo 10 (yo se que me estoy ganando enemigos, pero bueno, que seria esta vida si eso, ademas ya tengo otros, asi que hagan fila, digo las cosas como las veo y no estoy para besar traseros a nadie).
Como es posible que la actividad que representa a mi gremio tenga como presentacion principal puestos de ventas donde se venden alhajas y prendas?
Joyas, carteras, ropa, peluches, mas joyas, mas carteras, pinturas...
No me creen? veanlo:
http://www.facebook.com/album.php?aid=200776&id=143137983038

Pero vayamos mas allá, dejemos de lado que se nos pinta a los profesionales del diseño, como pulseadores vendiendo alhajas en stands. No como profesionales especialistas en muchos tipos de tecnologia y tecnicas, con conocimiento en establecimiento de branding, desarrollo de campañas, etc, etc. Somos una vez mas, los maecillos que hacen dibujillos.

Veamos lo mas absurdo de esta actividad:
Es una actividad donde el publico principal son los mismos miembros del gremio.
No fue organizada para invitar CLIENTES EN POTENCIA. Incluso en este caso, es una Feria del Regalo para que diseñadores como yo, vayan a comprar joyas, carteras, peluches, etc.
Como es eso una actividad de Profesionales del Diseño?
Donde esta el beneficio?
Claro, pagar lo que cobraron por stand solo se justifica si se le saca alguna "platica" no?
A quienes va a apelar mas esa espectativa?
A quienes siempre se han movido por locales, stands o puestos de ventas: Los artesanos.

Denuevo, en que me beneficiaria tener un stand en una Feria del Regalo, si quienes van a visitarlo son aquellos de las mismas areas donde me desempeño y que lo mas que pueden hacer es darme palmadas en la espalda y aplaudir mis esfuerzos?

Ademas, las Artes Graficas, todo lo que hago, se basa en SERVICIOS, no en PRODUCTOS, esa es la PRINCIPAL DIFERENCIA de un gremio y el otro. SERVICIOS PROFESIONALES. Eso no se vende en un stand, a no ser que lo que llegue a la feria sean miles de clientes CORPORATIVOS en potencia, pues no puedo pensar tampoco que sean pulperos, dueños de cantinas, taxistas, etc.

No voy a decir que Diseño 10 es SOLO la Feria del Regalo.
He escuchado que tienen unas conferencias, de las cuales no estoy enterado, pero los abuelos tenian un dicho muy cierto:
"Si por la vispera se saca el dia..."

Yo veo una Feria del Regalo. Si adicionalmente tienen algunas conferencias, eso NO es el fuerte, sino seria lo que estarian promoviendo. No que en el local 51 se compran joyas.

Si tanto me molesta, porque yo no hago algo mejor? (diran algunos).
Bueno, senti necesario hacer esta aclaracion, desde mi punto de vista y sin que esto involucre a otra persona. Me pueden odiar a mi directamente aquellos que sienten que Punto-D y su Diseño 10 es lo mejor que le ha pasado al gremio del diseño en los ultimos años.
Pero creo que es importante darle mas apoyo a iniciativas que realmente van a cambiar la cara de nuestro medio.
Yo aplaudo los esfuerzos de estas personas que en silencio y humildemente han sacado de sus noches, fines de semana, y horas laborales, para tratar de hacer algo diferente. Algo que desde hace decadas se dice que hay que hacer, pero nadie (como los tremendos individualistas e ignorantes de la Ley que podemos ser los diseñadores) hasta ahora habia hecho.
No estoy diciendo, vayan y les dan plata, porque de hecho, no la piden.
Solo apoyen la iniciativa, ENTERENSE BIEN, y saque SUS PROPIAS CONCLUSIONES. Y sobre todo, no confundan Chicha con Limonada.
Punto-D y su Feria del Regalo, no tiene nada que ver con ASODICOV y el Colegio de Diseñadores y Comunicadores Visuales.

Paz y amor y todas esas cosas.

Tuesday, August 3, 2010

Tuesday, July 13, 2010

EL CANCER DE LOS "REALITY SHOWS"

Todos sabemos que son basura. No creo que exista alguien que opine que hay algo rescatable en estas situaciones "improvisadas" completamente banales y superficiales que llegana componer horas de "entretenimiento" para rellenar la programacion diaria de muchos canales.

Si me permiten hacer una analogia, yo lo veo de la siguiente forma:

Pensemos en los programas "tradicionales" de television (escojamos los mas ordinarios de los shows regulares como Friends, Grace Anatomy, That 70's Show, The Big Bang Theory, Two and Half Men, etc) como obras de Teatro.
Una obra teatral requiere de meses, a veces años de preparacion. Se escoge un guión, el cual incluso ha pasado por toda una depuracion, o incluso, ya son obras consumadas de literatura por si solas, como digamos algunas cosas escritas hace tiempo ya por un chavalillo de apellido Shakespeare.

Los mas respetables de los montajes teatrales, requieren todo un proceso para escoger los actores que llenaran los papeles de la obra. Y luego, se lleva a cabo toda la produccion de crear escenarios, como se trabajara la iluminacion, los vestuarios, la musica (si lleva) y tienen ensayo tras ensayo. Son profesionales en cada uno de los campos detras de estas producciones. Gente que toma muy en serio lo que hace, que se preocupa por el resultado de su trabajo y que tiene a parte de experiencia, estudios, carreras, vocacion, en fin, son gente muy preparada y son producciones muy en serio con el enfasis en calidad y en resultados que esten a la altura de los guiones, de las obras que se escogieron para ser puestas en escena.


El publico llega a la espectativa de algo de ese nivel. Paga su tiquete. Se arregla con atuendos para la ocasion. Sacan su propia gala, para honrar el momento. Rien, lloran, aplauden o abuchean, pero al final, es todo una experiencia que gira alrededor de las mejores intenciones que tuvieron todos los involucrados en el espectaculo.

La gente que llena los asientos, van en busca de ser inmersos en una realidad alterna. Por un par de horas, viviran las experiencias de los personajes que interactuan en frente de ellos. Es ficcion. Se sobre entiende que lo es. Y el publico puede discernir y apreciar los matizes y picardias que hicieron de esta obra una realidad llevada mas allá de lo banal, una realidad sublime u oscura, pero para nada ordinaria. Ya sea por el dramatismo, el humor o lo que sea que se planteara como el ambiente emocional alrededor del desemvolvimiento de las escenas, no se relaciona con el diario vivir de los espectadores, pues aun obras on personajes cotidianos, estos siguen teniendo dialogos interesantes, y las situaciones tienen un ritmo y un sentir que hace que al final de la noche, pagar el tiquete valiera la pena.

Ahora bien, talvez comparar los programas tradicionales con obras teatrales, que incluyen cualquier cosa que NO SEA un Reality, sea idealizar ingenuamente mucha programacion que de todas formas no es de buena calidad y muchas veces gira alrededor de solamente el lucro, los ratings faciles y hasta la manipulacon de masas No digo que programas que no sea Realities por defecto seran de calidad y siempre una mejor alternativa. Solo dejenme terminar con mi analogia.

Entonces, las obras de teatro serian mi analogia de lo que es una produccion televisiva que trata de dar una realiad alterna, con guiones, ensayos, escenografias, y mucho mucho trabajo y profesionalismo detras de las producciones. Tienen que ofrecernos algo especial. Pensemos en un show que de todas formas se sabe que es de humor superficial e inofensivo, incluso tonto. Pero que cualquiera tiene que admitir que involucra aparte de mucho talento para cada miembro del equipo, desde actores hasta el mas basico de los puestos, hay mucho trabajo y esfuerzo por cumplir con las espectativas que demandan tanto el publico como los que tienen dinero invertido en el asunto. El show de Friends.

Ahora bien, en mi analogia con qué compararia un Reality?

Seria que en vez de ir al Teatro a ver una obra. Fueramos a un Mall. Y en cada mesa del "Food Court" pusieramos una camara. Para ver de que habla cada familia, cada pareja, cada grupo de amigos o compañeros de trabajo. Que a cada una de estas mesas les hubieran dado escrito en una servilleta, hoy fulanito se va a molestar porque usaron su ipod sin permiso, porque se le comieron una barra de chocolate que tenia guardada o porque lo pusieron a juntar las bandejas de comida de la mesa. Los actores improvisados no son profesionales, nunca estudiaron teatro. Son gente comun y corriente, a veces mas corriente y ORDINARIA que otros. Pero esto funciona perfectamente para cada uno de estos realities.

El efecto MIRON es lo que cuenta aqui. El morbo. El poder espiar en la vida de otras personas. Es como el bajar la velocidad del auto para poder ver a la gente muerta en un horrible accidente automibilistico.

La premisa es, realidades fuera de la nuestra. Poder mirar sin ser afectado. Quemar el tiempo viviendo la vida de otras personas, por mas falsa o superficial que esta sea.

Qué NO se vende en estos programas? Privacidad, respeto, metas, heroes y ejemplos de vida, madurez emocional, ideas, inspiracion, creatividad, humor inteligente, dignidad, discrecion, etc.

Qué SI se vende? Chisme, morbo, inmadurez emocional, anti heroes, superficialidad absoluta, situaciones completamente banales y sin transcendencia, conflicto sin solucion, falta de metas y un norte para la experiencia, etc.

Porque entonces son TAN populares?

Hay mas Realities que cualquier otro tipo de programa hoy en dia. Hay realities para TODO. Desde un concurso de canto a policias y prostitutas. Desde quien es el mas gay de todos, a el que pierda mas peso de un grupo de personas obsenamente obesas.


A veces es que simplemente no hay otra cosa que ver, o sera el hecho de que requiere el menor procesamiento mental y la TV finalmente ha logrado convertir nuestros cerebros en gelatina gris inerte?

Somos ganado vacuno que abre la boca y recibe lo que nos alimenten con miradas perdidas y saliva chorreando hacia el piso.

Ganaron la batallas las televisoras? Simplemente ya no pedimos nada especial? Ahora cualquier imbecil que quiere ser famoso simplemente se filma haciendo estupideces y logra su sueño?






Hace años ya, una pelicula que figuraba a Jim Carrey fue toda un planteamieno profetico de como la gente puede ser consumida por su morbo. The Truman Show.

Antes de que saliera cualquier reality, esta pelicula ya nos avisaba de lo popular que puede llegar a ser simplemente filmar a alguien viviendo su vida con las cotidianidades mas banales, como lavarse los dientes, dormir, etc.


Los primeros avisos de lo que nos esperaba en este presente oscuro del "entretenimiento televisivo, los dieron programas como Survivor con todas sus variaciones y cambios de tematica principal.

Luego vimos ejemplos tropicalizados que incluian a grandes "actrices" de nuestro propio terruño.





(JUA JUA!)







Hoy en dia las televisoras hasta hacen dinero mas directo aun, con nuestros ingenuos envios de mensajes para "decidir" el ganador de importantes competencias que tienen absolutamente NINGUNA trascendencia en nuestras vidas.


Existe un Reality para cada gusto y sabor. Tenemos todo tipo de BASURA de donde escoger. Solo tenemos que decidir, moviendo perezosamente nuestros dedos sobre el control remoto, para escoger el veneno que preferimos esta noche para perder unas cuantas horas mas de nuestra vida.

Mi esperanza es, que como todo en esta vida, llegue a quemar su atractivo o evolucione hacia otra cosa y que se cnvierta simplemente en un embarazoso ejemplo para nuestros hijos de lo que nos llamaba la atencion en la decada del 2000-2010 (que ya ha terminado por cierto).


Dios se apiade de nuestras almas pecadoras y mentes debiles, consumidas por el cancer de los programas de Reality.

Wednesday, July 7, 2010

HOW TO ALMOST F#©k up your car in ten seconds



It's been a long drive.
You and your wife are hot and sweaty. You both just want to get to your hotel cabin, take a refreshing bath and change to go to the pool or whatever.
You insist on going to take a look at the butterfly farm enclosure at the end of one of the car paths in this forest garden-like cabin area.
You get there, take a look and trying to avoid any brusque comments from a increasingly more uncomfortable partner, who had already pleaded that you go look at the butterfly thingy AFTER you unload your stuff into the cabin and let her get to her bath, you quickly back the car, turning it to the right so you can get back to your cabin and start your weekend holiday in paradise.

Now tell me, do you see anything here? I mean, do you actually see a deep ditch? Something that can fit part of an SUV in it?


Neither did I.
As I'm quickly backing and turning, the car suddenly goes thump. I break.
And here where my stupid gland steps in.
Instead of stepping out and taking a look at just what the thump meant, I assume it's just a small depression, something I can quickly ride back up again (sidewalk height), I try to get the car out, but is skids and doesn't move forward. So more stupid gland fluids to to my brain, and I decide backing up completely is the solution.
This time a harder THUMP!
Now the car won't move backward or forwards.
And here's why:





As you can see, perfectly wedged! My biggest concern as I cursed at how stupid I had been was that the weight of almost all he car was resting on the front right tire axle!
I had always thought that the hydraulic jack with capacity for 4 tons was maybe a bit too much. I did take up almost half of the back storage space in my Grand Vitara. This car is heavy (for a small SUV), almost 2 tons, but a 4 ton jack maybe was a bit too much (I thought).
Well, THANK GOD I had that jack! I put a small log under it, and with the help of some of the gardeners from the hotel, we where able to get the car out in less than 15 minutes. We used other logs to create a ramp for the car, and there is no damage anywhere.
One thing I was really lucky with, was that the rear, even though it wedged tightly on the depression, only did so on the right side. If it had done so on the left side, the exhaust would have been compromised. Also, that the car wedged exactly into the ditch, avoided it having moved farther back and then the front fender (plastic) would have been torn off... lucky, lucky, lucky, even if STUPID!

My wife and I got on with our weekend holiday, and I injured my knee (ACL) again in the Ultimate Frisbee tournament (I probably won't play Ultimate anymore - sigh), but that, is another story :)

Wednesday, June 23, 2010

Defensoria del Consumidor? Comision del consumidor? La verdad, en Costa Rica: NO ESTAMOS PROTEGIDOS!


A mediados del año pasado (2009), mi televisor una vez mas sufrio las consecuencias de una sobrecarga debido a una tormenta con relámpagos. Simplemente estaba muerto.

Siendo de una marca que ya no tiene soporte en el pais (Panasonic), y ya conociendo la historia de que a practicamente todos los talleres de reparacion donde lo llevase seria rechazado vehementement por los tecnicos o dueños, recurri al taller que ya me habia cumplido una vez con un servicio que me dejó satisfecho y contento. TELE RAPIDO (recuerden ese nombre! Estan en las paginas amarillas por DIOS, y siguen ahi, pese a lo que les voy a contar, que no es historia unica).
El televisor era un CRT (cajon grandote), pero de los ultimos de esa generacion antes de la llegada del plasma y el LCD y todo lo que les ha seguido a esas tecnologias. De pantalla plana, o sea, no delgado, pero digital y de pantalla sin la tipica curva de televisores mas viejos. Comprado en Pricesmart, a muy buen precio. Un buen televisor.

La primera vez que recurri a TELE RAPIDO (recuerden el nombre!), como dije, quede feliz. Llegan por el aparato hasta la casa en su carrito, se lo llevan, lo arreglan y lo vuelven a ir a dejar al domicilio. Super, pensaran, bueno, asi fue LA PRIMERA VEZ, con TELE RAPIDO (recuerden el nombre!).

La segunda vez cambiaron las cosas.

Llegaron por la TV. Eso fue igual. Me dijeron del daño que resulto ser exactamente el mismo del año anterior y por el mismo precio! Wow! me dije en el momento, han mantenido la tarifa!..
Bueno, me dijeron que en un par de semanas me devolverian el aparato reparado.
PERFECTO!

Pasaron las dos semanas, el dia que tenian programado llegar ese Sabado, no llegaron y no llamaron. Me molestó un poco, porque hice mis planes alrededor de la hora de visita y nisiquiera tuvieron la decencia de llamar. En fin, a veces pasan imprevistos y en todo caso, al llamar me dijeron que tuvieron una situacion con un repuesto y que seria el siguiente Sabado.
El siguiente Sabado, no aparecian, asi que decidi llamar. Me atendieron y me dijeron que habia un problema con un repuesto que hasta ese dia consiguieron y que seria la semana siguiente.
La semana siguiente decidi no esperar hasta el sabado para llamar, lo hice y me dijeron que ya el repuesto estaba, que estaban terminando el televisor y que me lo tendrian para el Sabado.
Perfecto, problema resuelto pense.

El Sabado llego y se fue la hora de entrega, y esta vez, nadie me respondia en TELE RAPIDO (recuerden el nombre!).
Muy molesto llame el Lunes siguiente, me atendieron y me dijeron que habia un problema con un repuesto. Ahi exploté. "Cómo?!!" pregunte en tono alto "pero si me dijeron que ya lo estaban terminando ya a mediados de la semana pasada y que me lo entregaban el Sabado!!"
"Lo siento señor, no está el técnico, si quiere cuando vuelva le digo que le devuelva la llamada..." Como pueden suponer, aqui empieza el jueguito de perseguir a algun responsable que me de respuesta y el que le den a uno siempre ese tipo de respuestas.

Cada vez que lograba localizar al "técnico" que en realidad es el DUEÑO de TELE RAPIDO (recuerden ese nombre!) me explicaba que era una parte dificil de conseguir, o me decia que ya la tenia, o me aseguraba que ese siguiente Sabado yo ya tendria mi TV en casa.

Me harté (como es lógico) y simplemente les dije.
"YA NO ME LO ARREGLEN! SOLO DEVUELVANMELO!"
Quedaron de dejarmelo el siguiente Sabado...

Saben que sucedió?
NUNCA LLEGARON.

Entonces ya caimos en la siguiente parte: Voy por mi TV, y como sé si me llevo lo mismo que se llevaron de mi casa? (que no le falten partes, si de todas formas no encendia antes, asi que no tengo forma de probar nada) o los demando?

Colerones, gasto de celular, etc. Ya no valia la pena seguir. Decidi recurrir a la Defensoria del Consumidor.

SORPRESA!!

Para los que no lo sepan. La Defensoria del Consumidor, la entidad publica de la que escuchamos hablar, en realidad existe solo para resolver casos relacionados unica y exclusivamente con los SERVICIOS PUBLICOS. En otras palabras, AyA, CNFL, ICE, etc.
No le atañe cubrir situaciones entre consumidores y cualquier empresa privada.

Para eso existe otra entidad, la Comision Nacional del Consumidor, de un caracter que aun no entiendo si es gubernamental o no. Su sitio http://www.consumo.go.cr/ tiene el go.cr al final, uno asume entonces que SI es gubernamental.
Pero veamos cómo funciona la Comision del Consumidor, y qué cubre realmente su servicio:

Dentro de un maximo de 30 dias habiles del momento de inclumplir un proveedor con su contrato, uno debe poner la denuncia (http://www.consumo.go.cr/denuncia/ComoPlantearDenuncia.html). Perfecto, entonces uno pone la denuncia, provee los documentos y pruebas necesarias y le arreglan a uno la cosa?
Bueno...
La Comision Nacional del Consumidor en realidad lo que hace es de MEDIADOR.
Qué significa eso? Bueno, invita y motiva a ambas partes a llegar a una conciliacion. Un final "feliz" para ambas partes. En otras palabras, lo mas que iba a hacer la Comision Nacional del Consumidor era pedirle a TELE RAPIDO (recuerden ese PUTO NOMBRE!) que me reparara el televisor y me COBRARA lo que correspondia y que yo pagase y aceptara mi TV reparado! (pinche solucion!) o que se me devolviera la TV en el estado que estaba cuando la recogieron.
Yo poseia mi papelito de recibido por parte de TELE RAPIDO (ya saben...) como prueba, pero no tenia (y cómo iba a tenerla?) una lista exacta de TODAS las partes del TV. Asi que incluso en esa situacion TELE RAPIDO (AAARRRGGGHH!!!) podria salirse con la suya, y el técnico/dueño podria siempre usar mi TV de fuente de repuestos antes de devolverme un televisor que aun no funcionaria de todas formas.
Pregunté sobre la posibilidad de que incluso no me devolvieran el televisor, que sucederia entonces?
Me explicaron muy amablemente en la Comision Nacional del Consumidor, que en ese momento debia conseguirme un abogado y entablarle una demanda entonces a TELE RAPIDO por incumplimento de contrato.

Pausa con boca abierta.

JAJAJAJAJAJAJAAAAAAAAAAAAA!!!!

Mis disculpas por lo siguiente:

ENTONCES PARA QUE PUTAS HACER TODAS LAS VUELTAS CON LA MIERDA DE LA COMISION NACIONAL DEL CONSUMIDOR!!!!!??????????

Para NADA, sencilla y claramente.

Y Uds diran, talvez caso aislado con TELE RAPIDO?

En el mismo recidencial donde vivo en Heredia, un vecino habia entregado su SAMSUNG (CASI NUEVO) y paso por EXACTAMENTE LO MISMO!!! SI, con TELE RAPIDO!!! (ya se lo aprendieron el puto nombre?)

Mi vecino fue mas "cabezon" y siguio todo el proceso. Ahi esta todavia, y me ha pedido que le haga de testigo cuando por fin TELE RAPIDO inclumpla, como es obvio que va a hacer segun lo que me cuenta el vecino. Y la verdad, ni eso quiero hacer.
Le hice caso a mi esposa y usé lo que me hubiese costado el arreglo de aquel tele, se lo adjunte a otros dineros, y me compre un LCD nuevo en el Hypermas.
Eso lo hice cuando decidi no seguir perdiendo el tiempo y comiendome las paredes internas de mi estomago con acido de la bilis, practicamente la misma semana que supe como funciona realmente la Comision Nacional del Consumidor y lo que cubre.

Porque seamos realistas, si yo decidiera pasar por todo eso y luego incluso ir a juicio. Cualquiera que conozca las leyes de este pais, sabe que es un caso perdido.
Las leyes de este pais, protegen a este tipo de personas. Aqui nadie va a la carcel por negligencia, deudas o incumpliento de contratos.
Hay todo tipo de salidas y triquiñuelas.

EN COSTA RICA NO TENEMOS PROTECCION!

Monday, June 14, 2010

ME RIO DE JANEIRO

I just started a new blog for a comic strip with a character called Janeiro. It's called Me Rio de Janeiro. A word play with the name of the famous beach spot in Brazil, that translates as: I laugh at Janeiro. Janeiro is the average Tico (Costarican) and the experiences I put him through are the sometimes ridiculous and outrageously stupid things that happen in my country, regarding public services, laws, taxes, etc.

In spanish, sorry. From a Tico for Ticos:

ME RIO DE JANEIRO

Monday, June 7, 2010

Tutorial maquetacion sitio web (css) Parte 2

Antes de empezar quisiera invitarlos a que analizen si vale la pena pensar en sitios optimizados para buscadores (SEO) utilizando CSS (hojas de estilo) para darle apariencia a su sitio web.
Tomemos como ejemplo mi propio sitio personal: oscarblanco.net

Abran una ventana adicional, y en google.com prueben estas combinaciones de palabras clave:


"3d design illustration"
"illustration costa rica"
"illustrator costa rica"
"freelance illustrator costa rica"
"3d character design"
"3d costa rica"
"3d design costa rica"
"caricature portrait" salgo mejor en busqueda de imagenes que texto, pero igual no salgo tan mal
"corporate image design"
"promotional design"
"print press design"
"traditional illustration"
"object 3d renders"
"water splash photography"
"digital illustration costa rica"
"landscape photo costa rica"
"3d animation costa rica" tomemos en cuenta que yo no me dedico a eso y tengo pocos ejemplos de las cosas tan sencillas que he hecho.
"3d multimedia cd"
"multimedia costa rica"
"flash design costa rica" jajajaja y yo que ni action script sé!



No es por hecharme flores... pero si, me estoy hechando flores. Vieron el ranqueo de oscarblanco.net? En algunos casos está bastante bien! en otros decente :)

Ahora si, a la segunda parte del tutorial. Como resultado final de este ejercicio tendremos esta página:

RESULTADO FINAL DEL EJERCICIO

Hechenle un vistazo desnudando el html de su hoja de estilos usando el sistema que les mostré en el tutorial anterior.

Verán un contenido "chorreado", constituido de h's, listas y texto en párrafos.

Vean el source de la página también.

Veran un source limpio y sencillo.

Bien, empezemos.
Lo primero que necesitan es el "kit" para trabajar este sitio.

Bajenlo AQUI

En el kit encontraran un html llamado "menu.htm" una hoja de estilos llamada "principal.css" y una carpeta llamada "images" que contiene todas las imagenes usadas para este tutorial.

Descompriman en alguna carpeta y estamos listos para empezar a configurar el css. Verán que "principal.css" en este momento solo contiene las clases y ID's ya establecidas pero sin parámetros.
Entonces el html, que ya tiene adjuntada esa hoja de estilos en realidad no despliega nadamas que el texto desnudo. Tal y como lo va a leer cualquier buscador como google, altavista o yahoo.

De ahora en adelante no vamos a tocar mas que la hoja de estilos, el html ya está con sus objetos definidos y las imágenes estan recortadas y a tamaño. Sin embargo tambien los invito a que hechen un vistazo a la carpeta de imágenes. Contiene dos imágenes verticales delgadas, que se repiten horizontalmente para fondos. una imagen grande que es meramente decorativa, un logo y un par de imágenes para el area de menú.

Viendo el source del htm en detalle observaran que existe una estructura de jerarquias, igual que encontrariamos en una de tablas con sus td's y tr's. Tenemos un DIV principal que se llama "alrededor", ese es solo un contenedor que nos ayuda a flotar todo el contenido centrado, por el tipo de diseño que escogí, pero casi siempre es bueno trabajar con contenedores principales y sus respectivos nested div's, o div's encajados. En realidad este div llamado "alrededor" fué un agregado extra que metí a última hora tan solo para poder acomodar la foto grande que flota a la derecha del diseño y que uds pueden ver se encuentra al puro final del html, inclusive despues de un texto que visualmente se encuentra luego de ella. Esto es simplemente porque siempre debemos buscar que el texto/contenido de nuestro html, sobre todo aquello es está cargado de palabras clave se encuentre antes que cualquier imagen, flash u otro elemento gráfico que cumple mera función decorativa y no ayuda a nuestro sitio con su SEO (ya antes expliqué que es esto).

Como decia, el DIV "alrededor" fué algo agregado a última hora por el capricho estético de poner esa imagen. El DIV llamado "principal" era el contenedor principal, y el cual tenia todas las características para determinar el área principal de información. De una vez aclaro la diferencia entre un ID y una Clase:

ID's son usados más que todo para elementos únicos en la página, esto ayuda mucho si lo combinamos con programación, ya que los ID"s son utilizados por los programadores precisamente porque son nombres únicos y así se puede dar comportamiento a un objeto específico (como por ej. variables). Las clases en cambio son utilizadas más para elementos que se repiten varias veces en una página, por ejemplo, una clase para todos los anchors (links) de una página o sección determinada.

Si ya estan usando TopStyle (lo mencioné en la parte 1, y donde bajarlo) para abrir la hoja de estilos notaran en la lista de clases a la izquierda que existen tres categorias principales, clases, ID's y otra llamada elementos. Ahi en este caso solo estan "body" y un "*". Elementos son componentes o tags que por si solos ya existen como parte de la marquetación básica de un html. Ahí también caerian los h's, pero como notaran, los h's que he usado en este caso, estan subordinados a ID's.

A qué me refiero con subordinados?. Una clase, ID o elemento, pueden tener subclases subordinadas. Esta es una de las caracteristicas que da tanta flexibilidad a la marquetación por hojas de estilos. Tambien se pueden tener varias clases asignadas a un elemento (yo las llamo "clases hermanas"), por ejemplo hacer una clase que determina tamaño, ubicacion, tipo de fuente y otra que solo modifica color. Si cambio la que solo modifica color por otra con las mismas caracteristicas, nadamas que asignando un color diferente, no tengo que crear toda una clase que con cada uno de los parametros de despliegue que se repetiria para cada elemento que la utilize. Serian mas como clases modulares, que armo y desarmo a placer.

Un ejemplo en el html seria:
<div class="menu big">HOME</div><div class="menu small">ABOUT US</div>

Como ven, varia la segunda clase "hermana", y a esa le asignariamos talvez solo que cambie el tamaño de la letra. La que se llama "menu" tendria todas las demas caracteristicas.

Mi sistema de preferencia viene siendo parecido, solo que se logra por subordinacion. O sea, un contenedor madre tiene la clase (o ID) que determina las caracteristicas generales) y un contenedor anidado (subordinado) tiene a su vez una clase que por su posicion tambien es subordinada y solo maneja caracteristicas puntuales. Veamos un ejemplo de clases subordinadas en html:


<div ID="principal">
<div class="rojo">
HOME
</div>
<div class="rojo">
ABOUT US
</div>
<ul>
<li><a href="http://www.randomsite.com/">ITEM 1</a></li>
<li><a href="http://www.somethingelse.com/">ITEM 2</a></li>
<li><a href="http://www.whatever.com/">ITEM 3</a></li>
</ul>
</div>



En este caso las clases "rojo" y "azul" estarian subordinadas a "principal", asi mismo elementos propios de html como las listas no-ordenadas "ul", los elementos lista de estas listas "li" e incluso los anchors (links) tambien funcionan como clases subordinadas.
Entonces en una hoja de estilos puedo incluso darle caracteristicas diferentes a estas clases si estan subordinadas o independientes de una clase o ID superior.
O sea, por ejemplo, puedo decirle a la hoja de estilos que cuando un elemento lista "li" este debajo de "principal" tenga unas caracteristicas, pero cuando no es subordinada de este ID, que tenga otras. Igualmente lo puedo hacer con anchors (liks).


Por ejemplo uds veran en la página que hay varios estilos de "hover" o sea, comportamiento de un hipervínculo al tener el puntero del ratón encima.

Si se fijan en la hoja de estilo (principal.css), veran que hay varios "a" y "a:hover" subordinados a ID's (los estilos que empiezan con un simbolo de "#") en este caso.

Verán que el ID "arriba" o el ID "medio" se repiten varias veces con subclases a su lado: ul's li's p's e inclusive veran hasta un "a" "a:hover" y "strong" subordinados a su vez a una subclase.

Debo mencionar que una ventaja que yo veo sobre usar clases hermanas (las que

O sea, hay un "strong" "subordinado" a un p del ID "medio".

A ver a ver.. respiren, cuenten a 3 y vuelvan a leer hasta acá otra vez jeje. Y si mi forma de explicar es muy confusa espero perdonen, pero trato de irme mucho al detalle y esto tiene muchos detalles.

Ok, listos? seguimos...

Es importante tener mucho cuidado a la hora de trabajar estilos, en la medida de lo posible, eviten las mayúsculas, revisen siempre que los nombres tengan al principio su identificador si lo necesitan: "#" y "." para ID's y clases respectivamente.
Nunca olviden el punto y coma al final de cada parámetro.
Nunca olviden cerrar llaves para cada estilo.
Si es necesario comentar alguna linea o varias lineas abran el comentario con: /* y cierrenlo con */
Comentar es una buena forma de desactivar un parámetro sin tener que borrarlo.
A veces por un pequeño descuido podemos pasar horas golpeandonos la cabeza porque algo no funciona cuando deberia hacerlo... recuerden, creando hojas de estilo y teniendo un adecuado desarrollo de html's más limpios (o sea, no generados automáticamente por Image Ready o algo parecido) nos parecemos más al proceso que siguen los programadores. Por consiguiente, debemos ser mas cuidadosos y ordenados, para evitar "pulgas" en nuestro código.

Otra cosa que hay que tratar de hacer es evitar redundancias en nuestras hojas de estilo, o repeticiones innecesarias de parámetros en varias clases aplicados a DIV's "hermanos", pues cada linea de parametros en nuestra hojas de estilos es una línea más de código que debe leer el buscador cuando indexa una página. Las hojas de estilos tienen la ventaja de centralizar despliegue de imágenes, para evitar que cada vez que se abre una página el explorador tenga que volver a cargarlas desde el html, sinembargo, las hojas de estilo tambien deben ser optimizadas, ya que muchas lineas de codigo hacen un documento lento de leer y pesado.
Una buena forma de evitar esto es tratar de descomponer el despliegue total en jerarquias y grupos. O sea, van a existir DIV's "padres" y estos tendran sus propios DIV's "hijos". Esto lo que significa es que tendremos DIV's contenidos dentro de otros DIV's (como ya vimos en el html), y los DIV's que a nivel de jerarquia se encuentren al mismo nivel, seran "hermanos". Hablo en este momento de DIV's pero en realidad a lo que me refiero es contenedores, los cuales tambien pueden ser SPAN's, H's, anchors, p's, li's, etc.
Una vez que hemos determinado esta jerarquización, entonces empezamos a analizar qué parámetros pueden heredarse de "padres" a "hijos".
Por ejemplo, en el BODY, que podriamos considerar el elemento "padre" para todos los contenedores de nuestra página, podemos colocar parámetros que vamos a heredar en todo el sitio, como por ej. la familia de fuentes, el tamaño default que queremos usar para fuentes, el alineamiento de texto, el color de texto, etc.
Hay parámetros que no se pueden heredar y otros que si. Por ejemplo, padding y margin, no son heredables, pero existe un "hack" para tambien poder generalizar este tipo de parámetros.
Creamos un estilo llamado "*". Al usar un asterisco como nombre para un estilo, el explorador va a entender que por defecto a CUALQUIER estilo los parámetros que determinemos en la clase "asterisco" serán aplicados como suyos, esto se vuelve nulo al poner un parámetro específico en ese estilo único.

Veamos:


* {
margin: 0;
padding: 0;
}

.vaca {
color: #ff00ff;
margin: 2px 3px 1px 2px;
}



En este caso, "asterisco" esta diciendo que todos los estilos por defecto tendran un margen de cero y un alcochonamiento de cero (esto es una buena práctica por cierto), pero a su vez, "vaca" como estilo único que es, aparte de determinar un color único para textos dentro del contenedor que tengan la clase "vaca" aplicada, tambien tiene características únicas de márgenes, sinembargo, como no ha determinado sus parámetros de padding, va a tener por defecto los que ha pre-determinado "asterisco" (margin = espacio alrededor de un contenedor, padding = espacio marginal de contenido a los bordes de su contenedor).
Otra cosa que aprovecho para mencionar, relacionado con optimización de estilos, es que en la medida de lo posible se use el "shorthand" (abreviacion de parámetros en una sola línea).

Veamos:


.vaca {
margin-top: 2px;
margin-right: 4px;
margin-bottom: 3px;
margin-left: 5px;
border-width: 2px;
border-color: #BC6A47;
border-style: solid;
}

podría optimizarse así:

.vaca {
margin: 2px 4px 3px 5px;
border: 2px #BC6A47 solid;
}



Al usar shorthand en el parámetro margin por ejemplo es importante saber que el orden en que los pongamos es escencial, el primero es el margen superior, le sigue el derecho, luego el de abajo y por ultimo el izquierdo, o sea, empezando del de arriba se sigue a favor de relog, así:



En el caso del borde, el orden en que determinemos grosor, color y estilo no es importante. Si quisieramos un borde con grosores varibles, entonces tendriamos que hacer un parámetro por aparte para "border-width" y podemos usar un shorthand igual al de "margin" siguiendo las manecillas del relog, lo mismo va para el "padding".

Para más información de shorthand en estilos, les invito a hacer un googleazo.

Bien. Empezemos a llenar la hoja de estilos. A estilo asterisco, vamos a ponerle padding y margin de cero. Así:


* {
margin: 0;
padding: 0;
}



Por cierto, "0" equivale a cero de cualquier tipo de medida, sean pixels u otro, por eso un shorthand se puede ver así: margin: 1px 0 1px 0;
Inclusive, si luego del primer valor todos son iguales, digamos, todos de cero, entoces se podría ver así: margin: 3px 0; Aquí estamos diciendo que los márgenes de derecha, abajo e izquierda todos tienen un valor de cero.

Bien, como ya vimos antes, al poner estos valores para margin y padding en "asterisco" hemos pre-determinado que todos los estilos tendran padding y margin de cero por defecto.

Ok ok... un respiro, cuenten a 3 y vuelvan a leer lo que tengan que re-leer. Los espero.
Listos? Ok, seguimos.

En orden de jerarquía, vamos al estilo para el BODY.


body {
background-color: #AE491D;
background-image: url(images/fondo-principal.jpg);
background-position: top;
background-repeat: repeat-x;
color: #646464;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
height: 100%;
text-align: center;
}



Veamos, traduciendo dice esto:

color de fondo: #AE491D.
Imagen de fondo: fondo-principal.jpg (incluyendo su "path").
La posicion de la imagen de fondo es "arriba".
La imagen de fondo se repite en "x" ("x" y "y", ejes.. etc, eso ya lo deben saber).
El color usado por el texto es: #646464;
La familia de tipografias es: Arial, con equivalencias a Helvetica y es san-serif (tambien deben saberlo).
El tamaño de las tipos por defecto es de 12px;
El alto de este estilo es de 100% del área visible del buscador.
El alineamiento por defecto del texto será centrado (esto incluye objetos flotantes como DIV's).

Bien, asignen este estilo a su BODY, guarden y ahora refresquen la página en su buscador. Ya va tomando forma, aunque hay muchas cosas tiradas por todo lado

Seguimos con el DIV padre de todos. El que tiene el ID llamado "alrededor".
Este es el que nos va a permitir que el rectángulo de este diseño de página flote siempre al centro del área visible de nuestro buscador. Ah, un detalle importante. Cross-browser... han escuchado esa fatídica palabra compuesta antes? Significa, mi página será vista por la mayor cantida posible de buscadores (Internet Explorer, Firefox, Netscape, etc) y plataformas y los usuarios veran exactamente lo mismo o al menos casi la misma cosa. Para garantizarse esto, es bueno que se acostumbre a trabajar con el firefox como buscador por defecto, y el internet explorer como secundario (esto es solo un consejo a nivel personal).
Existen "hacks" para solventar esto, pero para eso tambien los invito a usar google

Bien, veamos el estilo "alrededor":


#alrededor {
height: 545px;
margin: 10px auto;
width: 720px;
float: left;
}



Traducción:

Altura del contenedor es de 545 pixels.
Márgenes alrededor del contenedor: 10pixels arriba, y el resto automático. Aquí tenemos un "hack" pero es para el firefox en este caso, si no ponemos el auto como segundo valor, nuestro div no le va a dar la gana de flotar centrado.
Tiene un ancho de 720 pixels.
Y por último este contendor va a flotar a la izquierda. O sea, si tuviesemos por ejemplo 10 contenedores de 100 pixels de ancho cada uno, todos con float:left, todos se acomodarian lado a lado flotando hacia la izquierda. (imaginense que inclinan el monitor hacia la izquierda y todos esos divs caen en esa direccion lado a lado).


Ahora vamos con el ID "principal"


#principal {
background-image: url(images/fondo-areachica.jpg);
background-position: top;
background-repeat: repeat-x;
border: 1px #FFFFFF solid;
height: 545px;
width: 720px;
}



Todos los parámetros acá ya los hemos cubierto antes, solo cambian medidas y colores...

Sigamos para abajo en la jerarquía, existen tres divs hermanos: Arriba, Medio y Abajo. Los he nombrado así debido a que como cualquiera que había trabajado en su obscuro pasado con frames, me ha quedado esa costumbre de nombrar así para dividir páginas... aunque pensandolo bien, es lógico ese uso de nombres no les parece?

Veamos "arriba" en el html, este DIV contiene un h1, un h2, un h3 y una lista ordenada (ul, li's). Aquí tenemos oportunidad de heredar si fuera el caso de el div contenedor a todos sus sub-elementos.
En este ejemplo sinembargo, no lo hice.

Observemos "arriba" con todas sus subclases de una vez (tomense su tiempo):


#arriba h1 {
color: #A80506;
float: left;
font-size: 34px;
font-weight: normal;
height: 29px;
left: 37px;
letter-spacing: -3px;
line-height: 26px;
position: relative;
text-align: left;
text-transform: uppercase;
top: 3px;
width: 340px;
}

#arriba h1 strong {
color: #A30468;
}

#arriba h2 {
background-image: url(images/logotipo.jpg);
color: #494846;
float: left;
font-size: 4px;
height: 41px;
left: 74px;
position: relative;
top: 5px;
width: 265px;
}

#arriba h3 {
clear: both;
color: #807C7D;
float: left;
font-size: 22px;
font-weight: normal;
height: 22px;
left: 37px;
letter-spacing: 6px;
line-height: 18px;
margin: -12px 0;
position: relative;
text-align: left;
width: 340px;
}

#arriba li {
display: block;
float: left;
height: 25px;
width: 144px;
}

#arriba li a{
color: #403F3D;
display: block;
float: left;
height: 27px;
letter-spacing: 2px;
padding: 6px 0;
text-decoration: none;
width: 144px;
}

#arriba li a:hover {
background-image: url(images/menu-on.jpg);
background-repeat: repeat-x;
color: #FFFFFF;
display: block;
}

#arriba ul{
background-image: url(images/menu-off.jpg);
background-repeat: repeat-x;
clear: both;
display: block;
float: left;
height: 28px;
position: relative;
top: 12px;
width: 720px;
}



Traduzcamos los parámetros que aún no hemos visto.

En #arriba h1 vera aparte de cosas obvias como tamaño de letra y estilo de letra (normal), un parámetro llamado "position" (position: relative;). Este parámetro permite que el contenedor que ya le dimos características de flotabilidad (float:left) además pueda posicionarse en un lugar específico. Posición relativa significa que estará relativa a los margenes superior e izquierdo de su contenedor padre. O sea, h1 se posicionará relativo con las medidas de "left" y "top" (left: 37px; top: 3px;) definiendo a cuanto se encuentra h1 de los márgenes superior y izquierdo de "arriba".
Otros parámetros nuevos que tenemos acá son "text-transform: uppercase;" que en este caso convierten todo el texto en mayúsculas y "letter-spacing: -3px;" que en este caso aplica una distancia de -3 pixels entre cada letra.(por eso se ven todas pegaditas).

Podemos ver que al STRONG del h1 (el estilo que sigue) le aplicamos otro color, por eso la palabra "titular" tiene otro tono. Fijense en el html, ni h1 ni strong tienen clases ni ID's aplicados, esto es porque sus propios nombres de elemento son subclases del ID llamado "arriba"

Lo mismo sucede con los otros h's y con la lista ordenada.

Pueden bajar ya la hoja de estilos llena de AQUI.

Otros parámetros nuevos que pueden buscar ahí son "display" y "text-decoration".
El primero lo uso para cuando quiero que un link se trate como un objeto que puede tener alto y ancho.
Por ejemplo los links dentro de los li's de la lista ordenada (fijense). "text-decoration: none;" es la forma de eliminar la rayita abajo para un link.

Creo que con la información que les he suministrado pueden hacer ingenieria inversa de la página ejemplo y su respectiva hoja de estilos. De hecho creo que es la mejor forma que aprendan como funciona todo esto.
En todo caso posteen preguntas aquí, y de esa forma se volverá más completo el tutorial.

Espero que todo esto les sirva.