El resumen de materiales frescos del mundo del front-end para la última semana No. 326 (6 al 12 de agosto de 2018)

Traemos a su atención una selección con enlaces a nuevos materiales del área frontend y sus alrededores.

Medios de comunicación | Desarrollo web | CSS | Javascript | Navegadores | Entretenido

---

Medios de comunicación

• Podcast "Web Standards", número 133: Nuevos elementos en Chrome 69, semántica para lectura, CSS sin cascada y Houdini, API para accesibilidad, agotamiento.
• Podcast de Frontend Weekend # 65 - Igor Sheko sobre cómo convertirse en un prometedor líder de equipo desde un inicio en serie
• CSSSR Podcast News 512 - Número 18 (06/08 - 08/12)
• "Devshahta podcast": # 45 - Cuando el front-end se convierte en un devops
• Podcast “Frontend Youth (18+)” # 60: Sergey Berezhnoy: Fractal Life , # 59: Talk about Javascript

Desarrollo web

• Usamos AMP como una biblioteca de uso general para crear sitios dinámicos rápidos
• Icon Fonts vs SVGs: ¿cuál de estos debo usar en 2018?
• "Filtros SVG: El curso intensivo " - Intensivo por Sara Soueidan
• Google AMP: pérdida del 70% de nuestra conversión
• Cómo crear un pequeño y hermoso paquete npm y publicarlo
• sugerencia web: una herramienta para el análisis integral del sitio con sugerencias para mejorarlo (anteriormente sonarwhal)

• Rendimiento:
  • Reducción de la carga de JavaScript con división de código
  • Informes de rendimiento personalizados utilizando el panel CrUX
  • La etapa de representar la página por el navegador y pensar en el rendimiento web
  

• Accesibilidad:
  • Cuidar la accesibilidad de formularios web
  • Accesibilidad en dos dimensiones para mapas y sistemas de navegación web.
  • Hacer que los sitios web sean ubicuos los hace menos accesibles.
  

• Animación:
  • Animaciones de menú de puntos
  • Control deslizante de Westworld
  

CSS

• Actualizaciones recientes de borradores CSS: desbordamiento de nivel 3, diseño de línea de nivel 3, cuadrículas de nivel 2
• Recorte de altura de línea: una sencilla fórmula CSS para eliminar el margen superior del texto
• Conocimiento de los valores iniciales en su CSS
• Cambia automáticamente el color del texto para varios fondos usando variables CSS
• Técnicas de ocultación de CSS
• Crear el sistema CSS "perfecto"
• Diseño de cuadrícula CSS: multiplique y conquiste, o cómo trabajar realmente con cuadrículas
• Cambios en el diseño de la cuadrícula CSS en porcentaje y altura indefinida
• No escriba CSS: personalícelo con viento de cola

Javascript

• JavaScript palabra clave esto para principiantes
• Cómo funciona JS: elementos personalizados
• Comparación de React y Vue en un ejemplo práctico
• [marcador] 23 recomendaciones para proteger aplicaciones Node.js
• 7 recomendaciones para el código JavaScript
• Cómo lidiar con los efectos secundarios sucios en su JavaScript funcional puro
• Solucionar problemas de alcance variable en ECMAScript 6
• Chris Coyer sobre la creación de navegación fija que supervisa el desplazamiento de la página
• Cómo hacer expresiones regulares de JavaScript
• ¡Divide y vencerás! Carga perezosa para su SPA

• Angular:
  • Referencia CLI angular
  • Angular 6: creación de configuraciones de paquete web desde cero
  • Plantilla PRPL para aplicaciones web progresivas que utilizan Angular 6+
  • Animando componentes dinámicos en Angular
  • Crear animaciones reutilizables en Angular
  • 15 trucos y consejos de rendimiento en Angular
  • Consola angular : interfaz de usuario para CLI angular
  • 10 funciones angulares útiles de las que quizás no hayas oído hablar
  

• VueJS:
  • ¡Vue CLI 3.0 ya está aquí!
  • Acelerar el desarrollo con Vue Prototyping
  • Crear una directiva de clic largo en Vue
  

• Reaccionar:
  • Obtención de datos en aplicaciones Redux: enfoque 100% correcto
  • mauerwerk - diseño de cuadrícula de estilo de mampostería en react
  • Patrón de accesorios de renderizado de React: un niño como función
  

• Libs y complementos:
  • Pts - biblioteca mecanografiada / javascript para visualización y codificación creativa
  • lazyestload.js : carga imágenes solo si aparece en la ventana gráfica, solo 350 bytes de código js
  • SuperSlide.js : un menú deslizante flexible y suave para su próxima PWA
  • División : microbiblioteca de JavaScript con una colección de pequeños complementos diseñados para dividir cadenas en entidades más pequeñas: palabras, caracteres y otras opciones
  

Navegadores

• Firefox comenzó a probar un sistema de recomendación de contenido basado en la actividad del usuario.
• Opera integra una billetera criptográfica en la versión de escritorio de su navegador
• Nuevo experimento de Mozilla: extensión Firefox Advance que analiza el historial de actividad de la red para seleccionar sitios y artículos potencialmente interesantes
• Chrome 69 Beta: muchas mejoras de CSS y más

Entretenido

• Cómo elegir una fuente para medios
• "Way back - no": en Android 9.0 Pie, Google ha privado a los usuarios de la oportunidad de volver a versiones anteriores del sistema operativo
• Lanzamiento de la actualización de idioma Dart 2.0, JavaScript alternativo de Google
• La red neuronal aprendió a crear un retrato de una persona de acuerdo con la descripción del texto.
• Cómo China ha crecido una generación que no conoce Google, Facebook y Twitter
• Cosas divertidas y aterradoras. Recordemos los hacks de IoT más espectaculares de los últimos años.
A.

Nos disculpamos por cualquier error tipográfico o enlaces rotos / duplicados. Si nota un problema, escriba un correo electrónico personal, intentaremos solucionarlo rápidamente.

← Resumen de la semana pasada
Material preparado por dersmoll y alekskorovin