The digest of fresh materials from the world of the frontend for the last week №253 (March 6 - 12, 2017)
We offer to your attention a selection with links to useful resources and interesting materials from the frontend area.
← Digest last week
Material prepared by dersmoll and alekskorovin
| Web development |
| CSS |
| Javascript |
| Browsers |
| Entertaining |
Web development
- Podcast Web Standards, Issue # 58 : Firefox 52 Fat, Firefox OS history, grids, custom properties, progressive CSS improvements, font metrics, PWA tools, return GitHub, paper interview.
- RadioJS Podcast, Release 47: All Polymers
- W3C updates its workflow
- Web Audio API Quick Start Guide
microicon - microservice with SVG icons that can be used as a placeholder- Learning new features in SVG 2
- SVGs on the web - bad moments
- Should I study [insert any new tool]?
- Universal Web Components
- AMP and web
- Thoughts on AMP: Accelerated Mobile Project
- Testing Service Workers
- Create web extensions, just because you can
WebAssembly: under the hood with Mozilla
CSS
- Font optimization . How to get the smallest font file size
- Lint HTML with CSS
- CSS Grid Layout:
- Grid + Flexbox: the most powerful combo in the web layout
- CSS Grid Layout and PostCSS: Now Kiss!
- CSS Grid Layout: A New Layout Module For The Web
- Playing with CSS Grids
- Eric Meyer: Welcome to the Grid!
- Collection of CodePen Grid Layout Examples
- CSS Grid Layout - blog post page template
- A simple example of using `vmin`
- How we did EQCSS & and why you should try to create polyfiles too
- CSS remind: completely crazy idea that worked
- Using CSS Transitions for Dropdown Blocks
- Can you center the image grid with CSS?
- Fix white glow for CSS blur () filter
- Implementing Facebook Emoji Reactions with CSS
- Interview with Håkon Wium Lie (CSS creator) about print styles
Javascript
The story of how we translated the project into almost a quarter of a million lines in TypeScript and survived- JS Development Tools
- Details on scrolling on the web in the Microsoft Edge Developer Blog
- hyperHTML: An Alternative to Virtual DOM
- Theory:
')- What is the best book to learn javascript?
- Interview with Kris Borchers, Executive Director of the JS Foundation
- Analysis of the use of obsolete JavaScript libraries on the Internet
- Frequency of known vulnerabilities in javascript libraries
- The book Refactoring outdated JavaScript code for using classes: good, bad, evil
- Practice:
- Using Neutrino to get started developing JavaScript quickly
- Create an isomorphic / universal application on Next.JS + Redux
- Developing the mechanics of the game Bounce from Nokia JavaScript
- Writing Modular JavaScript - Part 2
- Horizontal scrolling navigation template for a mouse and a mouse with a moving active element indicator
- ES2015 +:
- Native ECMAScript modules: nomodule attribute for migration
- 80/20 guide to Async / Await in Node.js
- ES6 Features - Ten Proxy Usage Examples
- React:
- What to base React applications
- Simplify the universal / isomorphic application on React + Router + Redux + Express
- Podcast 5minreact # 7 - Preact . Preact is a fast alternative to React with the same API and just 3kB in gzip
- Translate Airbnb Search to React
- react2angular - a simple way to integrate React components into Angular applications 1
- Vue:
- Vue.js Component Style Guide
- Hey! Have you heard of Vue.js?
- Interactive infographics using SVGs & Vue.js
- How do people React to my point of Vue
- An overVue
- A collection of examples with UI components on Vue.js
- End-to-End Testing Vue.js with TestCafe
- vue-parallax-js
- vue-recyclist - endless scrolling
- Angular:
- Comparing Angular 2 and React
- Using Material Components in Angular 2
- Top ten Angular 2 articles for the last month
- Emitters of events in Angular
- Angular Gauge 1.2.0 is a custom directive for creating a sensor component for Angular JS applications and control panels.
- Plugins & libs:
- Numscrubber.js - allows you to change numeric values in inputs by dragging and dropping
- eslint-plugin-compat - check browser support for your code
- franc - definition of text language by fragment
- Service Worker Toolchain - a collection of utilities for creating / testing / experimenting with service workers
- blurify is a small image blur library that supports CSS mode or HTML5 Canvas mode (where CSS is not available)
- webpack-blocks - webpack configuration using blocks with functionality
Browsers
- Firefox 52: Introducing Web Assembly, CSS Grid and Grid Inspector
- Firefox 52 release . Details for developers in the blog of Marat Tanalin
- CSS Grid & Firefox Grid Inspector Tool Preview
- Evaluation of Firefox memory consumption in multi-process mode
- Chrome Web Browser Edition 57
- New in Chrome 57
- What's new in DevTools (Chrome 58)
- Samsung Internet Beta is now available without registration.
- We need to talk about Opera Mini
- 14 necessary tips on working with Chrome Dev Tools
Entertaining
- AMP will be available for another 1 billion users in Asia
- Why the new terms of using GitHub have stirred up the public: an analysis of the situation without unnecessary emotions
- Google News: Auto White Balance has been added to Google Photos, Google Translate has become available in Russian , Google’s “Captcha” has become invisible: the company has updated the popular reCAPTCHA system , and Google Machine Learning Technologies have learned to recognize objects in video . In addition, Google has updated Hangouts to compete with Slack. But the confusion still remained
- "What do you think, what is the most common request?" The head of Google Translate Barack Turovsky - how the service goes to the neural network
- Help scientists, mining cryptocurrency, search for distant galaxies: how to use the resources of the "sleeping" computer
- How Google Maps determines parking load due to machine learning
- How to evaluate the development hours
- Trends of computing: we program computers of the future
- Podcast hexlet, №08. The Age of Renaissance and Stone Age Programming
- The developer has created a rating of the most mentioned books on Stack Overflow.
- How GitHub Affects Your Programming Career
- What is Windows 10 Cloud and why is it so important to Microsoft?
- IBM has record-breaking errors in computer speech recognition
- Neural network taught to predict floods on Flickr
- Rules for creating passwords are nonsense
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
Source: https://habr.com/ru/post/323748/
All Articles