Web
La lista de lectura de Flexbox: técnicas y herramientas
Flexbox nos brinda un nuevo tipo de control sobre nuestros [diseños] (https://www.smashingmagazine.com/2015/08/flexible-future-for-web-design-with-flexbox/), lo que hace que los desafíos de codificación sean difíciles o imposible de resolver solo con CSS sencillo e intuitivo. Nos brinda los medios para construir **cuadrículas que son flexibles** y conscientes del [contenido dinámico](https://www.smashingmagazine.com/2016/02/design-mock-ups-need-dynamic-content- tools-plugins/), y por lo tanto, nos dan la libertad de centrarnos en el proceso de creación en lugar de abrirnos camino hacia un diseño. Para darle una ventaja inicial en Flexbox y brindarle ideas sobre cómo usarlo para dominar los desafíos de codificación comunes, hemos recopilado **consejos, trucos y herramientas** que lo ayudarán a aprovechar al máximo su poder hoy. La lista no está completa, pero incluye los recursos que encontramos útiles y útiles.
Lee masModelado de contenido con Jekyll
No es exactamente un tema nuevo, pero últimamente he tenido motivos para revisar la habilidad del modelado de contenido en el trabajo de mi equipo. Nuestra experiencia ha llegado a un punto en el que las limitaciones de cómo practicamos empiezan a ser claras. Nuestro problema más común es que **las personas tienden a vincularse a sí mismas y a sus modelos mentales a una plataforma elegida** y sus convenciones. En lugar de enseñar a las personas cómo modelar contenido, terminamos enseñándoles cómo modelar contenido en Drupal o cómo modelar contenido en WordPress. Pero preferiría que lo enfoquemos desde un enfoque en los mejores intereses de los usuarios, **independientemente de la plataforma** en la que terminará dicho contenido.
Lee masProceso de diseño receptivo eficiente
“Cada una de estas opciones proporcionará diseño para tres diseños únicos: página de inicio, página de listado, página de detalles”. Todo bien. Ahora, tenemos hasta nueve archivos de diseño estáticos. Esto se está saliendo un poco de control.
Lee masUna guía para principiantes para crear un sitio web de WordPress
Una guía paso a paso para que los nuevos usuarios de WordPress pongan en funcionamiento WordPress, de principio a fin.
Lee masEl arte de la intercepción: ir más allá de "¿Le gustaría participar en una encuesta?"
Maxwell es investigador en una firma de diseño que está trabajando en una aplicación de pago móvil. Quiere saber más sobre cómo interactúan actualmente los usuarios con los terminales de punto de venta. Maxwell se comunica con una tienda de comestibles local para coordinar horarios para **observar a los clientes mientras pagan**. Luego le pide a cada quinto cliente que realiza el check-out que complete una breve encuesta. Maxwell participa en _interceptos_ como parte de su reclutamiento de participantes en la investigación.
Lee masPruebas de navegador cruzado de alto impacto y esfuerzo mínimo
Las pruebas entre navegadores requieren mucho tiempo y son laboriosas. Esto, a su vez, lo hace costoso y propenso a errores humanos... así que, naturalmente, queremos hacer lo menos posible. Esta no es una afirmación de la que debamos avergonzarnos. **Los desarrolladores son vagos por naturaleza**: adherirse al principio DRY, escribir scripts para automatizar cosas que de otro modo tendríamos que hacer a mano, hacer uso de bibliotecas de terceros: ser vagos es lo que nos convierte en buenos desarrolladores. El enfoque tradicional de las pruebas entre navegadores no se alinea bien con estos ideales. O hace un intento poco entusiasta de realizar una prueba manual o dedica mucho esfuerzo a hacerlo "correctamente": prueba en todos los principales navegadores utilizados por su audiencia, moviéndose gradualmente a navegadores más antiguos u oscuros para decir que usted Los he probado.
Lee masCreación de wireframes de contenido para un diseño receptivo
Mientras dirigía mi curso de diseño web receptivo entre 2011 y 2012, seguí tropezando con el proceso de creación de esquemas. Mis alumnos tendían a centrarse en el wireframe como el juego final en el proceso de planificación. No entendieron que el diseño receptivo se enfoca en cómo los usuarios accederán al contenido.
Lee masPreparándose para HTTP2: una guía para diseñadores y desarrolladores web
Una mirada detallada a los conceptos básicos de HTTP/2 que se aplican a los diseñadores y desarrolladores web. Veremos las características clave del nuevo protocolo, la compatibilidad del navegador y el servidor, y detallaremos las cosas en las que podría necesitar pensar a medida que veamos una mayor adopción de HTTP/2.
Lee masTodo lo que necesita saber sobre las páginas móviles aceleradas de Google
En mayo de 2015, Facebook presentó su nueva plataforma de publicación en la aplicación, [Artículos instantáneos] (https://instantarticles.fb.com/). Un mes después, Apple declaró que la antigua experiencia [Quiosco](https://en.wikipedia.org/wiki/Quiosco_(aplicación)) (esencialmente una carpeta elegante llena de aplicaciones de noticias) sería reemplazada en iOS 9 con una marca nueva plataforma de recopilación y descubrimiento de noticias llamada [Apple News](https://www.apple.com/news/). Cuatro meses después, fue el turno de Google de anunciar su propio plan, algo tardío pero no menos ambicioso, para revolucionar el consumo de noticias móviles con una solución web de código abierto llamada [Accelerated Mobile Pages](https://www.ampproject. org/), o AMP. En solo unos meses, hemos visto la relativa tranquilidad de la publicación digital móvil convertirse en otra guerra de plataformas a gran escala, ya que Facebook, Apple y ahora Google compiten tanto por la lealtad de los editores como por la atención de los le
Lee masFuentes gratuitas con personalidad
La tipografía puede marcar la diferencia. Sin embargo, si su proyecto tiene que funcionar con un **presupuesto muy limitado** y necesita confiar en fuentes gratuitas, las buenas nunca son fáciles de encontrar. Afortunadamente, nos topamos con algunas verdaderas gemas últimamente.
Lee mas