The digest of fresh materials from the world of the frontend for the last week №258 (April 10 - 16, 2017)

We offer to your attention a selection with links to useful resources and interesting materials from the frontend area. By the way, last week the digest turned 5 years old. Thanks for reading.

Web development

CSS

Javascript

Browsers

Entertaining

Web development

• Unlocking the WebAssembly with Brendan Ike
• Web Interface Components
• Podcast Web Standards, Issue # 64 : Events, Edge 15, available Tudu list and chat a lot with Vadim Makishvili.
• Pilot release of the devSchacht podcast . The authors distribute thanks, guide, talk about translations.
• Tips and tricks on debugging code
• Shadow DOM! = Virtual DOM
• What is a performance budget and why should you use it?
• Smooth scrolling and accessibility
• Learn Webpack in 15 minutes
• Announcement of the resource PWAStats.com , which presents collections of sites that use PWA fruitfully
• AMP for retailers: is it worth it?
• Detailed HTTP / 2 Server Push Guide
• npm and front end
• Building Blocks . The Foundation UI library from Foundation, which is HTML, CSS, and JS snippets that can be embedded into any project on the Foundation.
• Sending messages when a user returns to online using Service Workers and Background Sync
• So what is GraphQL, about the cat, I constantly hear?
• boilrplate - supervised catalog of blanks (boilerplates) to help with the start of the project
• Iceberg - harvesting with React, Babel, Webpack, Sass
• Creative animation effects for loading grids
• WebVR experiments

CSS

• The dark side of using CSS polyfills
• PostCSS Hamster Framework - a tool that will make your life easier with the imposition. Typography. Vertical rhythm
• A step-by-step guide to the CSS Grid auto-placement algorithm
• Mobile first: forget and score ?!
• Advanced vertical margins
• Let's define exactly what Atomic CSS is.
• Griddy is another visual online tool that allows you to become familiar with the CSS Grid in practice.
• Creating sustainable architecture on Sass: part 1
• Details about the touch-action property
• Exercise for creating masonry layouts on CSS
• Customizing browser scrollbars with CSS
• From CSS preprocessors to styled components (React)

Javascript

• SPA Meetup Report and Materials April 8, 2017
• Asynchronous functions 101
• JavaScript: Design Patterns
• The Post JavaScript Apocalypse - Douglas Crockford talk at the ConFoo Developer Conference
• 9 ways to raise the level of your code
• Support for ES6 modules has come to browsers: is it time to rethink banding?
• Theory:
  
  
  • Why use static types in javascript? (Advantages and disadvantages)
  • Using Observables in Real Life
  • Functional JavaScript: decoupling methods from their objects
  • 7 tips for handling undefined in javascript
  
  
• Practice:
  ')
  
  • Beau Carnes (freeCodeCamp): My giant JavaScript basics course is available on YouTube. And it is 100% free.
  • Making the site interactive and fun with Velocity.js (No jQuery)
  • Learning JavaScript Test-Driven Development Examples
  • ThsJSQuiz - test your javascript level with an interactive quiz
  
  
• React:
  
  
  • Introduction to React and Redux for Backend Developers
  • N reasons to use the Create React App
  • Architecture of modular React + Redux applications
  • The Five Minute React podcast # 11 - this.state or this.effectiveValue?
  • CodeSandbox - online sandbox for React
  • All videos from React Conf 2017 are available.
  • Endless List and React
  • Twitter Lite and high-performance progressive web application on React , details of the implementation of a large-scale project
  • React Adventure Guide (Part I)
  
  
• Vue:
  
  
  • Introduction to Vue.js for people who know only jQuery
  • buefy - lightweight UI components for Vue.js, based on Bulma
  • vms - Vue.js 2.0 CMS
  • State Management in Vue
  • Managing Application State in Vue.js 2 with Vuex - Introduction
  • Migrating from Angular to Vue, and why we didn't choose React (+ ES6 and Webpack)
  
  
• Angular:
  
  
  • Do designers study JavaScript: Angular, React, or Vue?
  • What to expect from Angular v5?
  
  
• Libs & Plugins:
  
  
  • tung - javascript library for drawing html
  • backslide - CLI utility for creating HTML presentations with Remark.js and Markdown
  • Awaiting - a utility for using async / await for browsers and Node.js
  • UPNG.js - fast and advanced PNG decoder

Browsers

• Additional layouts of the new Firefox interface 57
• Firefox 55 allows you to customize yourself for the current amount of RAM on your PC
• Firefox plans to add a performance tuning section
• Mozilla reduces the number of stages in the development of Firefox
• What's new in DevTools (Chrome 59)
• Chrome mode will appear without a screen
• Google declared Octane obsolete and does not reflect the actual performance of browsers.
• Edge is back on the horse: Microsoft has repeated energy efficiency tests on popular browsers
• What's new in Microsoft Edge after updating Windows 10 Creators Update

Entertaining

• 75-year-old programmer founded a computer systems service company at COBOL
• Google AutoDraw is an AI-based and machine-learning graphics editor that guesses what the user draws.
• Google Photos has video stabilization feature.
• "The stage of development of AI is now at the level of a two-year-old child . " Summary of a lecture by Grigory Bakunov, director for the distribution of Yandex technologies.
• Is the speed of loading a site so important, or about the “benefits” of Google PageSpeed ​​Insights
• Fiendishly smart: Uber watched Lyft drivers for two years
• Five myths about artificial intelligence

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