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

• Frontend Weekend podcast # 71 - Ivan Akulov on how and why to base your performance consulting agency at 20 years old
• CSSSR podcast News 512 - Issue 22 ( September 17 - September 23 )
• Weekly Vue podcast # 5
• Podcast Five Minute React » # 48 There are two books : The Greatness of Vue.js 2 (The Majesty of Vue.js 2) and the Path to Exploring 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 for increasing productivity
• Presentable Podcast # 51 : Oral history of web standards with Jeffrey Zeldman

Web development

• Web architecture: fundamentals for beginners
• Google massively moves websites to mobile-first indexing , but a full transition to mobile-first indexing may take years
• Google has proposed a new management model for the AMP project
• Bing AMP viewer and Bing AMP cache view
• What defines a good front-end developer?

• Performance:
  • Idle Until Urgent . Details on the new productivity enhancement technology 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 web performance resources.
  

• 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 site
  • Much noise around ARIA
  • Debugging accessibility using Chrome DevTools
  

• Animation:
  • Volumetric city, built from emodzhi "on pure CSS"
  • Funny yeti-pagination
  • Light beam from colored particles
  

CSS

• CSS Grid - Swiss Army Knife for Website Layouts and Applications
• CSS Grid Chemistry
• Refresh CSS Bookmarklet v2 . Updated Irish classic bookmarklet by Lia Vera
• Flexbox: how big are elements in a Flex container?
• A visual demonstration of the transform-origin property
• Having fun with hover effects for links
• What is Modular CSS?

Javascript

• Porting JS to Elbrus
• New releases: Electron 3.0 was released, a framework for creating native JS applications , Next.js 7 , Gatsby 2.0.0 ,
• Less code, more applications: how Vulcan.js makes me an effective developer
• 5 tips for better writing of conditional expressions in javascript
• Bundlephobia - Want to keep the size of javascript bundles small? With Bundlephobia.com, you can check the size of dependencies before adding them to the project
• About creating a game for the js13K “Underrun” competition
• 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 much 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 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 developers on React
  • How to start working with React Context API
  • Creating a component in React style on vanilla javascript.
  • Immunity in React and Redux: the complete tutorial
  • 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 availability with Angular CDK
  • Create PWA with Angular 6
  • Improve NgRx proficiency
  • Three pillars of 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 turned off the Windows 10 feature, discouraging users from installing other browsers instead of Edge
• Intercepting and modifying requests in Chrome using Devtools Protocol

Entertaining

• Google: we completely index and rank content in tabs
• Unicorn path: how GitLab went to a valuation of $ 1 billion
• Google failed Twitch cloning and called rare gamers to watch YouTube
• MIT created a neural network that recognized objects by voice description
• VKontakte launched podcast platform
• Why YouTube Gaming lost the competition on Twitch
• Bug fixes: How I live with dyslexia

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 dersmoll and alekskorovin