Portfolio Roberto Carrazana

Juego del Pacman en logo de Google

No sé si os habeis fijado que hoy el logo conmemorativo de Google es el famoso juego del Pacman. Lo mejor es que no sólo es una imagen sino que podemos jugar con el cursor una partida y recordar buenos tiempos. Yo al menos es la primera vez que veo que Google crea un logo interactivo y me ha parecido una idea muy original.

Mejorar la productividad y la organización personal

Hace ya algún tiempo vengo siguiendo el blog titulado Hábitos Vitales. Un blog de Erick Larsson que trabaja de diseñador gráfico en Barcelona. Lo mejor de este blog es que intenta ayudarnos a lograr objetivos, mejorar la productividad y la organización personal. Algo que hoy en día creo que es fundamental para poder sentirte dueño de tu tiempo y sacarle el máximo partido. Da consejos muy buenos pero como todo lo difícil es aplicarlos en nuestro día a día.
Hoy me ha gustado mucho un post titulado “6 lecciones de la vida que me enseño Albert Einstein” porque son grandes lecciones:
Read more

JooJoo Interesante alternativa al iPad

Poco a poco empiezan a llegar las alternativas al iPad.JooJoo es la primera alternativa real que llega a España por 359 euros y lleva todo aquello que se le hecha en falta al iPad. Son muchos los que nos hemos quedado con un sabor agridulce con el tablet de apple y creo que a pesar de ser el primero en abrir la veda no tendran tanto exito como con el iPhone. El JooJoolleva puerto usb, pantalla multitáctil de 12.1 pulgadas (1366×768 píxeles), tecnología NVIDIA ION, con soporte para reproducción de vídeo HD a 1080p, multitarea, cámara integrada y compatibilidad con flash. Pero claro no puede ser perfecto ya que sólo dispone de 4Gb de RAM y de una autonomía de 5 horas.

Estoy seguro que no tendra la misma calidad ni los acabados del tablet de apple pero siendo de los primeros en aparecer puede ser una buena opción y más viendo el precio que tiene.

Visto en Xataka.

Conferencia – Buscadores: Responsable SEO/SEM

El próximo 4 de mayo la Fundación Telefónica ha organizado una conferencia titulada Buscadores: Responsable SEO/SEM. Es una de las conferencias mensuales que han organizado enfocadas a Internet y las nuevas tecnologías que crean nuevas profesiones. Hoy por hoy los que trabajamos en este mundillo nos damos cuenta de lo competido y necesario que es cada vez más tener a profesionales trabajando en este caso SEO (Search Engine Optimization, Optimización para Motores de Búsqueda) y en el SEM (Search Engine Marketing, Marketing de Motores de Búsqueda) y como poco a poco también se van haciendo necesarios otros trabajos como el de Community manager para desarrollar la estrategia  en las redes sociales.

Los ponentes serán Fernando Muñoz, Ismael El-Qudsi Saugar y Fernando Polo (más detalles sobre ellos) así que esperemos que la conferencia sea interesante y nos aporten nuevas visiones e ideas de como están evolucionando estos trabajos.

Para los que no puedan asistir pero les interese la conferencia en la propia web hay un enlace para ver la conferencia online y a través de Twitter.

Nos vemos por allí .

Safari 4, Ie8, Firefox3, Chrome2, Opera

Hoy al igual que otros muchos me he llevado una grata sorpresa al ver que han lanzado una beta del Safari 4 tanto para Mac como para Windows. Aún no lo he probado pero he leido que se nota sobre todo la mejora de velocidad con el Javascript además incluye soporte para HTML5, CSS3 y pasa el Acid Test 3 con 100/100.

Como aún no lo he probado os dejo los links con las novedades que lleva, y si quereis probarlo lo podeis descargar de aquí.

Por otro lado hace ya algún tiempo que Microsoft lanzo su Internet Explorer 8 RC1 que mejoraba errores que tenia en su primera betas. A pesar de que Microsoft quiere cumplir con los standares web se dice que más de 2400 web de sitios importantes tendran algún tipo de incompatibilidad con esta nueva versión. Para solucionar esto el IE8 cambia a modo a IE7 por defecto cuando se enfrenta a un sitio que puede pegarse con él. Así que personalmente me parece que los de Microsoft no lo estan haciendo nada bien porque al final tendremos que desarrollar  para Ie6, Ie7 e Ie8 para que nuestros sitios se vean adecuadamente y más teniendo en cuenta la dificultad de instalar, cambiar o eliminar este navegador de los sistemas windows.

De todas maneras si alguien lo quiere probar aquí os dejo los links (esta en ingles):

