"PrettyFile" un toque único a tus input file

El otro día me tope con el problema de personalizar un input file, y me tome el tiempo de personalizarlo con css, una tarea que me tomo bastante tiempo y fué bastante tediosa. Pues aquí les dejo una solución más rápida, se llama PrettyFile está hecho en jquery y me parece una solución fácil y rápida para personalizar los input file.

Cuanto tiempo tardas en tu Facebook o Twitter ?

Sin duda el impácto que generan las redes sociales ha crecido en los últimos años y al parecer seguirá creciendo. En este video verán interesantes estadísticas del uso de Facebook y Twitter en España y en todo el mundo, es interesante ver cuanto tiempo tardamos navegando en Facebook y Twitter, demostrando que son medios en los que predominan la publicidad.

Firefox en buses de la india

Todos apreciamos a nuestro Firefox, pero en la India ya fueron al extremo colocando el logo del zorro en los buses jejeje, disfrutemos de la creatividad y esperemos a que los buses de aquí se contagien con esta onda, sobretodo los buses de granabastos jajajaaja ahi les dejo :)







Pueden disfrutar más de arte firefox aquí

Corre cualquier navegador desde la web !

Es para todos claro que al diseñar una página web y darle estilo con css hay que tener en cuenta que esta se vea de manera correcta en cualquier navegador (cross-browser). Esto para algunos parece una maldición, e incluso un trabajo tedioso (gracias a nuestro amigo ie), primero el hecho que te tienes que descargar los navegadores más usados, además de eso probar tu web en las distintas versiones que existen de cada navegador; en fin...

Aquí les tengo una aplicación web que nos permite correr varios navegadores a la vez sin necesidad de instalarlos. Entre estos Internet explorer (versión 6, 7 y 8), Firefox (versión 2, 3 y 3.5), Safari, entre otros.

Así que maravilloso para los que no tenemos Internet explorer 6, que aunque cada vez más se esta usando menos hay que tenerlo en cuenta de todos modos. De igual forma nos queda de consuelo que cada vez más los navegadores se están preocupando por lo estándar, aunque parezca imposible que se pongan deacuerdo esperamos que algún día se acerquen a lo que todos queremos.

Carga tu css dependiendo de la resolución de la pantalla

Según este artículo (Adios a la resolución de 800x600), ya podemos despedirnos de la resolución de 800x600 y le damos la bienvenida a otras como 1024 x 768 que según estadísticas se usa un 56,15% en todo internet, le sigue 1280x1024 que es usada un 15.79%, pero que por obvias razones pasará a reemplazar la de 1024x768.

Hoy en día es muy importante el tema de los estándares, se habla de la web 2.0 y temas como saber diseñar tu página web, tener en cuenta la usabilidad... en fin. Por tanto es indispensable tener en cuenta, que tipo de usuario va a interactuar con tu página, como se le va a formatear la información y si está cumple con los estándares. Este ejemplo puede ser muy útil si quieres cargar distintos css dependiendo de la resolución del cliente. Puede llegar a ser muy útil cuando se tienen imágenes que para una determinada resolución parezca pequeña, pero que para otras sea demasiado grande causando que se vea antiestética la página o molestando al usuario al tener que hacer más scroll. Bueno no siendo más el código...

1. Primer paso: Preparar el enlace del estilo

Bueno el primer paso es definir un enlace a un archivo .css de esta forma, pero ojo sin especificar la propiedad href, es decir sin hacer link a ningúna hoja de estilos. Quedará algo así:

Observaciónes: Esta línea debe estar en la cabecera de tu página. idDeTuEstilo es el identificador con el que se hará referencia desde javascript.

2. Segundo Paso: Usar DOM javascript.

Luego sólo queda definir con javascript que estilo se cargará. El truco utilizado es crear con anterioridad los archivos css cuyos nombres tendrán como valor el ancho de la resolución del cliente, ejemplo:1024.css, 800.css. Ahora utilizando DOM, se obtendrá el objeto que contendrá el enlace a la respectiva hoja de estilos:

document.getElementById("idDeTuEstilo"): Sirve para obtener referencia al objeto que tenga como valor del parámetro id = "idDeTuEstilo".

En nuestro caso, obtenemos referencia al objeto que enlaza a los archivos .css. Luego por medio de la propiedad href le asignamos el nombre de la hoja de estilo a la que dicho enlace hará referencia. He aquí el truco !! se obtiene el ancho de la pantalla del cliente con screen.width y se le concatena ".css":

screen.width+".css"

Quedando entonces de la forma: 1024.css o 800.css. Cabe agregar que como única desventaja es que la ejecución de tus estilos dependerán por completo de si el usuario tiene activado o no la ejecución de javascript, algo que estos días es muy inusual y no muy recomendado.

Edición Gráfica de páginas web en NetBeans con Visual Web Page Layouts

Aquí encontre un plugin bastante bueno para facilitar la parte gráfica en aplicaciones web. Sólo para netbeans 6.

http://plugins.netbeans.org/PluginPortal/faces/PluginDetailPage.jsp?pluginid=3941

Interesante o no ??? ....
Este plugin instala páginas predefinidas, para hacer más rápida la creación de una página, pues te permite seleccionar diferentes plantillas... Además de eso podemos editarla gráficamente!!, te imaginas editar tus páginas justo como haces en DreamWeaver!!, esta maravilla hace de netbeans el IDE más completo del mercado.... Qué esperas pruebalo ya!!