nataliav.me

nataliav.me http://nataliav.me talking about social media. software, etcetera posterous.com Mon, 04 Jan 2010 15:58:33 -0800 Customizing web pages http://feedproxy.google.com/~r/nataliav/~3/LuD48YG_2H8/customizing-web-pages http://nataliav.me/customizing-web-pages <p> <p>Reading text on a white screen with a poor choice of typography is quite hard to the eyes. User style sheets is an accesibility feature that comes handy for everyone. For example on Safari, we can go to Preferences > Advances and select our custom made style sheet. The changes will apply on every website made in HTML, it won’t work on Flash sites.</p> <h2>Customizing background color and font</h2> <p>If you’re not familiar with CSS coding, you can try out <a href="http://code.google.com/p/better-web-readability-project/">typography.css</a> from the Better Web Readability Project. If you want to hand code your CSS choose a neutral background color, a font designed for the screen and a big font size.</p> <h2>Hiding undesired content</h2> <p>Do you participate in Twitter? If you don’t want to keep track of your followers number, look up the class or ID of the container in Firebug and add a line to your user style sheet.</p> <p><code>#follower_count_link{display:none}</code></p> <h2>User vs Author style sheets</h2> <p>What does user styles sheet meant for designers? Just remember not to abuse on <strong style="color: red;">!important</strong> declarations, so that the user can adjust the web page to their needs and likes.</p> </p> <p><a href="http://nataliav.me/customizing-web-pages">Permalink</a> | <a href="http://nataliav.me/customizing-web-pages#comment">Leave a comment  »</a> </p><img src="http://feeds.feedburner.com/~r/nataliav/~4/LuD48YG_2H8" height="1" width="1"/> http://files.posterous.com/user_profile_pics/119546/msn.jpg http://posterous.com/people/4aAVnX2JxUuR Natalia Ventre nataliav Natalia Ventre http://nataliav.me/customizing-web-pages Mon, 28 Dec 2009 17:02:00 -0800 Navegadores web para Windows http://feedproxy.google.com/~r/nataliav/~3/aEIw5Bh7FbM/navegadores-web-para-windows http://nataliav.me/navegadores-web-para-windows <p> <p>A medida que Internet se torna más participativa y además de mirar páginas, empezamos a comprar online y usar aplicaciones basadas en web - desde el simple correo electrónico hasta aplicaciones para gestionar nuestro negocio - empieza a tomar relevancia cuál programa estamos usando.</p> <p>Usar la última versión del navegador preferido, es altamente recomendable para evitar problemas de seguridad, pero aparte de la seguridad, hay características que nos pueden resultar útiles. A continuación voy a comentar los puntos fuertes de cada navegador (en orden alfabético).</p> <h2><a href="http://www.apple.com/es/safari/">Apple Safari </a></h2> <p>Safari tiene una visualización única de las páginas visitadas, el cover flow de Apple. Tiene también un suavizado de fuentes propio, que hace que las tipografías en tamaños grandes, luzcan asombrosas.</p> <p>Muchos desarrolladores utilizan el Firefug e YSlow (para Firefox), Safari cuenta con un inspector web y otras herramientas para desarrolladores nativas, que cumple las mismas funciones.</p> <p>Es ideal para diseñadores y desarrolladores y cualquier persona que valore la calidad hasta en los más mínimos detalles.</p> <h2><a href="http://flock.com/">Flock</a></h2> <p>Se define como el navegador web social, además de como navegador, funciona como cliente de Facebook, Twitter y otros. Lo estuve probando y me aburrí en 2 días, no le encontré sentido a estar conectada todo el tiempo a Twitter, mientras estoy haciendo otras tareas y algunas funciones no son demasiado claras.</p> <p>Es ideal para quienes quieran probar algo nuevo, pero todavía le falta desarrollo.</p> <h2><a href="http://www.google.com/chrome/">Google Chrome</a></h2> <p>Chrome es el navegador web de Google, está basado en webkit, al igual que Safari. A primera vista, llama la atención su diseño minimalista, pero con el uso, nos damos cuenta, que no le falta nada. La interfase ocupa pocos pixeles y no tiene colores que nos distraigan, lo más importante al usar Google Chrome, es la web, no el programa en sí.</p> <p>La barra de direcciones y el buscador están integrados y se puede escribir una URL, el nombre de un sitio, palabras claves, etc. y siempre llegamos a nuestro destino. Los sitios más visitados, las pestañas cerradas recientemente, el historial y las descargas, son muy fáciles de usar.</p> <h3>Rendimiento y estabilidad</h3> <p><object height="417" width="500"><param name="movie" value="http://www.youtube.com/v/9GLrAAChKRQ&hl=en&fs=1" /></param><param name="wmode" value="window" /><param name="allowFullScreen" value="true" /></param><param name="allowscriptaccess" value="always" /></param><embed src="http://www.youtube.com/v/9GLrAAChKRQ&hl=en&fs=1" allowfullscreen="true" type="application/x-shockwave-flash" allowscriptaccess="always" wmode="window" height="417" width="500"></embed></object><p /> El rendimiento de Chrome y Safari es excepcional en las páginas que utilizan JavaScript (aplicaciones). Otra ventaja, es que si una pestaña se cuelga, se puede cerrar (con el administrador de tareas) sin afectar al resto.</p> <p>Chrome es ideal para quienes quieran enfocarse en la productividad.</p> <h2><a href="http://www.microsoft.com/spain/windows/internet-explorer/">Microsoft Internet Explorer 8</a></h2> <p>Los productos de Microsoft, suelen tener muchos detractores con críticas fundadas o infundadas. Es cierto que el Internet Explorer 6 tiene hoy en día fallas graves de seguridad y problemas de visualización, pero en la versión 8 fueron totalmente solucionadas.</p> <h3>Navegación InPrivate (de incógnito)</h3> <p>El ejemplo que se suele poner es que estás comprando un regalo de cumpleaños para alguien y no querés que se entere, pero básicamente sirve para navegar sin dejar rastros de nuestra actividad.</p> <p>Este navegador es ideal para personas que estén acostumbras a usar los programas de Microsoft (por ejemplo Office), porque les va a resultar familiar.</p> <h2><a href="http://www.mozilla-europe.org/es/firefox/">Mozilla Firefox</a></h2> <p>Firefox tiene muchos complementos. Fuera de eso, no le encuentro ninguna ventaja, No tiene ninguna función exclusiva, que los demás navegadores no tengan. En cuanto al rendimiento, las últimas versiones, son particularmente lentas, sobre todo a la hora de abrir el programa y actualizar los complementos, solicitando frecuentemente reiniciar el programa.</p> <p>Es ideal para los fanáticos a muerte del software libre o para los crédulos que se convenzan de que es mejor que los demás por la "barra de direcciones alucinante" y la "supervelocidad".</p> <h2><a href="http://www.opera.com/browser/">Opera 10</a></h2> <p>Le han incorporado tantas características que hoy en día suena raro llamarlo navegador a secas, es una suite que incorpora todas las funciones asociadas con la web, pero probablemente es demasiado para la mayoría de los usuarios. Los gestos del mouse, es una función, por ejemplo, que nunca le encontré utilidad ni conozco a nadie que la use.</p> <h3>Turbo</h3> <p>Una de las funciones más interesantes de Opera es Turbo. Sirve para acelerar la navegación cuando detecta que la conexión es lenta, el mecanismo es muy similar al Opera Mini (versión para el celular).</p> <h3>Email, RSS, Torrents</h3> <p>Opera cuenta con un cliente de correo, un lector RSS y un gestor de descargas con BitTorrent, para descargar un torrent cada tanto, es más práctico usar el Opera que un cliente de dudosa procedencia.</p> <h3>Discado rápido y múltiples páginas de inicio</h3> <p>Opera se abre con todas las pestañas con las que se cerró, de esta manera permite tener múltiples páginas de inicio o restaurar la sesión si el programa se cierra por error. Al discado rápido, se pueden agregar 9 sitios para acceder rápidamente, es parecido a los favoritos o marcadores. Hay otros programas que hacen lo mismo, pero Opera fue el precursor.</p> <p>Opera es ideal para quienes tengan una conexión lenta y para quienes quieran tener todo en uno.</p> <h2>Conclusiones</h2> <p>Basarse exclusivamente en estadísticas de rendimiento o en datos técnicos, no contempla la experiencia del usuario, que es lo más importante cuando se usa un programa tan seguido, como en el caso de los navegadores. Por eso, siempre y cuando esté actualizado, recomiendo usar el navegador con el cual se sientan más cómodos.</p> <p>En lo personal, uso Chrome, porque me permite realizar mis tareas frecuentes online rápidamente y no desperdicio espacio en la pantalla con mil barras inútiles. ¿Ustedes cuál prefieren y por qué?</p> </p> <p><a href="http://nataliav.me/navegadores-web-para-windows">Permalink</a> | <a href="http://nataliav.me/navegadores-web-para-windows#comment">Leave a comment  »</a> </p><img src="http://feeds.feedburner.com/~r/nataliav/~4/aEIw5Bh7FbM" height="1" width="1"/> http://files.posterous.com/user_profile_pics/119546/msn.jpg http://posterous.com/people/4aAVnX2JxUuR Natalia Ventre nataliav Natalia Ventre http://nataliav.me/navegadores-web-para-windows Sun, 27 Dec 2009 17:52:00 -0800 True Blood: When TV is better than books http://feedproxy.google.com/~r/nataliav/~3/oarDHnyviRY/true-blood-when-tv-is-better-than-books http://nataliav.me/true-blood-when-tv-is-better-than-books <p> <p>First of all I want say that I like TV, but I love reading. <a href="http://www.hbo.com/trueblood/">HBO's True Blood</a> is based on <a href="http://www.charlaineharris.com/bibliography/bibliog-sookie.html">Charlaine Harris's Sookie Stackhouse novels</a>, usually books are better than movies / TV shows, but not in this case.</p> <p><object height="281" width="500"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=3318600&server=vimeo.com&show_title=1&show_byline=1&show_portrait=1&color=00ADEF&fullscreen=1" /><embed allowfullscreen="true" src="http://vimeo.com/moogaloop.swf?clip_id=3318600&server=vimeo.com&show_title=1&show_byline=1&show_portrait=1&color=00ADEF&fullscreen=1" allowscriptaccess="always" type="application/x-shockwave-flash" height="281" width="500"></embed></object></p> <h2>The Sex</h2> <p>In The Southern Vampire Mysteries, there are some sex scenes narrated from a female point of view. Sookie is a 26 year old who doesn't have much experience with men, so the descriptions are quite naive.  She says that vampires are cold, don't breathe and their harts don't beat, but in the TV show, Bill the vampire, really looks like a corpse. True Blood sex scenes are disturbing, in the necrophilia disturbing kind of way. </p> <h2>The Drugs</h2> <p>When humans drink vampire blood, they get strength, highlightened senses, etc. In the book, humans drain vampires, which is a crime, and sell their blood. It's like saying that dealing drugs is bad… In True Blood, there're vampires involved in the business, now, that's interesting.  </p> <h2>The Characters</h2> <p>Sookie, Bill, Eric, Sam, etc. are give or take the same in the book and the TV show. Supporting characters like Lafayette and the maenad are brute diamonds in the book that shine on TV. </p> <p>Lafayette is a colorful African American gay cooker, who gets killed in about the 2nd page of Dead in Dallas. On TV, he doesn't do anything extraordinary, but he shows the double standard of politicians, and helps to define the identity of other characters.</p> <p>The maenad is a mythological being that is passing through Bon Temps and causes minor disturbances. In True Blood, Mary Anne makes the whole town participate in an orgy and wants to sacrifice a shape shifter in a pagan ritual.</p> <p>In the books, when a vampires kills another, she must pay a fine. In True Blood, justice is not about money, it's making a new vampire, so there's a teenage vampire. The humans are in the late twenties or thirties, and the vampires of course are mature, so having a teenager character adds a note of humor. </p> <h2>Conclusion</h2> <p>The Sookie Stackhouse novels and True Blood are different, the books are not bad at all and worth reading, specially if you're a woman, since they're quite romantic. The books are just yet another vampire tale, but True Blood definetely stands out from the other vampires TV shows. There's a female woman and a male vampire, but that's the only coincidence with other shows. </p> <p>What Alan Ball did with Charlaine Harris world reminds me of what Stanley Kubrick / Steven Spielberg done with <em>Super-Toys Last All Summer Long</em>, discovering a good idea and make it better.</p> <p>¿Are you a book worm or a couch potato? ¿What do you like better, The Sookie Stackhouse novels or True Blood?</p> </p> <p><a href="http://nataliav.me/true-blood-when-tv-is-better-than-books">Permalink</a> | <a href="http://nataliav.me/true-blood-when-tv-is-better-than-books#comment">Leave a comment  »</a> </p><img src="http://feeds.feedburner.com/~r/nataliav/~4/oarDHnyviRY" height="1" width="1"/> http://files.posterous.com/user_profile_pics/119546/msn.jpg http://posterous.com/people/4aAVnX2JxUuR Natalia Ventre nataliav Natalia Ventre http://nataliav.me/true-blood-when-tv-is-better-than-books Thu, 24 Dec 2009 05:49:00 -0800 Fuentes gratis vs fuentes comerciales http://feedproxy.google.com/~r/nataliav/~3/taGf1hzSlBQ/fuentes-gratis-vs-fuentes-comerciales http://nataliav.me/fuentes-gratis-vs-fuentes-comerciales <p> <p>Para realizar una pieza impresa o digital podemos optar por utilizar recursos gratuitos o pagos, pero ¿en diseño, lo barato sale caro?</p> <p>Una familia completa (regular, cursiva, negrita y otras variantes) cuesta alrededor de US$ 150, es bastante tentador entonces utilizar una fuente gratis. Cualquiera puede diseñar un alfabeto, pero un buen diseño debería tener en cuenta varios factores, por ejemplo:</p> <ul> <li><strong>el idioma</strong>: cada idioma tienen secuencias de letras que se repiten, en español, después de la q siempre va una u, por lo tanto aparte del diseño del caracter individual, qu tiene que funcionar bien juntos. Obviamente también vamos a necesitar tildes y ñ. </li> <li><strong>el medio</strong>: teniendo en cuenta cómo los pixeles forman una imagen en la pantalla o cómo los puntos de tinta dibujan las formas, hay tipografías optimizadas para distintos medios, inclusive hay <a href="http://www.tipotype.com/tipos/economica/economica_esp.html">tipografías diseñadas para ahorrar papel</a> o tinta. </li> <li><strong>la técnica</strong>: <a href="http://www.unostiposduros.com/?p=2203">dibujar una letra</a>, no es tan sencillo como parece, prueben imprimir un par de letras de distintas fuentes en tamaño A4 y van a notar la diferencia. </li> </ul> <h2>Usos de las fuentes gratis</h2> <p><strong>Piezas publicitarias</strong> (folletos, calendarios, volantes, afiches, animaciones): en el tamaño que se van a usar, si tuvieran defectos, no se notan, y no tiene mucho sentido gastar en una fuente fantasía que se va a utilizar una única vez.</p> <p><strong>Logotipos</strong>: si la tipografía se va a modificar sustancialmente y es sólo el punto de partida y además se necesitan unas pocos caracteres  - no el set completo - se puede utilizar cualquier fuente, hay muchas fuentes gratis que son "parecidas a..." y en este caso con parecido alcanza y sobra.</p> <h2>Usos de las fuentes comerciales</h2> <p><strong>Diseño editorial</strong>: en diarios, revistas, libros, conviene usar una tipografía de las clásicas, que son todas con licencia, o una tipografía de un diseñador contemporáneo, pero de calidad comprobada, porque es mucha cantidad de texto y en tamaños pequeños, como para arriesgarse. </p> <p><strong>Señalética</strong>: en proyectos de gran envergadura, con un costo alto, es ridículo quererse ahorrar unos dólares. De las fuentes comerciales hay mucha información disponible y se puede investigar fácilmente qué tipografías son más adecuadas para este tipo de piezas.</p> <h2>¿Y para el diseño web?</h2> <p>Aparte de las fuentes del sistema, ahora con <a href="http://www.fontsquirrel.com/fontface">@font-face</a> y varios servicios (<a href="http://nataliav.me/?sort=&search=typekit">Typekit</a> y otros) se puede usar cualquier fuente cuya licencia lo permita, en diseño web, lo que estamos viendo en la pantalla es el producto final, así que si queda bien, es válido.</p> </p> <p><a href="http://nataliav.me/fuentes-gratis-vs-fuentes-comerciales">Permalink</a> | <a href="http://nataliav.me/fuentes-gratis-vs-fuentes-comerciales#comment">Leave a comment  »</a> </p><img src="http://feeds.feedburner.com/~r/nataliav/~4/taGf1hzSlBQ" height="1" width="1"/> http://files.posterous.com/user_profile_pics/119546/msn.jpg http://posterous.com/people/4aAVnX2JxUuR Natalia Ventre nataliav Natalia Ventre http://nataliav.me/fuentes-gratis-vs-fuentes-comerciales Mon, 30 Nov 2009 17:28:00 -0800 ¿Is Google Wave right for you? http://feedproxy.google.com/~r/nataliav/~3/TXGxm-CAUqw/is-google-wave-right-for-you http://nataliav.me/is-google-wave-right-for-you <p> <h2>Google Wave vs Email</h2> <p>Once you send an email, it's gone, you can't edit it. If you want to add someone to the conversation, you have to search and forward messages.</p> <p>In Google Wave, you can always edit and adding more people is as easy as drag and drop.</p> <p><img src="http://nataliaventre.com/nataliav/replyedit.png" alt="" /></p> <h2>Google Wave vs Google Docs</h2> <p>In Google Docs, if you want to know who write it, you have to previously agree in some kind of code to identify each other. You can see the date of the last modification, but have I read it already? Is there something new? Who knows…</p> <p>In Google Wave, you have the choice to edit or reply at any place in the document / conversation. There's a clear green indicator of unread items.</p> <p><img src="http://nataliaventre.com/nataliav/unread.png" alt="" /></p> <h2>Google Wave vs Instant Messaging</h2> <p>Sometimes when you're chatting with several people, you have the need to say something in private, so you'll end up with multiple windows open and more chances to make a mistake.</p> <p>In Google Wave, you can have private conversations inside a public conversation, so you can deliver the message to who you want, without making noise to the others.</p> <h2>Conclusion: Google Wave at the workplace</h2> <p>Google Wave has a good mix of communication and collaboration tools to work in a project with other people. ¿A new member has joined the team? Just add her to the wave, and let her know what you've been doing.</p> <p><img src="http://nataliaventre.com/nataliav/addparticipants.png" alt="" /></p> <p>In other words, Google Wave is just great for the workplace.</p> <h2>Conclusion: Google Wave with friends and family</h2> <p>Forwarding a video attachment is a waste of time and resources, but when you are hanging out with friends, who cares about productivity?</p> <p>For a senior citizen, email is easy, after all is a letter that she can send from the comfort of her home, but a wave, a blip, an extension and a bot… what are you talking about? There are too many new terms. Adding a bot to your contacts, and then to a wave, to perform automated tasks, I can't imagine explaining that to my mother.</p> <p><img src="http://posterous.com/getfile/files.posterous.com/nataliav/d1DlxcaKPT1AFHeZnL1G0iTrfvVkI0xdLiUwwv3NbcCXtpcFYPHYdoDdkN1R/bots.png" width="418" height="226"/> </p> <p>For friends and family, stick with Facebook (or email, or better: get together in person!).</p> </p> <p><a href="http://nataliav.me/is-google-wave-right-for-you">Permalink</a> | <a href="http://nataliav.me/is-google-wave-right-for-you#comment">Leave a comment  »</a> </p><img src="http://feeds.feedburner.com/~r/nataliav/~4/TXGxm-CAUqw" height="1" width="1"/> http://files.posterous.com/user_profile_pics/119546/msn.jpg http://posterous.com/people/4aAVnX2JxUuR Natalia Ventre nataliav Natalia Ventre http://nataliav.me/is-google-wave-right-for-you Sat, 21 Nov 2009 14:46:00 -0800 Testing Google Chrome OS http://feedproxy.google.com/~r/nataliav/~3/rrehb2QkoL4/testing-google-os http://nataliav.me/testing-google-os <p> <p>Following the instructions on <a href="http://www.techcrunch.com/2009/11/19/guide-install-google-chrome-os/">this article</a> and downloading the files from <a href="http://gdgt.com/google/chrome-os/download/">this site</a>, I installed Google Chrome OS. </p> <h2>Starting</h2> <p><a href='http://posterous.com/getfile/files.posterous.com/nataliav/V5ddc8O38gBDP4o6aPbfQMFcQEHARKTxbvZSCwGxMrPDLF45Opfzb1bWKKxF/login.png'><img src="http://posterous.com/getfile/files.posterous.com/nataliav/KaxVcAiak5LZxxJdUgz8tR7wCImNdn5F6ZnsGDAIWWBM6DDLmQO34KvANJyv/login.png.scaled.500.jpg" width="500" height="416"/></a> </p> <p>Login with a Google Account is a good concept, because you don't need one more extra password and you log in Google at the same time. On the other hand, I had personal and business accounts, so I need to be able to login at different websites with different credentials, I don't think this will be possible without restarting. </p> <h2>The Operating System</h2> <p><a href='http://posterous.com/getfile/files.posterous.com/nataliav/MdZdcVCWBTGQptrPIzKwjHpWphtYJSlMZb6tMn2MhjPFDTiamKA64bLNenna/chromium.png'><img src="http://posterous.com/getfile/files.posterous.com/nataliav/jGXqFnqDQtZAbyNTkxZ9R9d18bFm8Lj1ZuIH4Qi9zY3MrgbrooPEMGYMpNBM/chromium.png.scaled.500.jpg" width="500" height="416"/></a> </p> <p><strong>It's just a browser!</strong> There are 2 icons, a battery indicator and an option to turn in/off the Wi-Fi, and nothing more. There's a big icon that apparently is a menu, but nothing happens, so we're going to be patient and wait till next year to fully test the OS.  </p> <h2>The OS concept</h2> <div><object height="417" width="500"><param name="movie" value="http://www.youtube.com/v/0QRO3gKj3qw&hl=en&fs=1" /></param><param name="wmode" value="window" /><param name="allowFullScreen" value="true" /></param><param name="allowscriptaccess" value="always" /></param><embed src="http://www.youtube.com/v/0QRO3gKj3qw&hl=en&fs=1" allowfullscreen="true" type="application/x-shockwave-flash" allowscriptaccess="always" wmode="window" height="417" width="500"></embed></object></div> <p>Google's OS is the first OS with a concept behind: accessing Internet very fast (7 seconds). As a graphic designer, I can't give up all the desktop software, but I think it's a good idea for some people. Way too minimal maybe. </p> <p>At this stage, I've seen a more appealing Linux version for netbooks, but it's nice to have more Open Source options.</p> </p> <p><a href="http://nataliav.me/testing-google-os">Permalink</a> | <a href="http://nataliav.me/testing-google-os#comment">Leave a comment  »</a> </p><img src="http://feeds.feedburner.com/~r/nataliav/~4/rrehb2QkoL4" height="1" width="1"/> http://files.posterous.com/user_profile_pics/119546/msn.jpg http://posterous.com/people/4aAVnX2JxUuR Natalia Ventre nataliav Natalia Ventre http://nataliav.me/testing-google-os Wed, 18 Nov 2009 11:54:00 -0800 Más visualizaciones para Google Analytics http://feedproxy.google.com/~r/nataliav/~3/MWq7BBNds3Y/mas-visualizaciones-para-google-analytics http://nataliav.me/mas-visualizaciones-para-google-analytics <p> <p><a href="http://analyticsvisualizations.appspot.com/">Juice Analytics</a> ofrece 2 visualizaciones.</p> <h2>El flujo de referrers</h2> <p><img src="http://posterous.com/getfile/files.posterous.com/nataliav/36X0G4AAXifWGccNzhqUFMTJpVrUomYLx3tnbvk8figbYv9rapQYwsqQ5aNP/mosaico.png" width="457" height="458"/> </p> <p>Desde qué fuente ingresan los visitantes a cuál página. Cada rectángulo es una página, el tamaño representa la cantidad de visitas y los colores el bounce rate. Está muy interesante para analizar el bounce rate en contexto. Por ejemplo, los visitantes que vienen desde Google, sólo miran una página y se van? ¿Qué acciones se pueden tomar para que sigan navegando el sitio y se conviertan en lectores? </p> <h2>El árbol de keywords</h2> <p><a href='http://posterous.com/getfile/files.posterous.com/nataliav/zC36MTp3dnysH5C48Y9mpDM4F931ju2SigcjEFTC29L6t2ThlQB0Ye4w8smr/tree.png'><img src="http://posterous.com/getfile/files.posterous.com/nataliav/d7nDj3yXEsbF13Q1CX4r5jIeQAlDOtY3zAgRvGPSkZjHxew84zQnZ7ENwb5d/tree.png.scaled.500.jpg" width="500" height="117"/></a> </p> <p>Conecta las palabras claves a través de las cuales los visitantes acceden al sitio. El color y el tamaño representan la performance. Nos recuerda que las palabras claves que utilizan los usuarios, no son necesariamente palabras, sino generalmente frases.</p> <p>Las visualizaciones son muy útiles para detectar tendencias, ya que cuando miramos una tabla, nos concentramos demasiado en las cantidades, el árbol nos tapa el bosque.</p> </p> <p><a href="http://nataliav.me/mas-visualizaciones-para-google-analytics">Permalink</a> | <a href="http://nataliav.me/mas-visualizaciones-para-google-analytics#comment">Leave a comment  »</a> </p><img src="http://feeds.feedburner.com/~r/nataliav/~4/MWq7BBNds3Y" height="1" width="1"/> http://files.posterous.com/user_profile_pics/119546/msn.jpg http://posterous.com/people/4aAVnX2JxUuR Natalia Ventre nataliav Natalia Ventre http://nataliav.me/mas-visualizaciones-para-google-analytics Tue, 17 Nov 2009 12:26:00 -0800 Razones para usar Twitter via web http://feedproxy.google.com/~r/nataliav/~3/SPUSdESkfXI/razones-para-usar-twitter-via-web http://nataliav.me/razones-para-usar-twitter-via-web <p> <p>Hace un tiempo atrás opinaba que era mejor usar un cliente que la web de Twitter, pero las cosas están cambiando...</p> <h2>Notificaciones</h2> <p><img src="http://posterous.com/getfile/files.posterous.com/nataliav/0fpezdpXVgva4jJ5hchbBk2I8OADpfJiQ2QcPWk3oB0uyJMWr2MFHVk1fMH4/notificacion.png" width="322" height="465"/> </p> <p>Empecé a usar un cliente para no tener que actualizar la página con F5 a cada rato, pero ahora hay un mensaje con la cantidad de tweets nuevos y es bastante sencillo. </p> <ol> <li>En la página no hay excesiva cantidad de tweets y se pueden leer en poco tiempo.</li> <li>Luego, cuando hay tweets nuevos, se sabe cuántos y se pueden leer instantáneamente o dejar que se acumulen. </li> <li>Mientas que la ventana está abierta, va cambiando el título (con la cantidad de nuevos), pero obviamente no hace ruido ni ningún tipo de notificación molesta en la pantalla que perturbe el trabajo.</li> </ol> <h2>Los Retweets</h2> <p>El re-tweets surgió espontáneamente, no estaba dentro de las funcionalidades originales de Twitter. </p> <p>Con la proliferación de los clientes, cada vez se torna más confuso el tema, al principio se usaba "RT", pero algunos clientes lo denominan "via", otros te dejan elegir, a veces según el cliente de cada usuario quedan simultáneamente "RT" y "via" simultáneamente, más varios nombres de usuarios, que simplemente son ruido. </p> <p>Twitter demoró realmente mucho tiempo en implementarlo en la web, pero ese tiempo les sirvió para investigar la problemática y la solución que proponen es diferente a cómo está implementado hoy en día en los clientes. El proceso está muy bien explicado en  <a href="http://evhead.com/2009/11/why-retweet-works-way-it-does.html">Why Retweet works the way it does</a>. Que el mismo retweet no aparezca una vez tras otra en la timeline, es muy útil, ya que leer lo mismo una y otra vez, es una pérdida de tiempo, además de aburridísimo.</p> <p>Al estar integrados al sistema, se pueden ver filtrados:</p> <p><a href='http://posterous.com/getfile/files.posterous.com/nataliav/9kO16ExR2DI4x4XZAHDbr9lq8ybZtrMUOJWfUNAkP0cSmtfZLiV7QsU6xjtJ/retweets.png'><img src="http://posterous.com/getfile/files.posterous.com/nataliav/XkORxReeA3SuvFt6P6i3x3xAo2YH4mV6KIIQBAU0KsSJRW0wkYKKNdQoegaQ/retweets.png.scaled.500.jpg" width="500" height="162"/></a> </p> <h2>Las listas</h2> <p>El concepto es parecido a los grupos de TweetDeck. Dentro de un gran conjunto de following, se puede crear un subconjunto, darle un nombre para identificarlo.¿Para qué? Los grupos eran para darle una prioridad de lectura a ciertos tweets, pero las listas van más allá. Ser listado pasa a ser más prestigioso que ser simplemente seguido y al ser públicas aumentan las posibilidades de networking. </p> <p><a href='http://posterous.com/getfile/files.posterous.com/nataliav/yVHwoZSR8HDNs8Bw9546SICLoIoz0D9BVgn3CMCfjar2si7i2o5OoAU7b4DC/listas.png'><img src="http://posterous.com/getfile/files.posterous.com/nataliav/rFexCPTHsi2WOytpCUhlZjrtTyvKRYG6KYFq1RVxG6sLe4GY33MclbDXJPHv/listas.png.scaled.500.jpg" width="500" height="192"/></a> </p> <h2>¿Qué le falta a Twitter?</h2> <p>No estaría mal tener un URL shortener, integrado al sistema.</p> </p> <p><a href="http://nataliav.me/razones-para-usar-twitter-via-web">Permalink</a> | <a href="http://nataliav.me/razones-para-usar-twitter-via-web#comment">Leave a comment  »</a> </p><img src="http://feeds.feedburner.com/~r/nataliav/~4/SPUSdESkfXI" height="1" width="1"/> http://files.posterous.com/user_profile_pics/119546/msn.jpg http://posterous.com/people/4aAVnX2JxUuR Natalia Ventre nataliav Natalia Ventre http://nataliav.me/razones-para-usar-twitter-via-web Sat, 14 Nov 2009 11:34:00 -0800 Choosing a wireframing software http://feedproxy.google.com/~r/nataliav/~3/UUK_KusPX2Q/choosing-a-wireframing-software http://nataliav.me/choosing-a-wireframing-software <p> <p>Wireframing is like paper prototyping but digital. Two advantages are:</p> <ul> <li>digital files are easy to share (with co-workers, clients)</li> <li>changing the position of elements is a snap</li> </ul> <p>It can be done with any software that allows you to draw basic shapes, so why look for a specific software?</p> <ul> <li>to have a library of commonly used components that can be edited </li> <li>to build basic interactivity without programming, in order to test usability at an early stage</li> </ul> <p>I've tested 5 softwares, I draw the same basic layout in each one. In alphabetical order:</p> <h3>1. <a href="http://www.axure.com/">Axure</a></h3> <p><a href='http://posterous.com/getfile/files.posterous.com/nataliav/eaj7DNcIIlvlZq0xg8z3jEqxKb2dqgohfBq8xDNZ6xWkrCl0SXIjPR4WJavj/axure.png.scaled.1000.jpg'><img src="http://posterous.com/getfile/files.posterous.com/nataliav/AV2omcRxcCR7wXCPQ0JmSHxmo2E1FBHNcGJtCE6vE8kEhMLH7fE4IH79LTMJ/axure.png.scaled.500.jpg" width="500" height="305"/></a> </p> <p><em>Type: desktop | Price: $589</em></p> <p>Axure has a two side panels, so the working space is small. It has too many options and it seems quite difficult for doing a quick wireframe. Sometimes you have an idea and you want to draw it, and the complexity of this software gets in the way. </p> <h3>2. <a href="http://www.balsamiq.com/">Balsamiq</a></h3> <p><a href='http://posterous.com/getfile/files.posterous.com/nataliav/H6WkQueAgIaKyqOF38qXME3HkUuiXMXu0KOzpLU85pbOOM71Binruu4s5YmL/balsamiq.png.scaled.1000.jpg'><img src="http://posterous.com/getfile/files.posterous.com/nataliav/ySnkSXpIIzpbdndP0v6FhS88pWQ1A1ZO635oMEae6XwiGm8aF0Fe5u4UHDFB/balsamiq.png.scaled.500.jpg" width="500" height="286"/></a> </p> <p><em>Type: Desktop (Adobe Air) | Price: US$ 79</em></p> <p>Balsamiq is probably the most popular software. It has a sketchy feeling that looks kind of cute, but also childish, I don't see myself showing that to a client. The preview of the components is not very clear, I had to drag some to the working area to see what they were. I loved the grid at first sight, but it didn't help me much. It has good keyboard support (CTRL+C, CRTL+V).</p> <h3>3. <a href="http://www.flairbuilder.com/">FlairBuilder</a></h3> <p><a href='http://posterous.com/getfile/files.posterous.com/nataliav/OiVewPlpKutmhiiJjAhpu1SS1NzuK9ZKCxMXqCKPwkMPJKyvEkTuy1t3u6sl/flair_builder.png.scaled.1000.jpg'><img src="http://posterous.com/getfile/files.posterous.com/nataliav/QtM3iREgT23jvBsFCKqhvWFYK7dCD6wHjCnpf2zInKGtJYFrV6ybk6vE5V1r/flair_builder.png.scaled.500.jpg" width="500" height="305"/></a> </p> <p><em>Type: Desktop (Adobe Air) | Price: US$ 99</em></p> <p>FlairBuilder has two different themes (classic and sketchy). You can see the measure of the elements while you draw, so if you want an specific width, you don't need further editing. It has a design and a preview mode, in preview, the videos and maps really work! </p> <h3>4. <a href="http://www.mockflow.com/">Mockflow</a></h3> <p><a href='http://posterous.com/getfile/files.posterous.com/nataliav/wx6bkBSIlDjUDJQ6G2kd579qnxSaiBBCyB1wTaRs9FCEcTbv6MxN6NeshtUZ/mockflow.png.scaled.1000.jpg'><img src="http://posterous.com/getfile/files.posterous.com/nataliav/tHyzjc6ChBKsJqqICkN164fVUx6jHMHIZhZjypbbXlIFyvHY9Uea3AAI9cnx/mockflow.png.scaled.500.jpg" width="500" height="302"/></a> </p> <p><em>Type: Web app | Price: Free (limited), US$ 50/year</em></p> <p>The elements can be aligned using guide lines that work similar to Adobe Flash. Besides the default library, you can add more, for example cursors and different browser windows.</p> <h3>5. <a href="http://www.evolus.vn/Pencil/">Pencil</a></h3> <p><a href='http://posterous.com/getfile/files.posterous.com/nataliav/Ez3i43uenjPpLyRMSSJgQU6EhrZgw5fK02385DwrbG2RmJlIFnqJLS0aQWBL/pencil.png.scaled.1000.jpg'><img src="http://posterous.com/getfile/files.posterous.com/nataliav/iilYTPMWdGkShdO6nj0EZIJL91Rq6mIVis9LFTMQ0jPCI4ajM9wsyPCDKGAX/pencil.png.scaled.500.jpg" width="500" height="305"/></a> </p> <p><em>Type: Mozilla Firefox add on | Price: free</em></p> <p>The working area is tiny, there are not many components and they are all desktop software oriented. The point of wireframing is no to insert every single image, so "no image" is ridiculous. </p> <h2>The Choice</h2> <p>Both Flair Builder and Mockflow have the functionalities I want (components library and building interactivity). For wireframing they are more expensive than what I expected, but you can substitute the placeholders for actual images, change colors, etc. so the wireframe can evolve and depending on the project, you can jump to the coding stage without using other software in the middle. </p> <p>I choose Mockflow, because since it is web based, I can use it at home (in my desktop or my laptop) and at the office, without paying for additional licenses. </p> <p>Do you use any wireframing software?</p> </p> <p><a href="http://nataliav.me/choosing-a-wireframing-software">Permalink</a> | <a href="http://nataliav.me/choosing-a-wireframing-software#comment">Leave a comment  »</a> </p><img src="http://feeds.feedburner.com/~r/nataliav/~4/UUK_KusPX2Q" height="1" width="1"/> http://files.posterous.com/user_profile_pics/119546/msn.jpg http://posterous.com/people/4aAVnX2JxUuR Natalia Ventre nataliav Natalia Ventre http://nataliav.me/choosing-a-wireframing-software Sat, 14 Nov 2009 11:25:00 -0800 Comentarios sobre Montevideo Valley 2 y otras yerbas http://feedproxy.google.com/~r/nataliav/~3/owGBzAlMHSM/comentarios-sobre-montevideo-valley-2-y-otras http://nataliav.me/comentarios-sobre-montevideo-valley-2-y-otras <p> <p>El jueves pasado en el hotel Balmoral, se llevó a cabo Montevideo Valley 2 con ponenecias de:</p> <ul> <li>Pedidos Ya</li> <li>Microsoft (Presentación de WebSpark)</li> <li>Pablo Sueiro </li> </ul> <p>Había entendido que iba a hablar alguien de Opina, no sé si entendí mal o se canceló. Casi 1 hora para acreditar 100 y poco de personas, me parece un disparate, hubiera preferido pagar una entrada y que la organización fuera mejor, pero lo más importante, que son las ponencias, estuvieron bien. </p> <p>Faltó quizás una introducción a qué es "Montevideo Valley", ya que he escuchado acerca de Palermo Valley, pero no sé si Montevideo Valley tiene una agenda, o si es algo totalmente neutral.</p> <p>El tema que más me interesaba es el de social media, pero Pablo Sueiro no dijo nada nuevo para mí.</p> <p>La presentación que más me gustó fue la de Microsoft, porque tienen varios productos para emprendedores que no conocía y además habló con profesionalismo, por la ORT estoy muy acostumbrada a presentaciones a nivel estudiante y su presentación no tenía ninguno de los típicos errores (Este… ).</p> <p>A Uruguay lamentablemente todo llega un par de años más tarde, pero por suerte con el nivel cultural se equipara y si bien hay mucho camino para andar, no somos los últimos y hay algunos proyectos interesantes o por lo menos gente que tiene ganas.</p> <p>Los políticos ya la tienen clara, mirando sus páginas de Facebook y su publicidad online, no queda nninguna duda, a las empresas privadas sí, aún les falta incorporar más medios al mix, pero sobre todo falta educación. Las carreras universitarias se han quedado en el tiempo, y no sé si debido a la burocracia del Ministerio de Educación y Cultura o a que los profesores muchas veces tienen cero experiencia laboral y se han quedado en el tiempo, no hay formación integral orientada a la web.</p> <p>Me parece irónico, que por un lado los escolares tengan los laptops del Plan Ceibal y depúes yo en una clase en una facultad privada tenga que escuchar que una clase y una ID son lo mismo y es un gusto personal del diseñador elegir cuál usar, que obviamente es un reverendo disparate. Es el país de contradicciones en el que vivimos, pero eventos como este Montevideo Valley y otras iniaciativas, son favorables, por lo menos para abrirle la cabeza a algunos dinosaurios que todavía no se extinguieron y para que el autodidacta no se sienta tan solo.</p> </p> <p><a href="http://nataliav.me/comentarios-sobre-montevideo-valley-2-y-otras">Permalink</a> | <a href="http://nataliav.me/comentarios-sobre-montevideo-valley-2-y-otras#comment">Leave a comment  »</a> </p><img src="http://feeds.feedburner.com/~r/nataliav/~4/owGBzAlMHSM" height="1" width="1"/> http://files.posterous.com/user_profile_pics/119546/msn.jpg http://posterous.com/people/4aAVnX2JxUuR Natalia Ventre nataliav Natalia Ventre http://nataliav.me/comentarios-sobre-montevideo-valley-2-y-otras Sat, 07 Nov 2009 18:07:00 -0800 Facebook Touch http://feedproxy.google.com/~r/nataliav/~3/Jeud7yvx768/facebook-touch http://nataliav.me/facebook-touch <p> <p>Me sorprendí gratamente al enterarme de que Facebook, aparte de la versión para celulares (<a href="http://m.facebook.com">http://m.facebook.com</a>) tiene otra específica para celulares con pantalla táctil, a la que se puede acceder entrando a <a href="http://touch.facebook.com">http://touch.facebook.com</a></p> <p>Facebook m:</p> <p><img src="http://posterous.com/getfile/files.posterous.com/nataliav/3BGj92Pum0KMUtuPXIlk4Nn3BHJi2IRoRQdUbsHXwK0Hl4bQYwJUHwV9788f/facebook_mobil.jpg" width="350" height="213"/> </p> <p>Facebook Touch:</p> <p><img src="http://posterous.com/getfile/files.posterous.com/nataliav/e4bMyOcmU5DdkVfSl5B7LqG0FGAjVIT5he7Y3w8xZ8SSdW8SDEBZ2wI3xM1e/facebook_touch.jpg" width="350" height="212"/> </p> <p>La gran diferencia es que en la versión para touchscreens los enlaces son más fáciles de clickear con el dedo porque son más grandes. Otra diferencia, es que tiene más imágenes, dado que se trata de celulares con pantallas grandes (3 - 3.5''), luce casi idéntico a la versión de escritorio. </p> <p>Si bien no es novedad que los enlaces de texto son más fáciles de clickear si tienen padding, estos detalles van cobrando más importancia cuando se accede desde dispositivos que no sean una computadora de escritorio. Generalmente los diseñadores trabajan con un mouse preciso de buena calidad (óptico o láser), con un monitor gigante y obviamente tienen una buena habilidad motriz, pero para un usuario normal clickear un botón de 5x5px, o un enlace de texto de una lista con una fuente pequeña con interlineado normal, no es tarea sencilla. Imposible en una pantalla táctil.</p> <p>Con Internet en los celulares, vuelve también el tema de hacer páginas livianas, que se carguen rápido (sobre todo si la conexión es GPRS) y que las funciones principales del sitio no dependan de que esté Flash instalado, por ejemplo. Hacer otra versión de un sitio, evidentemente implica un trabajo extra, pero hay demasiada cantidad de gente con un celular en la mano, como para no tenerlos en cuenta.</p> </p> <p><a href="http://nataliav.me/facebook-touch">Permalink</a> | <a href="http://nataliav.me/facebook-touch#comment">Leave a comment  »</a> </p><img src="http://feeds.feedburner.com/~r/nataliav/~4/Jeud7yvx768" height="1" width="1"/> http://files.posterous.com/user_profile_pics/119546/msn.jpg http://posterous.com/people/4aAVnX2JxUuR Natalia Ventre nataliav Natalia Ventre http://nataliav.me/facebook-touch Tue, 03 Nov 2009 12:27:00 -0800 Surfing the wave http://feedproxy.google.com/~r/nataliav/~3/bHPuhMZZRIk/surfing-the-wave-0 http://nataliav.me/surfing-the-wave-0 <p> <p>The easiest way to understand a new technology is to compare it with something known.  For example, a car is a carriage without the horses, e-mail is a letter without paper, a mobile phone is a phone without the wire and so on. You can explain almost everything in that format.</p> <p>Almost. Twitter is like ___ without ____. And Google Wave? Well, I think you have to be a user of Twitter and Google Wave to understand what are they about or what are they good for. When it comes to communication tools, you obviously need someone to communicate with, because the value of the tool is linked to what your friends are doing with it. I've using Wave for only a couple of days, and at first glance is hard to understand where to start. Plus, the only way in is by invitation, so not everybody is there yet. </p> <p> <object height="303" width="500"> <param name="movie" value="http://www.youtube.com/v/xcxF9oz9Cu0&hl=es&fs=1&" /> <param name="allowFullScreen" value="true" /> <param name="allowscriptaccess" value="always" /><embed src="http://www.youtube.com/v/xcxF9oz9Cu0&hl=es&fs=1&" type="application/x-shockwave-flash" height="303" width="500"></embed> </param></param></param></object> </p> <h3>Let's wave together!</h3> <ul> <li>If you want to add me to your contacts, I'm natalia.ventre[at]@<a href="http://googlewave.com">googlewave.com</a></li> <li>I have 18 invitations left, if your are interested, send me a DM at Twitter, a message via FaceBook, or whatever you like, with your email.</li> </ul> </p> <p><a href="http://nataliav.me/surfing-the-wave-0">Permalink</a> | <a href="http://nataliav.me/surfing-the-wave-0#comment">Leave a comment  »</a> </p><img src="http://feeds.feedburner.com/~r/nataliav/~4/bHPuhMZZRIk" height="1" width="1"/> http://files.posterous.com/user_profile_pics/119546/msn.jpg http://posterous.com/people/4aAVnX2JxUuR Natalia Ventre nataliav Natalia Ventre http://nataliav.me/surfing-the-wave-0 Mon, 19 Oct 2009 17:54:00 -0700 ¿Es tan difícil copiar a Digg? http://feedproxy.google.com/~r/nataliav/~3/kIMEJQHbrMg/es-tan-dificil-copiar-a-digg http://nataliav.me/es-tan-dificil-copiar-a-digg <p> <p>Hace un tiempo publiqué <a href="http://nataliav.me/por-que-meneame-no-es-mas-similar-a-digg">¿Por qué Menéame no es más similar a Digg?</a> Hace unos días atrás me crucé con otro sitio para votar sitios en español: Bitácoras.com y lo quise implementar en un blog para probar si daba buenos resultados. </p> <p><strong>Repasemos, cómo se implementa Digg?</strong></p> <ul> <li>Haciendo nada, sí nada, no es necesario hacer ningún procedimiento especial para que un sitio sea votable en Digg</li> <li>(opcional) Copiar y pegar un JavaScript para mostrar en el sitio el botón "Digg This".</li> </ul> <p><strong>Cómo se implementa Bitácoras.com</strong></p> <p>SI votás un sitio que no está agregado al directorio, no se agrega! Mandan un trackback - que Akismet lo marca como spam - avisándole al autor que se registre.</p> <p><img src="http://posterous.com/getfile/files.posterous.com/nataliav/uQRc85YehtTxxKrRGREStYih555dJVnntbRhRPl8UVjV9pRwLgL3PnXCZ9SW/trackback.png" width="500" height="69"/> </p> <p>Procedemos al registro entonces... </p> <ol> <li>Hay que crear una cuenta o entrar con Facebook Connect (igual que en Digg)</li> <li>Hay que añadir la bitácora completando un formulario con 5 campos</li> <li> Esperar a que la revisen y aprueben</li> </ol> <p>Los botones son también en JavaScript, pero para WordPress hay además un plugin.</p> <p>La documentación de lo que hay que agregar en el template es la siguiente:</p> <p><a href='http://posterous.com/getfile/files.posterous.com/nataliav/TvToWW0Wob6zQhbN1wYB2G5XcNybuI6f7hkFU8gvX6IxVEThHLZKDoOjBKVu/documentacion.png'><img src="http://posterous.com/getfile/files.posterous.com/nataliav/BYC62Kphv1AW1L1ox3hsQa0Om59e7zVjuChqpiKzk6GbBYlvHQIj10lier9u/documentacion.png.scaled.500.jpg" width="500" height="96"/></a> </p> <p>¿? Es una descripción de la función, pero no sigue el mismo formato del Codex en WordPress.org lo que resulta confuso y no ponen un ejemplo. Suponiendo que ya tenemos experiencia con los templates de WordPress, nos quedaría esto:</p> <p><img src="http://posterous.com/getfile/files.posterous.com/nataliav/o5l7e1g3GrQXi1aUUQ8g70neScDxDe9vWjqR2LBAqNmtXEQ3uJDJyBc2Gq65/codigo.png" width="270" height="31"/> </p> <p>y listo! Queda el botón en la página, <strong>pero</strong></p> <ul> <li>Da error agregar una entrada que no está en el feed. Al momento de registrar la bitácora y según cuántas entradas tengamos configuradas en el feed, va a agregar las 10 últimas por ejemplo, así que si es un blog con mayor cantidad de entradas, las anteriores no se pueden votar!</li> <li>Entonces probemos votar una entrada más reciente... Si la entrada está en el feed pero su fecha tiene más de 2 semanas de antigüedad, tampoco se puede votar!!</li> </ul> <p>Sería aconsejable entonces llamar a la función agregador_bitacoras_com dentro de un condicional if para verificar nosotros mismos que la fecha sea aceptable. </p> <p>Un detalle que me llamó la atención: el botón de Bitácoras que se coloca en los sitios es naranja y girs y el que está en el sitio de ellos es azul, es un camaleón; el botón de Digg es siempre amarillo, reforzando la imagen de la marca. </p> <p>En conclusión, Digg es el sitio de social news más grande y popular, entonces si vamos a hacer un sitio con el mismo concepto básico, por qué no analizar primero cómo funciona Digg, qué puntos buenos tiene y cuáles se pueden mejorar, para de esta manera lograr un sitio que sea realmente útil y ante todo fácil de usar, sin complicaciones para que más usuarios puedan beneficiarse. </p> </p> <p><a href="http://nataliav.me/es-tan-dificil-copiar-a-digg">Permalink</a> | <a href="http://nataliav.me/es-tan-dificil-copiar-a-digg#comment">Leave a comment  »</a> </p><img src="http://feeds.feedburner.com/~r/nataliav/~4/kIMEJQHbrMg" height="1" width="1"/> http://files.posterous.com/user_profile_pics/119546/msn.jpg http://posterous.com/people/4aAVnX2JxUuR Natalia Ventre nataliav Natalia Ventre http://nataliav.me/es-tan-dificil-copiar-a-digg Fri, 16 Oct 2009 15:55:00 -0700 To CMS or not to CMS http://feedproxy.google.com/~r/nataliav/~3/a0RUgtQysCk/to-cms-or-not-to-cms http://nataliav.me/to-cms-or-not-to-cms <p> <p>When we start a new project, we face the question to make a static site (HMTL) or a dynamic (database driven) website. To use or not to use a CMS.</p> <p><strong>Reasons for using a CMS</strong></p> <ul> <li>the content is updated frequently</li> <li>the content is updated by the average Joe</li> <li>you need features, such as a search box, and you are not a programmer</li> </ul> <p><strong>Reasons against using a CMS</strong></p> <ul> <li>the content is unlikely to be updated</li> <li>CMSs come with too many features that you are not going to use</li> <li>CMSs are hard to customize</li> <li>CMSs are not secure and not SEO friendly</li> </ul> <p>No updating the content frequently is a bad idea from the SEO point of view and besides the content always needs some degree of updating. Maybe a phone number changed, maybe now you are selling a new product, The content always changes.</p> <p>You can change that hardcoded content, that's right, but who really can do it? You need to know HTML or have the right software to edit and upload a web page, it not that hard,  but even for the most skilled, it takes time. Changing a phone number can take a couple of minutes, but adding a new page, integrate it (link it) to the rest of the site, uploading it, well…, that takes a little longer. Would you rather waste time making little changes or work in a new more profitable project? if you have a CMS whoever can log in and update the site right away.</p> <p>You do need a content management system, now the question boils down to choosing the right CMS or go for a custom development. I'll discuss this topic in an upcoming post. <a href="http://feeds.feedburner.com/nataliav">Subscribe to the RSS feed</a> to read on this matter.</p> </p> <p><a href="http://nataliav.me/to-cms-or-not-to-cms">Permalink</a> | <a href="http://nataliav.me/to-cms-or-not-to-cms#comment">Leave a comment  »</a> </p><img src="http://feeds.feedburner.com/~r/nataliav/~4/a0RUgtQysCk" height="1" width="1"/> http://files.posterous.com/user_profile_pics/119546/msn.jpg http://posterous.com/people/4aAVnX2JxUuR Natalia Ventre nataliav Natalia Ventre http://nataliav.me/to-cms-or-not-to-cms Thu, 15 Oct 2009 19:16:00 -0700 Get your contacts organized with Twitter and TweetDeck http://feedproxy.google.com/~r/nataliav/~3/_HZwxajnbs8/get-your-contacts-organized-with-twitter-and http://nataliav.me/get-your-contacts-organized-with-twitter-and <p> <p>Todat Twitter and TweetDeck launched 2 promising new features.</p> <h2>Twitter Lists</h2> <p><a href='http://posterous.com/getfile/files.posterous.com/nataliav/dOQ9IeQ7eac4AhR92ISEhVhF8wZcIBbav8URRZ0lUEY6pnWOOh908kmfiMlB/listas.png'><img src="http://posterous.com/getfile/files.posterous.com/nataliav/LtpSwlRF1szuSSoeIe8Pj9O1GMP9wH5wLGdUuZJnp6dpqWgc2xE5jp0QxIge/listas.png.scaled.500.jpg" width="500" height="116"/></a> </p> <p>Now you can organize the people your are following on <a href="http://twitter.com">Twitter </a>in <a href="http://twitter.com/nataliav/lists">lists</a>, (like in FriendFeed or FaceBook), plus other people can suscribe to the list (if the list is public, of course).</p> <p>There's a bug, you can't create a list called "blog" because you can't add people and the link redirects to <a href="http://blog.twitter.com">blog.twitter.com</a></p> <h2>New Followers Column</h2> <p><img src="http://posterous.com/getfile/files.posterous.com/nataliav/3zXrT0EJslxe8lezQurtsmQ7rbRE0XmDjGVnWjY9VLQ8dApF3MClHuBdTUCz/newfollowers.png" width="343" height="362"/> </p> <p>The version released today of <a href="http://tweetdeck.com/beta/">TweetDeck</a> allows you to add a new Twitter column: New Followers, so now you don't need to read Twitter emails notifications of new followers and can manage them straight from TweetDeck, Congrats to <a href="http://twitter.com/iainDodsworth">Ian Dodsworth</a> for this extremely useful new feature :)</p> </p> <p><a href="http://nataliav.me/get-your-contacts-organized-with-twitter-and">Permalink</a> | <a href="http://nataliav.me/get-your-contacts-organized-with-twitter-and#comment">Leave a comment  »</a> </p><img src="http://feeds.feedburner.com/~r/nataliav/~4/_HZwxajnbs8" height="1" width="1"/> http://files.posterous.com/user_profile_pics/119546/msn.jpg http://posterous.com/people/4aAVnX2JxUuR Natalia Ventre nataliav Natalia Ventre http://nataliav.me/get-your-contacts-organized-with-twitter-and Sat, 10 Oct 2009 15:23:00 -0700 List posts: the good, the bad and the ugly http://feedproxy.google.com/~r/nataliav/~3/6u-aKHAzB1Q/list-posts-the-good-the-bad-and-the-ugly http://nataliav.me/list-posts-the-good-the-bad-and-the-ugly <p> <p>This week challenge at <a href="http://problogger.com">Problogger</a> was to write a list post. List post are great to generate traffic, but in some cases, a list can be a FAIL. </p> <h3>The Good</h3> <p><em>12 Tips for Creating a Great Portfolio Site</em> is an easy to read list of tips, a paragraph (an explanation of the tip or why you should do it), and an example. Some tips are obvious and others probably you haven't think about them before. This list is good because the information is useful and well presented (easy to read).</p> <p><img src="http://posterous.com/getfile/files.posterous.com/nataliav/tTRJArB8to2VzKmojHUNzfIHsemXFV4ECqMiMiUcEElOHv5RPd2CRIQSfgBV/noupe.png" width="300" height="168"/> </p> <h3>The Bad</h3> <p><em>35 Useful Source Code Editors Reviewed</em> is a list of 35 code editors for Mac, Windows, Linux or cross - platform and from freeware up to $295. This is what I call a "Google Search Post", because there is no difference between reading the post and perform an web search. There are about 20 code editors for Windows listed, should I install them all and give them a try? Browse to 20 products sites to learn more... please help me make a decision!  The search post is bad because it lacks analysis.</p> <p><img src="http://posterous.com/getfile/files.posterous.com/nataliav/3cFig5FIvq7P3j6FgVIqOeBJAS8A9EOloBMZbMAN6R02B6oP98htkgNrqYTU/smashing.png" width="300" height="168"/> </p> <h3>The Ugly</h3> <p>Inspiration lists are ugly, for example <em>28 Beautiful Animal Inspired Logo Designs</em>. First of all, design is not art, design has a function, so why are this good designs? why do they work? In case someone wants to talk just about the aesthetics, why are this logotypes in the list? Inspiration list post are ugly because they seem random, usually there are a couple of great examples and others not that great.</p> <p><img src="http://posterous.com/getfile/files.posterous.com/nataliav/t9ib2wboFjlEfNt2XxNR19wYkJqPwWruoEgBNIkM1opPhFpBb3IiILGXtpKd/logos.png" width="300" height="168"/> </p> </p> <p><a href="http://nataliav.me/list-posts-the-good-the-bad-and-the-ugly">Permalink</a> | <a href="http://nataliav.me/list-posts-the-good-the-bad-and-the-ugly#comment">Leave a comment  »</a> </p><img src="http://feeds.feedburner.com/~r/nataliav/~4/6u-aKHAzB1Q" height="1" width="1"/> http://files.posterous.com/user_profile_pics/119546/msn.jpg http://posterous.com/people/4aAVnX2JxUuR Natalia Ventre nataliav Natalia Ventre http://nataliav.me/list-posts-the-good-the-bad-and-the-ugly Sat, 10 Oct 2009 13:36:00 -0700 The Dr Jekill and Mr Hyde Google's design team http://feedproxy.google.com/~r/nataliav/~3/yfyfQoMsDSQ/the-dr-jekill-and-mr-hyde-googles-design-team http://nataliav.me/the-dr-jekill-and-mr-hyde-googles-design-team <p> <p>The first time I ran Google Chrome, I was impressed by the minimal interface.</p> <p><img src="http://posterous.com/getfile/files.posterous.com/nataliav/1AeBMMjSWLWNqA41vcWFZkgC16YI3WgfGyLVmBEoyBgTVanULeKhNvgpEykR/interface-chrome.png" width="445" height="101"/> </p> <ul> <li>the icons are in solid colors, without text labels, all icons in the normal state are the same color</li> <li>no fancy gradients</li> <li>there is only one bar at the top</li> <li>the search and address bar are the same</li> <li>etc.</li> </ul> <p>Then a few days ago, I saw this page peal, so I click it.</p> <p><img src="http://posterous.com/getfile/files.posterous.com/nataliav/heSGa0ybcTw8rfvWWzoJdWdtxamk3kAs655uiqzuyKNafQ5pnzmXi4fvhDsh/pagepeal.png" width="132" height="151"/> </p> <p>Surprise! The Google themes... I don't know how to describe them, they're so busy! Who wants to browse the web within a yellow notepad???</p> <p><img src="http://posterous.com/getfile/files.posterous.com/nataliav/qLrUnGSQKkzwVwFa4emML5PQTFo3MOYcHn8lI99zlKjOhzv8CMKqnEh1p5Y7/temas.png" width="451" height="288"/> </p> <p>It's not the first time Google design team comes up with this kind of stuff (have you ever tried Gmail themes?), but they don't cease to amuse me.</p> </p> <p><a href="http://nataliav.me/the-dr-jekill-and-mr-hyde-googles-design-team">Permalink</a> | <a href="http://nataliav.me/the-dr-jekill-and-mr-hyde-googles-design-team#comment">Leave a comment  »</a> </p><img src="http://feeds.feedburner.com/~r/nataliav/~4/yfyfQoMsDSQ" height="1" width="1"/> http://files.posterous.com/user_profile_pics/119546/msn.jpg http://posterous.com/people/4aAVnX2JxUuR Natalia Ventre nataliav Natalia Ventre http://nataliav.me/the-dr-jekill-and-mr-hyde-googles-design-team Thu, 08 Oct 2009 17:19:00 -0700 Alternative to WordPress built in editor http://feedproxy.google.com/~r/nataliav/~3/4GbFd6AvrBE/alternative-to-wordpress-built-in-editor http://nataliav.me/alternative-to-wordpress-built-in-editor <p> <p>WordPress uses TinyMCE, a very complete WYSIWYG (What You See Is What You Get) editor. It's similar to Word, which is good for most users, but what if you're more like a notepad type of person?</p> <p>You can disable the visual editor, and write HTML. I know HTML, so that's not a problem for me, but creative writing and coding don't mix well.</p> <p>I first met <a href="http://daringfireball.net/projects/markdown/">Markdown </a>when I was using Tumblr. Markdown has a simple philosophy: easy writing, easy reading. If you want to format a title, for example, you type this:</p> <p>This is a title<br /> ===============</p> <p>or</p> <p># This is a title</p> <p>Then Markdown translates this into HTML code, so in the web page, there's gonna be a H1 tag.</p> <p><strong>Benefits of Markdown:</strong></p> <ul> <li>The keyboard is faster than the mouse. Typing some characters is faster than moving the mouse to the right place, selecting text, moving again the mouse, selecting an option from a menu or pressing a button.</li> <li>It looks pretty natural, you have to learn how to do it, but most styles are you're probably already doing in a .txt file.</li> </ul> <h2>How to install Markdown</h2> <p>Install the <a href="http://wordpress.org/extend/plugins/markdown-for-wordpress-and-bbpress/">Markdown </a>plugin and disable the text editor and you're ready to go.</p> </p> <p><a href="http://nataliav.me/alternative-to-wordpress-built-in-editor">Permalink</a> | <a href="http://nataliav.me/alternative-to-wordpress-built-in-editor#comment">Leave a comment  »</a> </p><img src="http://feeds.feedburner.com/~r/nataliav/~4/4GbFd6AvrBE" height="1" width="1"/> http://files.posterous.com/user_profile_pics/119546/msn.jpg http://posterous.com/people/4aAVnX2JxUuR Natalia Ventre nataliav Natalia Ventre http://nataliav.me/alternative-to-wordpress-built-in-editor Wed, 07 Oct 2009 14:59:00 -0700 5 must have tools for bloggers http://feedproxy.google.com/~r/nataliav/~3/BJRdJn6TDtc/5-must-have-tools-for-bloggers http://nataliav.me/5-must-have-tools-for-bloggers <p> <p>No matter what your blog is about, besides a blog plattaform to publish your work, you need some tools to blog efficiently. Here's a list of the top 5:</p> <h3>1. A distraction free text editor</h3> <p>For Windows, I recommend <a href="http://www.baara.com/q10/">Q10</a>, it's a free fullscreen text editor, similar to Notepad, it doesn't have format options (bold, italic, colors, etc.) so you can focus on just writing. You can configure the background and font color, if you don't like the "console" look and feel. You can then paste your work in your favorite blog plattaform. Q10 saves the files as .txt Other options: Darkroom (Windows), WriteRoom (Mac).</p> <h3>2. Statistics</h3> <p>To measure the success of the posts and the blog in general, statistics come in handy. For web traffic, Google Analytics is very complete, but for a blog, you need also FeedBurner to keep track of your RSS feeds. For social media reactions, you can use Tweetmeme (Twitter only), ShareThis, etc. </p> <h3>3. Notebooks</h3> <p>With <a href="http://www.evernote.com/">Evernote</a>, you can store all the important information online and access it from your PC, laptop, iPhone... from everywhere. You can create a notebook for all the good blogging tips you find on the Internet - specially on Problogger.net -, another notebook for WordPress code snippets (recipes) and of course take notes for your upcoming post. The notes can be typed text, handwritten with a tablet, audio, photos... It's great to research about a topic and have all the material in one place!</p> <h3>4. A feed reader</h3> <p>You want to have readers, but do you read other blogs? There are many free options like Google Reader (online) or FeedReader (desktop), but I recommend <a href="http://feedafever.com/">Fever</a> that works better if you follow a large number of feeds. </p> <h3>5. Twitter - Facebook client</h3> <p>Twitter and Facebook are good ways to promote your blog and get in touch with your readers. A software like <a href="http://tweetdeck.com/beta/">TweetDeck </a>let you login and update your status in different sites. It has an integrated URL shortener and other functions to make your social media experience faster and more productive.  Other options: Seesmic Desktop</p> <p>What other tools can't you blog without? </p> </p> <p><a href="http://nataliav.me/5-must-have-tools-for-bloggers">Permalink</a> | <a href="http://nataliav.me/5-must-have-tools-for-bloggers#comment">Leave a comment  »</a> </p><img src="http://feeds.feedburner.com/~r/nataliav/~4/BJRdJn6TDtc" height="1" width="1"/> http://files.posterous.com/user_profile_pics/119546/msn.jpg http://posterous.com/people/4aAVnX2JxUuR Natalia Ventre nataliav Natalia Ventre http://nataliav.me/5-must-have-tools-for-bloggers Mon, 05 Oct 2009 16:00:00 -0700 Setting up a listening station with Fever http://feedproxy.google.com/~r/nataliav/~3/-q3dx6pgsGA/setting-up-a-listening-station-with-fever http://nataliav.me/setting-up-a-listening-station-with-fever <p> <p>If you've read <a href="http://www.trustagent.com/">Trust Agents</a> or <a href="http://www.sitepoint.com/books/online1/">Online Marketing Inside Out</a>, you already know what I'm talking about. What can you "listen" on the Internet? You can listen what others are saying about:</p> <ul> <li>yourself (or your product, or your company)</li> <li>your competitors</li> <li>news in your industry</li> </ul> <p>How can you listen? Using RSS. Not only blogs have RSS feeds, forums, Technorati searches, Delicious tags, Digg categories, etc. have RSS, too. If you never used RSS before, watch the next video and you'll get the idea.</p> <p><object height="417" width="500"><param name="movie" value="http://www.youtube.com/v/0klgLsSxGsU&hl=en&fs=1" /></param><param name="wmode" value="window" /><param name="allowFullScreen" value="true" /></param><param name="allowscriptaccess" value="always" /></param><embed src="http://www.youtube.com/v/0klgLsSxGsU&hl=en&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" height="417" wmode="window" width="500"></embed></object></p> <p>So now, what? You stuff your RSS reader with everything you've found about the topic you're interested and then spend hours reading and not get your job done. I don't think so. Fever is a feed reader specially designed to manage large amounts of feeds.</p> <p><a href='http://posterous.com/getfile/files.posterous.com/nataliav/WogX19PB7ipVYFVTlJpJkTOiJrKNeOnC51wCTcEMfFSinBLpcLMQ24GNxkrm/kindling.jpg'><img src="http://posterous.com/getfile/files.posterous.com/nataliav/ptrvOhKjCr02WFhWtWHp5aaScUvPoSk9uV11WZKHiulRIRuqbSmFiijCH4aG/kindling.jpg.scaled.500.jpg" width="500" height="122"/></a> </p> <p>The feeds that you must read you save them as "<strong>Kindling</strong>". In my case, I have few blogging and web design related blogs and Feedburner's FeedBulletin.</p> <p><a href='http://posterous.com/getfile/files.posterous.com/nataliav/H8cFOTyz1wfFyGdvFvPQtRqhz7H3Ybn30iSYOdkvBRLC6y3FuY35PoWOFRt9/sparks.jpg'><img src="http://posterous.com/getfile/files.posterous.com/nataliav/S57yjBoWk01gT0ZMzNX23VBPsl8qetwG0BHZiJpDVYT494EDJHSttmT9Gl3W/sparks.jpg.scaled.500.jpg" width="500" height="294"/></a> </p> <p>Everything else is a "<strong>Spark</strong>". Good candidates for sparks are</p> <ul> <li>link blogs</li> <li>>Delicious accounts of people in your network</li> <li>Delicious tags of industry related topics</li> <li>Digg categories</li> <li>Digg searches</li> </ul> <p>Fever does a list of what's Hot, based on how many of your sparks share the same link, so you don't have to read every single spark. You browse your Hot list and you'll never miss an important topic. A couple of weeks everybody was talking about Typedia, then about Google Chrome Frame, those topics had a fever, and I found out about them effortlessly.</p> <p><a href='http://posterous.com/getfile/files.posterous.com/nataliav/TqtwwRuDRNlAMiVN2BC1w7B4X1Ee7tDy8pQduYwUoVR3zGydPf3hcsANHDxR/hot.jpg'><img src="http://posterous.com/getfile/files.posterous.com/nataliav/3WXOffOD1cYa5T5azqdNEAloA4XzCTZjHGtbxYYNlVE2uT0dRFFMggDKJgUU/hot.jpg.scaled.500.jpg" width="500" height="447"/></a> </p> <p>You can read more information about <a href="http://feedafever.com/">Fever</a> in feedafever.com but trust me, it's very easy to use and don't get scared by the installation.</p> </p> <p><a href="http://nataliav.me/setting-up-a-listening-station-with-fever">Permalink</a> | <a href="http://nataliav.me/setting-up-a-listening-station-with-fever#comment">Leave a comment  »</a> </p><img src="http://feeds.feedburner.com/~r/nataliav/~4/-q3dx6pgsGA" height="1" width="1"/> http://files.posterous.com/user_profile_pics/119546/msn.jpg http://posterous.com/people/4aAVnX2JxUuR Natalia Ventre nataliav Natalia Ventre http://nataliav.me/setting-up-a-listening-station-with-fever