Preceptos Digitales

Después de muchos meses de inactividad, estamos de vuelta con el Podcast y, en este episodio tuve el agrado de conversar con Ignacio Villanueva, quien es host del Podcast WeCodeSign, uno de los pocos podcasts de diseño y desarrollo web en español que existen por ahora. Ignacio me comentó, antes de grabar, que el se había iniciado en el tema web hace bastante tiempo, pero que por cirunstancias de la vida dejó este fascinante mundo de lado y lo volvió a retormar hace un par de años, y eso nos llevó al tema del que trata este episodio: contrastar su punto de vista, más fresco y renovado, con el mío, que soy un poco más de la vieja escuela. Mi impresión de Ignacio es que es una persona muy culta en el tema, con puntos de vista muy interesantes y que tiene bastante claro de donde viene y hacia donde va la web. Su experiencia entrevistando a un montón de personas, de diferentes perfiles, lo hace aportar comentarios bastante acertados y con una visión muy amplia. Al menos para mi, fue un agrado pasar un buen rato conversando con él y los invito a escuchar este episodio, donde surgieron bastantes temas muy interesantes y que queremos compartir con ustedes. Recursos Acá les dejamos algunos links de los que mencionamos hacia el final del episodio. http://homestudiocorner.com/ http://www.netzgesta.de/ http://bradfrost.com/blog/ https://csswizardry.com/ Libro CSS Secrets de Lea Verou en Amazon

En este episodio hablaremos acerca de las principales diferencias en la lógica de jQuery y Mootools, y su relación con Javascript, además de porqué ambos son tan parecidos, pero a la vez tan diferentes. Tal como comento, ambas librerías están basadas en Javascript y por eso se limitan a las funciones que Javascript les permita realizar. Ambas son muy potentes y robustas pero su lógica de uso difiere bastante una de la otra. Y una vez que se entiende esta gran diferencia, el resto es pan comido. Como siempre, sus aportes serán muy bien recibidos! La entrada Episodio 40: Javascript, jQuery y Mootols aparece primero en Preceptos Digitales | Podcast y Blog.

En este episodio hablaremos acerca del desarrollo web en alta disponibilidad, es decir, de la posibilidad de montar un array de máquinas que tengan réplicas de un mismo sitio, de tal manera que el sitio esté siempre disponible frente a eventuales caídas de máquinas o sobrecargas. Para conseguir esto es necesario trabajar mucho más allá de la programación del sitio, ya que implica meter mano en la infraestructura, en las bases de datos y en algunos detalles de la programación para realizar la sincronización de los archivos entre las máquinas. Lo que escucharán en este episodio es una de las posibles soluciones que yo utilicé para resolver un proyecto y que me ha dado excelentes resultados. En este caso hablaré como si estuviésemos trabajando con WordPress, pero la lógica de esta solución se puede aplicar a cualquier sistema. Ojalá puedan aportar ustedes también con otras soluciones o con otras formas de abordar el mismo tema. Los invito a dejar sus comentarios! La entrada Episodio 39: Desarrollo Web en Alta Disponibilidad aparece primero en Preceptos Digitales | Podcast y Blog.

¿Te has preguntado cómo ven los sitios web, que has diseñado o desarrollado, las personas daltónicas? En este episodio estaremos conversando junto a Miguel Pastor (daltónico), acerca del interesante (y generalmente muy poco abordado) tema del daltonismo. El daltonismo es un defecto genético que ocasiona dificultad para distinguir los colores. Entre varias situaciones anecdóticas, Miguel nos cuenta acerca de los tipos de daltonismo que existen (protanopía, deuteranopía y tritanopía, además del daltonismo acromático), de qué manera podemos diseñar nuestros sitios web de tal forma que también le sirvan al 8% de la población que tiene esta discapacidad y, junto con eso, nos cuenta un poco acerca de algunas aplicaciones para celulares que él utiliza como herramientas y que obviamente nos pueden servir a nosotros también para entender más acerca de este tema. También tocaremos temas como el contraste, el color sobre color, anteojos especiales para daltónicos y de que manera se relacionan los colores RGB a este defecto genético. Nuestro objetivo principal es simplemente que se aborde este tema y se tome conciencia: mientras más personas sepamos acerca del daltonismo, más fácil será para ellos adaptarse, y nuestra capacidad como diseñadores o desarrolladores se verá potenciada por este conocimiento. Los invito a escuchar este entretenido episodio y a dejarnos sus preguntas y experiencias en los comentarios de este post! Recursos Tal como lo comentamos en el mismo episodio, acá les dejamos algunos recursos que les pueden interesar. Antes que todo, y para que se vayan sensibilizando con este tema, les dejo un reportaje, donde participó Miguel, acerca de unas gafas especiales para daltónicos, que les recomiendo ver http://vozpopuli.com/next/72543-asi-que-eso-es-el-color-rojo. http://enchroma.com/ (y su test de daltonismo) Color blind pal (app para móviles) Chromatic vision simulator (app para móviles) Dankam (app para iOS) Y, por supuesto, los podcasts en los que participa Miguel, para quienes quieran escucharlos y suscribirse: http://podstar.fm/soffingchannel/ http://podstar.fm/fds/ http://podstar.fm/fdsreview/ Un abrazo a todos! La entrada Episodio 38: Daltonismo en la Web aparece primero en Preceptos Digitales | Podcast y Blog.

