The digest of fresh materials from the world of the frontend for the last week №305 (March 5 - 11, 2018)

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

Media | Web Development | CSS | Javascript | Entertaining

---

Media

• Channel of radio broadcasts of Russian-language IT podcasts
• Podcast "Frontend Weekend" # 43 - Alexey Fedorov about the organization of HolyJS, foreign speakers and conference business
• Podcast "Web Standards" Release №111: new podcasts, new Chrome 65, reliable chance, smushgate and MooTools, Webpack and Make, history of CSSO and Arthur Stolyar about who needs PWA
• Podcast "Web History" by Tim Marinin: "How could it be otherwise"
• Devschacht Podcast: Night Frontend # 25 - Reflections on Application Architecture
• Podcast "Frontend Youth (18+)" # 41 The secret to better typing in JS
• "DevShow" from loftblog, How to pass an interview in IT?
• ALL YOUR HTML # 39: Houdini and life hacking with greensock
• 4 videos from KharkivFrontend Meetup # _2
• Vuejs Amsterdam, 10 videos
• Moscow JS 40 - report, guest reviews and video

Web development

• Everything simple became complicated again
• Choose between Progressive Web Apps, React Native and NativeScript in 2018
')

• AMP:
  • Google wants to make AMP web standard.
  • Google's insider plans to make the entire web as fast as AMP
  • The question is not in AMP, but in Google
  

• Performance:
  • Download third-party javascript . Using DevTools & Lighthouse to identify heavy 3P scripts and their effective loading techniques in the article by Eddie Osmani and Arthur Evans
  • Three performance techniques for using custom fonts
  • The complete Browser Hints tutorial: Preload, Prefetch and Preconnect
  • How I optimized the download of my slow WordPress site to .2s (100% Pingdom + GTmetrix Scores): detailed list with 40+ actual WP optimization tips
  

• Instruments:
  • Introducing "npm ci" for faster and more reliable builds.
  • Termination of PhantomJS development
  • What's new in webpack 4
  • Chrome 65 web browser release
  • New to Chrome 65: CSS Paint API, Server Timing API and CSS display: contents
  • coördinator is an online tool for converting SVG to XY coordinates
  

• Accessibility:
  • Accessible Landmarks . Details on ARIA accessibility tags
  • A11y is not only ...
  • Guidance / checklist for accessibility from Vox
  • Some things about text in alt
  

• Animation:
  • Weekly selection of beautiful effects on CSS / SVG / JS # 73
  • Creative audio visualizers using the p5.js library
  • CSS techniques for creating unusual creative text effects
  • Wormco - funny status indicator
  

CSS

• Movie on CSS, or How I animated
• CSS weirdness to know about
• Stable release of LibSass version 3.5 , as well as a recent update of LESS to version 3.0.0
• How to write CSS so that it works in all browsers, even old ones
• How I organize CSS in large projects with UFOCSS - part 1
• Say hello to Houdini and CSS Paint API
• We write CSS the same way we did in the 90s, and yes - this is stupid

• Fonts:
  • A couple of obscure rakes when using web fonts
  • About the nuances and benefits of using Glyphhanger - a tool for controlling subsets in fonts
  • Dynamic font expansion with CSS variables
  • Font (More) Awesome - how to create your custom font and integrate it into Font Awesome
  • User Experience and Web Fonts, or the Crazy World of Web Font Download
  • FontDrop! - just drag and drop OpenType and TrueType fonts into this online tool to see what they are made of
  

Javascript

• JavaScript study plan for 2018
• New API React: Suspense (ru subtitles, from Dan's speech on JS Conf)
• GraphQL: everything you need to know
• How I created a super-fast JS framework
• JavaScript modules to use

• Theory:
  • Show .getInstance: Template Literal
  • Use iterators in JS . Change the approach to cycles
  • How JS Works: Web Push Notifications
  • 4 layers of Single Page Applications that you need to know about
  

• Typescript:
  • My best new friend is TypeScript
  • TypeScript - JavaScript with superpowers - part II
  • Introduction to TypeScript: Static Typing for the Web
  

• VueJS:
  • How to write a one-page application (SPA) using Vue.js
  • Getting started using NativeScript-Vue 1.0
  • vue-tour is a simple, lightweight plugin for creating customized site tours using Vue.js
  • 4 tips for working with Vue.js
  

• React:
  • As I wrote the fastest memoization feature
  • react-css-grid-table - table library for React using CSS Grid Layout
  • Managing Form Status in React with the Redux Form
  

• Angular:
  • Getting Started with ngUpgrade: transition from AngularJS to Angular
  • Using React Tools to Improve Angular Applications
  • tinystate is a small but powerful library for working with the state in Angular
  • Creating Angular libraries without time-consuming using Schematics
  

• Libs & Plugins:
  • Awaity.js - a functional and easy alternative to bluebird.js, inspired by async / await
  • workly - an easy way to transfer a function / class to a web worker
  

Entertaining

• Now almost every third global network site uses WordPress [W3Techs Study]
• Silicon Valley - everything. So says Silicon Valley itself
• Google has opened access to the source code of the system to search for exoplanets
• Why PDF is the world's most important document storage format. And where does Paul Manafort
• How information technology has changed our perception
• Infographics: what happened on the Internet per minute in 2017
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 .