CuatroXL

Desarrollo web - Cuatro XL

Archive for December, 2007

Sunday
Dec 16,2007

Thursday
Dec 13,2007

Adobe nos trae un kit bastante útil para los desarrolladores web, Este kit consta de tres partes

Detección en cliente:
un javascript bastant últil, pero pesado  a mi gusto. Este script detecta la versión y si está instalado flash player en el navegador(ie, ff, opera)
Nos devuelve una variable boleana (true/false) y con ella podremos jugar para poner alertas mensajes de requerimiento y cosas parecidas.

Detección desde el propio  flash(Action script):
unos script que tendremos que poner en nuestro swf para poder detectar el navegador. aún no lo he probado

Y por último una versión de instalación expresa, combina las dos soluciones anteriores, tiene muy buena pinta porque cuanto más fácil para el cliente, mejor

Aqui el link a la página de adobe para poder descargar este kit y mirar su pequeña(no hace falta más) documentación

No puedo olvidarme del necesario des-instalador de flash player para poder probar que todo funciona bien.
aquí el enlace

Saturday
Dec 8,2007

El post de hoy, es solo un resumen y traducción de este articulo que ha escrito John Gruber en su daringfireball.net (si tu nivel de ingles te lo permite, te recomiendo que pinches).  Si vas a diseñar una página con vistas a que se vea dignamente en iPhone, este articulo es bastante recomendable.

iPhone OS X es solo una parte Mac OS X, una muestra es la instalación de fuentes, Apple iso algo curioso y desecionante aquí.

En el el software del iPhone todas(aplicación y datos) las tipografías son Helvetica, sin opción a cambiarlo.

El navegador de iPhone, MobileSafari, cuenta con una reducida lista de fuentes para mostrar nuestras webs, a continuación la lista:

  1. American Typewriter
  2. American Typewriter Condensed
  3. Arial
  4. Arial Rounded MT Bold
  5. Courier New
  6. Georgia
  7. Helvetica
  8. Marker Felt
  9. Times New Roman
  10. Trebuchet MS
  11. Verdana
  12. Zapfino

La mayoria de estas fuentes están disponibles en negrita y cursiva; American Typewrite(normal y condense), sin embargo, el iPhone no tiene cursiva

Para comparar los tipos de letra que se incluyen en el Mac OSX, el autor(John Gruber) ha creado una página con una lista de tipografías, indicando que cuales son las que están en el iPhone:

http://daringfireball.net/misc/2007/07/iphone-osx-fonts

También a creado un PDF en el que se puede ver como es cada tipografía.

http://daringfireball.net/misc/2007/07/iphone-osx-fonts.pdf

 La primera cosa que se nota es que la lista(fonts del iPhone) es bastante corta: 11 tipografías.

Esto puede ser debido a la relativa limitación en el almacenamiento de HD y RAM. Pero la mayoría de las fuente no pesan más de 1MB.

Con un minimo de 4G de HD y 128 de RAM, el iPhone es más o menos equivalente(en memoria y ram) al Mac OS 8 ó 9, que son de hace una década; y los Macs venian con una rica selección de fuentes

Pero lo peor que la pequeña lista de tipografías es que Apple incluyera unas tipos tan feas.

El autor(John Gruber) hace tanbién unas valoraciones de las sigueintes tipografías:
Courier New vs Courier
Elvetiva vs Arial
otras fuentes
Lo podeis leer en el árticulo.

Al final del árticulo, John Gruber, deja su impresión del iPhone:
Es una pena que esta maravillosa pantalla esté siendo frenada por una mala selección de fuentes instaladas en el sistema. Aquí está(el iPhone), a la espera de que haya unas TrueType lleguen en futuras actualizaciones del software del iPhone

Thursday
Dec 6,2007

240 componentes para Jquery, realmente increible la lista que se han currado en sastgroup,  aquí un avance de lo que podeis econtrar

  • validación de formularios
  • subir archivos
  • modificación de formularios(combo, checkbox,…)
  • calendario, color pikers
  • buscadores, auto-completado
  • audio, flash, vídeo
  • fotos, imágenes, galería
  • ….

link:  http://www.sastgroup.com/jquery/240-plugins-jquery

FCSS, framework css. Uno más

  • Filed under: Fcss, css
Wednesday
Dec 5,2007

Fcss es un proyecto mio, que no es más que un framework totalmente básico con el que empezar a maquetar nuestras páginas.

Este framework consta de 3 archivos css, totalmente básicos:

reset.css
el reseteado de ls valores de css que por defecto traen los navegadores, es el de Erick Mayer(uno de los mejores, para mí)

grid.css
Este css, nos trae las clases necesarias para empezar a hacer nuestras grillas de la web.

comun.css
Trae los típicos estilos que escribimos una y otra vez en nuestras css.

Bueno, pronto traeré un completo tutorial explicando el funcionamiento pequeño(pero bastante útil) framework

Página del proyecto.  http://code.google.com/p/fcss/

descargar: FCSS

nota: se acepta gente que quiera aportar ideas o lineas a este framework 

Adolescentes…

Tuesday
Dec 4,2007

traducción:

Adolescentes:
¿cansados de que os den la brasa vuestros estúpidos padres?
¡Actúa ahora!
Vete de casa.
Busca un trabajo.
Paga tus propias facturas.
Hazlo mientras TODAVÍA LO SABES TODO

visto en meneame.net

original: dvorak.org

Querido FBI

  • Filed under: general
Sunday
Dec 2,2007

[youtube=http://youtube.com/watch?v=12_CZ7jP01Q]

This is typical peruvian(I)

Sunday
Dec 2,2007

[youtube=http://youtube.com/watch?v=wpKVlIsbWow&feature=related]

 

Sunday
Dec 2,2007

Este componente para mootools nos brinda la posibilidad de poder mover, editar y añadir los nodos de nuestro tree(árbol de información)

http://seri.ous.ly/draggable_tree/

Sunday
Dec 2,2007

interesante web para buscar nuestros componentes javascript, hay más uno bastante interesante.