The digest of fresh materials from the world of the frontend for the last week № 366 (May 20 - 26, 2019)

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

• The CSSSR podcast . News 512 - Vue 3, transition to Context API and React Hooks, and hold on, Huawei
• Podcast "Frontend Weekend" # 91 - Evgeniy Kot about the pain of the life of the Timlids, the way of the formation of the GDE and the harsh selection on HolyJS
• Podcast “Make Me Beautiful!” , Issue # 18: Away Ilya Yakamsev - Scrum, Burnout and
• Podcast "Frontend Youth (18+)" # 94: The frontend is dead and only his youth will save him
• "Repozitorro" # 15 - I did not find the code readable
• KharkivCSS # 4 2019 , 7 videos

Web development

• Real reactive programming in Svelte 3.0
• “There you need to know both the web stack and C ++”: an interview with Alexey Kozyatinsky about the development of Chrome DevTools and not only
• Front-end documentation, style guides and MDX development
• Footnotes that work in RSS readers
• DevChecklist: shared space for creating and storing checklists that help ensure software quality
• Webpack from zero to hero - part 3: Everything is a module
• WebAssembly in eBay: a real use case
• Static web back to roots?
• Measuring Interactivity with TTI: Time To Interactive
')

• Accessibility:
  • Inclusive components: menu and menu buttons
  • Available buttons with icons . Detailed article from Sara Soueidan with examples
  • Contextual markup of available images and SVG
  • External links, new tabs and accessibility
  

CSS

• Flexible tables on CSS Grid
• Visual selection of text using the HTML mark tag
• What's new in Tailwind CSS v1
• benefit is a small CSS utility compatible with TailwindCSS
• font-display is not compatible with icon fonts.
• The current state of rubber typography
• Code as documentation: new strategies using CSS Grid
• 10 CSS tips I learned using Sass
• Flex Layout visual online editor
• The problem of indentation of the container
• CSS can?

Javascript

• JavaScript is the best programming language for beginners.
• Inference of Action type by means of Typescript
• Node.js for beginners: the basics of working with files
• How to connect the script to a third-party site
• Vanishing frameworks
• Abuse of jQuery for attacks on third-party channels using CSS
• Lazy loading images using the Intersection Observer API
• Creating Grid-to-Fullscreen Animations with Three.js

• Theory:
  • JavaScript engines: how do they work? From the call stack to the promises, (almost) everything you need to know
  • Writing clean and scalable javascript code: 12 tips
  • FunES # 10: Strange array
  • Journey through JavaScript: from loading scripts to execution - part II
  • Functional javascript: how to use array reduce for something other than numbers
  

• React:
  • Take React performance under control
  • Release Material-UI v4
  • Using WebAssembly with React
  • Why you should render React on server side
  • Getting started with the react-testing-library
  • My experience of moving from Enzyme to react-testing-library
  • Available useReducer Guide
  

• VueJS:
  • Getting Started with Vue - Overview and Tutorial
  • Vue.js and SEO: how to optimize reactive sites for search engines and bots
  • 5 simple ways to drastically improve the speed of your VueJS application
  

• Angular:
  • Angular 8 RC.5 - release candidate launched with new features and critical changes
  • Research of hooks of life cycle Angular - OnInit
  • Create a progressive web application with Angular
  

• Libs & Plugins:
  • await-timeout: promis based API for setTimeout / clearTimeout
  • v8n: Ultimate Validation Library
  • Tornis - a library that monitors the state of the visible area of ​​the browser, allowing you to respond to its changes
  • is-incognito-mode: function to determine if the browser is in incognito mode
  

Browsers

• Firefox 67 , technical details of the release from Marat Tanalin
• In Firefox 69, the default is to stop processing userContent.css and userChrome.css
• For more than a year, mobile Chrome, Safari and Firefox have not warned users about phishing
• Opera announced the first gaming browser
• Introducing the first Microsoft Edge pre-builds for macOS
• Firefox provides smooth video playback using the world's fastest decoder AV1

Entertaining

• Background: US Conflict and Huawei Conflict - Chronology and Causes
• GitHub Sponsors: a new way to contribute to open source
• Sketch 55, Adobe XD update, diagram drawing templates in Figma and other new interface design tools
• IT market in numbers: statistics and development forecasts
• Does he understand us? How a computer teaches people’s languages
• The man who bought the first pizza for Bitcoins: not only a meme, but also a mining pioneer
• For this site we were paid more than 5 million rubles, and this is why
• Anonymous quick reference. Types of encryption and traffic protection, the choice of software
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 .
The material was prepared by dersmoll and alekskorovin .