The digest of fresh materials from the world of the frontend for the last week №331 (September 17 - 23, 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 "Frontend Weekend" # 71 - Ivan Akulov on how and why to base his performance consulting agency in 20 years
• Podcast "CSSSR" News 512 - Issue №22 ( September 17 - September 23 )
• Podcast Weekly Vue # 5
• Five Minute React podcast # 48 There are two books : The Greatness Vue.js 2 (The Majesty of Vue.js 2) and The Path to Learning React (The Road to learn React) - which one will you read and which friend will you advise?
• Devshakhta Podcast: # 51: 12-factor applications
• Podcast "Frontend Youth (18+)" # 65: DDoS-attack on your CSS , # 64: 33 life hacking to increase productivity
• Presentable Podcast # 51 : Oral history of web standards with Jeffrey Zeldman

Web development

• Web architecture: a framework for beginner developers
• Google massively transfers websites to mobile-first indexing , but a full transition to mobile-first indexing may take years.
• Google proposed a new management model for the AMP project.
• Bing AMP viewer and Bing AMP cache view
• What determines a good frontend developer?
')

• Performance:
  • Idle Until Urgent . Details about the new technology to improve performance and FID in particular in the article by Philip Walton
  • Web performance framework . Jeremy Keith made a performance chart to help figure out how to prioritize front-end work
  • Large collection of resources dedicated to web productivity
  

• Tools:
  • Improving debugging skills with Chrome DevTools (part 2)
  • Sublime merge - meet the new Git client from the creators of Sublime Text
  • Yarn Plug'n'Play : getting rid of node_modules, A similar concept from npm called tink
  

• Accessibility:
  • How to learn a lesson from accessibility errors on the Apple website
  • Lots of noise around ARIA
  • Debugging accessibility using Chrome DevTools
  

• Animation:
  • Volumetric city built from emodzhi "on pure CSS"
  • Funny Yeti Pagination
  • Light beam of colored particles
  

CSS

• CSS Grid - Swiss Army Knife for Website and Application Layouts
• CSS Grid Chemistry
• Refresh CSS Bookmarklet v2 . The updated classic bookmarklet of Paul Irish with the hands of Lia Vera
• Flexbox: how big are the sizes of items in a flex container?
• Visual demonstration of the operation of the property transform-origin
• Having fun with hover effects for links.
• What is Modular CSS?

Javascript

• Porting JS to Elbrus
• New releases: Electron 3.0, a framework for creating native JS applications , was released , Next.js 7 , Gatsby 2.0.0 ,
• Less code, more apps: how Vulcan.js makes me an effective developer
• 5 tips on better writing conditional expressions in javascript
• Bundlephobia - Want to keep javascript jigsaws small? With Bundlephobia.com, you can check the size of dependencies before adding them to the project.
• About creating a game for the js13K competition "Underrun"
• How to create an interactive tool for building Flex layouts on JS

• Media:
  • Script & Style Show Podcast : Episode 21 : Third-Party JavaScript and Web Performance with Charlie Vazac
  • React Podcast # 21: Delete Your Components with Kent C. Dodds
  • React Alicante 2018 , 22 videos
  

• VueJS:
  • How to organize your dependencies in a Vue application
  • Nuxt.js 2.0: Webpack 4, ESM Modules, create-nuxt-app and more!
  • Vue.js + GSAP = Animations
  • Using Scoped Slots in Vue.js for abstract functions
  • 5 most requested functions for Vue.js in 2018
  • 7 lessons on frontend architecture from Nuxt.js
  

• React:
  • React and SEO: how to make friends?
  • Why you should not use higher order components in the React
  • Enterprise React in 2018–2019
  • Hitchhiker's Guide to the Galaxy React Router v4: [match, location, history] - your best friends!
  • Why React16 is a blessing for React developers
  • How to start working with React Context API
  • Creating a component in the style of React on vanilla javascript.
  • Immunity in React and Redux: The Complete Guide
  • Using Font Awesome 5 in React
  • react-flip-toolkit - a library that facilitates FLIP animation in React
  • Making an Autocomplete widget using React and Elastic Search
  

• Angular:
  • Simplify accessibility with Angular CDK
  • Creating PWA with Angular 6
  • We increase the level of NgRx
  • The Three Pillars of the Angular Router - Router States and URL Matching
  

Browsers

• Mozilla introduced the final version of the Firefox Reality browser for glasses and virtual reality helmets
• Microsoft has already disabled the Windows 10 feature, discouraging users from installing other browsers instead of Edge
• Interception and modification of requests in Chrome using Devtools Protocol

Entertaining

• Google: we completely index and rank content in tabs.
• The path of the unicorn: how GitLab went to an estimate of $ 1 billion
• Google failed Twitch cloning and called rare gamers to watch YouTube
• The MIT created a neural network that recognizes objects by voice description
• VKontakte launches podcast platform
• Why YouTube Gaming lost to Twitch
• Bug Fixes: How I Live With Dyslexia
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