Эпизоды
-
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 circunstancias de la vida dejó este fascinante mundo de lado y lo volvió a retomar 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.
https://bradfrost.com/blog/
https://csswizardry.com/
Libro CSS Secrets de Lea Verou en Amazon: https://www.amazon.com/CSS-Secrets-Solutions-Everyday-Problems-ebook/dp/B0131MQ1NS?language=es_US
-
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.
-
Пропущенные эпизоды?
-
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.
-
¿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 (quien es 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.
https://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) -
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.).
-
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 eches 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).
-
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 https://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 https://www.putty.org/. Para Mac puedes usar la app Terminal, que viene integrada con OSX
-
Este es un episodio especial que hicimos junto a Natalia de la Selva y Angel Ponce, el equipo 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.
-
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 http://www.jjg.net/elements/translations/elements_es.pdf -
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.
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/
-
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 últimamente 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?
Acá encontrarás la solución definitiva y la forma más eficiente de evitar este tipo de ataque.
-
¿Sabías que los programas como Filezilla, o algunos navegadores, utilizan un sistema MUY pobre a la hora de guardar contraseñas?
En este episodio (minicast), vamos a hablar acerca de la seguridad, que nosotros como usuarios y, sobre todo como administradores de servidores, debemos considerar.
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.
-
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.
-
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 https://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_botsLa 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 Spotify.
-
¿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.
-
En este episodio veremos los primeros 20 Preceptos Digitales que hemos podido concluir a partir de los 24 episodios que llevamos hasta ahora.
Esta vez contamos con la música de fondo de la banda “Find a Fiend”, a quienes pueden escuchar en Spotify o en 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!
-
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 -
En este episodio hago un barrido general a MySQL:
Ventajas
Es uno de los 3 motores de base de datos más popular (junto a Oracle y Microsoft SQL Server) Opensource (atractivo) Va de la mano con PHP Viene instalado en la mayoría de los servicios de hosting básicos Rápido y de bajo consumo de recursosPhpMyAdmin
Herramienta hecha en php para administrar MySQL a través de páginas web (permite hacer de todo) Limitado por el timeout de servidor (max_input_time, max_execution_time) Limitado por el timeout de MySQL (ExecTimeLimit) Limitado por la carga de archivos (upload_max_filesize, post_max_filesize) También se puede usar MySQL desde la línea de comandos (más rápido para trabajar – duplicar – bases de datos grandes)Tips
LIMIT 1 (o limit en general) Como nombrar las bases de datos y cada uno de los campos (o columnas) Para evitar el timeout (“mysql bigDump” en google)Mitos
¿SQL es más rápido que MySQL? Una sola conexión y muchas consultas (en vez de una conexión por consulta) - Показать больше