The digest of fresh materials from the world of the frontend for the last week №296 (January 1 - 7, 2018)
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
•
Devschacht podcast: Issue No. 11 - School of Interface Development for Yandex
•
“ALL YOUR HTML” # 30: “3D mesh with lines and shaders”
• PiterJS; Record of reports from 19th mitap: Sergey Chikuyonok - Do you really need Virtual DOM? , Dmitry Patsura - About development on React Native , Sergey Novikov - What Polymer Can Do
•
Path maker: from scratch to senor
•
Awesome Checklist Checklist: a curated list of web development checklists and not only
• How to stay up to date with the insanity going on in the front end - a three-step instruction
•
SEO experts call PWA the key to success in 2018
•
How Airbnb puts AMP at the heart of its digital strategy
• Web Payments view: make online payments easier with Payment Request API
• Repeating animation using the Web Animations API
• I collect credit card numbers and passwords from your sites. And that's how it happens
• Cropping and scaling of images using SVG . SVG, which replaces CSS object-fit
')
• Solving Real CSS Grid + Flexbox Problems
• 8 best practices for perfect CSS documentation
• Adaptive typography using: root
• Attack Specter and Critical CSS . Solving a potential tool problem from filamentgroup
• Monitoring unused CSS using DevTools Protocol facilities
• New flexbox tutorials on MDN by Rachel Andrew
• How best to write CSS in teams using ACSS - Atomic CSS Dynamic Library
• Counters and Stones - CSS game with an unusual use of selectors, the experiment of Roman Komarov
• Javascript: 12 questions and answers
• JavaScript 2018: things you need to know and a few that you can skip
• JavaScript vs. Crawl Budget: first player get ready . Actual look at JavaScript SEO
• But actually, what is JavaScript testing?
• Ten Questions on JavaScript Theory - ES6 Quiz
• JavaScript has already won . A look at the current prevalence of the language with a broad discussion in the comments.
• Dawn of the state machines . Familiarity with the state machines in the context of the development of the frontend
• Chipocalypse: Google has prepared an update covering Specter’s Android and Chrome vulnerability, and Mozilla is preparing a patch for Firefox
• Update Firefox 57.0.4 and Chrome 63.0.3239.132
• Presented by Opera 50 with mining script protection
• UC Browser occupies 16% of the global market and dominates in some Asian countries
• Chrome turns into new Internet Explorer 6
• Christmas gifts part one: Meltdown , part two: Specter
• Phantom disaster: the threat of security errors in processors
• Is KAISER as scary as it is painted?
• Apple recognized that all devices on macOS and iOS are vulnerable to processor vulnerabilities
• Google considers minor impact on the performance of patches to block attacks Meltdown and Specter
• January ranking of TIOBE programming languages: C declared 2017 language
• Results of 2017: virtual and augmented reality
• Shareholders Results: How has the cost of the largest IT companies in the world changed in 2017
• Services that the world lost in 2017 - Wired version
• Apple joins Google and Microsoft to improve online video compression
Go
Digest from last week .
Material prepared dersmoll and alekskorovin .
Media | Web Development | CSS | Javascript | Browsers | Entertaining
Media
•
Devschacht podcast: Issue No. 11 - School of Interface Development for Yandex•
“ALL YOUR HTML” # 30: “3D mesh with lines and shaders”•
PiterJS; Record of reports from 19th mitap: Sergey Chikuyonok - Do you really need Virtual DOM? , Dmitry Patsura - About development on React Native , Sergey Novikov - What Polymer Can Do
Web development
•
Path maker: from scratch to senor•
Awesome Checklist Checklist: a curated list of web development checklists and not only•
How to stay up to date with the insanity going on in the front end - a three-step instruction•
SEO experts call PWA the key to success in 2018•
How Airbnb puts AMP at the heart of its digital strategy•
Web Payments view: make online payments easier with Payment Request API•
Repeating animation using the Web Animations API•
I collect credit card numbers and passwords from your sites. And that's how it happens•
Cropping and scaling of images using SVG . SVG, which replaces CSS object-fit')
- Performance:
• “Front-End Performance Checklist 2018” is all you need to know at the moment about customer performance. Comprehensive Checklist / Handbook from Vitaly Friedman with PDF version
• The impact of 3G / 4G connections on user experience and speed of loading pages of sites in different countries
• Does it make sense to preload?
• A detailed performance audit of the boomerang library that Akamai developers are working on
• Image placeholders: do it right or not at all. You are welcome
- Instruments:
• Meet the Modern Serverless Starter Kit - a modern starting serverless toolkit from Postlight (Webpack, Babel, ESLint and Prettier)
• stimulus is a modern javascript framework for HTML that you already have
• What is boilerplate and why use it? Let's take a look at the code style guide.
• What to expect from WordPress in 2018
- Accessibility:
• Next level of Accessibility: 5 ways in which I made the freeCodeCamp Guide more convenient for people with disabilities
• Writing automatic tests for accessibility
• Getting Started With Web Accessibility
• The results of court proceedings on the availability of sites in 2017: a tough year for business
CSS
•
Solving Real CSS Grid + Flexbox Problems•
8 best practices for perfect CSS documentation•
Adaptive typography using: root•
Attack Specter and Critical CSS . Solving a potential tool problem from filamentgroup•
Monitoring unused CSS using DevTools Protocol facilities•
New flexbox tutorials on MDN by Rachel Andrew•
How best to write CSS in teams using ACSS - Atomic CSS Dynamic Library•
Counters and Stones - CSS game with an unusual use of selectors, the experiment of Roman Komarov
Javascript
•
Javascript: 12 questions and answers•
JavaScript 2018: things you need to know and a few that you can skip•
JavaScript vs. Crawl Budget: first player get ready . Actual look at JavaScript SEO•
But actually, what is JavaScript testing?•
Ten Questions on JavaScript Theory - ES6 Quiz•
JavaScript has already won . A look at the current prevalence of the language with a broad discussion in the comments.•
Dawn of the state machines . Familiarity with the state machines in the context of the development of the frontend- Theory:
• “You don't know JS: Asynchrony and Performance” by Kyle Simpson . The first chapter in the translation of Maxon Vislogurov.
• Developer Guide to Secure Client-Side JavaScript
• JavaScript Object Explorer - a resource that helps you understand which method will be better applied in a certain situation
• JavaScript arrays - finding the amount, minimum, maximum and average values
• A little bit about generators
React:
• 11 libraries (sets of components) for React, which are worth knowing in 2018
• Final Form: The Road to the Checkered Flag
• How to write well readable code on React - 10 tips on code style
• React PWA . Startup template for PWA, with server-side rendering, embedded SEO and technicians for maximum UX speed
• React-Redux-Sass-Starter - all you need to start a simple React application
• Gatsby.js: how to configure and use a static site generator at React
• Demystifying memory usage in ES6 React classes
• React.Fragment and semantic HTML . Say goodbye to senseless and erratic <div /> in your components! React 16 brings us <Fragment />
• react-performance - helpers for debugging and recording component render performance
VueJS:
• Vue.js review in 2017
• Meet VuePress: WordPress Development with Vue and GraphQL
• vue-starter - starting template for isomorphic progressive web applications
Angular:- Libs & Plugins:
• Native JS for Bootstrap
• javascript-obfuscator is the best open source obfuscator of JavaScript code written in TypeScript. Supports a number of obfuscation techniques, such as: control flow flattening, dead code injection, strings encryption, self defending, debug protection.
• Meet Hyperapp 1.0 - 1KB JavaScript library for creating front-end applications
• immer - creates the next immutable state by changing the current
•
Uppy - advanced file uploader
Browsers
• Chipocalypse: Google has prepared an update covering Specter’s Android and Chrome vulnerability, and Mozilla is preparing a patch for Firefox
• Update Firefox 57.0.4 and Chrome 63.0.3239.132
• Presented by Opera 50 with mining script protection
• UC Browser occupies 16% of the global market and dominates in some Asian countries
•
Chrome turns into new Internet Explorer 6
Entertaining
• Christmas gifts part one: Meltdown , part two: Specter
• Phantom disaster: the threat of security errors in processors
• Is KAISER as scary as it is painted?
• Apple recognized that all devices on macOS and iOS are vulnerable to processor vulnerabilities
• Google considers minor impact on the performance of patches to block attacks Meltdown and Specter
• January ranking of TIOBE programming languages: C declared 2017 language
• Results of 2017: virtual and augmented reality
• Shareholders Results: How has the cost of the largest IT companies in the world changed in 2017
• Services that the world lost in 2017 - Wired version
• Apple joins Google and Microsoft to improve online video compression
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 .
Source: https://habr.com/ru/post/346216/
All Articles