Flash or not Flash…that’s the question

CSS, internet, opinión 1 Comment »

Hace algún tiempo escribimos por aquí una serie de razones por las cuales no compensa el uso de flash cuando se implementa una web, pero después de ver las últimas noticias sobre el avance tanto en CSS como con HTML5 y el uso de javascript, cada vez estoy más seguro que va a terminar desapareciendo.

Como podemos ver en el vídeo, se puede llegar a conseguir efectos muy vistosos con sólo utilizar CSS:

¿Vosotros que opináis? ¿Terminará desapareciendo? ¿Con Flash o sin Flash? ;)

Captura de Colores en Mac OS X

CSS, Mac OS X, web 2.0 1 Comment »

Si sois diseñadores, o simplemente de vez en cuando os gusta trastear con programas de diseño y a su vez tenéis un mac, esta entrada es para vosotros.

El otro día programando CSS con mi compañero Javi, nos surgió la necesidad de conocer el valor hexadecimal de uno de los colores de una web, así que ni cortos ni perezosos nos dispusimos a buscar por la red (Google ;) ) un programa que capturara el valor hexadecimal del color que yo deseara. Y después de mucho navegar di con una solución en forma de plugin para Firefox, llamado Colorzilla… que aunque cumplía parte de mis necesidades, no estaba lo suficientemente satisfecho como para dar la búsqueda por zanjada, pero mientras menos daba una piedra.

Imagen 3

Fue entonces cuando un día bicheando tranquilamente por la carpeta Utilidades de Mac (Aplicaciones/Utilidades) o si preferís el atajo del finder (cmd+u), di con una aplicación de captura de colores genial, primero porque viene de base en el sistema operativo y segundo porque te permite capturar cualquier color que se muestre en tu pantalla (ya no nos limitamos sólo a la ventana del navegador, como era en el caso anterior) con el simple gesto de poner encima el cursor. El nombre no es muy comercial, pero tampoco le hace falta, así que damos por válido “Medidor de Color Digital“. Y no sólo nos permite capturar el color en hexadecimal, si no que nos da la posibilidad de elegir entre otras muchas formas de medida.

Lo dicho, nunca sabes lo útil que puede resultar la carpeta utilidades, valga la redundancia ;)

Aprende CSS con CSS Blog

CSS 1 Comment »

Uno de mis (muchos) puntos débiles en esto de las aplicaciones web es todo lo relacionado con el diseño, y es algo que me he propuesto mejorar y aprender.

imagen-1

Buscando diferentes tutoriales e información me he topado con un blog que reune mucho de lo que necesito encontrar. Se trata de CSS Blog, que como su nombre indica es un blog que nos hablará de este maravilloso mundo de las hojas de estilo.

Tiene desde diferentes trucos, ejemplos de cosas maravillosas que podemos hacer con CSS, diferentes tutoriales, e incluso nos lo dividen según el nivel que tengamos.

Muchas de las cosas que enseñan ya me las he guardado, y la pondremos en práctica en el próximo (y esperado) diseño del blog.

CSS Naked Day

CSS, curiosidad 2 Comments »

Leo en el blog de anieto una propuesta que no deja de ser curiosa, y hoy en día con internet como vía de comunicación, cualquier idea llega a la larga cola. No me extrañaría comprobar que el próximo día 9 de abril alguna web/blog/site se desnuda, se despoja de sus estilos.

Esta iniciativa, que ya va por su tercera edición, promueve el cumplimiento de los estándares y por ende, la correcta separación entre representación y contenido. ¡Como debe de ser!. Hay que demostrar que las webs bien hechas se puede seguir visitando aunque carezcan de estilos, como en los primeros años de internet, con aquellos navegadores en modo texto,…

En este enlace os explican como hacerlo en vuestro blog de WordPress. Alfonso y yo lo meditaremos a ver que hacemos el próximo miércoles.

Firefox me facilita la vida

betacontinua, CSS, javascript, opinión 3 Comments »

logo Firefox

Para todos aquellos que trabajen como yo en el mundo del desarrollo (y mantenimiento) de aplicaciones web, sabrá que no hay navegador que ayude tanto como el Firefox y sus plugins. Hace ya tiempo (años…) que he dejado atrás el Internet Explorer. Ya no me parece necesario, ni útil.

Voy a comentar algunos de los plugins que uso habitualmente por si alguno de vosotros aún no los conoce y le interesa experimentar con un puñado de herramientas que para mí se han hecho fundamentales en el desempeño de mi tarea diaria.

Web developer: para mí es, junto con el Firebug, la herramienta más completa. Te permite obtener información de cualquier elemento renderizado en tu navegador, manejar las cookies, los estilos, ver el código fuente con sus errores, etc. Te informa si la web cumple con los estándares declarados por el W3C. Te da información de los formularios, las imágenes y mucho más. Yo lo empleo para verificar el tema de los estilos en la página, ver que lo que yo programo se representa tal y como yo quiero. Esta es la web donde se desarrolla y se atienden dudas por parte de sus creadores.

Firebug: es la más completa de todas las herramientas que he empleado hasta ahora, porque, a diferencia del anterior plugin, te permite editar contenido y ver su resultado en tiempo real. Aún hoy en día no lo he explorado completamente, pero se puede inspeccionar la página y te va diciendo en qué parte del código te encuentras. Otra de sus opciones que empleo mucho últimamente es la que permite su pestaña NET, que te dice cuánto tiempo tardan en descargarse las imágenes y demás componentes del servidor. También es posible visualizar el intercambio de peticiones HTTP que se hace entre cliente (el navegador) y el servidor donde está alojada la web que estás consultando.

Validador HTML: basado en un algoritmo de comprobación de sintaxis llamado Tidy HTML que te avisa de errores típicos que se producen al programar: etiquetas mal cerradas, atributos ya obsoletos, eventos no soportados, etc.

Live HTTP Headers: es un capturador de peticiones HTTP. Es útil para ver en cada momento qué es lo que se pide (.html, .css, .php, .png,…), dirección del servidor a donde se pide, estado de la petición (los famosos 200,404, 500, …). Bastante útil para saber que ocurre realmente ‘por detrás’ del navegador.

YSlow: es el que he conocido más recientemente. Es plugin de un plugin. Es una funcionalidad que se añade al Firebug, integrándose con el resto de componentes. Lo han desarrollado la gente de Google, pensado para indicarte las posibles optimizaciones que pueden hacerse en tu web: minimizar el número de archivos .css o .js a los que las páginas llaman, emplear CDN‘s como Flickr, Youtube, etc.

Si alguno se decide a pasarse al ‘lado claro’, tenemos en la barra lateral derecha un enlace para descargarse el Firefox. ¡No lo dudéis!

Design by j david macor.com.Original WP Theme & Icons by N.Design Studio
Entries RSS Comments RSS Log in