• Descargar IE8 versión para Windows XP
• Descargar IE8 versión para Windows Vista

También no hace mucho Google decidio meterse a competir también en la guerra de los navegadores presentando Chrome. A principios de Enero Google presento una versión alpha del Chrome 2.0 que integra una nueva versión del Webkit ya que actualmente es casi la misma que la de Safari 3. La intención de Google era sacar el Chrome en varias plataformas, Mac y Linux pero aún más alla de una capturas no hay nada definitivo. Otra de las cosas que se echan en falta son las extensiones algo que en mi opinión es lo que ha hecho que Firefox ganara mucho terreno en esta guerra.

Si quereis probar el alpha del Chrome 2.0 aquí os dejo el link

• Descargar Chrome 2.0 alpha

El que realmente ha estado ganando esta batalla de navegadores desde hace algún tiempo y ha ido desvancando al Internet Explorer ha sido Firefox. ¿Por qué? Pues sencillamente por ser más rápido, más estándar, facilitar la navegación en pestañas y por la cantidad de extensiones que le han hecho ya no sólo un navegador normal sino una herramienta de trabajo donde puedes leer tu correo, subir archivos por ftp o leer tus rss entre otras muchas cosas.

Actualmente esta disponible para descargar la versión 3.0.6 aunque ya esta en camino la versión 3.1 que tiene previsto ver la luz el primer trimestre de 2009.

Y por último tenemos Opera, que va por su versión 9.63 para windows. Hace un par de años pense que sería la alternativa a Internet Explorer ya que ellos fuerón los primeros en poner la navegación por pestañas y Firefox todavía no estaba muy lanzado sin embargo gracias a la extensiones esto cambio.

Sin embargo he de decir que el Opera Mobile es para mi gusto el mejor navegador para moviles y que en este tema puede dar mucha guerra, aunque este es un tema diferente.

Mi conclusión es que viendo la cantidad de navegadores que hay ahora mismo, animo a la gente a probarlos porque por ejemplo por culpa de Ie6 se esta relentizando el desarrollo web en muchisimos aspectos ya que aunque desde el 25 de agosto del 2004 no se actualiza aún muchisima gente lo sigue usando porque venia instalado en su windows cuando compro su ordenador y no se han actualizado. Y para aquellos que tienen el Ie7 también les animo a probar otros navegadores que veran como notan la diferencia.

Así que no teneis escusa para estar a la última y así no perderos todo lo nuevo que esta llegando a nuestras webs, CSS3, HTML5 y demás que hacen que la web y la red sean aún mucho mejor.

26 add-ons de firefox para Desarroladores Web

Hoy he encontrado un post en instantshift que nos recomienda 26 add-ons para Firefox que nos hace la vida más sencilla a los desarrolladores y diseñadores web. En mi día a día los uso constantemente y la verdad es que sin ellos a veces la cosa sería peliaguda. Algunos ya los conocia y otros no.

Para mí los dos más importantes son el Web Developer y el Firebug. El resto para mi son más secundarios pero sin estos dos no sería lo mismo hacer webs.

Web Developer

Lo mejor del Web Developer es trabajar el css. Puedes ver todos los css de una web,  un estilo en concreto, o puedes editar el css y ver los cambios automáticamente sobre la web. También dispone de otras herramientas utiles, como puede ser el borrado de la cache del navegador (cosa importante cuando haces cambios), o medir con la regla para saber la distancia en pixeles que hay de un punto a otro, o incluso redimensionar tu ventana a otras resoluciones para ver como se ve tu trabajo y también la desactivación de la cache, de los estilos o del javascript.

Plugin Link: Click Here
Official Link: Click Here

Firebug

El 2º indispensable es el Firebug. Con él podemos editar, depurar y monitorear CSS, HTML y JavaScript de cualquier web que este viendo en Firefox. Es una gran herramienta para modificar sobre todo HTML.

Plugin Link: Click Here
Official Link: Click Here

IE Tab

Otro que yo uso mucho es el IE Tab. Este te permite abrir en una pestaña de Firefox cualquier web como si fuera Internet Explorer (sí, ese navegador que hace lo que quiere y que tantos quebraderos de cabeza da). Funciona bastante bien y por lo general se comporta como el verdadero Internet Explorer aunque a veces para estar seguro siempre es mejor usar el autentico y cuidandose mucho de la cache.

Plugin Link: Click Here
Official Link: Click Here

CSSViewer

CSSViewer es otro pequeño add-on que te da la información css de cualquier elemento de la web. Así te aseguras de que estilo exactamente esta cogiendo ese elemento. Yo diria que es un buen complemento para el Web Developer.

