Posted: Septiembre 23rd, 2009 | Author: Michael | Filed under: Personal | No Comments »
En breves minutos salgo para el aeropuerto, rumbo a Tenerife! Allí busco sol, relax, diversión y sobretodo huir del bullicio y estrés de la ciudad, y desconectar un poco de ordenadores, css y demás. Una semanita, ay pero qué ganas tengo!
Volveré con las pilas cargadas… o no
Posted: Septiembre 13th, 2009 | Author: Michael | Filed under: Fotografía, Internet | Tags: blog, Fotografía, tutorial | No Comments »
Me queda una semanita para cogerme unas – creo – merecidas vacaciones y desconectar del trabajo, de Internet y de todo. Como muchos, soy un aficionado de la fotografía y más después de que me regalaran mi primera réflex digital, la Canon EOS 450D. Pero todavía me estoy iniciando en este complejo pero a la vez divertido mundo de la fotografía y, para que las fotos de mis próximas vacaciones salgan algo más decentes, me estoy informando un poco por Internet.
Y uno de mis amigos me recomendó dZoom, un completísimo blog de fotografía con contenido de mucha calidad. Publica todo tipo de artículos y tutoriales, muy prácticos y en su mayoría didácticos, que son fuente de grandísima ayuda para iniciados a la fotografía como yo.
Algunos conceptos básicos de fotografía
Me imagino que en cualquier curso de fotografía, las primeras clases las suelen dedicar a explicar los conceptos básicos de la fotografía como es la relación que hay entre la velocidad de obturación, la apertura del diafragma y la ISO para obtener una exposición adecuada. Además de algunas reglas básicas como pueden ser la regla de los tercios, lineas convergentes, etc. Son conceptos teóricos que cualquiera debería conocer como mínimo, para después ponerlas en practica. En dZoom he recopilado artículos relacionados a estos conceptos básicos:
Ya te digo, un gran descubrimiento donde estoy aprendiendo mucho. Sigo empapándome de info para ver si luego las puedo aplicar durante mis vacaciones. Por cierto, podéis encontrar algunas fotos mías en mi cuenta de Flickr. Por si te entra la curiosidad
Más cursos y tutoriales de interés
Hay infinidad de páginas web que trata el extenso mundo de la fotografía. Solo hay que buscar un poco y enseguida de tropezarás con blogs, foros y webs que sin duda podrás encontrar información de interés. Algunas webs que conozco son:
- Canonistas- Foro indispensable para cualquier poseedor de una cámara Canon
- TheWebForo - Curso online muy completo de fotografía
- OjoDigital - Otro foro muy popular donde encontrar todo tipo de información
Posted: Julio 17th, 2009 | Author: Michael | Filed under: Front-End, Internet | No Comments »
Pronto retiraremos el servicio de asistencia para Internet Explorer 6..
Youtube acaba de hacernos un favor inmenso a todos los Front-End developers y desarrolladores web en general. Y es que desde ahora, cuando abres Youtube usando el IE6, muestra al usuario un mensaje “invitándole” a actualizar su navegador por uno más reciente. Youtube acompaña el mensaje recomendando los navegadores ‘Google Chrome’, el ‘Internet Explorer 8′ o el ‘Firefox 3.5′.

Youtube da la espalda a IE6
En el mensaje, Youtube informa que “Pronto retiraremos el servicio de asistencia para Internet Explorer 6, por lo que te recomendamos que actualices la versión ya.” Vamos, un mensaje bastante claro de que va a dejar de preocuparse de que sus desarrollos funcionen en IE6 y se vea bien.

Siempre había pensado que esto es lo que teníamos que hacer los desarrolladores hace mucho tiempo. Porque hasta ahora siempre argumentábamos (o mejor dicho los clientes) que dado que más del 70% de usuarios usan IE6 (que por cierto se ha visto reducido notablemente ese porcentaje) teníamos que adaptar la web a ese navegador. La web se adapta al usuario, y no al revés. De esa forma no hay forma posible para evoucionar. Por una vez, debe ser el usuario que se tiene que adaptar a los tiempos, aprovecharse de las tecnologías nuevas.
Que una web como Youtube haya tomado esa postura sin duda se va a notar el impacto. No olvidemos que se trata de una de las webs que más visitas atrae a diario.
Tanto me ha animado esta noticia que yo también voy a mostrar el mismo mensaje en mis proyectos. De hecho, hace unos meses mostraba un mensaje similar en Cine25, pero lo quité… no sé por qué lo quité…
¡Haz lo mismo! ¡¡Esto es el principio del fin de IE6!!
Posted: Julio 14th, 2009 | Author: Michael | Filed under: Web Inspiración | No Comments »

En un entorno dominado por los píxeles, formularios y bases de datos, hay cabida para un poco de poesía, estética y arte. Sino, mira esta pequeña maravilla:
http://soytuaire.labuat.com/
Una delicia para todos los sentidos.
Fuente: FWA
Posted: Julio 13th, 2009 | Author: Michael | Filed under: Internet | Tags: premios | No Comments »
Podrás observar a la derecha de tu pantalla que he inscrito Front-End Zen en los Premios 20Blogs que organiza anualmente 20minutos. Lo he apuntado a la categoría ‘Ciencia y tecnología’. Soy consciente que este blog lleva demasiado poco tiempo como para optar por algo serio en estos premios, pero me basta con recibir algún voto y sobretodo, que algunos descubran Front-End Zen y vean en él un blog de interés para visitar regularmente.
Si crees que este blog se merece un voto de confianza, vota aquí.
Gracias!!
Posted: Julio 5th, 2009 | Author: Michael | Filed under: Web Inspiración | Tags: agencia, youtube | No Comments »

