The digest of fresh materials from the world of the frontend for the last week №262 (May 8 - 14, 2017)

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

Web development

CSS

Javascript

Browsers

Entertaining

Web development

• How to become a web developer in 2017 - an action plan
• Podcast "Web Standards", Release №68 : Edge and PWA, Opera everything, Electrino, Autoprefixer, accessible menu-button, irony, validation of forms, logical dimensions.
• Devschacht podcast, Issue 2 : We talked about the history and development prospects of Node.js
• HTML is broken . Haydon Pickering's HTML Is Broken Translation
• Front-end on feng shui. Part 2
• Trends - presentation of new functionality on Stack Overflow
• Footer sections - HTML Shorts . Can I put a section element in the footer? Let's figure it out
• Video reports from KharkivCSS 2017
• Instruments:
  
  
  • Installation speed in npm, npm5, shrinkpack and yarn
  • Use linters for bugs, formatters to fix style
  • webpack for real-world tasks: reducing the size of the frontend and improving caching
  • Announcement of a new webpack CLI
  • Pingy CLI is a lightweight front end collector. When you do not need to configure heavy assemblies Gulp and Grunt, but you can just run the tool and work
  
  
• Unjustified complication of the development of the frontend to seem smarter
• label attributes on interactive elements to support accessibility
• Accessible Tabbed Panel with ARIA
• Another collection of favorite demos with CodePen from its creator, Chris Koyera
• Details on the creation of the Progressive Web App for the website of the Chinese store Ele.me
• Creating Animated SVG Banners
• Git repositories that can be used as alternatives to GitHub

CSS

• Tables in responsive design - 2
• Add to Chromium selector: focus-within
• Introducing CSS: focus-within - what the pseudo-class is and how it can help make drop-down submenus available
• Refer to the specification: what precedes the specification? Translation of a note by the invited expert of the CSS Rachel Andrew Working Group to the Refer to the spec.
• Solving the problem of a wide block inside a narrow container using CSS Grid Layout
• Native form validation , part 2.
• High-performance dynamic styles in the context of JSS and React
• Ways to set a contrasting color for text that lies on a colorful background
• Experiments in fixed aspect ratios . How to responsively maintain aspect ratios & how CSS Grid may be changing that game
• Why I refused @apply . The story of Tab Atkins, who works at Google on Chrome and is a member of the CSS Working Group
• Problem with preprocessing custom properties
• Making custom properties (CSS variables) more dynamic.
• Track font history in CSS
• 5 cute effects for images using CSS Shapes and filters
• Easing Linear Gradients
• CSS and the first significant rendering . Speech by Patrick Hamann at the London CSS
• From CSS preprocessor to styled components . Speech by Max Stoiber on Reactivate London
• BBC Grandstand - scalable frontend architecture and Sass framework from BBC Sport

Javascript

• Five Minute React podcast # 15 - Amsterdam, PWA, RealWorld, Prepack
• Node.js event loop, timers and process.nextTick ()
• PhantomJS everything? . Deciphering an interview with Vitaly Slobodin, author of PhantomJS
• 2017: Hitchhiker's Guide to the Galaxy Javascript
• Current status of popular JS libraries according to Stack Overflow JS Trends
• The versatility of functions in JavaScript
• I still love jQuery - and you should
• 8 tricks in npm, with which you can surprise colleagues
• Module specifiers: what's new in ES modules?
• What is a transducer?
• Hitchhiker's guide to d3.js galaxy
• It's time to fetch, or how I stopped using http libraries
• All about recursion, PTC, TCO and STC in JavaScript
• React:
  ')
  
  • Five Minute React podcast # 14 - Redux Business Logic (part 2)
  • Make your functional React components 45% faster now (translation)
  • Redux Offline . Report by Jani Eväkallio with Reactivate London
  • Creating maps with React
  • Full Atom Editor Customization for ReactJS
  • redux-orchestrate - middleware for managing actions using a simple object with a configuration
  
  
• Angular:
  
  
  • The architecture of the components of the application for creating recipes for reactive Angular forms
  • Angular Model Pattern
  • How to create an AngularJS event application
  
  
• Vue:
  
  
  • Getting started with Vue.Js
  • What I learned about VueJS in the process of creating an extension for Chrome
  • vue-rate - rating component for VueJS
  • vue-easy-gantt - a simple Vue.js plugin for displaying weekly tasks
  
  
• Typescript:
  
  
  • TypeScript on the server
  • TypeScript-Vue-Starter - Microsoft's TypeScript and Vue start template with detailed README
  • TypeScript-React-Starter - Microsoft's TypeScript and React start template with detailed README
  
  
• Libs & Plugins:
  
  
  • UPNG.js - a small and fast PNG encoder
  • Higher order functions in Lodash
  • Sticky Sidebar - jQuery plugin for creating sticky sidebar
  • Britecharts - client library for plotting graphs based on D3.js v4 with the possibility of visualization compositions
  • Ten jQuery HTML5 audio players

Browsers

• A new Opera 45 has been released with an updated interface and a built-in sidebar of instant messengers.
• Because of the bug, Microsoft Edge replaces numbers when printing PDF files.
• Microsoft showcased Microsoft Edge with Fluent Design
• Microsoft: we have no plans to separate updates of the Edge browser from Windows 10
• Desktop browsers will not get into the Windows Store
• Proposal for the separation of Web applications and sites in the browser

Entertaining

• A massive attack with a cryptor Wana decrypt0r 2.0 .
• Key announcements of the first and second days of the Build 2017 conference
• Presentation of Windows 10 Fall Creators Update (Microsoft Build 2017) in 12 minutes
• A little more about Microsoft Fluent Design System
• First screenshots and videos of the user interface of the new Google Fuchsia OS have been published.
• "Yandex" launched testing "Turbo Pages" for news sites - an analogue of Google AMP
• The creators of MP3 announced the death of the format
• Your password is terrible. And everyone wants to change that.
• Apple's capitalization reached a record $ 800 billion
• How is it to be the head of Google: neither power nor control
• Bash on Windows 10 will get support for openSUSE and Fedora
• If you had to interview

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