Diseño de páginas web | Ayudas a diseñadores | CSS

Por suerte día  a día la percepción que tenemos todos del mundo digital va ampliándose e incluso aquellos que antes no sabían que “es eso de Google” descubren que Internet no es solo un pasatiempo. El compromiso individual hacia “la red de redes” aumenta, los medios tradicionales reconocen el inmenso potencial de la comunicación “on-line” y la aprovechan y/o explotan como mejor saben o pueden: las grandes marcas ya han empezado a dar los primeros pasos dentro del mundo virtual y las celebridades juegan a menudo un papel de gurú, comunicándose a tiempo real con sus fans, encantados de convertirse en “altavoces” cosa que les hace sentirse más próximos y conectados con algo o alguien que, ahora y en la red, está al alcance de su mano.

Cambiamos día a día el mundo social en el que vivimos, así que poco a poco también cambia nuestra manera de relacionarse con él. Las interacciones humanas de hoy nada tienen que ver con las de hace 10 años.

Dicho esto, que solo he expuesto a modo de introducción, es fácil comprender que la gestión de la reputación, tanto individual como de marca, ya no solo se basa en nuestro comportamiento en el mundo real: “para ser respetado y respetable ya no basta con vestir bien y salir duchadit@ y perfumado@ de casa”… Ahora todos poseemos una identidad online al menos en potencia por lo que es necesario, bajo mi punto de vista, dedicar un cierto esfuerzo para gestionarla… Sin embargo este artículo no voy a hablar propiamente de la gestión de la reputación online; mi intención es remarcar algo que, a pesar de parecer una obviedad muchas ignoran y es que, para gestionar la reputación online tanto de una marca como de un individuo, lo más importante, por encima de todo, es “ESTAR”.

Cuando tengo que hablar con algún cliente de esta clase de asuntos suelo poner el ejemplo/simil de la fiesta*: y es que si te invitan a una fiesta y no vas no puedes pretender controlar lo que se dice  o comenta sobre ti, y menos aún defenderte se posible ataques.

A muchos la idea de “estar indexado” les genera auténtico pánico: prefieren ser invisibles, que no haya ningún resultado sobre ellos en la red, que nadie pueda averiguar nada sobre su vida personal o profesional, sobre sus opiniones y/o intereses… Lo que no comprenden es que esa actitud les expone por completo dejándoles al desnudo ante cualquier tipo de comentario aleatorio mal o bien intencionado; y para poderlo explicar mejor y que sea realmente fácil de comprender voy a convertir este artículo en un pequeño experimento: voy a inventarme a un personaje con un nombre peculiar y voy a dedicarle un párrafo dentro de este post. Evidentemente éste personaje no existe y el nombre que he elegido para él es suficientemente extraño como para que su identidad digital aún no “esté explotada”. Nuestro personaje se llamará “Ataulfo-Ramon Simposio”, como ya habréis visto en el título.

Allá va el párrafo:

-          Ataulfo-Ramon Simposio, inventor de la cuchara que sopla y del tenedor rotatios para spaghetti, presentó ayer su nuevo y polémico libro titulado “Ellos tienen la culpa”: en dicha publicación el Sr. Ataulfo-Ramon Simposio, hasta ahora uno de los pensadores más respetados del mundo moderno, acusa a los pelirrojos de todos los males que ha padecido la sociedad desde la edad media hasta el día de hoy. Entre sus páginas encontramos citas como: -“Los pelirrojos tienen una maldad innata y genética imposible de reprimir; se trata de una enfermedad incurable y sin tratamiento que les empuja sistemáticamente a obrar con fines maliciosos y destructivos.”-

Cómo veréis el párrafo no tiene mucho sentido: sin embargo si el Sr.Ataulfo-Ramon Simposio existiera (por dios, espero que no!!) dentro de unos días se contraría con una desagradable sorpresa al ver que, a pesar de sus esfuerzos por no “estar indexado” un blogger cualquiera ha empezado a gestionar su identidad digital por él ya que en algunos días, y sin ser este blog un referente de nada, este artículo estará indexado en Google y con él su nombre.