En este episodio hablo acerca del uso de los protocolos FTP, SSH y SFTP para poder conectarse a un servidor web: para que sirve cada uno, los puertos que se utilizan, sus ventajas (o desventajas) y beneficios. Como siempre, está basado en mi experiencia personal y el aporte de todos será muy bienvenido (en caso de que conozcan otros métodos de conexión, softwares diferentes que permitan realizar algún otro tipo de tareas, otros protocolos que puedan ser interesantes para conectarse a servidores, etc.). Un abrazo a todos y espero espero encontrarlos por el blog La entrada Episodio 37: formas de conectarse a un servidor web aparece primero en Preceptos Digitales | Podcast y Blog.

En este episodio hablo acerca de algunos programas que recomiendo para trabajar de manera más eficiente y productiva. También te explico cómo los utilizo (mi flujo de trabajo) y las principales falencias que veo en ellos. La idea es que te motives a usarlos o al menos les heches una mirada y dejes en los comentarios tu impresión de ellos, cómo los utilizas o que otros programas agregarías a esta lista. Acá te dejo la lista y resumen de ellos para que los vayas mirando mientras escuchas este episodio. Trello: es un gestor de tareas que permite trabajar en base a tableros y listas (algo así como “etapas del proyecto”) para poder trabajar en equipo. Es MUY recomendable, ya que es simple, multiplataforma y muy útil. Slack: es un sistema de mensajería que promete ser el centro de notificaciones de tu equipo, ya que posee una potente API y se integra con apps externas. IFTTT: aplicación que permite interconectar apps y realizar funciones entre ellas. Puedes, por ejemplo, conectarla con Trello y cada vez que alguien te asigne una tarjeta, IFTTT te avisará a través de Slack. También puedes hacer cosas a ciertas horas del día o cuando te aproximes a ciertos lugares (publicar en tus redes sociales algún estado, enviarte un correo, etc). Drift: aplicación de mensajería para implementar chats en los sitios web… lo bueno es que se puede integrar directamente con slack. Evernote: es una aplicación para tomar notas (además de permitirte guardar imágenes, audios, y algunas otras cosas) y que te permite agrupar esas notas en libretas. Es muy eficiente y bien diseñada (sobre todo en su versión web). ¿Tienes alguna otra app que puedas recomendar? La entrada Episodio 36: Software de productividad aparece primero en Preceptos Digitales | Podcast y Blog.

Estoy feliz porque este episodio fue grabado y editado 100% en un iPhone, usando la app Ferrite incluso fue subido a WordPress en formato .m4a (que es el formato en que se exportan los archivos desde el iPhone). Incluso la nueva música de fondo la hice con Trackd, una app para hacer música colaborativa en iOS. Si tienes algún problema en reproducirlo en algún dispositivo, avísame para subir alguna versión alternativa en mp3. En este episodio hablaré acerca del software que utilizo personalmente en mi día a día para hacer mis tareas de desarrollo Web. También explicaré el flujo de trabajo que realizo, e intentaré demostrar sus beneficios. Acá te dejo los links a algunas de las aplicaciones que menciono en el episodio: Keepass: Es el software que utilizo para administrar las contraseñas. Para PC, puedes encontrarlo en http://keepass.info/, y aunque existe para Mac, aparentemente todavía no es una versión muy buena ya que requiere instalar software adicional. Para mac te recomiendo usar https://github.com/keithbennett/keepassx Filezilla: Software para transferir archivos vía FTP o SFTP. Puedes descargarlo para PC y Mac en https://filezilla-project.org/ Putty: Software para ingresar a un servidor por línea de comandos. Puedes descargarlo para PC en http://www.putty.org/. Para Mac puedes usar la app Terminal, que viene integrada con OSX Ojalá puedas compartirnos los softwares que usas en tu flujo de trabajo La entrada Episodio 35: software para desarrollo Web aparece primero en Preceptos Digitales | Podcast y Blog.