Plugin Link: Click Here

FireFTP

FireFTP es la manera rápida de subir tus cambios al servidor a través de ftp. Además te permite tener tantas cuentas configuradas como servidores tengas sin problemas. No es el más veloz subiendo y bajando cosas pero funciona bastante bien y te ahorras tener que abrir otro programa.

Plugin Link: Click Here
Official Link: Click Here

Colorzilla

Otro add-on muy práctico sobre todo para los diseñadores es Colorzilla. Con su cuenta gotas te permite saber el color de cualquier elemento de la web rapidamente, copiar el código de color y así después usarlo para tu css o para Photoshop.

Plugin Link: Click Here
Official Link: Click Here

CSS Validator y HTML Validator

Para el tema de validar nuestro css esta muy bien el Css Validator pero para validar el html a mi me gusta el Html Validator que al visualizar el código nos informa de todos los errores y las posibles soluciones para que sea valido bajo la especificación que le hallamos puesto a nuestro html.

Espero que os ayuden

¿Es un virus?

Aviso falso de virus

Seguro que alguna vez mientras navegas te has topado con una alerta avisandote de que tienes un virus y que pinches para eliminarlo.  Por desconocimiento y la manera en que te lo ponen consiguen engañar a mucha gente y pincha. Como conozco a unos cuantos que esto les ha pasado va por ellos este post que he encontrado en blogoff. Una breve guía a seguir para no ser engañados, saber estar preparados y saber actuar en caso de que se demasiado tarde.

Siguiendo los consejos que dan y teniendo un antivirus gratuito (recomiendo el avast!) y pasando el Spybot S&D habitualmente no deberiais de tener muchos problemas aunque nada es inflalible y como dicen en los comentarios el Sentido Común 2009 aveces es lo que mejor funciona.

Espero que os ayude

Webs para dispositivos móviles

Consejos para desarrollar Webs para móviles

Tal y como dije este el primer post sobre las ponencias que más me gustaron del Congreso de Webmasters 2008 .
Nadie duda de que el futuro de los móviles está en la navegación por la red de una manera fácil, rápida y barata. Roberto Martín Díez en su ponencia nos dio los siguientes datos.

“De los 6.700.000.000 de seres humanos en el mundo más de 4.000.000.000 tienen dispositivo móvil y que de este número más de 550.000.000 acceden a contenido desde su terminal móvil. Se estima que esta cifra se triplique antes de llegar a 2012.”

A nivel de desarrollo web nuestro trabajo es adaptar nuestras webs para estos dispositivos. Aún no es tarea fácil porque no hay estándares, los canales de comunicación tienen que mejorar y tienen un alto coste para que la gente los use pero todo llegará.

Estos son algunos de los consejos que nos dio Roberto en su ponencia para el desarrollo e intentar facilitarnos el desarrollo de nuestras webs.

A nivel de estructura:

• Encabezado
• Navegación
• Contenido
• Navegación
• Pie

Dos veces la navegación ya que es importante que el usuario pueda moverse desde el primer pantallazo como al final de una articulo sin necesidad de volver a arriba. Esto se puede solucionar fácilmente, lo sé, pero bueno es para hacerlo fácil.

A nivel de contenido estos son los consejos que dio:

• Limitar las categorías a 5: No siempre es fácil pero hay que intentar siempre facilitar lo máximo las categorías, así se asimilan rápidamente la estructura de la web, tanto en una web para móviles como en un portal.
• Limitar los enlaces a 10: Siempre hay muchas cosas que mostrar pero si metemos muchos enlaces a cosas al final el usuario se puede perder y termina desviándose de lo que estaba buscando inicialmente.
• No más de 5 niveles de profundidad: Un poco lo dicho en el primer punto. Cuantos más niveles más se pierden nuestros usuarios.
• Priorizar enlaces por importancia: De los enlaces que vamos a poner es importante pararnos a pensar cuál es el más importante o cuál queremos que sea el más importante para mostrárselo rápidamente a nuestros usuarios.
• Listas ordenadas: Fundamental en el desarrollo de cualquier web.
• Utilizar accesskeys: Esto es importantísimo ya que el valor de usabilidad que le da es enorme. En una web para móviles la rapidez y el tiempo es fundamental y con esto lo logramos enormemente.
• Uso del gif + jpg: Hoy con las adsl y los nuevos navegadores ya usamos mucho en nuestros desarrollos el png 24 y en camino están el apng (png animado) sin embargo son muy pesados y para dispositivos móviles la cantidad de transferencia es muy importante. Así que en este aspecto hay que volver a diseñar en gif para iconos, botones, etc. y jpg para pequeñas imágenes o fotografías. En este apartado añado que también es importante el reducir al máximo el número de llamadas al servidor.
• No usar tablas: Ya que provoca un código html muy pesado.
• Evitar formularios: Más que nada por su complejidad y lo que suele conllevar.