Y fijaros en la diferencia: si en este artículo hiciera referencia a mí mismo, por ejemplo (sin ser yo ningún tipo de celebridad) difícilmente aparecería como resultado en el TOP10 de Google (por ejemplo) puesto que ocupo esas posiciones con: mis usuarios en redes sociales, información sobre mí en otro sites (que yo puedo controlar más o menos), información que yo ofrezco de mi mismo en mis sites, etc…

Dentro de un par de semanas haremos la comprobación y veremos si manchar la reputación del “Sr.Simposio” es o no tan fácil como comento.

Por el momento quedaros con ésta idea: para gestionar vuestra reputación online es necesario que os atreváis a “salir”.

NOTA!: después de una semana éstos son los resultados TOP10 para… La entrada ocupa 5 posiciones dentro del TOP10 – EL RESULTADO

*El ejemplo/símil de la fiesta: Imagino otros también habrán usado y la verdad es que no recuerdo si se me ocurrió a mi solito o si lo escuché decir “porai”; estoy seguro de que @marcosapina se encargará de averígualo ;D .

Ayer una noticia publicada en “CyberPaís” casó cierto revuelo en la red.

El titular: Red.es crea webs para pymes por 24 euros al año.

Evidentemente todo aquél que, como yo, se dedica al negocio del “la web” de una u otra forma se sintió indignado y protestó efusivamente a través de los canales habituales (Twitter, Facebook, blogs…).

Para mí el día de ayer fue algo complicado: mucho trabajo y varios problemas menores que resolver, y por eso hasta entrada la tarde (sobre las 21.00) no supe de la noticia: sin embargo, al enterarme, fui uno de los pocos (diría que hemos sido pocos) que lejos de alarmarse dijo “Es normal, no pasa nada”. La reacción automática entre mis amigos twitteros más cercanos fue de sorpresa y tal vez de indignación. Por eso prometí redactar este artículo…

Creo que la aparición de productos como el de las páginas web de Red.es por 24 €/año (curiosa cifra!) no hace otra cosa que ayudarnos a profesionalizar nuestro sector de negocios; si el cliente en cuestión busca un producto que no sea una verdadera herramienta de marketing en la red, y solo necesita presencia online, entonces éste es su producto.

Hace ya años que vengo “denunciando” la enorme falta de profesionalidad del sector. Cuando alguien busca un proveedor web podrá encontrar multitud de empresas fantasma unipersonales creadas por semi-amateurs o por grupitos de estudiantes en busca de un sobresueldo. Ante la ignorancia técnica (normal) del cliente éste tipo de negocios prosperan y se multiplican, para luego desaparecer… Es todo un ciclo. Ésta es la situación que realmente nos perjudica a los que SI SOMOS profesionales y nos dedicamos a esto desde hace años.

El cliente no comprende por qué unos venden un Site por 5.000€ y otros les ofrecen aparentemente los mismo por 300€; la desconfianza está garantizada puesto que el usuario final no tiene porqué entender la auténticas diferencias (que ya explicaré en otro artículo si hace falta) entre una site estudiado y uno que simplemente se cocina como “si fuera un churro” (ojo, no quiero decir que no haya sitios de 5.000€ totalmente desastrosos, los hay!).

Así que, e definitiva, un site informativo por 24€/año se convierte en el enemigo de todos aquellos que practican el intrusismo laboral auténtico y que no solo “roban clientes” (si lo sé, eso queda un poco fuerte) a los auténticos profesionales si no que “QUEMAN” al cliente haciendo que éste tenga una imagen totalmente negativa y catastrofista de “nosotros”. Y eso es mucho peor. ¿No lo habéis notado? El cliente nos tiene miedo, no confía en nosotros, cree que le engañamos… Y es que ha sido engañado una vez tras otra. No se en el vuestro pero en “mi oficio” una de las cosas más importantes es saber transmitirle al cliente que “con nosotros podrá estar tranquilo” y aún consiguiéndolo el más mínimo error se sumará a toda la experiencia negativa que lleva como bagaje de la “empresa” con la que ha trabajado anteriormente, poniéndonos en el mismo saco.