Este es un episodio especial que hicimos junto a Natalia de la Selva y Angel Ponce, los chicos detrás del podcast Hablemos de Web, y donde efectivamente “hablamos de web” y de varios otros temas interesantes. En este episodio haremos una breve reseña de cada uno de los podcasts que llevamos, contamos quienes somos y cual es nuestra visión de varios temas relacionados al rubro de diseño y desarrollo web. Nuestra intención es simplemente hacer algo entretenido y esperamos repetirlo constantemente cada uno o dos meses. Los invitamos a disfrutar de este episodio y, por supuesto, a escuchar también los demás episodios de nuestros podcasts Preceptos Digitales y Hablemos de Web. Ojalá nos puedan dejar su feedback en los comentarios para saber que opinan, si les gusta el formato, si tienen ideas, o cualquier otra cosa que nos quieran comentar! La entrada Episodio 34: Hablemos de Web aparece primero en Preceptos Digitales | Podcast y Blog.

En este episodio tendremos una entretenida conversación junto a Natalia Vivas donde hablaremos de Interacción y usabilidad, UX (experiencia de usuario), microinteracciones y algunos otros temas muy interesantes. ¿Quién es Natalia Vivas? Natalia es socia de Usaria, co-directora de la oficina en Bogotá y Consultora en Experiencia de Usuario. Actualmente es responsable de coordinar los proyectos de arquitectura de información y velar por el diseño de interacción de los productos digitales, encargándose de estructurar los contenidos para los cursos abiertos e incompany ofrecidos por la compañía. También es fundadora de la Comunidad Colombiana de Usabilidad –Usarte.co. Cuenta con más de 10 años de experiencia en estrategia y estructuración de sitios web y aplicaciones móviles. Es conferencista y mentora de diversos eventos de diseño y tecnología en Latinoamérica, y ha realizado consultorías para agencias como McCann Digital, StudioCom, Wunderman, entre otros. Te invitamos a disfrutar de este extraordinario episodio con una invitada de lujo y a pasar un buen rato gracias nuestros bloopers tecnológicos (ya te darás cuenta de los detalles técnicos con que nos encontramos esta vez). Además de eso, este episodio fue emitido en vivo, y pudimos recibir feedback de varias personas que escucharon y aportaron con sus comentarios (recuerda suscribirte a nuestra lista de correos para enterarte de los próximos episodios en vivo) Recursos Acá te dejamos algunos links interesantes para este episodio: https://es.wikipedia.org/wiki/Net_Promoter_Score https://popapp.in/ http://www.jjg.net/elements/translations/elements_es.pdf La entrada Episodio 33: Interacción y usabilidad aparece primero en Preceptos Digitales | Podcast y Blog.

Estoy muy emocionado porque, por fin, el podcast tiene su primer episodio con un invitado… y todo gracias a la tecnología de zencastr que funcionó de maravillas. También estuvimos probando transmitir en vivo este episodio, así que si te gusta este nuevo formato, recuerda suscribirte a nuestra lista de correos para que te avisemos de las futuras transmisiones y puedas participar de los próximos episodio en vivo. En este primer episodio junto a Rodrigo Satch (y esperamos que sean muchos más), hablaremos varios temas relacionados a las técnicas comunes para estafar en la web, como el phishing, los correos fraudulentos, injección de códigos a través de javascript, etc., y también técnicas de cómo protegernos como usuarios y como desarrolladores. Como siempre, te invitamos a comentar y opinar, y si te gusta este episodio del podcast, compartelo en Twitter o Facebook. Acá te dejamos algunos links de interés que mencionamos en este episodio: https://letsencrypt.org/ https://www.owasp.org La entrada Episodio 32: Técnicas comunes para estafar en la web aparece primero en Preceptos Digitales | Podcast y Blog.

