Aprende diseño web, (X)HTML, CSS, SEO, estándares y buenas practicas. http://aprendiendoweb.com Fri, 10 Feb 2012 01:58:06 +0000 http://lucumacms.org/ es aprendiendowebhttp://feedburner.google.com http://feedproxy.google.com/~r/aprendiendoweb/~3/yI7ibS2H6aI/lleva-cursos-online-de-la-universidad-de-stanford-gratis http://aprendiendoweb.com/2012/02/lleva-cursos-online-de-la-universidad-de-stanford-gratis Fri, 3 Feb 2012 18:11:50 +0000 <div><p><img src="/static/files/launchpad.png" alt="Clases en Stanford"/><span class="lic_attr">imagen de <a href="http://www.launchpad-class.org/">The Lean Launchpad</a></span></p></div> <p>La Universidad de Stanford presenta varios cursos online gratuitos que empiezan a dictarse en Febrero del 2012 (sí, este mes!).</p> <p>Entre los cursos sue se dictarán temas como Human-Computer Interaction, Computer Science, Information Theory, Entrepreneurship o Game Theory entre otros. <h2>¿Cómo serán las clases?</h2> <p>La clase consistirá en vídeos, cortados en clips de 8 a 12 minutos cada uno. Algunos de estos videos pueden contener cuestionarios integrados. También habrán cuestionarios independientes que no serán partes de los videos.</p> <p>Tendremos aproximadamente 2 horas de video por semana.</p> <h2>Los cursos</h2> <p>Aquí te dejo un listado con 11 cursos online gratuitos de la Universidad de Stanford que se empiezan a dictar este mes.</p> <!-- more --> <ul> <li> <h3><a href="http://www.game-theory-class.org/">Game Theory</a></h3> <p><strong>Matthew Jackson y Yoav Shoham</strong></p> <p>Inicio: <em>Finales de Febrero 2012</em></p> <iframe width="560" height="315" src="http://www.youtube.com/embed/_UcRbnJoDKc?rel=0" frameborder="0" allowfullscreen></iframe> <p><a href="http://www.game-theory-class.org/">Game Theory</a></p> </li> <li> <h3><a href="http://www.nlp-class.org/">Natural Language Processing</a></h3> <p><strong>Chris Manning y Dan Jurafsky</strong></p> <p>Inicio: <em>Febrero 2012</em></p> <iframe width="560" height="315" src="http://www.youtube.com/embed/Fnr4A0tcU-M?rel=0" frameborder="0" allowfullscreen></iframe> <p><a href="http://www.nlp-class.org/">Natural Language Processing</a></p> </li> <li> <h3><a href="http://www.pgm-class.org/">Probabilistic Graphical Models</a></h3> <p><strong>Daphne Koller</strong></p> <p>Inicio: <em>Febrero 2012</em></p> <iframe width="560" height="315" src="http://www.youtube.com/embed/S1r6nZjMQC8?rel=0" frameborder="0" allowfullscreen></iframe> <p><a href="http://www.pgm-class.org/">Probabilistic Graphical Models</a></p> </li> <li> <h3><a href="http://www.hci-class.org/">Human-Computer Interaction</a></h3> <p><strong>Scott Klemmer</strong></p> <p>Inicio: <em>Febrero 2012</em></p> <iframe width="560" height="315" src="http://www.youtube.com/embed/GBwLAqOjbrA?rel=0" frameborder="0" allowfullscreen></iframe> <p><a href="http://www.hci-class.org/">Human-Computer Interaction</a></p> </li> <li> <h3><a href="http://jan2012.ml-class.org/">Machine Learning</a></h3> <p><strong>Andrew Ng</strong></p> <p>Inicio: <em>Febrero 2012</em></p> <iframe width="560" height="315" src="http://www.youtube.com/embed/e0WKJLovaZg?rel=0" frameborder="0" allowfullscreen></iframe> <p><a href="http://jan2012.ml-class.org/">Machine Learning</a></p> </li> <li> <h3><a href="http://www.venture-class.org/">Technology Entrepreneurship</a></h3> <p><strong>Chuck Eesley</strong></p> <p>Inicio: <em>Febrero 2012</em></p> <iframe width="560" height="315" src="http://www.youtube.com/embed/Muy9vyHPUAM?rel=0" frameborder="0" allowfullscreen></iframe> <p><a href="http://www.venture-class.org/">Technology Entrepreneurship</a></p> </li> <li> <h3><a href="http://www.launchpad-class.org/">The Lean Launchpad</a></h3> <p><strong>Steve Blank</strong></p> <p>Inicio: <em>Febrero 2012</em></p> <iframe width="560" height="315" src="http://www.youtube.com/embed/AINJpHoefDc?rel=0" frameborder="0" allowfullscreen></iframe> <p><a href="http://www.launchpad-class.org/">The Lean Launchpad</a></p> </li> <li> <h3><a href="http://www.crypto-class.org/">Cryptography</a></h3> <p><strong>Dan Boneh</strong></p> <p>Inicio: <em>Febrero 2012</em></p> <iframe width="560" height="315" src="http://www.youtube.com/embed/QVL1gjS20XU?rel=0" frameborder="0" allowfullscreen></iframe> <p><a href="http://www.crypto-class.org/">Cryptography</a></p> </li> <li> <h3><a href="http://www.infotheory-class.org/">Information Theory</a></h3> <p><strong>Tsachy Weissman</strong></p> <p>Inicio: <em>Marzo 2012</em></p> <iframe width="560" height="315" src="http://www.youtube.com/embed/6M3Ych6nkTk?rel=0" frameborder="0" allowfullscreen></iframe> <p><a href="http://www.infotheory-class.org/">Information Theory</a></p> </li> <li> <h3><a href="http://www.algo-class.org/">Design and Analysis of Algorithms I</a></h3> <p><strong>Tim Roughgarden</strong></p> <p>Inicio: <em>Febrero 2012</em></p> <iframe width="560" height="315" src="http://www.youtube.com/embed/_gr7o5ynhnw?rel=0" frameborder="0" allowfullscreen></iframe> <p><a href="http://www.algo-class.org/">Design and Analysis of Algorithms I</a></p> </li> <li> <h3><a href="http://www.cs101-class.org/">Computer Science 101</a></h3> <p><strong>Nick Parlante</strong></p> <p>Inicio: <em>Febrero 2012</em></p> <iframe width="560" height="315" src="http://www.youtube.com/embed/nnBbf8FG5Hw?rel=0" frameborder="0" allowfullscreen></iframe> <p><a href="http://www.cs101-class.org/">Computer Science 101</a></p> </li> </ul> <p>Ya sables, puedes inscribirte en los cursos que quieras, yo ya me inscribí en 4 y tal vez nos encontremos en alguna de ellas.</p> <p><a href="http://aprendiendoweb.com/2012/02/lleva-cursos-online-de-la-universidad-de-stanford-gratis">Unete a la conversación</a></p> <p><a href="http://feedads.g.doubleclick.net/~a/fuqMKYUzi77YLR2TnYFZW9ONOak/0/da"><img src="http://feedads.g.doubleclick.net/~a/fuqMKYUzi77YLR2TnYFZW9ONOak/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/fuqMKYUzi77YLR2TnYFZW9ONOak/1/da"><img src="http://feedads.g.doubleclick.net/~a/fuqMKYUzi77YLR2TnYFZW9ONOak/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/aprendiendoweb/~4/yI7ibS2H6aI" height="1" width="1"/> http://aprendiendoweb.com/2012/02/lleva-cursos-online-de-la-universidad-de-stanford-gratis http://feedproxy.google.com/~r/aprendiendoweb/~3/xymYsTSE3ac/css3test-prueba-las-capacidades-de-css3-de-tu-navegador http://aprendiendoweb.com/2012/02/css3test-prueba-las-capacidades-de-css3-de-tu-navegador Thu, 2 Feb 2012 14:56:02 +0000 <p>Acabo de ver <a href="http://css3test.com/">CSS3test</a>, una interesante forma de probar soporte de CSS3 en tus navegadores&hellip; ¿porque usas varios, no?</p> <p>Como <a href="http://lea.verou.me/2012/02/exactly-how-much-css3-does-your-browser-support/">explica</a> su autora, Lea Verou, <a href="http://css3test.com/">CSS3test</a> prueba (muy superficialmente) casi todo de las siguientes especificaciones (y no solamente lo más implementado).</p> <ol> <li>Backgrounds and Borders</li> <li>Image Values and Replaced Content</li> <li>Selectors</li> <li>Media Queries</li> <li>Basic User Interface</li> <li>Transitions</li> <li>Animations</li> <li>2D Transforms</li> <li>3D Transforms</li> <li>Text</li> <li>Fonts</li> <li>Color</li> <li>Multi-column Layout</li> <li>Values and Units</li> </ol> <p>Y cuando dice casi todo, en verdad es casi todo. Puedes darle click a cada una y ver exactamente qué tests pasó y cuales no</p> <p>Aquí puedes ver, por ejemplo, como mi navegador (Chrome) pasa background-size pero no completa background.</p> <p><img src="/static/files/css3test-back.png" alt="css3test backgrounds en Chrome"/></p> <p>Además termina con la siguiente frase:</p> <blockquote> <p><strong>Cheaters</strong> WebKit claims to support CSS3 background-repeat, but it’s LYING</p> </blockquote> <p>En fin, una herramienta más en el arsenal del diseñador web.</p><p><a href="http://aprendiendoweb.com/2012/02/css3test-prueba-las-capacidades-de-css3-de-tu-navegador">Unete a la conversación</a></p> <p><a href="http://feedads.g.doubleclick.net/~a/Z8VUHp202AqoRbnIGzYN_jv6B0E/0/da"><img src="http://feedads.g.doubleclick.net/~a/Z8VUHp202AqoRbnIGzYN_jv6B0E/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/Z8VUHp202AqoRbnIGzYN_jv6B0E/1/da"><img src="http://feedads.g.doubleclick.net/~a/Z8VUHp202AqoRbnIGzYN_jv6B0E/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/aprendiendoweb/~4/xymYsTSE3ac" height="1" width="1"/> http://aprendiendoweb.com/2012/02/css3test-prueba-las-capacidades-de-css3-de-tu-navegador http://feedproxy.google.com/~r/aprendiendoweb/~3/96n2Zg0j5Y4/css1k-una-demostracion-de-lo-que-se-puede-hacer-con-solo-1kb-de-css http://aprendiendoweb.com/2012/02/css1k-una-demostracion-de-lo-que-se-puede-hacer-con-solo-1kb-de-css Thu, 2 Feb 2012 04:32:16 +0000 <p><a href="http://css1k.com/">CSS1K</a> es un proyecto de <a href="http://twitter.com/jacobrask">Jakob Rask</a> que busca probar el poder de las hojas de estilo.</p> <p><img src="/static/files/css1k.png" alt="Lúcuma, mi estilo en CSS 1K"></p> <p>La idea es sencilla, darle estilos a una página sin modificar el markup y usando un CSS que pese como máximo 1kb (1024 bytes).</p> <p>Algo así como <a href="http://www.csszengarden.com/">CSS Zen Garden</a> con un límite en el tamaño del CSS. Pero esa no es la única limitante, tampoco puedes usar recursos externos como imágenes o @font-face, lo que hace que este proyecto se vuelva aún más interesante.</p> <p>Para participar debes hacer un fork de <a href="https://github.com/jacobrask/CSS1K/">CSS1K en github</a> y enviar tus estilos mediante un pull request.</p> <p>Yo ya envié <a title="Lúcuma, por Germán Martínez" href="http://css1k.com/#lucuma">mi diseño</a> (de hecho la imagen de arriba muestra una parte), sería genial que también participes y compartas tu diseño en los comentarios!</p> <p><a href="http://aprendiendoweb.com/2012/02/css1k-una-demostracion-de-lo-que-se-puede-hacer-con-solo-1kb-de-css">Unete a la conversación</a></p> <p><a href="http://feedads.g.doubleclick.net/~a/Ux6HPv1wH1HSHRVam5LWxOuQbTA/0/da"><img src="http://feedads.g.doubleclick.net/~a/Ux6HPv1wH1HSHRVam5LWxOuQbTA/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/Ux6HPv1wH1HSHRVam5LWxOuQbTA/1/da"><img src="http://feedads.g.doubleclick.net/~a/Ux6HPv1wH1HSHRVam5LWxOuQbTA/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/aprendiendoweb/~4/96n2Zg0j5Y4" height="1" width="1"/> http://aprendiendoweb.com/2012/02/css1k-una-demostracion-de-lo-que-se-puede-hacer-con-solo-1kb-de-css http://feedproxy.google.com/~r/aprendiendoweb/~3/vuXPfZfP8mA/comparte-tus-articulos-favoritos-de-aprendiendo-web-en-facebook http://aprendiendoweb.com/2012/02/comparte-tus-articulos-favoritos-de-aprendiendo-web-en-facebook Wed, 1 Feb 2012 17:08:12 +0000 <p>Ahora puedes compartir tus artículos favoritos de <strong>Aprendiendo Web</strong> en Facebook.</p> <p>Sí, se que me demoré mucho en poner esa característica y que he tenido el blog algo abandonado, pero estoy empezando a escribir de nuevo y pienso seguir haciéndolo :)</p> <p>Este es un pequeño post para contarles de esta nueva funcionalidad. De hecho me gustaría mucho que empiecen a recomendar el blog o sus artículos favoritos</p> <p>Gracias!</p><p><a href="http://aprendiendoweb.com/2012/02/comparte-tus-articulos-favoritos-de-aprendiendo-web-en-facebook">Unete a la conversación</a></p> <p><a href="http://feedads.g.doubleclick.net/~a/7obQJg6YQia7LkgDd2voyqc6YFQ/0/da"><img src="http://feedads.g.doubleclick.net/~a/7obQJg6YQia7LkgDd2voyqc6YFQ/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/7obQJg6YQia7LkgDd2voyqc6YFQ/1/da"><img src="http://feedads.g.doubleclick.net/~a/7obQJg6YQia7LkgDd2voyqc6YFQ/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/aprendiendoweb/~4/vuXPfZfP8mA" height="1" width="1"/> http://aprendiendoweb.com/2012/02/comparte-tus-articulos-favoritos-de-aprendiendo-web-en-facebook http://feedproxy.google.com/~r/aprendiendoweb/~3/zb6zaElyNr0/y-ya-que-estamos-hablando-de-kathy-sierra... http://aprendiendoweb.com/2012/01/y-ya-que-estamos-hablando-de-kathy-sierra... Tue, 31 Jan 2012 13:52:07 +0000 <p>Y ya que en el post anterior Kathy Sierra…</p> <p>Les dejo algunos de los artículos que traduje de su blog <a href="http://headrush.typepad.com">Creating Passionate Users</a> (mi blog favorito)</p> <ul> <li><a href="http://aprendiendoweb.com/2009/05/es-twitter-demasiado-bueno">¿Es Twitter demasiado bueno?</a></li> <li><a href="http://aprendiendoweb.com/2008/11/seduccion-cognitiva-y-la-ley-de-peekaboo">Seducción cognitiva y la ley del "peekaboo"</a></li> <li><a href="http://aprendiendoweb.com/2008/11/mejores-comienzos:-como-empezar-una-presentacion-libro-articulo">Mejores comienzos: cómo empezar una presentación, libro, artículo...</a></li> <li><a href="http://aprendiendoweb.com/2008/10/el-marketing-deberia-ser-educacion-la-educacion-deberia-ser-marketing">El marketing debería ser educación, la educación debería ser marketing</a></li> <li><a href="http://aprendiendoweb.com/2008/10/experiencia-de-usuario-de-alta-resolucion">Experiencia de usuario de alta resolución</a></li> <li><a href="http://aprendiendoweb.com/2008/09/un-estilo-de-escritura-conversacional-le-patea-el-trasero-a-un-estilo-formal">Un estilo de escritura conversacional le patea el trasero a un estilo formal</a></li> <li><a href="http://aprendiendoweb.com/2008/09/muerte-cerebral-gracias-a-un-soso-cubiculo">Muerte cerebral gracias a un soso cubículo</a></li> <li><a href="http://aprendiendoweb.com/2008/09/tu-aplicacion-besa-traseros">¿Tu aplicación besa traseros?</a></li> <li><a href="http://aprendiendoweb.com/2008/09/...pero-es-memorable">…pero es memorable¿</a></li> <li><a href="http://aprendiendoweb.com/2008/08/...pero-es-interesante">…pero es interesante?</a></li> <li><a href="http://aprendiendoweb.com/2008/08/como-ser-un-experto">Cómo ser un experto</a></li> <li><a href="http://aprendiendoweb.com/2008/08/curso-acelerado-en-teoria-del-aprendizaje">Curso acelerado en teoría del aprendizaje</a></li> <li><a href="http://aprendiendoweb.com/2008/08/escribe-tu-codigo-como-una-chica">¿Escribes tu código como una niña?</a></li> </ul> <p>Todos los artículos tienen un enlace al post original así que si pueden les recomiendo leerlos de la fuente original :)</p> <p><a href="http://aprendiendoweb.com/2012/01/y-ya-que-estamos-hablando-de-kathy-sierra...">Unete a la conversación</a></p> <p><a href="http://feedads.g.doubleclick.net/~a/wBp6JH6cTKh5b-Bfx6n2GHxYq4s/0/da"><img src="http://feedads.g.doubleclick.net/~a/wBp6JH6cTKh5b-Bfx6n2GHxYq4s/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/wBp6JH6cTKh5b-Bfx6n2GHxYq4s/1/da"><img src="http://feedads.g.doubleclick.net/~a/wBp6JH6cTKh5b-Bfx6n2GHxYq4s/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/aprendiendoweb/~4/zb6zaElyNr0" height="1" width="1"/> http://aprendiendoweb.com/2012/01/y-ya-que-estamos-hablando-de-kathy-sierra... http://feedproxy.google.com/~r/aprendiendoweb/~3/B8aSznSCAgM/kathy-sierra-creating-passionate-users---toc-2011 http://aprendiendoweb.com/2012/01/kathy-sierra-creating-passionate-users---toc-2011 Tue, 31 Jan 2012 13:41:11 +0000 <p>Probablemente todos aquí saben que son un gran <a href="http://aprendiendoweb.com/tag/kathy-sierra">fan de Kathy Sierra</a>.</p> <p>Hoy comparto el video de su charla sobre como Crear Usuarios Apasionados en la conferencia TOC 2011.</p> <p>TOC significa <a href="http://www.toccon.com/toc2012/public/content/about">Tools of Change for Publishing</a>, y es una conferencia de O'Reilly</p> <p>En fin, aquí los dejo con el video.</p> <iframe width="620" height="345" src="http://www.youtube.com/embed/eSlRd6MnDv8?rel=0" frameborder="0" allowfullscreen></iframe> <p>¿Piensan en eso al momento de crear sus aplicaciones?</p><p><a href="http://aprendiendoweb.com/2012/01/kathy-sierra-creating-passionate-users---toc-2011">Unete a la conversación</a></p> <p><a href="http://feedads.g.doubleclick.net/~a/CqCqz-iTkI694gxbkxpfgjwQHZY/0/da"><img src="http://feedads.g.doubleclick.net/~a/CqCqz-iTkI694gxbkxpfgjwQHZY/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/CqCqz-iTkI694gxbkxpfgjwQHZY/1/da"><img src="http://feedads.g.doubleclick.net/~a/CqCqz-iTkI694gxbkxpfgjwQHZY/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/aprendiendoweb/~4/B8aSznSCAgM" height="1" width="1"/> http://aprendiendoweb.com/2012/01/kathy-sierra-creating-passionate-users---toc-2011 http://feedproxy.google.com/~r/aprendiendoweb/~3/XLWK0B4zB1s/opera-en-dispositivos-moviles http://aprendiendoweb.com/2012/01/opera-en-dispositivos-moviles Thu, 26 Jan 2012 16:55:41 +0000 <p>Hace ya buen tiempo que los dispositivos móviles son parte de nuestras vidas y como diseñadores/desarrolladores web tenemos que pensar en ellos al momento de crear nuestras aplicaciones.</p> <p>Seguramente muchos piensan que los navegadores más usados en móviles son los de iPhone y Android... ¡pues no es cierto!</p> <p><a href="http://gs.statcounter.com/#mobile_browser-ww-monthly-201012-201112">Según StatCounter</a>, a Diciembre del 2011 el navegador más usado en móviles es Opera (24.22%) con Android (20.22%) en segundo lugar y iPhone (18.41%) en tercero.</p> <p>Me imagino que siempre probaste tus diseños en los navegadores de Android y iPhone ¿Pero lo hiciste en <a href="http://www.opera.com/mobile/">Opera</a>?</p> <p>Aquí un video sobre Opera Mini</p> <iframe width="620" height="345" src="http://www.youtube.com/embed/MVZNTV-cAMg?rel=0" frameborder="0" allowfullscreen></iframe><p><a href="http://aprendiendoweb.com/2012/01/opera-en-dispositivos-moviles">Unete a la conversación</a></p> <p><a href="http://feedads.g.doubleclick.net/~a/tegIab5TsmjOI2hCjf8qMb_f6vU/0/da"><img src="http://feedads.g.doubleclick.net/~a/tegIab5TsmjOI2hCjf8qMb_f6vU/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/tegIab5TsmjOI2hCjf8qMb_f6vU/1/da"><img src="http://feedads.g.doubleclick.net/~a/tegIab5TsmjOI2hCjf8qMb_f6vU/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/aprendiendoweb/~4/XLWK0B4zB1s" height="1" width="1"/> http://aprendiendoweb.com/2012/01/opera-en-dispositivos-moviles http://feedproxy.google.com/~r/aprendiendoweb/~3/uMlRm0KJsyc/sopa* http://aprendiendoweb.com/2011/12/sopa* Fri, 23 Dec 2011 12:09:26 +0000 <p>Por favor, denle una mirada a <a href="http://www.alistapart.com/articles/say-no-to-sopa/">Say No to SOPA</a>, un artículo escrito por Jeffrey Zeldman en A List Apart.</p> <p>Mientras, los dejo con el siguiente video:</p> <h2>Hitler reacts to SOPA</h2> <iframe width="620" height="345" src="http://www.youtube.com/embed/uvXo4sGB7zM?rel=0" frameborder="0" allowfullscreen></iframe> <p>* SOPA = Stop Online Piracy Act</p><p><a href="http://aprendiendoweb.com/2011/12/sopa*">Unete a la conversación</a></p> <p><a href="http://feedads.g.doubleclick.net/~a/vZCvx3VUifczxJUv-RAIip4izCM/0/da"><img src="http://feedads.g.doubleclick.net/~a/vZCvx3VUifczxJUv-RAIip4izCM/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/vZCvx3VUifczxJUv-RAIip4izCM/1/da"><img src="http://feedads.g.doubleclick.net/~a/vZCvx3VUifczxJUv-RAIip4izCM/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/aprendiendoweb/~4/uMlRm0KJsyc" height="1" width="1"/> http://aprendiendoweb.com/2011/12/sopa* http://feedproxy.google.com/~r/aprendiendoweb/~3/YAJkcjS5qh8/casi-un-ano-sin-escribir-un-post http://aprendiendoweb.com/2011/11/casi-un-ano-sin-escribir-un-post Tue, 29 Nov 2011 18:00:45 +0000 <p>Antes que nada quiero contarles que pienso retomar el blog y empezar a escribir pronto.</p> <p>Para los que se dieron cuenta, he estado algo ocupado el último par de años y una de las primeras cosas que dejé de hacer fue escribir en mi blog :(</p> <p>Así que si se preguntan qué he estado haciendo todo este tiempo aquí les dejo una pequeña lista:</p> <!-- more --> <ul> <li>Enseñando en el módulo de usabilidad y UX del Diplomado de Especialización en estrategias digitales en la Gestión del Marketing en la Universidad del Pacífico</li> <li>Enseñando el curso de proyectos de comunicación editorial (AKA Diseño web de sitios editoriales) en ISIL</li> <li>Dicté una pequeña charla en Lima con motivo del World Usability Day sobre las mejoras de usabilidad en el <a href="http://punto.pe">punto.pe</a></li> <li>Dicté una conferencia sobre el uso de CSS 3 en Arequipa hace un par de semanas</li> <li>Y para los que la recuerdan, mi charla en el último Barcamp Lima "¿Qué mierda es esto, lo puedo romper?" (si alguien encuentra el link pasen la voz)</li> <li>Sigo asistiendo todos los años a <a href="http://aneventapart.com">An Event Apart</a>!</li> <li>He participado en la creación de varias aplicaciones web :)</li> <li>Y hace unas semanas mi equipo fue uno de los 10 ganadores de <a href="http://wayra.org/es/blog/wayra-anuncia-10-proyectos-elegidos-primera-wayraweek-peru">Wayra Perú</a></li> </ul> <p>En fin esto fue algo como para ponernos al día, de hecho tengo mucho más que contar, pero no quiero hacer este post muy largo.</p><p><a href="http://aprendiendoweb.com/2011/11/casi-un-ano-sin-escribir-un-post">Unete a la conversación</a></p> <p><a href="http://feedads.g.doubleclick.net/~a/G4CcQTJCiOkNWM-2oz7lHvegnJU/0/da"><img src="http://feedads.g.doubleclick.net/~a/G4CcQTJCiOkNWM-2oz7lHvegnJU/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/G4CcQTJCiOkNWM-2oz7lHvegnJU/1/da"><img src="http://feedads.g.doubleclick.net/~a/G4CcQTJCiOkNWM-2oz7lHvegnJU/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/aprendiendoweb/~4/YAJkcjS5qh8" height="1" width="1"/> http://aprendiendoweb.com/2011/11/casi-un-ano-sin-escribir-un-post http://feedproxy.google.com/~r/aprendiendoweb/~3/DbNu30awY_k/usando-css-3-hoy http://aprendiendoweb.com/2011/11/usando-css-3-hoy Thu, 24 Nov 2011 18:01:14 +0000 <p>El sábado pasado dicté una charla en Arequipa sobre CSS 3</p> <p><img src="/static/files/css3hoy.png" alt="CSS 3 hoy" /></p> <p>Y ya que estaba hablando de CSS 3 decidí no usar slides sino más bien usar una página hecha en HTML5 y CSS3!</p> <p>La charla no fue grabada pero estoy seguro que les gustaría a ver la página <a href="http://martinez.pe/static/css3">Usando CSS 3 hoy</a> que diseñé para el evento.</p> <p>Estoy usando Media Queries en esa página, así que prueben de cambiar el tamaño de la ventana del navegador :)</p><p><a href="http://aprendiendoweb.com/2011/11/usando-css-3-hoy">Unete a la conversación</a></p> <p><a href="http://feedads.g.doubleclick.net/~a/GSMbxZmVFTLJpA8T_Vlf_0V-CkI/0/da"><img src="http://feedads.g.doubleclick.net/~a/GSMbxZmVFTLJpA8T_Vlf_0V-CkI/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/GSMbxZmVFTLJpA8T_Vlf_0V-CkI/1/da"><img src="http://feedads.g.doubleclick.net/~a/GSMbxZmVFTLJpA8T_Vlf_0V-CkI/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/aprendiendoweb/~4/DbNu30awY_k" height="1" width="1"/> http://aprendiendoweb.com/2011/11/usando-css-3-hoy http://feedproxy.google.com/~r/aprendiendoweb/~3/sZMMSGH3HkQ/chroma-en-chrome-web-store-de-google http://aprendiendoweb.com/2010/12/chroma-en-chrome-web-store-de-google Mon, 13 Dec 2010 17:52:07 +0000 <p>Hace ya un tiempo <a href="http://aprendiendoweb.com/2010/08/creando-una-aplicacion-web-en-menos-de-10k">les hablé de Chroma</a>, ahora les cuento que le hemos incluído en <a href="https://chrome.google.com/webstore/detail/gefgglgjdlddcpcapigheknbacbmmggp">Chrome Web Store</a>.</p> <h2>Chroma</h2> <p>Aquí está el link directo a <a href="https://chrome.google.com/webstore/detail/gefgglgjdlddcpcapigheknbacbmmggp">Chroma</a>, recuerda que debes tener Google Chrome para poder instalar la app.</p> <p>Y aquí un video del uso de <a href="https://chrome.google.com/webstore/detail/gefgglgjdlddcpcapigheknbacbmmggp">Chroma</a>:</p> <object width="640" height="390"><param name="movie" value="http://www.youtube.com/v/j25gwcDa6nw&hl=en_US&feature=player_embedded&version=3"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/v/j25gwcDa6nw&hl=en_US&feature=player_embedded&version=3" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="640" height="390"></embed></object> <p>Espero que les sea útil!</p><p><a href="http://aprendiendoweb.com/2010/12/chroma-en-chrome-web-store-de-google">Unete a la conversación</a></p> <p><a href="http://feedads.g.doubleclick.net/~a/YuDe8FmHtVUoDPwKAFEZaIL86AE/0/da"><img src="http://feedads.g.doubleclick.net/~a/YuDe8FmHtVUoDPwKAFEZaIL86AE/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/YuDe8FmHtVUoDPwKAFEZaIL86AE/1/da"><img src="http://feedads.g.doubleclick.net/~a/YuDe8FmHtVUoDPwKAFEZaIL86AE/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/aprendiendoweb/~4/sZMMSGH3HkQ" height="1" width="1"/> http://aprendiendoweb.com/2010/12/chroma-en-chrome-web-store-de-google http://feedproxy.google.com/~r/aprendiendoweb/~3/4W9zyhKWbho/para-los-que-aun-creen-que-una-web-debe-verse-igual-en-cualquier-navegador http://aprendiendoweb.com/2010/12/para-los-que-aun-creen-que-una-web-debe-verse-igual-en-cualquier-navegador Fri, 10 Dec 2010 14:02:33 +0000 <h2>Aquí Google en:</h2> <h3>IE6</h3> <p><img src="/static/files/googleie6.png" alt="Google en IE6"/></p> <h3>IE7</h3> <p><img src="/static/files/googleie7.png" alt="Google en IE7"/></p> <h3>IE8</h3> <p><img src="/static/files/googleie8.png" alt="Google en IE8"/></p> <p><a href="http://aprendiendoweb.com/2010/12/para-los-que-aun-creen-que-una-web-debe-verse-igual-en-cualquier-navegador">Unete a la conversación</a></p> <p><a href="http://feedads.g.doubleclick.net/~a/mTWsLoQhJ9E35UA6JB1Y6en0yRM/0/da"><img src="http://feedads.g.doubleclick.net/~a/mTWsLoQhJ9E35UA6JB1Y6en0yRM/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/mTWsLoQhJ9E35UA6JB1Y6en0yRM/1/da"><img src="http://feedads.g.doubleclick.net/~a/mTWsLoQhJ9E35UA6JB1Y6en0yRM/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/aprendiendoweb/~4/4W9zyhKWbho" height="1" width="1"/> http://aprendiendoweb.com/2010/12/para-los-que-aun-creen-que-una-web-debe-verse-igual-en-cualquier-navegador http://feedproxy.google.com/~r/aprendiendoweb/~3/qfJ76p_QnCM/creando-una-aplicacion-web-en-menos-de-10k http://aprendiendoweb.com/2010/08/creando-una-aplicacion-web-en-menos-de-10k Sun, 8 Aug 2010 09:11:53 +0000 <p>Mix Online y An Event Apart están llevando acabo el concurso <a href="http://10k.aneventapart.com/">10K Apart</a>.</p> <p>Las reglas son simples:</p> <ul> <li>El tamaño total del archivo, incluyendo imágenes, scripts y marcado no puede ser mayor a 10K.</li> <li>La app debe cumplir estñandares, de preferencia HTML5.</li> <li>La aplicación debe correr igual de bien en IE 9 Dev Preview, Firefox y un navegador basado en webkit.</li> <li>Se pueden usar Jquery, Prototype y Typekit como recursos externos. (no cuentan para los 10K)</li> </ul> <h2>Nuestra aplicación</h2> <p><img src="/static/files/chroma.png" alt="Chroma, by Lúcuma labs"/></p> <p><a href="http://twitter.com/jpscaletti">Juan Pablo</a> y yo decidimos participar y creamos una aplicación para mostrar tonos de color llamada <strong>Chroma</strong>.</p> <p>Fue muy divertio optimizar todo el código para terminar con 10112 bytes que tienen las siguientes características:</p> <ul> <li>Rueda de color hecha con Canvas</li> <li>La Url refleja el color seleccionado (ideal para compartir colores)</li> <li>Usamos Media Queries para adaptar el diseño a diferentes resoluciones de pantalla (incluyendo dispositivos móviles).</li> </ul> <p>Si quieres darle una mirada entra a <a href="http://10k.aneventapart.com/Entry/97">http://10k.aneventapart.com/Entry/97</a> y si tienes tiempo puedes calificarla con 5 estrellas y ayudarnos a ganar el concurso :)</p> <p>¿Qué opinas de Chroma?</p> <p class="note"><strong>Nota:</strong> Para ver la app necesitas Firefox 3.6, Safari 5, Chrome 5 o Internet Explorer 9 Dev preview.</p><p><a href="http://aprendiendoweb.com/2010/08/creando-una-aplicacion-web-en-menos-de-10k">Unete a la conversación</a></p> <p><a href="http://feedads.g.doubleclick.net/~a/xmBWWNqIotTncOzeYiPeY1vBW5Q/0/da"><img src="http://feedads.g.doubleclick.net/~a/xmBWWNqIotTncOzeYiPeY1vBW5Q/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/xmBWWNqIotTncOzeYiPeY1vBW5Q/1/da"><img src="http://feedads.g.doubleclick.net/~a/xmBWWNqIotTncOzeYiPeY1vBW5Q/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/aprendiendoweb/~4/qfJ76p_QnCM" height="1" width="1"/> http://aprendiendoweb.com/2010/08/creando-una-aplicacion-web-en-menos-de-10k http://feedproxy.google.com/~r/aprendiendoweb/~3/pADTTsjtEZg/flickr:-demostrando-nuevas-caracteristicas http://aprendiendoweb.com/2010/07/flickr:-demostrando-nuevas-caracteristicas Fri, 30 Jul 2010 22:31:02 +0000 <p>Este verano <a href="http://twitter.com/Malarkey">Andy Clarke</a> pasó sus vacaciones buscando a Yogi y hoy lo encontró y le tomó una foto.</p> <p>Lo interesante fue que cuando entré a ver esa foto en Flickr vi el siguiente mensaje.</p> <blockquote><p>We're introducing a new photo page, and you can check it out early. <strong>Take me to the future!</strong></p></blockquote> <p>Por supuesto tenía que probar la nueva página de foto de Flickr. La página me gustó, pero lo que me encantó fue el <em>quick tour</em>.</p> <p>Flickr busca una conexión emocional con el visitante y en mi caso lo logró. Probablemente siga hablando mucho tiempo sobre ese <em>quick tour</em>.</p> <object width="640" height="505"><param name="movie" value="http://www.youtube.com/v/fglrlkPbIlA&amp;hl=en_US&amp;fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/fglrlkPbIlA&amp;hl=en_US&amp;fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="505"></embed></object> <p>¿Qué opinas?</p><p><a href="http://aprendiendoweb.com/2010/07/flickr:-demostrando-nuevas-caracteristicas">Unete a la conversación</a></p> <p><a href="http://feedads.g.doubleclick.net/~a/UxU7Ug6yXIQ0Dts-3xJrUjnNIio/0/da"><img src="http://feedads.g.doubleclick.net/~a/UxU7Ug6yXIQ0Dts-3xJrUjnNIio/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/UxU7Ug6yXIQ0Dts-3xJrUjnNIio/1/da"><img src="http://feedads.g.doubleclick.net/~a/UxU7Ug6yXIQ0Dts-3xJrUjnNIio/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/aprendiendoweb/~4/pADTTsjtEZg" height="1" width="1"/> http://aprendiendoweb.com/2010/07/flickr:-demostrando-nuevas-caracteristicas http://feedproxy.google.com/~r/aprendiendoweb/~3/96y-rIQoHIY/html-5-y-el-futuro-de-la-web-(video) http://aprendiendoweb.com/2010/06/html-5-y-el-futuro-de-la-web-(video) Wed, 9 Jun 2010 14:50:12 +0000 <p>Brad Neuberg (Google) nos habla sobre HTML5, CSS 3, JS y el futuro de la web.</p> <p>Esta charla se dio el 11 de Mayo 2010 (hace menos de un mes) y está en inglés.</p> <object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/EdDc7sWjCL4&hl=en_US&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/EdDc7sWjCL4&hl=en_US&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object> <p><a href="http://aprendiendoweb.com/2010/06/html-5-y-el-futuro-de-la-web-(video)">Unete a la conversación</a></p> <p><a href="http://feedads.g.doubleclick.net/~a/0VwTFsitXCHYCU6tHNojkmVA-Bk/0/da"><img src="http://feedads.g.doubleclick.net/~a/0VwTFsitXCHYCU6tHNojkmVA-Bk/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/0VwTFsitXCHYCU6tHNojkmVA-Bk/1/da"><img src="http://feedads.g.doubleclick.net/~a/0VwTFsitXCHYCU6tHNojkmVA-Bk/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/aprendiendoweb/~4/96y-rIQoHIY" height="1" width="1"/> http://aprendiendoweb.com/2010/06/html-5-y-el-futuro-de-la-web-(video) http://feedproxy.google.com/~r/aprendiendoweb/~3/7vSxCAB7mbY/pruebas-de-usabilidad http://aprendiendoweb.com/2010/04/pruebas-de-usabilidad Tue, 20 Apr 2010 16:16:23 +0000 <p>¿Estás pensando en hacer pruebas de usabilidad y no tienes el suficiente tiempo/presupuesto?</p> <p>En el libro <a href="http://astore.amazon.com/preblo-20/detail/0321657292">Rocket Surgery Made Easy</a>, <em>Steve Krug</em> comparte una técnica muy simple y efectiva para hacer <strong>pruebas cualitativas de usabilidad</strong> de una manera rápida y barata.</p> <p>Aquí el video que demuestra la técnica.</p> <!-- more --> <object width="610" height="501"><param name="movie" value="http://www.informit.com/display/common/images/video_player/embedVideo_20_600_ext.swf"></param><param name="allowFullScreen" value="false"></param><embed src="http://www.informit.com/display/common/images/video_player/embedVideo_20_600_ext.swf" FlashVars="videotoplay=http://ptgmedia.pearsoncmg.com/imprint_downloads/peachpit/peachpit/videosampleclips/krug/SteveKrug_UsabilityDemo.mov&BGImage=http://ptgmedia.pearsoncmg.com/imprint_downloads/peachpit/peachpit/videosampleclips/krug/usabilitydemo.jpg&defaultBGImage=http://www.informit.com/display/common/images/video_player/defaultBG600.jpg&buyNow=http%3A//www.peachpit.com/store/product.aspx%3Fisbn%3D0321657292&videotoplay=http://ptgmedia.pearsoncmg.com/imprint_downloads/peachpit/peachpit/videosampleclips/krug/SteveKrug_UsabilityDemo.mov" type="application/x-shockwave-flash" allowfullscreen="false" width="610" height="501"></embed></object> <p>Si te interesa el libro <a href="http://astore.amazon.com/preblo-20/detail/0321657292">Rocket Surgery Made Easy</a> te recomiendo que leas antes <a href="http://astore.amazon.com/preblo-20/detail/0321344758">Don't Make Me Think</a> del mismo autor.</p> <p><strong>Disclaimer:</strong> Si bien estoy seguro que esta técnica te ayudará a diseñar un mejor sitio web, esto <strong>no reemplaza</strong> a la mirada experta de un profesional en usabilidad.</p> <p>Así que si tú o tu empresa tienen el presupuesto, no duden en contratar a uno :)</p> <p><a href="http://aprendiendoweb.com/2010/04/pruebas-de-usabilidad">Unete a la conversación</a></p> <p><a href="http://feedads.g.doubleclick.net/~a/swejQ5BmY2fH76X4rLi3Z2VPPeE/0/da"><img src="http://feedads.g.doubleclick.net/~a/swejQ5BmY2fH76X4rLi3Z2VPPeE/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/swejQ5BmY2fH76X4rLi3Z2VPPeE/1/da"><img src="http://feedads.g.doubleclick.net/~a/swejQ5BmY2fH76X4rLi3Z2VPPeE/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/aprendiendoweb/~4/7vSxCAB7mbY" height="1" width="1"/> http://aprendiendoweb.com/2010/04/pruebas-de-usabilidad http://feedproxy.google.com/~r/aprendiendoweb/~3/Gq5-IiDQHg4/comunicando-por-internet-(the-girl-effect) http://aprendiendoweb.com/2010/04/comunicando-por-internet-(the-girl-effect) Thu, 8 Apr 2010 10:28:03 +0000 <p>Acabo de ver <a href="http://www.girleffect.org/">The Girl Effect</a> y tengo que decir que me parece genial la forma en que comunica su mensaje.</p> <p>No se trata sólo del video, sino de la forma en que interactuas con el sitio.</p> <p>Si tienes un par de minutos te recomiendo que en vez de ver el video aquí entres a <a href="http://www.girleffect.org/">girleffect.org</a>.</p> <h2>The Girl Effect</h2> <object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/WIvmE4_KMNw&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/WIvmE4_KMNw&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object> <p>¿Qué opinas?</p><p><a href="http://aprendiendoweb.com/2010/04/comunicando-por-internet-(the-girl-effect)">Unete a la conversación</a></p> <p><a href="http://feedads.g.doubleclick.net/~a/iuxNP-nGD56g4ymxR-zOrTPKtPE/0/da"><img src="http://feedads.g.doubleclick.net/~a/iuxNP-nGD56g4ymxR-zOrTPKtPE/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/iuxNP-nGD56g4ymxR-zOrTPKtPE/1/da"><img src="http://feedads.g.doubleclick.net/~a/iuxNP-nGD56g4ymxR-zOrTPKtPE/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/aprendiendoweb/~4/Gq5-IiDQHg4" height="1" width="1"/> http://aprendiendoweb.com/2010/04/comunicando-por-internet-(the-girl-effect) http://feedproxy.google.com/~r/aprendiendoweb/~3/Ed6lYY0VGtc/the-right-way-to-wireframe http://aprendiendoweb.com/2010/02/the-right-way-to-wireframe Wed, 3 Feb 2010 10:47:25 +0000 <p>Ayer <a href="http://twitter.com/whitneyhess">@whitneyhess</a> compartió este video sobre la creación de wireframes con la frase: <em>"If you never thought that UX could be sexy, you were wrong"</em>.</p> <p>Le doy toda la razón.</p> <object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/QSxF-pISj1w&hl=en_US&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/QSxF-pISj1w&hl=en_US&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object> <p>El programa usado en el video es <a href="http://www.omnigroup.com/products/OmniGraffle/">OmniGraffle</a>.</p><p><a href="http://aprendiendoweb.com/2010/02/the-right-way-to-wireframe">Unete a la conversación</a></p> <p><a href="http://feedads.g.doubleclick.net/~a/e_d5pry5JKbPVMqeV3pi_NvfM3c/0/da"><img src="http://feedads.g.doubleclick.net/~a/e_d5pry5JKbPVMqeV3pi_NvfM3c/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/e_d5pry5JKbPVMqeV3pi_NvfM3c/1/da"><img src="http://feedads.g.doubleclick.net/~a/e_d5pry5JKbPVMqeV3pi_NvfM3c/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/aprendiendoweb/~4/Ed6lYY0VGtc" height="1" width="1"/> http://aprendiendoweb.com/2010/02/the-right-way-to-wireframe http://feedproxy.google.com/~r/aprendiendoweb/~3/e99roktFeCE/presentacion:-content-first-(web-2.0-expo-nyc) http://aprendiendoweb.com/2009/11/presentacion:-content-first-(web-2.0-expo-nyc) Wed, 18 Nov 2009 09:02:06 +0000 <p>Ya hablamos de la presentación de <a href="http://www.braintraffic.com/">Kristina Halvorson</a> (<a href="http://twitter.com/halvorson">@halvorson</a>) en An Event Apart.</p> <p>Hoy encuentro las diapositivas de la presentación que Kristina dio en la Web 2.0 Expo NYC.</p> <div style="width:425px;text-align:left" id="__ss_2527117"><object style="margin:0px" width="425" height="355"><param name="movie" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=w2enycontentfirst111709-091118063417-phpapp02&stripped_title=content-first-web-20-expo-nyc" /><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=w2enycontentfirst111709-091118063417-phpapp02&stripped_title=content-first-web-20-expo-nyc" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="355"></embed></object></div> <p>Y ya lo sabes.</p> <blockquote><p>No more Lorem ipsum, never again. <cite>- Kristina Halvorson</p></blockquote> <p><a href="http://aprendiendoweb.com/2009/11/presentacion:-content-first-(web-2.0-expo-nyc)">Unete a la conversación</a></p> <p><a href="http://feedads.g.doubleclick.net/~a/DfFncPSez3FPWpxk9s18K2OgYoc/0/da"><img src="http://feedads.g.doubleclick.net/~a/DfFncPSez3FPWpxk9s18K2OgYoc/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/DfFncPSez3FPWpxk9s18K2OgYoc/1/da"><img src="http://feedads.g.doubleclick.net/~a/DfFncPSez3FPWpxk9s18K2OgYoc/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/aprendiendoweb/~4/e99roktFeCE" height="1" width="1"/> http://aprendiendoweb.com/2009/11/presentacion:-content-first-(web-2.0-expo-nyc) http://feedproxy.google.com/~r/aprendiendoweb/~3/Vq6YxFtXhTQ/content-first-(aea-chicago-09) http://aprendiendoweb.com/2009/11/content-first-(aea-chicago-09) Fri, 13 Nov 2009 18:54:42 +0000 <p>Por <a href="http://www.braintraffic.com/">Kristina Halvorson</a>.</p> <p><img src="/static/files/aeachicago09_halvorson_photo.jpg" alt="Kristina Halvorson at An Event Apart Chicago 09" /></p> <h2>El contenido no es un feature</h2> <p>Confesémoslo, usualmente el contenido se patea para el final de un proyecto web, es una de las cosas a las que se les da menor importancia, <strong>es hora de cambiar eso</strong>.</p> <p>Es hora de devolverle al contenido su lugar como pieza clave en el desarrollo de proyectos web...</p> <!-- more --> <h2>Estrategia de Contenidos</h2> <p>Cuando hablamos de contends <strong>no solo hablamos de text</strong>, también noose referimos a <strong>Gráficos</strong>, <strong>Animación y video</strong>, <strong>Audio</strong>, etc.</p> <p>Para crear una estrategia de contenidos hay que tener en cuenta la investigación de mercado, consideraciones legales, etc.</p> <p>El contenido debe ser, util y agradable.</p> <p>Para hacer un inventario de contenido necesitas:</p> <ul> <li><strong>Objetivo de la pagina</strong></li> <li><strong>Fuente del contenido</strong></li> <li><strong>Mantenimiento del contenido</strong></li> <li><strong>Mensajes clave (y su prioridad)</strong></li> </ul> <blockquote><p>No more Lorem ipsum, never again. <cite>- Kristina Halvorson</p></blockquote> <p>Notas de la presentación de Halvorson, por <a href="http://chriscoyier.net/">Chris Coyier</a>.</p> <p><img src="/static/files/aeachicago09_halvorson.jpg" alt="Notas de la presentación de Santa Maria" /></p> <p class="small">Fotos por <a href="http://www.flickr.com/photos/localcelebrity/">reallocalcelebrity</a>. Imágenes de las notas por <a href="http://www.flickr.com/photos/chriscoyier/">chriscoyier</a></p> <p><a href="http://aprendiendoweb.com/2009/11/content-first-(aea-chicago-09)">Unete a la conversación</a></p> <p><a href="http://feedads.g.doubleclick.net/~a/MBH43JmBpvQP35YHjTMw74_Zs1g/0/da"><img src="http://feedads.g.doubleclick.net/~a/MBH43JmBpvQP35YHjTMw74_Zs1g/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/MBH43JmBpvQP35YHjTMw74_Zs1g/1/da"><img src="http://feedads.g.doubleclick.net/~a/MBH43JmBpvQP35YHjTMw74_Zs1g/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/aprendiendoweb/~4/Vq6YxFtXhTQ" height="1" width="1"/> http://aprendiendoweb.com/2009/11/content-first-(aea-chicago-09)