The digest of fresh materials from the world of the frontend for the last week №360 (April 7 - 14, 2019)

We offer you a selection with links to new materials from the front-end area and around it.

By the way, the other day this digest turned 7 years old. Thanks to everyone involved :)

Media | Web Development | CSS | Javascript | Browsers | Entertaining

---

Media

• Podcast "Frontend Youth (18+)" # 90 Gui is not a hindrance to an expert
• Devshakhta / Night Frontend podcast # 75: Where to develop
• FrontSpot Show # 5: Konstantin Krivlenia. Bearded story "product vs. outsource "
• proConf # 9 VUEJS AMSTERDAM 2019
• "ALL YOUR HTML" # s2e10: "Phenomenon with Parcel"
• WSD in Moscow, 2019 , broadcast recording
• MinskCSS Meetup # 6 - 11 April 2019
')

Web development

• How to create a dark theme and do no harm. Experience team Yandex. Mail
• Website transfer to statics: motivation, cost, work
• Why you shouldn’t waste your time on creating niche thematic sites
• Result of polling developer preferences from Stack Overflow
• Front-end Developer Handbook 2019
• Inline SVG ... Cached
• Web development in illustrations
• Types of mobile inputs
• Javascript vs. CSS - more control means more responsibility
• Do not trust local repositories: the study of the prevalence of persistent cross-site client scripts

• Performance:
  • Native lazy loading and fallback based on js with vanilla-lazyload 12
  • Google AMP lowered the speed of our page, and there is no other choice but to use it.
  • How to get 100% performance at Lighthouse
  

• Accessibility:
  • Common Accessibility Problem: go to a page section without shifting the keyboard focus
  • Accessibility colors: tools and resources to help you create inclusive products
  • Top 5 Questions Asked in Accessibility Studies
  

• Animation:
  • How to create a sticky image effect with Three.js
  • Disconnect SVG using reusable WebGL components using React-Three-Fiber
  

CSS

• What I have never been told about CSS
• Difference between width and flex-basis
• How does @supports work
• Already in 2019. Let's finish the discussion on icon fonts and SVG icons.
• A Guide to Understanding Houdini CSS with Comics
• Tricks and tips for CSSBattle
• SVG Animation with CSS
• Follow these steps to become a CSS Superstar.
• Get CSS custom property value with javascript
• Artistic Guide for the Web using CSS Shapes
• Using Mixin to derive math from responsive font sizes
• Why you should use CSS env ()
• QUIZ: Well aimed? How well do you know CSS selectors?
• sassyfication: a library with Sass impurities to speed up CSS development

Javascript

• In the AMP will add support for JavaScript
• Three Big Lies about JavaScript
• JQuery 3.4.0 release
• Using the Web Speech API for multilingual translations
• Five reasons why web components can add JavaScript frameworks
• Kyle Simpson: I forgot more javascript than most people have learned
• List of 31 most popular JS repositories on GitHub in April 2019

• Theory:
  • JavaScript engine basics: prototype optimization. Part 1
  • What you need to know about arrays in JavaScript
  • Async / Await Pitfalls in Array Loops
  • In defense of ternary operators
  • Improved asynchronous programming with javascript promises
  • Design patterns in modern JavaScript development
  

• React:
  • What would I like to know when I started working with React.js
  • React styling tips
  • Top React Extensions for VS Code
  • An overview of popular CSS-in-JS libraries for React
  • State Management with React Hooks - Without Redux or Context API
  • React95 - React Component Library with Win95 UI
  

• VueJS:
  • Why your company should start using Vue.js
  • Introducing the new State-Management for Vue.js
  • Summary report on the conference VueJs Amsterdam 2019 (Part 2)
  • Why I chose Vue over React
  • Retrieving data from third-party APIs using Vue.js and Axios
  • Make your web applications Vue.js available for viewing - JavaScript SEO
  

• Angular:
  • The best of creating clean and fast Angular applications.
  • Angular Context: simple data binding for nested component trees and Router Outlet
  • Angular CLI - Demystifying the workspace
  • Advanced Angular: implementation of the reused autocomplete component
  

• Libs & Plugins:
  • fkit: a set of functional utilities for javascript
  • jQuery Terminal Emulator - a terminal for the web
  • Choices.js : plugin for creating custom select elements with input as Select2, but without jQuery
  

Browsers

• Microsoft Edge on Chromium officially available for open testing.
• In Firefox Beta added blocking scripts mining and covert identification
• In Chromium, a delayed download of iframe and images is available. Microsoft Edge Test Edition
• Chrome and Safari removed the ability to disable the click tracking attribute.
• Opera 60 (Reborn 3) was released - the first desktop browser with support for the “Internet of the future” Web 3, a cryptographic window and free VPN
• Edge goes to Chromium: what does this mean for frontend developers?

Entertaining

• GitHub has completely “deleted” the utility repository for circumventing locks and the entire creator account.
• Google: Frequent crawling does not improve site position.
• Soon, Google Docs will start supporting native Microsoft Word, Excel and PowerPoint formats
• Very little evidence of the early Internet
• The owner of the rights to Helvetica has released the first redesign of the font in 35 years
• The EU has developed a set of ethical principles for artificial intelligence.
• Alibaba founder Jack Ma stood up for work culture 12 hours a day, six days a week
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.

← Last week's digest

Material prepared by dersmoll and alekskorovin