Estoy muy emocionado porque, por fin, el podcast tiene su primer episodio con un invitado… y todo gracias a la tecnología de zencastr que funcionó de maravillas. También estuvimos probando transmitir en vivo este episodio, así que si te gusta este nuevo formato, recuerda suscribirte a nuestra lista de correos para que te avisemos de las futuras transmisiones y puedas participar de los próximos episodio en vivo. En este primer episodio junto a Rodrigo Satch (y esperamos que sean muchos más), hablaremos varios temas relacionados a las técnicas comunes para estafar en la web, como el phishing, los correos fraudulentos, injección de códigos a través de javascript, etc., y también técnicas de cómo protegernos como usuarios y como desarrolladores. Como siempre, te invitamos a comentar y opinar, y si te gusta este episodio del podcast, compartelo en Twitter o Facebook. Acá te dejamos algunos links de interés que mencionamos en este episodio: https://letsencrypt.org/ https://www.owasp.org La entrada Episodio 32: Técnicas comunes para estafar en la web aparece primero en Preceptos Digitales | Podcast y Blog.

Para complementar este episodio, hacer una prueba online de referrer spam (utilizando nuestro formulario de testeo), y ver la solución más simple y eficiente que podrás encontrar, te recomendamos revisar este post. En este episodio hablaremos acerca del (no tan conocido) referrer spam: un tipo de ataque que sufren las cuentas de Google Analytics, distorsionando los datos “reales” que se generan. ¿Has mirado ultimamente tus estadísticas de Google Analytics? ¿Te has fijado que entre tus visitas aparecen algunas que vienen desde sitios web muy extraños? ¿Te has fijado que, aunque tu sitio esté en español, has recibido visitas desde paises como Rusia o algunos otros desde los cuales no tendrías porqué recibir visitas?

En este episodio (minicast), vamos a hablar acerca de la seguridad, que nosotros como usuarios y, sobre todo como administradores de servidores, debemos considerar. ¿Sabías que los programas como Filezilla, o algunos navegadores, utilizan un sistema MUY pobre a la hora de guardar contraseñas? Bueno, acá les presento una excelente alternativa, utilizando un software llamado Keepass (les recomiendo descargar la versión profesional), un administrador de contraseñas open-source, multiplataforma y gratuito. Como les comentaba en el episodio, acá van los comandos que yo utilizo para loguearme directamente utilizando filezilla y putty: Para el caso de Filezilla: cmd://"C:Program FilesFileZilla FTP Clientfilezilla.exe" sftp://{USERNAME}:{PASSWORD}@{NOTES} Las variables {USERNAME}, {PASSWORD} y {NOTES} corresponden a los textos que se guardan en los campos con esos mismos nombres. Para el caso de Putty: cmd://"C:Program Files (x86)PuTTYputty.exe" -ssh {USERNAME}@{NOTES} -pw {PASSWORD} Las variables {USERNAME}, {NOTES} y {PASSWORD} corresponden a los textos que se guardan en los campos con esos mismos nombres. Y les pido un pequeño favor: si les gusta el Podcast, por favor ayúdennos a difundirlo, contándoselo a un amigo (1 episodio escuchado=1 nuevo amigo con quien compartirlo)

En este episodio hablaremos acerca de las buenas prácticas y trucos que se pueden implementar para comprimir el código (HTML/CSS/JS) de las páginas que generemos, lo cual se traducirá en una carga más rápida, menos uso de ancho de banda para el servidor, y una mejor experiencia para quienes visitan nuestros sitios. Además de eso, les dejo los códigos que les prometí (lo menciono en el podcast): 1.- Para comprimir los CSS y JS en un único archivo, pueden echarle un vistazo a la librería minify: https://github.com/mrclay/minify 2.- Para comprimir a nivel de .htaccess (mod_deflate), y habilitar el caché de navegador (mod_expires), pueden usar este código: <IfModule mod_deflate.c> SetOutputFilter DEFLATE AddOutputFilterByType DEFLATE text/html text/plain text/css text/javascript application/javascript application/x-javascript <IfModule mod_headers.c> Header append Vary User-Agent </IfModule> </IfModule> <ifmodule mod_expires.c> <filesmatch ".(jpg|gif|png|css|ico|js|woff|woff2|eot|svg|ttf)$"> ExpiresActive on ExpiresDefault "access plus 1 month" </filesmatch> </ifmodule> 3.- Para comprimir el HTML generado por PHP: <?php ob_start(); //acá iría todo tu código $html=ob_get_clean(); $html=comprimirHTML($html); echo $html; function comprimirHTML($buffer){ $search = array( '/>[^S ]+/s', //quitar espacios en blanco después de los tags, excepto los espacios '/[^S ]+].*?-->/s' //quitar comentarios ); $replace = array( '>', '< ', ' ', '' ); $buffer = preg_replace($search, $replace, $buffer); return $buffer; } ?> 4.- Y para comprimir online, existen recursos como: http://jscompress.com/ http://csscompressor.com/

