The digest of fresh materials from the world of the frontend for the last week # 319 (June 11 - 17, 2018)

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

• Podcast "Web Standards", Release №125: All events until the end of the year and impressions from the organizers with pitercss_conf
• Web Standards podcast, Release №124: Github has sold out, Safari in hours, available cards, varying code complexity, the end of cssnext, and the future of PostCSS.
• Podcast "Frontend Weekend" # 57 - Mikhail Bashkirov on the nuances of moving to the Netherlands and the reasons for leaving RadioJS
• Devschacht podcast: Night frontend # 37 - School of Interface Development for Yandex. Results
• Podcast "Frontend Youth (18+)" # 53 How to marry a programmer
• Podcast "Frontend Youth (18+)" # 52 How Ryan Gave your shatal node
• Podcast "uWebDesign" [18+] On the IT market in Russia in garlic - Stern Web # 169
• ALL YOUR HTML # 53: Decompiling azarclub.fr website, 2d animation, + three.js with 2d canvas
• DeltaV Conference London 2018
• JSConf EU 2018, 12 videos
• Frontend United 2018 - Utrecht, 27 videos
• O'Reilly Fluent Conference 2018 - San Jose, California, 6 videos

Web development

• How to survive in a changing development world
• Inconsistent image behavior on the web: how and when browsers load images
• What every developer should know about HTML for emails
• Automate the creation of letter templates in two ways: Snippets vs. Partials
• Augmented Reality on the Web
• 5 ways to process forms on static sites
• What is CDN and how does it work
• A look from the other side: five things every lawyer should know about digital accessibility

• Performance:
  • Prioritizing long-term performance
  • About how to accelerate the new version of the site scotch, having achieved the loading time of page 1s
  • 7 Performance Tips for Smooth JavaScript Animation
  • Basic site analysis with GTmetrix
  • PageSpeed ​​Insights: the best tool to check the performance of your site for Google Speed ​​Update?
  

• Instruments:
  • Parcel v1.9.0 - Tree Shaking, accelerated twice in the night and more
  • Microsoft Edge automated testing enhancements with new WebDriver features, W3C protocol support, and automatic updates
  • Introduction for newcomers to webpack
  

• Animation:
  • Full disclosure effect
  • Background scrolling effect based on physics
  

CSS

• Why the browser reads CSS selectors from right to left
• New (and old) units in CSS that you’ve never heard of
• More creative patterns for filling unicode backgrounds with characters
• M otus is a library for animation that mimics CSS keyframes while scrolling
• Stop working on cssnext

Javascript

• Decorator functions that can be written from scratch
• 5 ways to create an array in javascript
• Almost the entire Office 365 is rewritten using JS.
• Interactive data visualization with JavaScript and D3
• How JavaScript works: storage engines + how to choose the right storage API
• JS is not worse than ...
• How to improve your development process using the JavaScript console
• Basics of JS Engine: Forms and Embedded Caching
• Submitting HTML Forms with JS Framework (Vue, React, Hyperapp)

• ES2015 +:
  • When and why it is worth using ES6 arrow functions, and when not
  • We study promises in JavaScript: from rags to riches for 25 tests
  • Javascript async / await: good part, traps and ways to use
  • What's new in ES2018
  

• VueJS:
  • SPA development experience on VueJS + Nuxt
  • Transition from jQuery to Vue.js
  • function render () - what is the argument h
  • Vue overtook React over the stars on GitHub
  • vuesax - component framework on vue.js
  • How to create a Vue component as a professional
  

• React:
  • Video from React Kyiv meetings in March and April + TDD Workshop
  • Jet frontend. The story of how we rewrote everything again
  • Creating a health tracking application with React, GraphQL and User Authentication
  • Immersion in React Context
  

• Angular:
  • Angular state control template
  • Angular and Internet Explorer
  

• Libs & Plugins:
  • Simonwep / pickr is a simple and customizable Color-Picker. No dependencies, no jQuery, compatible with all CSS frameworks
  • jeelizWeboji - Javascript / WebGL library for defining and reproducing facial expressions
  • yett is a small library for controlling and invoking third-party scripts.
  • 9 Javascript libraries of 2018 for time and date manipulations
  
  

Browsers

• Chrome will no longer support installation of add-ons based on third-party sites.
• Mozilla is considering creating a voice navigation system for the browser.
• 11 Ways To Speed ​​Up Braking Chrome
• Firefox for iOS now has the ability to download files.

Entertaining

• Missed deadline, or why more than half of the companies were not ready for GDPR
• The principle of net neutrality ceased to operate in the United States.
• GitHub’s future CEO Net Friedman answered questions from Reddit users about a deal with Microsoft
• New critical vulnerability detected in Intel processors
• The exploit kits are already using fresh bugs in Flash and Internet Explorer.
• Google opened the designer to create applications without programming skills
• Microsoft will stop helping Windows 7 and 8 users on their forums.
• Results of the E3 2018
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 last week
Material prepared by dersmoll and alekskorovin