booneoakley.com
A pesar de tener un nombre imposible de leer a la primera, he de decir que los de Booneoakley – una agencia de comunicación estadounidense – han tenido una de las ideas más originales que he visto en la red desde que enchufé mi primer módem de 56K. Han hecho una web en youtube! Mmm.. sí, la frase en sí no tiene sentido, lo sé. Pero es así, su web de empresa está en youtube, han preparado un video con aspecto de web. Pero lo más original de todo el montaje (que de por sí ya es original la idea) es la forma de navegar en esa “web”. Para flipar un buen rato! Qué bueno!
Total, que ya está demostrado que es complicado de explicar, así que mejor compruébalo por ti mismo:
Web de booneoakley.com
Posted: Junio 30th, 2009 | Author: Michael | Filed under: Front-End | Tags: framework, javascript, prototype, scriptaculous | 1 Comment »
Cualquier Front-End Developer sabe que en la actualidad disponemos de una multitud de herramientas que nos ayuda con el día a día. Para desarrollar en Javascript existen frameworks potentes, entre los más populares están jQuery, Prototype, YUI y Mootools. Todas estas librerías son proyectos open-source y tienen detrás una comunidad importante que los apoya y los ayuda a crecer y mejorar.
Prototype vs jQuery
De todos estos frameworks, sin duda hay 2 que están por encima de los demás, almenos a lo que a popularidad se refiere, y son el jQuery y el Prototype. En este artículo me voy a ahorrar la explicación de los pros y contras de cada uno, o cual es el mejor de los 2, porque este debate ya se abrió hace mucho en Internet, hay mucha información allí fuera.
Me voy a limitar a mí propia experiencia. Y yo me quedo con Prototype. Con esto estoy llendo en contracorriente porque parece que en la actualidad, jQuery le está ganando terreno a Prototype en cuanto a popularidad. Pero la gente creo que se equivoca cuando Read the rest of this entry »
Posted: Junio 18th, 2009 | Author: Michael | Filed under: Front-End | Tags: desarrollo, firefox, plug-in | No Comments »
En la actualidad, un Front-End developer tiene un compañero inseparable en sus largas horas delante del ordenador: El firebug. Si no te suena este nombre y te consideras Front-End, entonces deberías correr a descargártelo! Me lo agradecerás.
Firebug es un componente o plug-in de Firefox que ofrece interesantes herramientas para desarrollar la parte frontal de una web (css, html, js). La gran ventaja que ofrece es la de poder analizar en tiempo real cualquier elemento de la página, e incluso modificarlo y ver el cambio al momento.
Herramienta indispensable para un Front-End, sin lugar a dudas.
Nuevo componente para completar el Firebug: Rainbow
Colorea el código del javascript facilitando su análisis
Hoy encontré un plug-in nuevo que se llama “Rainbow para Firebug”, y que mejora aún más el firebug en el sentido de que cuando consultas un script desde el entorno de firebug, colorea el código facilitando MUCHISIMO el análisis del código. Un detalle que parece poco, pero en realidad es mucho.
Descárgate el plug-in “Rainbow for Firebug 1.3″ ahora
Observación: No es una versión estable sino que está en experimental, pero yo lo he probado y por ahora ningún problema.
Posted: Mayo 26th, 2009 | Author: Michael | Filed under: Front-End | Tags: hack, ie6, javascript | No Comments »
Un desarrollador Front-End tarde o temprano acaba enfrentánose a uno de los múltiples problemas que tiene IE6, y en este caso se trata de las transparencias en las imágenes PNG. Lo normal es recurrir a la alternativa de las imágenes GIF, pero en ocasiones, la calidad no acaba de alcanzar la misma que un PNG. Por suerte, en la actualidad existen distintas librerías que solucionan esta incompatibilidad y nos hacen la vida un poco más fáciles.
Cito algunas de las librerías que he utilizado personalmente y que corrigen la incompatibilidad de Internet Explorer 6 (IE6). Todos ellos son válidos y funcionan a la perfección, por tanto elegir un script es más una elección por gusto que por otra cosa:
PNG fix
Correcto script que habilita las transparencias de PNG en IE6.
http://homepage.ntlworld.com/bobosola/
Unit PNG fix
Otro script que soluciona el problema, esta vez todo en menos de 1kb!
http://labs.unitinteractive.com/unitpngfix.php
SuperSleight
Esta vez un script salido de uno de los sitios web de referencia para todo Front-End o diseñador web.
http://24ways.org/2007/supersleight-transparent-png-in-ie6
IE7-js
Alojado en code.google.com, un script completo que además de corregir el problema de la transparencia, corrige otros problemas con IE6 y versiones anteriores.
http://code.google.com/p/ie7-js/
He probado todas estas librerías y todos hacen más o menos lo mismo:
Le aplica un “filter” a la imagen (progid:DXImageTransform.Microsoft.AlphaImageLoader(...)). Es un filtro que solo admite IE6 y lo que hace es habilitar las transparencias de la propia imagen.
Cada librería lo aplica a su manera, y su aplicación también varía ligeramente. En mi trabajo actual empecé usando Unit PNG fix pero he acabado usando IE7-js ya que me interesaba el resto del paquete.
Posted: Mayo 19th, 2009 | Author: Michael | Filed under: Web Inspiración | Tags: espectacular, web | No Comments »
Quiero crear una nueva sección para destacar cada cierto tiempo (intentaré que sea semanal) una web online. Sea por su espectacularidad, porque técnicamente está a la última, por su gran idea… en definitiva, pequeñas obras de arte dignas de ser nombradas y como no, para que nos sirva de inspiración para nuestros propios proyectos.

Y me gustaría estrenar la sección con la web de Nespresso presentando su último modelo Citiz. Las palabras para explicar esta web sobran, lo mejor es que la veas directamente:
http://www.nespresso.com/citiz