Soy optimista y creo que un producto de éstas características puede ayudar a profesionalizar el sector, haciendo de filtro. ¿Cómo lo veis? ¿No os lo habíais planteado así?

Os lo ruego, ACEPTOR CRÍTICAS!

Agradecimiento a:

@cssbarcelona (Juanjo): que me comentó el tema.

@alexpuig (alex): por compartir en artículo en Shotools

Para mi sigue siendo motivo de sorpresa: hace ya años que nuestro pequeño-gran mundo se define, crece y redefine el mundo que ya conocíamos. Estar off-line ya no existe, es algo del pasado, y las grandes marcas ya comprenden, por fin, la importancia que tiene el medio para ellos (evidentemente hablo de internet).

Puedo decir orgulloso que no solo he vivido el nacer de una nueva era, sino que he participado activamente en el proceso. Durante este proceso he visto nacer y morir oficios, he visto como aparecían nuevos profesionales, autodidactas al principio y más tarde formados en nuevas carreras, post-grados y másters.

Y como decía, todavía me sorprende cuando encuentro en mi camino a un “SEO” chapado a la antigua. Es un profesional diferente…

No es un programador, muchas veces no tiene ni siquiera nociones de programación.

No es alguien interesado por el diseño o la estética, casi nunca son diseñadores.

No es una persona demasiado comunicativa; vive inmers@ en sus pensamientos y cábalas, siempre en busca de hallazgos nuevos.

No suele estar dispuest@ a compartir, sus secretos son suyos y solo suyos: si te explica alguno deberías desconfiar, probablemente sea una pista falsa.

…

En definitiva es alguien que nació en los albores del algoritmo de Google, obsesionado por las palabras y los números, poco interesado en el usuario y su experiencia… Quedan pocos, ya casi todos han desaparecido!

Muchos de los que fuimos ese #seo nos hemos optado ampliar nuestros conocimientos y convertirnos en profesionales del marketing online… Otros optaron por especializarse en la analítica web, en #ux o en la accesibilidad o en social media, pero pocos decidieron quedarse en ese oscuro cuarto adorando a la toda poderosa G!

Hablo de todo esto con cariño y con cierta nota humorística, que nadie se me ofenda!

Un abrazo a todos esos seos preocupados por kw y cajas de arena

Tal vez este post (lejos de ser el último) debería tener un cierto tono melancólico o algo triste, sin embargo y como veréis lo voy a enfocar de forma positiva y solar; básicamente porqué en definitiva relataré en él un cambio, una transición… Y los cambios no siempre son del todo negativos.

Como todos (o muchos) sabéis soy Nicola Picasso CEO de NPicasso Marketing S.L., una pequeña y modesta empresa dedicada principalmente al marketing online (aún que a mí siempre me ha gustado más que me llamen Nico, a secas).

NPicasso nació de mi ilusión y mis enormes ganas de emprender, de crear valor, de aportar algo nuevo y mejorar en lo posible lo que ya existía… Recuerdo los inicios (ahora hace unos 6 años) como si fuera ayer: yo solo era un chaval de 24 añitos que pretendía vender “Posicionamiento web” a empresarios tradicionales que no entendían ni siquiera “que era eso del Google”. Lo primero que tuve que aprender fue a comunicarme, el hablar un idioma que todos comprendieran y que no asustara a mis interlocutores: he de decir que mi breve formación en “arte dramático” (cursé el primer año de la carrera en el “Col.legi del teatre de Barcelona) me ayudó bastante… No fue igual de sencillo el cambiar mi imagen; el pelo largo recogido en una cola cultivado desde los 16 años era un punto de inflexión, pero solo fue cuestión de tiempo… Jeje, supongo que todo hemos pasado por cambios similares no? … Yo lo hice para que mi pequeña empresa, de la que siempre he sigo el “Core Business” (por necesidad), prosperara.

