The digest of fresh materials from the world of the frontend for the last week №370 (June 17 - 23, 2019)

We offer you a selection with links to new materials from the front-end area and around it.

Media | Web Development | CSS | Javascript | Browsers | Entertaining

---

Media

• CSSSR podcast : News 512 - Vue 3 disassembly, microservices, benchmarks, recent releases and a little about super-computers
• CSSSR podcast, Remote Talk # 06 : Scala and frontend, Scalalaz, Steam blockchain and Korolev web framework
• Five Minute React podcast: Five Minute React screenshots on YouTube
• Podcast "Repozitorro" # 19 - Everything began so well and so sadly ended
• Podcast Pro Conf # 17 HolyJS 2016 - 2018
• CSS Day 2019 + UI Special

Web development

• How to make websites in 2019
• Why I don't use web components
• 10 useful tips on the implementation of Pixel Perfect design in Frontend development
• How to split your HTML into sections
• Reduced Motion Picture Technique
• A lesson on web components for beginners [2019]
• Micro frontends
• How to create PDF from your web application
• Everything you need to know about Progressive Web App (PWA)
• Drag and drop menu with animated preview thumbnails
• Korolev: A diet pill on the net . Alexey Fomkin about his web framework
')

• Performance:
  • 4 tricks that helped us optimize the frontend
  • How to increase page size by 1500% using webpack and Vue
  • Google Fonts Performance Optimization
  • The easiest way to speed up a slow site
  • How to improve the performance of your web application - 5 tips for developers
  • exthouse : a tool for monitoring the performance of browser extensions and their impact on the overall level of performance for users
  

• Accessibility:
  • Anatomy of available forms: best practices
  • Converting a div to available pseudo-buttons
  • 5 Steps to Accessible Web Typography
  

CSS

• Why do we prefer CSS (- variable) to SASS ($ variable)?
• Introduction to CSS Shapes
• Pinterest style photo gallery
• CSS background-image property as anti-pattern
• CSS day 2019: Part 1: UI special (1/2) , Part 1: UI special (2/2)
• CSS Day 2019: Some Things I Learned
• Initial and Design Systems
• Copy-and-Paste CSS Animation Cheat Sheets
• CSS Scroll Snap updated in Firefox 68
• CJSS - CSS Based Web Framework

Javascript

• Javascript programming for lathe
• Elegant JavaScript error handling with the Either monad
• Creating Micro Frontends with React, Vue and Single-spa
• Using service workers in Google Search
• 5 ES2019 features you can use today

• Theory:
  • 13 helpful JavaScript liners
  • Lambda calculus in javascript?
  • JS Basics: JavaScript Engine
  

• VueJS:
  • Dark day for Vue.js
  • 5 extremely simple ways to significantly increase the speed of your VueJS-application
  • JavaScript.Ninja: VueJS: Continuing on 3.x
  • Getting Started with Vuex: Beginner's Guide
  • Passing Variables to CSS in Vue Components
  • Use Data Binding Options in Vue.js for Reactive Applications
  • Introduction to Vue Life Cycle Hooks
  • Creating a CRUD application with Vue and GraphQL
  • Vue Without View - Introduction to Renderless Components
  

• React:
  • The announcement of the new version of Styled Components v5: Fangs
  • 5 great ways to animate React applications in 2019
  • 11 tips for those who use Redux when developing React-applications
  • How to add internationalization (i18n) to Preact application
  • React c 60 frames per second - creating a Medium-style magnifier with React-Pose
  • Simplify React State and useState Hooks
  • What the fuck is this in React? (Suspense)
  

• Angular:
  • 19 concepts to learn in order to become an effective Angular developer
  • Angular user directives
  • Build Scalable, Reliable, and Secure Forms with Angular
  

• Ember
  • EmberJS2019 Posts
  • How new test syntax makes testing easier
  • Embedded helpers in Ember.js: when should they be used?
  • How to actually create a first-class app for free?
  • Essential Ember Addons: the state of the add-on ecosystem in Ember in 2019
  

• Libs & Plugins:
  • ts-toolbelt: even safer typing for TypeScript
  • spotlight: a library for easy integration of the gallery in the pop-up
  • Just - microsoft library for defining build tasks
  • deepmerge - a library for deep (recursive) merging of Javascript objects
  

Browsers

• Chrome will warn about dangerous URLs and will acquire the Suspicious Site Reporter extension.
• New Microsoft Edge browser based on Chromium is now available for users of Windows 7 and Windows 8
• For Firefox, the mode of blocking social networking widgets and Firefox Proxy is being developed.
• For Firefox 69, a password generator and video auto play blocking mode have been prepared.
• 5 browsers that you should go to if you care about your privacy
• Against Coinbase employees used two 0-day vulnerabilities in Firefox
• The extension for Chrome replaced the search results
• How to enable experimental web platform features in Chrome and Firefox

Entertaining

• Microsoft implements native removal of PWA applications.
• The AI ​​assistant for speech rehearsal will appear in PowerPoint.
• Microsoft will add a virtual assistant to speech rehearsal in PowerPoint - it will indicate parasitic words and other errors
• Predict and correct common user errors when interacting with the site
• GitHub acquired the developer of the service for joint verification of the Pull Panda code and made its tools free
• Facebook introduced the international cryptocurrency Libra. She was supported by Visa, Mastercard, PayPal and many others, the launch - in the first half of 2020
• First look at Facebook Libra
• More folding screens, fewer podcasts: what is waiting for technology in 2019
Go

We apologize for any typos or broken / duplicate links. If you notice a problem - please write in a personal, we are trying to fix them quickly.

Digest from last week .
The material was prepared by dersmoll and alekskorovin .