También nos hablo de los problemas que nos encontramos hoy en día en el desarrollo:

• La gran variedad de dispositivos móviles; cada uno de su madre y su padre, lo que provoca que cada uno tenga sobre todo una resolución de pantalla diferentes, distribución de teclas diferentes, menús diferentes, etc.
• La multitud de navegadores web para dispositivos móviles que hay, lo que implica diferentes estándares como ocurre en las webs normales. No es lo mismo un Safari que un Internet Explorer, jejeje.

Por último nos dio unos consejos para ayudar a dar a conocer a nuestra web:

• Detección automática del dispositivo: Si tu usuario entra a tu web con un dispositivo móvil lo ideal es que sea detectado y redireccionado a la web preparada para móvil. Para qe no pierda tiempo en cargar tu web y buscar donde está la versión para su dispositivo.
• Usar subdominios “m.dominio.com”: Es una manera de hacer saber que ese contenido es para móviles.
• Dominio .mobi: Aún más claro
• Códigos QR: Y eso que es, te estarás preguntando. Aquí la respuesta: ¿Qué es el código QR?

Y aquí os pongo un par de urls para el desarrollo de webs para móviles:

• Para hacer aplicaciones en java para móvil: http://mobiLauncher.com
• Estadísticas: www.bango.com
• Conseguir dinero: www.admob.com y www.google.com/adsence/
• Recursos: www.mobiforge.com
• Herramienta para crear nuestro sitio rápidamente: www.ubik.com

Espero que os sirva. El próximo post sobre las ponencias supongo que será el de “Cómo crear y rentabilizar una tienda online de éxito” y dejare para el final el de “Posicionamiento en Google” que será el más largo ya que fuerón tres ponencias.

Opinión sobre el Congreso de Webmasters 2008

Ultimamente he estado muy liado haciendo mil cosas y ya hacía dias que quería escribir sobre mi experiencia en el Congreso de Webmasters 2008.

La verdad es que no estuvo mal pero he de reconocer que he salido un poco defraudado en algunos aspectos. Primero en la organización y el funcionamiento del congreso. No había dios que pudiera conectarse al Wifi salvo a las 8:45 antes de que se llenara el salón de actos. En este aspecto los de Telefónica se han llenado de gloria porque fuerón incapaces de solucionarlo en los tres días que duro el evento.

Por otro lado me dio mucha rabia que hubiera moviolas después de cada ponencia, ya que si ibas a la moviola te perdias la siguiente ponencia y tenias que elegir. Lo suyo hubiera sido tener 30 minutos de preguntas al finalizar cada ponencia.

Por lo demás algunas ponencias estuvierón mejor que otras como siempre. Para mí las más interesantes fuerón la ponencia de Roberto Martín Diez sobre “Web para dispositivos móviles”, las ponencias de “Posicionamiento en Google” de Fernando Maciá y Javier Gosende y la ponencia de Jose Antonio Criado y Jordi Oller “Cómo crear y rentabilizar una tienda online de éxito”

Otras fuerón interesantes pero flojas en contenido y algunas muy graciosas como la de David Carmona “Herramientas de Microsoft para webmasters” pidiendo perdón y reconociendo que Microsoft se ha quedado atrás en cuanto a herramientas e intentando hacer valer sus ultimas aplicaciones.

En sucesivos post ire haciendo un resumen de las ponencias a las que asisti y que me parecierón más interesantes. No asisti a todas porque de 9:00 a 21:00 era mucha paliza.

Mi primer Congreso de Webmasters

Congreso de Webmasters

Este fin de semana se desarrolla en Madrid el Congreso de Webmasters. Estoy deseando que llegue el Viernes para dar comienzo. Va a ser duro porque son prácticamente 3 días pero creo que merece la pena el esfuerzo. Por lo visto va a haber muchísima gente, unas 2000 personas he llegado a leer por la red así que espero que esto no sea un problema para poder disfrutarlo.

Los temas a tratar en las ponencias tienen muy buena pinta y son temas muy variados. Desde las herramientas de los grandes (Google, Microsoft, etc.) que nos ayudan en nuestros trabajos, hasta el posicionamiento, seguridad, leyes y manejo en la red. Así que nada a los que vayais allí nos vemos.