Tras meses predicando la palabra del SEO a diestro y siniestro, y manteniendo el negocio maquetando páginas web optimizadas para su posicionamiento en buscadores, las semillas sembradas comenzaron a dar frutos – Buenas tardes Nico, quisiera que me explicaras algo más sobre aquello que me comentaste de Google, ahora podemos estar interesados… Por lo visto a la competencia le funciona! -… Tal vez fue suerte, o tal vez los frutos de una buena estrategia, pero las cosas empezaron a ir bien. Los primero proyectos estaban en marcha y funcionando, www.npicasso.com estaba ( y está ) posicionada para muchos términos, junto a las páginas de las empresas líderes del sector (de Barcelona)…

La empres creció, se amplió la estructura, más empleados, socios, problemas, alegrías… Y siempre mucha ilusión, empuje y persistencia.

Sin embargo este barco ha llegado ya a la orilla, su viaje a terminado; es un pequeño navío que se ha hecho a la mar en época de fuertes y violentas tormentas, y su casco se ha ido deteriorando, poco a poco… Y una última ola lo ha empujado hasta una isla apartada. Ese pequeño barco, de colores vivos y alegres, pequeño pero fiel y de buen navegar, ya no puede hacerse a la mar. Deja tras de si muchos recuerdos, y aún que algunos sean amargos el gusto que me deja en la boca es dulce, agradable…

NPicasso cierra sus puertas cesando sus actividades, pero queda en mi corazón como una de las partes mas importantes de mi vida: durante este viaje he aprendido mucho, he crecido, he ganado en seguridad y conocimientos, he comprendido quien soy y que quiero hacer… En definitiva, NPicasso está en mí, por eso me gusta más hablar de un cambio.

Como veréis he preferido no relataros los motivos concretos de nuestro cierre, no creo que sean importantes, no creo que eso preocupe a nadie…

Ahora, mientras redacto este artículo, me sorprendo a mi mismo llorando con una mueca de cariño en la cara, sintiéndome como despidiendo a un buen amigo que parte hacia una largo viaje, sin saber cuando volverá.

Por último decirlos que estoy feliz de anunciaros a todos que, desde el pasado día 2 de Noviembre, he pasado a formar parte de una nueva tripulación… Esta vez navego en un barco más grade, más sólido y veloz: he sido contratado como el nuevo “Team Manager” del departamento de Marketing Online de CONZENTRA. Tal vez sea distinto, eso no lo niego, pero me siento ilusionado otra vez, como hace tiempo no me sentía.

CONZENTRA es un entorno más grande, pero no menos humano; me siento bien, con ganas de aportar mi granito de arena, otra vez con ganas de aportar cosas nuevas y de mejorar en lo posible lo que ya existe… Otra vez como al principio.

Por último quiero aprovechar para agradecer personalmente algunas cosas:

@artnau : No siempre hemos coincidido en todo, pero eso era lo genial. Agradezco tu lealtad, tu dedicación, tu espíritu de superación, tu profesionalidad… Agradezco que te convirtieras en mí confidente, mi mano derecha, mi amigo… Te quiero.

Albert y Vane: Poco puedo deciros que no sepáis ya; os quiero con toda mi alma… He aprendido muchísimas cosas de vosotros y aportasteis mucho a la empresa. Solo espero que vosotros también hayáis podido aprender algo de mi. Un beso.

