The digest of fresh materials from the world of the frontend for the last week No. 313 (April 30 - May 6, 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" # 51 - Vladimir Novik on the work of an independent consultant, moving to Israel and the book about React Native
• Web Standards podcast, episode No. 119: Dojo 2 and Edge 17, BigInt in JS, Safari almost caught up, CSS menu and subgroups, HTTPS on GitHub Pages, poor layout designer
• Devschacht podcast: Night Frontend # 32: Restrictions We Impose on Code
• Podcast "Frontend Youth (18+)" # 46 The sad state of the JavaScript 2 ecosystem
• Podcast "Frontend Youth (18+)" # 47 Oleg Mokhov: from React Finland to React Russia
• “ALL YOUR HTML” # 47: “Vue.js animations + 100 thousand particles on WebGL”
• CSSSR: "News 512 - Issue # 4 (30.4 - 06.05)"
• How we built a pipeline for the preparation of front-endenders - Alexander Pershin, HTML Academy

Web development

• Tasks with interviews
• What should be corrected in the layout before releasing to production?
• Four questions about BEM
• Want to be a top developer? You have to create things. Here is a list of where to start.
• Creating a serverless contact form for your static site
• Is the ServiceWorkder technology ready for use? Yes.
• Mobile friendly fields for entering numbers with `inputmode`
• Basic MDN Web Docs Progressive Web Application Guides
• Latest releases: Bootstrap 4.1.1 , HTML5 Boilerplate 6.1.0 , Dojo 2.0
')

• Tools:
  • How to solve Webpack problems. Practical case
  • Work with DevTools Console and Console API
  • Inspection animations in Chrome DevTools
  • Visual Studio Code Review for Front End Developers
  

• Accessibility:
  • Writing accessible web content
  • Selection of accessibility blogs
  • 18 available bookmarklets that you can use to test the A11Y
  • Know your ARIA: 'Hidden' vs 'None'
  

• Spectacular web:
  • Weekly selection of beautiful effects on CSS / SVG / JS # 77
  • The artist created the picture manually using LESS
  • Morphing the Play button in a video player using GSAP
  • curtains.js - an easy WebGL image animation tool.
  • Responsive text with mask and video on background
  • Feedback Ideas with Progressive Guidance Effects
  

CSS

• What CSS Custom Properties can and cannot do.
• Another collection of interesting facts about CSS grids (CSS Grid Layout)
• Guide to the state of styles for printing in 2018
• Display: Contents is not a CSS Reset
• CSS Variables
• Resolved with CSS! Dropdown menus
• cssgr.id - online CSS Grid Layout Generator
• Create unique web experiences with custom CSS cursors
• A quick introduction to CSS animation
• CSS Grid: more flexibility with minmax ()
• Strange but effective CSS debugging trick
• The power of Flex-Grow
• Disgustingly readable responsive text with viewport units

Javascript

• As I wrote plugins for React, Vue and Angular
• 9 useful tricks for those who program in JavaScript
• You do not know JS: Asynchrony and Performance . Chapter 4: Generators
• Guide to regular expressions in javascript
• Many-sided this in JS
• Ember roadmap in 2018
• Dojo 2: what the new version offers
• RxJS 6: What is new and what has changed?
• BigInt: arbitrary precision integers in javascript
• Capturing and reporting js errors with window.onerror

• Angular:
  • Angular 6 is already available
  • What's new in Angular 6
  • Using Angular NgModules for reusable code and more
  • Definition of change in Angular: all you need to know
  • Angular onPush Complete Change Strategy Guide
  • My Experience: Learning Angular 5 as a long time react developer
  

• VueJS:
  • Introduction to render dynamic lists in Vue.js
  • Why use Vue.js when working with Laravel?
  • The best backend for applications on VueJS
  

• React:
  • How to beat Webpack 4 and create a cool app on React
  • Creating optimistic user interfaces in React
  • This is why we need bind event handlers in Class Components in React.
  • Full lesson on React with Apollo and GraphQL
  • Creating forms on React - all you need to know
  

• Libs & Plugins:
  • ReLaXed is a tool that interactively creates PDF using HTML or Pug
  • is-google - verification that the request comes from Google crawlers
  • a11y-dialog - a lightweight (1.3Kb) flexible script for creating accessible dialog boxes
  • selection.js is a simple and lightweight library for implementing visual selection of DOM. No jQuery
  • ow - validation of function arguments, written in a human way
  

Browsers

• Firefox 60 will show ads on the start page.
• Google Chrome has learned how to block video playback autoplay
• Beta version of Google Chrome 67 has got new APIs for working with VR
• Opinion: it's time to try Firefox again
• Google has added support for its payment service to all browsers.

Entertaining

• Oculus replaces React VR framework with React 360
• A stable version of WebP graphic format has been released.
• Knowledge base for programmers Stack Overflow launched a service to discuss development issues within companies
• An attempt was made to include a backdoor in the popular NPM package mailparser
• Google has opened gVisor, a hybrid of virtualization and container systems.
• GitHub and Twitter mistakenly saved open passwords in the log
• Instagram and WhatsApp presented group video calls
• A new project from OpenAI taught AI to debate among themselves.
• Why the future without passwords is already close (but not quite)
• Steam statistics: an increase in the share of AMD CPU and GPU, Windows 10 revenge
• Disclosed plans for Intel and AMD to upgrade desktop platforms
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 .
Material prepared dersmoll and alekskorovin .