Web
Los consejos que faltaban que necesitaba al comenzar mi carrera
Para ayudarlo a evitar cometer errores similares y desperdiciar años valiosos de su vida, Paul Boag comparte sus lecciones aprendidas y verdades duras al comienzo de su carrera.
Lee masPresentamos la herramienta de análisis de imágenes de prueba de velocidad del sitio web
Los desarrolladores web se pasan el día escribiendo hipertexto, pero, byte a byte, la mayor parte de la web se compone de imágenes. Es difícil exagerar el efecto que tienen las imágenes en el rendimiento promedio de una página web; los sitios web más rápidos tienen un alcance más amplio y un mayor impacto. Lo primero y más importante que puede hacer para **mejorar el rendimiento de las imágenes de su sitio web** es descubrir cómo medirlas. Ingrese a _Website Speed Test_, una herramienta gratuita y sencilla que aprovecha nuestra inteligencia de imágenes (de Cloudinary) para permitirle medir, diagnosticar y (crucialmente) comunicar sobre el rendimiento de la imagen de cualquier sitio web. Mejor aún, está construido sobre e integrado en WebPagetest de Pat Meenan. ¿Interesado? ¡Sigue leyendo!
Lee masCómo creamos una aplicación de iOS para grabar un video en 3D (estudio de caso)
En este artículo, Evgeny Khrolenok e Igor Mikheiko comparten las lecciones que aprendieron mientras desarrollaban una aplicación para ayudar a las personas a crear sus propios videos estéreo en 3D.
Lee masCreación de bibliotecas de patrones con Shadow DOM en Markdown
Algunas personas odian escribir documentación y otras simplemente odian escribir. Me encanta escribir; de lo contrario, no estarías leyendo esto. Ayuda que me encanta escribir porque, como consultora de diseño que ofrece orientación profesional, la escritura es una gran parte de lo que hago. Pero odio, odio, odio los procesadores de texto. Al escribir documentación web técnica (léase: [bibliotecas de patrones](https://www.smashingmagazine.com/take-pattern-libraries-next-level/)), los procesadores de texto no solo son desobedientes, sino también inapropiados. Idealmente, quiero un modo de escritura que me permita incluir los componentes que estoy documentando en línea, y esto no es posible a menos que la documentación misma esté hecha de HTML, CSS y JavaScript. En este artículo, compartiré un método para incluir fácilmente demostraciones de código en Markdown, con la ayuda de códigos abreviados y encapsulación shadow DOM.
Lee masCómo hacer uso de las reuniones de diseño semanales
¿Cómo mantienes a un equipo comprometido? ¿Cómo te aseguras de que el equipo esté al día con todo lo que se publica? ¿Con qué frecuencia los miembros del equipo se hablan cara a cara? ¿Tienen suficiente apoyo para terminar sus tareas o para continuar con su crecimiento?
Lee masLetras de pincel para zurdos: cómo empezar
Las letras y la caligrafía se están convirtiendo rápidamente en habilidades deseadas en la caja de herramientas de un diseñador. Diseñadores como Marian Bantjes, Jessica Hische, Sean Wes y Martina Flor, por nombrar algunos, se han convertido no solo en una inspiración para el resto de nosotros, sino también en un estándar. Su trabajo no solo se basa en el cliente; se han convertido en su propia marca al ofrecer productos a sus seguidores también. Otros diseñadores han seguido su ejemplo, y ahora parece que las letras y la caligrafía están en todas partes.
Lee masDiseñando el acordeón perfecto
Patrones de diseño. Una frase casi mítica que a menudo inspira asombro o resentimiento. Como diseñadores, tendemos a pensar en los patrones de diseño como soluciones genéricas listas para usar que se pueden aplicar a varios contextos casi mecánicamente, a menudo sin la debida consideración. ¿Navegación? ¡Fuera del lienzo! ¿Ofertas del día? ¡Carrusel! Entiendes la idea.
Lee masCuando lo grande no es lo suficientemente grande: diseñar con imágenes destacadas
Cuando los usuarios lleguen a tu página, sentirán algún tipo de reacción. Ya sea positiva o negativa, esa reacción está determinada en gran parte por lo que ven. Debido a que **la vista es quizás el sentido humano más fuerte**, una imagen destacada es una de las formas más rápidas de captar la atención del usuario. Las imágenes audaces, gráficas e intencionales atraen al usuario. Atrae al usuario de inmediato y es una pieza central perfecta para una aplicación o sitio web minimalista. Una imagen de héroe es más que una imagen bonita. Es una poderosa herramienta de comunicación. En este artículo, te daré algunos consejos sobre el uso de imágenes destacadas. Además, si desea comenzar y probar la creación de prototipos y la estructuración de sus propios diseños de manera un poco más diferente, puede descargar y probar _Adobe XD_ de forma gratuita.
Lee mas¡Sigue desplazándote! Cómo diseñar páginas muy largas
Los sitios web con desplazamiento largo o [desplazamiento infinito](https://www.smashingmagazine.com/2013/05/infinite-scrolling-lets-get-to-the-bottom-of-this/) se están volviendo cada vez más comunes últimamente, y no es una mera tendencia o coincidencia. La técnica de desplazamiento largo permite a los usuarios recorrer fragmentos de contenido sin ninguna interrupción o interacción adicional: la información simplemente aparece a medida que el usuario se desplaza hacia abajo en la página.
Lee masTipografía sensible a los fluidos con CSS Poly Fluid Sizing
Los diseños fluidos han sido una parte normal del desarrollo front-end durante años. La idea de la tipografía fluida, sin embargo, es relativamente nueva y aún no se ha explorado por completo. Hasta ahora, la idea de la mayoría de los desarrolladores de tipografía fluida es simplemente usar unidades de Viewport, quizás con algunos tamaños mínimos y máximos. En este artículo, vamos a llevarlo a otro nivel. Vamos a examinar **cómo crear una tipografía fluida y escalable** a través de múltiples puntos de interrupción y tamaños de fuente predefinidos utilizando funciones de navegador bien compatibles y algo de álgebra básica. La mejor parte es que puedes automatizarlo todo usando Sass.
Lee mas