Ruben: No hace mucho que nos conocemos, tal vez un par de años, pero desde el primer día nos entendimos. Como siempre te he dicho, eres el único programador con el que me he entendido al 100% desde el minuto 1, el tío más resolutivo, coherente, justo y profesional que he conocido… Incluso ahora, tras nuestro cierre, sigues apoyándome en todo. Espero que el conocerme también haya sido positivo para ti y sobre todo espero poder seguir trabajando contigo durante mucho tiempo, porqué eres un auténtico fuera de série.

Roger: Jeje, Roger… Mi amigo, mi gran amigo: uno de los seres humanos más extraordinarios que he conocido nunca. Nunca formaste parte de la empresa (aún que sabes que esa hubiese sido mi voluntad) pero SIEMPRE, desde el inicio, me apoyaste: me presentaste clientes, me sacaste de problemas cuando “no conseguía que ese formulario funcionara”, te ofreciste a todo y para todo… Y siempre sin el más mínimo interés. Roger, no puedo decirte con palabras los que siento hacia ti; ojalá algún día encuentre la forma de pagártelo todo.

Alex: … Bueno que decir de ti? Eres un cabezón, siempre lo has sido, pero te quiero muchísimo. Para mi eres un hermano, alguien que conozco desde siempre, con el que siempre he discutido y del que siempre he aprendido muchísimo. En una ocasión me agradeciste tu paso por la empresa, me dijiste que habías aprendido mucho gracias a mi… No sabes lo mucho que esas palabras significaron para mi en ese momento. Yo también aprendo de ti, de verdad. Gracias Alex por ser como eres.

La comunidad de Twitter: Sería feo nombraros a uno u a otro, la vedad… Los que están más cerca de mi ya conocían la noticia hace tiempo, pero he preferido terminar este artículo para comentarlo. Sois todos maravillosos: es increíble poder compartir con osotros un momento de bajón y ver como todos corréis para apoyar y/o ayudar. Sois buenos porqué sois de verdad, genuinos, desinteresados… Me siento muy afortunado por pertenecer a este pequeño/gran mundo… Os mando un abrazo muy fuerte a todos, y espero veros pronto en un #rancios o un #mojitos… O lo que sea. ^_^

A los clientes que creyeron en nosotros: tampoco voy a nombrar clientes en concreto, sobre todo porque ellos saben quiénes son. Gracias, de corazón… Gracias por vuestra paciencia en momentos complicados y por vuestra confianza. Espero que para vosotros también haya sido positivo (jeje, CLARO QUE LO HA SIDO! )

@Gabycastellanos: dije que no lo haría, pero no lo puedo evitar: Gaby yo no se si lo sabes, pero tu has sido para mi una gran inspiración que me dio fuerzas en momento de flaqueza. Te he seguido de cerca, te admiro de verdad (no para hacerte la rosca como muchos otros… Lo se, soy un bocazas), de admiro como profesional, veo lo que haces, como lo haces… Y alucino: ¡Esta tía es una fuera de serie! Pienso… Es tonto agradecerte ser como eres: prefiero agradecerte el que lo compartas, el que te tomes la molestia de dar charlas aquí y allá para compartirte, agradezco esa generosidad porqué fue así como te conocí (creo que hace cosa de dos años). Un beso.

Espero no dejarme a nadie, este es un momento muy emotivo para mí… Me despido entre lagrimones y con una sonrisa.

Nos vemos pronto, un beso: Nicola Picasso (Nico)

Cada día abrimos el lector de feeds, y está ahí, abrimos el twitter y está ahí, abrimos el facebook y también está ahí, se trata de Mashable el blog de referencia del mundillo Social media…Pues bien Pete Cashmore y compañía se han propuesto instaurar un día para celebrar que estos medios existen y todo lo que nos proporcionan, quieren convertirlo en algo mundial y por ello han gritado al mundo para que se organizen eventos para conmemorar el día en todo el mundo.

