The digest of fresh materials from the world of the frontend for the last week №275 (August 7 - 13, 2017)

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 “Web Standards”, Issue # 80 : Firefox 55, Samsung is, Safari is more visible, algorithms and patterns, transparent JPG, Telegram, download priorities, tricks, modules in Node.js.
• Five Minute React podcast # 30 : setState and code organization
• The Five-minute Angular podcast # 1 : Angular 5 Beta 3, Angular CLI 1.3, CreateAngularComponents
• Podcast "Frontend Youth (18+)" # 14 : All the secrets of frontend performance
• “Devschacht” podcast, Issue # 6 : Cooking with a front-end provider: one part Node.js, one part CSS-in-JS, thickly season the FER, add a pinch of corutin and a teaspoon of green threads.
• Podcast "Drinkcast" # 3 : "Before, the divas were greener"
• Do frontendors need to know the algorithms and design patterns? . Igor Alekseenko in HTML Shorts
• Recorded broadcast of J. Subbotnik on the frontend , held August 12 in St. Petersburg
• Totally Tooling Tips: Webpack Tips . Regular show from Google Chrome developers, in this issue of Webpack tips

Web development

• What is always worth remembering when localizing a website, so that later was not ashamed
• Speed ​​up your website using machine learning.
• Calendar of events by frontend . Conferences, meetings and other frontend events around the world in one calendar.
• The W3C is considering turning older legacy HTML specifications
• Critical request . Translation of the article by Ben Schwarz: The Critical Request.
• Lesson introduction on WebAssembly on the example of the game "Life"
• Is .NET and WebAssembly the future of the frontend?
• What features of Progressive Web App will Apple support?
• SEO:
  
  
  • Google urges SEOs to help JS developers understand SEO
  • JavaScript and SEO: the difference between Crawling and Indexing
  • Shuvayatra developer shares Progressive Web App implementation experience in an SEO context.
  
  
• Instruments:
  ')
  
  • Malicious code in npm-packages and the fight against it
  • The official release of Bootstrap 4 beta finally took place. Transition from Bootstrap 4 Alpha 6 to Beta
  • JPNG.svg - transparent PNG with JPEG compression
  
  
• Accessibility:
  
  
  • Basic accessability errors when developing a site
  • Creating an affordable SPA
  • Available tables on SVG
  
  
• Animation:
  
  
  • Weekly selection of beautiful effects on CSS / SVG / JS # 48
  • Transitions with JavaScript : a collection of small Chrome-only demos by Ana Tudor (CSS variables plus some JS)
  • Productive web animation and interactive: we reach 60 FPS
  • Creative transitions between pages with the effect of morphing
  • Guide to frame-by-frame animation using CSS and JavaScript

CSS

• Interval properties (* -gap) become universal
• CSS isolation module (CSS Containment Level 1) has become a candidate for recommendation
• EqualizeCSS is a modern lightweight grid system based on flexbox (Sass)
• A practical guide to using CSS Modules in React applications
• Isolation of css styles using component approach
• Dispelling Hex Color CSS Myths
• Font-size: unexpectedly complex CSS property
• Shadow DOM: Fast and Encapsulated Styles
• Web fonts: when you need them and when not
• CSS Inheritance: An Introduction
• The best way to make a “wrapper” wrapper on CSS
• Flex Grow and Flex Basis: Adaptive Page Layout
• CSS Grid Layout:
  
  
  • Layout of real projects on grids (CSS Grid Layout) now
  • The difference between explicit and implicit grids
  • Simple Sass Mixins to Improve Browser Compatibility for CSS Grid Layouts
  • Grid specification changes and multicolumn layout
  • Creating CSS Plots Using Grid and Custom Properties
  • chrome-css-grid-highlighter - Chrome extension for highlighting CSS Grid Layout

Javascript

• ES Modules in Node today . The announcement of the new loader standard / esm
• Javascript for people who hate javascript
• Machine learning in Javascript . Feature Overview Slides
• JavaScript patterns: Observer pattern
• How to be all the time in the subject of JavaScript ecosystem?
• How JavaScript really works: part 1
• Practice:
  
  
  • Lazy loading of images using Intersection Observer
  • Binary search in javascript. Practical example
  • How we created our first full-stack JavaScript application in three weeks . A simple walkthrough from idea to launch.
  • Improving conversations with the Perspective API
  • How to create a UI search on GitHub in 60 minutes
  
  
• VueJS:
  
  
  • Top Mobile Components for PWA in VueJs
  • React + Webpack: confusion, frustration and how Vue.js can help
  • Component Yandex Maps for VueJS
  
  
• React:
  
  
  • Why React is better than Vue.js. And when.
  • React Progressive Web Apps - Part 1
  • Retrieving data from API with React.JS
  • Using the Create React App with Relay Modern
  • react-beautiful-dnd - available drag and drop for lists with React.js
  
  
• Angular:
  
  
  • How does Angular protect us from XSS attacks?
  • MEAN Stack: Application Development with Angular 2+ and Angular CLI
  • Avoid common problems with modules in Angular
  
  
• Libs & Plugins:
  
  
  • js-meter - a tool for measuring the performance of runtime, CPU, RAM and heaps of javascript code
  • posterus - composable asynchronous primitives (futures) with real cancellation, schedule management, and corutins
  • nanoid - a tiny unique ID generator that is URL friendly
  • react-simple-maps - SVG maps with d3-geo and topojson
  • DisplayJS is a fast and simple JS framework for creating ambitious UI, sometimes similar to jQuery

Browsers

• Mozilla has a plan for how to beat Chrome. Meet the Firefox 57 and battle fox in armor
• Firefox 55 release , parts analysis by Marat Tanalina
• Firefox 55: first desktop browser to support WebVR
• Phishers have been “hunting” developers of Chrome extensions for two months already
• Launch of Opera 47 web browser
• Safari Technology Preview Release 37 Release

Entertaining

• New frontier taken: Bitcoin cost exceeded $ 4,000
• Foursquare has updated Swarm again. Now this is your travel journal.
• Facebook introduced YouTube-like video service with custom and professional videos.
• SoundCloud found funding for further work and changed the CEO
• Cryptocurrencies and blockchain: history and market prospects
• Cybersport can be included in the program of the Olympic Games in 2024
• “Deface” of road signs can disorient unmanned vehicles.
• OpenAI bot won the top three professionals in Dota 2
• How does Yandex.Navigator work ? How the algorithm builds the route, where the data on traffic jams come from and whether the service will be paid
• Compression Algorithms - Introduction with Good Visualization
• Open Source Participation Guide

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