-
Creando una aplicación web en menos de 10K
Mix Online y An Event Apart están llevando acabo el concurso 10K Apart.
Las reglas son simples:
- El tamaño total del archivo, incluyendo imágenes, scripts y marcado no puede ser mayor a 10K.
- La app debe cumplir estñandares, de preferencia HTML5.
- La aplicación debe correr igual de bien en IE 9 Dev Preview, Firefox y un navegador basado en webkit.
- Se pueden usar Jquery, Prototype y Typekit como recursos externos. (no cuentan para los 10K)
Nuestra aplicación
Juan Pablo y yo decidimos participar y creamos una aplicación para mostrar tonos de color llamada Chroma.
Fue muy divertio optimizar todo el código para terminar con 10112 bytes que tienen las siguientes características:
- Rueda de color hecha con Canvas
- La Url refleja el color seleccionado (ideal para compartir colores)
- Usamos Media Queries para adaptar el diseño a diferentes resoluciones de pantalla (incluyendo dispositivos móviles).
Si quieres darle una mirada entra a http://10k.aneventapart.com/Entry/97 y si tienes tiempo puedes calificarla con 5 estrellas y ayudarnos a ganar el concurso :)
¿Qué opinas de Chroma?
Nota: Para ver la app necesitas Firefox 3.6, Safari 5, Chrome 5 o Internet Explorer 9 Dev preview.
-
RSSMantente al tanto, suscríbete al feed de aprendiendo web, o por correo electrónico.
-
Design Store
Compra los libros de diseño web que recomendamos en la tienda de Aprendiendo Web en Amazon.com.
-
WaSP Street Team: getting the message out everywhere, together. -
Esta obra está bajo una licencia de Creative Commons.
Algunos recursos para Diseñadores Web
- Firebug
- Genial extensión de Firefox que permite ver y editar HTML y CSS de cualquier página, entre otras cosas.
- Web Developer Toolbar
- Extensión de Firefox, agrega una barra de menu con muchas herramientas utiles para diseño y desarrollo web.
- YSlow
- Complemento para Firebug creado por Yahoo, da estadísticas de la velocidad de carga de la página así como sugerencias para mejorarla (requiere Firebug).
- W3C Markup Validation Service
- Valida tu HTML o XHTML, una herramienta indispensable.
Entra a la página de recursos para diseñadores web y mira la lista completa
¿Quien escribe Aprendiendo Web?
Hola, soy Germán Martínez, diseñador web y fundador de PreZentit.com, la primera aplicación web 2.0 creada en Perú.
La idea de Aprendiendo Web, es ser una fuente de información en español de estándares y buenas prácticas, así como de las últimas tendencias en diseño web.
Me apasiona el (X)HTML, CSS, SEO y todo lo que tenga que ver con diseño y desarrollo web.
-12.126668, -77.029910
© 2008 - 2012 Aprendiendo Web.
- Contacto
- Diseñado y desarrollado por Lúcuma Labs