Elena Varea, Elena Millán y yo misma, Alexandra Cavero hemos escuchado la llamada, y no de la selva precisamente, la llamada de Mashable para organizar algo en nuestra ciudad, Barcelona, porque sabemos que hay mucha gente apasionada por el tema y porque sabemos que podemos crear algo grande… Y puestos a soñar convocar a más gente que a la mismísima Nueva York.

La propuesta Mashable Social Media Day pasa por que el miércoles, 30 de junio se organicen reuniones en todas las ciudades del mundo para celebrar este día.

Y Barcelona no quiere ser menos por lo tanto estamos organizando nuestro propio evento en la ciudad condal, teniendo en mente una sessión que sea puro  Networking Informal dónde cada uno aporte lo que quiera, 100% Open Doors un evento de todos y para todos, desde  empresas a usuarios que puedan acercarse a conocer y descubrir lo que es el SM. ¿Os apuntáis?

A continuación encontraréis información del evento:

About Mashable Social Media Barcelona

http://www.mashablesmdaybcn.com/

Qué vamos a hacer:

http://www.mashablesmdaybcn.com/que-vamos-a-hacer/

Asistentes:

http://www.mashablesmdaybcn.com/asistentes/

Así que Are U in?

http://www.meetup.com/Mashable/7509/

Un div con fondo traslúcido – png transparente como fondo.

Hace poco llegó a mis manos un nuevo proyecto web para maquetarlo (css+ xhtml); esta vez el reto residía en el fondo del DIV central dispuesto para recibir todo el contenido de la página. Éste era de fondo blanco traslúcido, por lo que tenía que mostrar parte del fondo del body.

Enseguida pensé en la posibilidad de usar un PNG transparente (con un blanco a opacidad 70%) como fondo del DIV: la verdad es que nunca lo había probado antes, así que no estaba seguro de su efectividad. Lo comenté en una comida, con un buen amigo (@cssbarcelona, responsable de http://www.cssbarcelona.com – Un saludo tío!-) y él, como no, se me adelantó haciendo el TEST: la idea era buena, funcionaba correctamente en versiones de IE7 y superiores (para versiones anteriores tendréis que echar mano de los trucos que os explicábamos en el post “ arreglando bugs de IE6 “) .

Hasta aquí, el truco: ahora un experimento que realicé sin mucho éxito… Todos sabéis que si el fondo que utilizamos es muy pequeño y pesa poco, pues mejor: agilizamos la página, la hacemos más rápida y ligera. Así que creé el PNG transparente, haciéndolo de 1X1 px y lo coloqué de tal forma que se repitiera. Pues bueno, no fue buen idea: nuestro programa de edición (DW cs4) se volvía lelo, era imposible moverlo cuando estabas pre visualizando la página, todo era leeeeento. La pregunta es ahora ¿Es un bug de DW o en realidad una imagen de 1X1 px transparente repetida es una idea pésima?

Seguiré investigándolo.

Pues sí amig@s, Google ha llegado a la montaña: aprovechando las olimpiadas de invierno de Vancouver se han decidio a llevar el  Stree View en las pistas. La verdad es que es “muy chulo”; la sensación es similar a al “S.V.” pero con la sensación de “libertad” añadida que da el estar en una pista de esquí.

Os dejamos un vídeo que ellos mismos han publicado y AQUÍ un enlace para verlo en directo.

A través de Twitter (una vez más) conocimos la página gotoandlearn.com (por @leebrimelow); en este portal, del cual podemos decir que la organización de los contenidos nos parece exquisita, encontrareis multitud de videotutoriales (en ligles) que seguramente os ayudarán en vuestros procesos creativos utulizando FLASH (por cierto ¿Quién no tiene una profunda relación amor-odio on este programa?).

Lo más interesante es que, además de poder visualizar el videotutorial en el propia web, podemos descargarlo; tanto el vídeo como el proyecto (.fla) para poder “chafardearo” a fondo, que sin duda es ma mejor manera de aprender.

Esperemos que os sea útil!