Plagio 2
noviembre 2, 2008
Nicolás nuevamente me informa de un un plagio de diseño del que fue victima su nueva página Web2.la. Lo curioso es que ni si quiera traten de cambiar demasiado el color, simplemente es un “copia y pega”. Estos son los sitios del robo:
- http://www.ohweb.co.uk
- http://sl.plasticminds.com
- http://www.danlanse.com/haixian/
- http://www.jovenesporeldialogo.org
- http://www.symphony.com.tn/awm/
- http://maxfiber.net/template/index.html
- http://www.multisound.cn
Original
Plagio
Un “nuevo” formato gráfico para animaciones y no es GIF
octubre 29, 2008
Pues me acabo de enterar por The Graphic Mac, o si lo hice anteriormente se me olvido como mucho de lo que leo en Internet, que existe un “nuevo” formato gráfico para crear animaciones de nombre APNG, que vendría siendo la competencia del añejo GIF.
Como podrás imaginar se basa el formato PNG, por lo cual un APNG nos permite usar millones de colores y no los (a veces) escasos 256 colores que proporciona un archivo GIF, además de poder usar transparencias más complejas.
Por ser un formato relativamente nuevo son pocos los navegadores que lo “soportan”. Entre los que están, encontramos a los recientes Firefox 3 y Opera 9.5. Algunos ejemplos, si no ves movimiento en estas imágenes probablemente es debido a tu navegador.
Las desventajas que veo de un archivo APNG son el tamaño del archivo final (el logo de Firefox arriba pesa más de medio mega) si lo comparamos con el diminuto GIF, y los pocos editores gráficos para crearlos.
Más información:
- Página Oficial de APNG
- Better animations in Firefox 3 | Mozilla Labs
Pattern Tap, la galería de diseño web definitiva (o casi)
octubre 27, 2008
Indagando por el blog de Samantha Warren Bad Ass Ideas encuentro una galería de diseño que me gusto mucho de nombre Pattern Tap, como bien comenta es difícil hallar las que destaquen, prácticamente todas las “showcases” son iguales (las de CSS y Flash), pocas son las que ofrecen algo extra par seguir visitándolas.
En Pattern Tap encontramos encontramos los diseños organizados por patrones, todo está enfocado al diseño web, lo que hace muy sencillo ver que tendencias se utilizan para uno u otra cosa, como por ejemplo: formularios, páginas de error, galerías, pies de página, tablas, etc.
Además Pattern Tap funciona como una pequeña comunidad porque puedes comentar los diseños e inclusive crear tus propias colecciones para compartir o “suscribirte” a otras. En fin, simple pero útil.
Supongo que más de uno quisiera saber como usar HTML Y CSS, eso que se usa para diseñar páginas web. Realmente no es difícil, digo, en sí, no son lenguajes de programación, simplemente uno lo usas (HTML) para informar al navegador que es cierta cosa y otro (CSS) para decir como se tiene que ver esa cosa, como por ejemplo, un párrafo (en términos muy prácticos).
Tan no complicado es, en los fundamentos básicos, que lo puedes aprender desde tu computadora si tienes la voluntad y totalmente en español por si fuera poco. Sin embargo, hay muchos tutoriales en la red desactualizados que recomiendan usar prácticas no muy habituales estos días, como usar elementos HTML para cosas que no han sido concebidos o peor aún, usar algunos elementos que ya han sido desaprobados por la misma W3C, eso y entre otras cosas que descubriras. Y si por cualquiera de los casos tuvieras la necesidad de usar uno de esas “malas prácticas” por lo menos entender porqué lo estamos haciendo. Aunque también es cierto que no hay que tomarse todo tan estricto en esto de los estándares web como bien menciona Jeff Croft.
Bueno, para aprender desde el principio:
- Saber de que trata HTML y CSS, que mejor que HTML con clase primero y en seguida el manual CSS de Carlos Benavidez.
- Después nos leemos el Manual de Belén Albeza para repasar y actualizar lo aprendido, además de permitir ver como estas dos especificaciones o recomendaciones trabajan juntas. Igualmente nos ayudara a introducirnos al XHTML que digamos funciona de la misma manera que el HTML y comparte el mismo objetivo: “estructurar contenido”.
- Si tenemos dudas en el camino siempre podemos consultar las especificaciones de la misma W3C traducidas por SIDAR HTML 4.01 y CSS 2. O bien consultar pequeñas guías de referencias, en el caso de estar con CSS bajar la chuleta de Ateneu Popular.
- Aprendido lo básico y por si quieres profundizar en el tema están los libros gratuitos para imprimir o leer en linea de librosweb.es sobre XHTML y CSS. Si lo tuyo son los blogs puedes consultar a Diseñorama o CSSLab para técnicas mas avanzadas.
- También es siempre bueno preguntar y para eso están los Foros del Web (yo tenía el nick de Opeth pero hace unos ayeres que no entro).
Todos esos enlaces son sólo algunas recomendaciones que tenía guardados por ahí, si buscas en San Google seguramente encontraras mucha más información útil ya publicada por gente totalmente desinteresada.
The Pencil Project es un interesante proyecto de código abierto en el cual podemos crear de una forma fácil y rápida wireframes y prototipos de navegación (bocetos en cierto sentido). Estos se usan en el proceso de diseño de una página web y gracias a Pencil, todo desde Firefox, sólo debemos dibujar o arrastrar los elementos (botones, cajas de búsqueda o texto) dentro del lienzo o página.
Para el que no este muy familiarizado con el termino Wireframe o prototipos recomiendo leer el post de Usable y accesible llamado “Wireframe“, cito:
“Prototipos de Baja fidelidad o Wireframe o StoryBoard: son un conjunto de dibujos que representan cómo estarán organizados los elementos en las páginas, de tal manera que implementan aspectos generales del sistema sin entrar en detalle”.
Pencil de momento se ve bastante bien, teniendo en cuenta que un programa de este tipo, como Axure, viene costando casi 600 dólares, Pencil es gratuito.
Entre sus características encontramos:
- Renderizado en PNG
- Construcción de plantillas (prototipos)
- Documentos multi-página
- Herramientas de dibujo básicos: alinear, escalar, etc.
- Multi-plataforma
- Poder trabajar con objetos externos
En su página podemos ver videos de su funcionamiento en formato Ogg o por Web Tech Daily para no tener que descargarlos.
Buenos tutoriales para diseño Web
agosto 13, 2008
En Woork recientemente crearon una lista de buenos tutoriales que encontramos en Internet sobre diseño Web en: “25 Awesome tutorials for web designers“. Una buena selección de alguien que también hace estupendos artículos (Antonio Lupetti), increíble el diseño que hizo para un blog en blogspot, por eso creo que es buena recomendarla sobre otras. Mucho CSS y Javascript.
