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.
Blogoff regresa (y con algunas sorpresas)
Septiembre 30, 2008
Pues sí, Blogoff regresa, uno de mis blogs favoritos. Lo primero que salta a la vista es el nuevo diseño, uno bastante limpio.
¿La sorpresa? bueno, no es mucha, pero ahora pertenezco al equipo de colaboradores de Blogoff, así que por allá también me podrán leer. Juan (kids) no tuvo que esforzarse demasiado en convencer a los nuevos integrantes a ser parte del equipo, principalmente, porque creemos que Blogoff es un proyecto que puede dar mucho de si, en el post de bienvenida se darán una mejor idea para donde va esto.
Habrá un poco de publicidad, nada que comprometa la filosofía del blog, de hecho, y se los aseguro, una de las causas principales es para ofrecer mejor contenido a los visitantes, no esperen 20 actualizaciones por día, pero si post útiles.
Para finalizar deblo aclarar que no cambiara en como se publica y actualiza el50, este es mi espacio y no lo cambiara por nada.
Visita blogoff, ¡YA!
Una de las cosas que más me pasa a consecuencia de tener un lector de feeds es que tengo muchas cosas para leer y no mucho tiempo en el momento. Lo que hago (o hacía) es marcar con una estrella con google reader para dejar esos posts pendientes de leer para checarlos más adelante, sin embargo terminaban olvidados.
Instapaper es una sencilla y maravillosa aplicación web que vino a solucionar este pequeño problema (ya había hablado de ella), fue creada por uno de los creadores de Tumblr. Con ella puedo marcar cualquier artículo, sitio, post, etc. para leer o revisarlo cuando tenga tiempo. Además de tenerlo en una sola página y poder acceder a ella en cualquier computadora con acceso a Internet. Tan simple es, que no es necesario usar contraseña. Lo único que casi tenemos que hacer es arrastrar “el botón Read Later” a nuestro navegador.
Muchas personas ven incensario crear una cuenta en Instapaper teniendo ya una en del.icio.us, que sirve aparentemente para lo mismo, guardar direcciones. La diferencia para mi radica en que para hacerlo en del.icio.us debemos hacer varios pasos: click en el bookmarklet, escribir las categorías (tags), poner una descripción (no necesaria) y salvar. En cambio con Instapaper debo presionar una sola vez para guardar la dirección.
del.icio.us ahora me sirve para almacenar o archivar una dirección, si lo creo necesario, después de haberla visitarlo desde Instapaper. De hecho, creo que es la combinación perfecta, obviamente lo mejor sería tenerlo todo en un sólo lugar. En pocas palabras y a la GTD, Instapaper es mi bandeja de entrada y del.icio.us mi archivero.
Algunas “trucos” para instapaper:
- Secciona un fragmento del texto de la pagina que quieras guardar y después el botón, este servira de descripción de la misma.
- No necesitas contraseña, pero puedes usarla para tener tus bookmarks (favoritos o marcadores) en privado.
- Si marcas una página que previamente ya tenías en la lista y como “leída”, esta se actualizara y quedara nuevamente como “no leída” (este vía Clave de sol)
Aprendiendo a tomar notas
Mayo 9, 2008
Estuve buscando información sobre como tomar notas “apropiadamente“. Los mapas mentales sirven pero cuando estas en una conferencia, reuniones, clases, con un cliente, etc. tal vez no sean lo más prácticos. Además veo que muchos no tenemos este hábito de anotar, no llevamos un cuaderno para hacerlo o por cualquier causa, perdiendo información importante y provocando buscar la información nuevamente en la mayoría de los casos.
En mí búsqueda por Internet encontré varios recursos interesantes pero en especial dos. El primero de Cosas por hacer donde comentan la importancia de tomar notas. Cito:
- Tomar notas permite que te involucres. Si no tomas notas puedes comenzar a divagar, soñar despierto. Si tomas notas tus participaciones pueden tener un valor agregado al discutir un tópico ya que estarás más alerta, enfocado e involucrado activamente.
- Tomar notas provee de un mecanismo para objetivar tus ideas, preguntas, y compromisos. No todo se resuelve en una reunión, algunas cosas requieren de investigación posterior, los compromisos requieren seguimiento. Puedes capturar el contenido de una reunión y procesarlo posteriormente.
- Tomar notas permite comunicar las cosas correctas a los demás asistentes. Tomar notas indica a los demás que estás escuchando activamente. También comunica que lo que dice el otro es importante, puesto que haces el esfuerzo de objetivar sus pensamientos. Si lo escribes es porque le darás seguimiento.
El segundo es un artículo del famoso blog Lifehacker titulado “Take great notes“, en el mencionan tres posibles métodos para tomar buenas notas. Resumiendo podríamos decir:
- Identifica la acción siguiente. Simplemente con símbolos identificaremos cada cosa que anotemos como podría ser una tarea, un dato importante, un dato a buscar, etc.
- Divide la página en cuadrantes. Para poder visualizar las notas podemos dividirlas en cuadrantes y así asignarlos para organizar la información según su tipo, como son las preguntas, tareas, datos importantes, etc.
- Anota y resume (Método Cornell). Este sistema cosiste en dividir la página en tres áreas, la área más grande para tomar notas, la columna para anotar los puntos importantes de esas notas y el área inferior para resumir lo que hay en esa hoja.

Para terminar otros enlaces de interés.
- Cincuenta formas de tomar notas… y alguna más | Gabinete de informática
- How to Take Notes like Thomas Edison | Lifehack.org
- Take study-worthy lecture notes | Lifehacker
- How to Index Your Paper Notebooks | Lifehacker
- Sketchnotes | Rohdesign. Las notas de Mike Rohde son las más fantásticas que he visto. Aquí una muestra:
HotKeyBind es una pequeña aplicación GNU que acabo de conocer en Lifehacker con la que podremos crear combinaciones de teclas para abrir programas, páginas, apagar la computadora, etc. Aunque esto lo hago con Launchy.
Lo que me gusta del programa es que podemos crear atajos para las acciones más básicas como: subir o bajar el volumen, maximizar o minimizar las ventanas, etc. Además con la posibilidad de utilizar la tecla “Win“, que muchas veces está desperdiciada. Un programa bastante útil o por lo menos eso parece. Descargar HotKeyBind.