En este episodio veremos muchas de las buenas prácticas y técnicas que podemos implementar en nuestros desarrollos, con el fin de obtener un mejor posicionamiento en buscadores, y sobre todo, para favorecer una mejor experiencia a nuestros visitantes. Tal como comentaba en el episodio, podemos comenzar utilizando alguna herramienta como http://www.seositecheckup.com y saber que tan optimizado están nuestros desarrollos. Además, tal como prometí en el episodio, acá el dejo el código que deberían implementar en su archivo .htaccess para solucionar el problema de la librería libwww (si quieren más información y una explicación más detallada, pueden revisar este artículo). SetEnvIfNoCase User-Agent "^libwww-perl*" block_bad_bots Deny from env=block_bad_bots La música que suena de fondo en este episodio corresponde a Hyperactive Child, un proyecto de Gonzalo Farías. Los invito a seguirlos en Twitter, Facebook o visitar su sitio Web http://www.gonzalofarias.com/

¿Cuál el es la diferencia entre inversión y gasto? Acá les propongo una serie de preguntas que podemos analizar nosotros mismos o plantearle a nuestros clientes para saber si el sitio web que vamos a desarrollar logrará generar alguna especie de retorno de inversión o simplemente será dinero tirado a la basura. El objetivo es que podamos ofrecerle a nuestros clientes algo de calidad y que efectivamente vaya a aportar a su negocio. De esta manera tendremos clientes felices, que valorarán nuestro trabajo y que a la larga volverán y nos recomendarán. En este episodio tendremos de fondo a la banda “Los Tetas”, quienes celebran sus #mamafunk20años (20 años desde el lanzamiento de su primer disco “Mama Funk”). Si quieren saber más de ellos, pueden ingresar a www.lostetas.cl y seguirlos en Facebook, Twitter o Youtube.

Esta es la continuación del episodio anterior, donde hablamos acerca de los Preceptos Digitales extraídos de los primeros 24 episodios. Para los que escuchan desde hace poco el Podcast, los “Preceptos” son algo así como los “mandamientos”, o en palabras más normales: “buenas prácticas” que todos deberíamos aplicar. Estos preceptos los voy dilucidando luego de hablar en los episodios, basados en mi experiencia por supuesto. La música de fondo que escucharás en este episodio corresponde a Anathema, una banda inglesa de Rock Progresivo… Para los que no la conozcan, los invito a ver este video:

En este episodio veremos los primeros 20 Preceptos Digitales que hemos podido concluir a partir de los 25 episodios que llevamos hasta ahora. En este episodio contamos con la música de fondo de la banda “Find a Fiend”, a quienes pueden escuchar en spotify o en los siguientes links: http://www.findafiend.co.uk https://www.facebook.com/FindaFiend Próximamente se viene la segunda parte, donde hablaré acerca de los siguientes 20 Preceptos… Ideas, comentarios o sugerencias son siempre bienvenidas! Y recuerda ayudarnos a difundir este Podcast calificándolo en iTunes

En este episodio hablaré acerca de las muchas cosas que podemos hacer (como desarrolladores Web) con Facebook y las cosas que podríamos ofrecerle a nuestros clientes basándonos en esta plataforma. A modo de resumen, estos son algunos de los temas de los que hablo: Open Graph tags Facebook debugger Utilizar social plugins API Apps para Facebook Facebook ads Personalizar o corregir perfil de facebook (timeline, fotografías de perfil y bg, cambiar tipo de página, administrar la cuenta) Diseño y desarrollo de concursos o juegos

En este episodio abordaremos varios temas respecto a los formularios, abarcando diseño, maqueteo y programación: Buenas prácticas a considerar Qué es el método get/post y enctype Utilización de maxlength, label, clases, etiquetas, etc. Validación por javascript y PHP