
The digest of fresh materials from the world of the front-end for the last week No. 293 (December 11 - 17, 2017)
We bring to your attention a selection with links to new materials from the frontend area and around it.
Media | Web Development | CSS | Javascript | Browsers | Entertaining
•
Frontend Weekend podcast # 32 - Andrey Smirnov about how Frontend Weekend appeared and how to become a leader from the developer
•
Web Standards podcast, Issue No. 99: Beta Chrome 64 and V8, open source support, what's wrong with CSS , which is not the case with classes in JS, HTML 5.2 and WHATWG.
•
Podcast “Five Minute React” # 38 - React + Typescript =? A guest who instead of recording RadioJS walks on other people's podcasts
•
Devschacht podcast: Night frontend # 15 - HolyJS day 2, Rust takes over the world, news V8
•
Frontend Youth (18+) podcast # 29 Vue.js for rogues , The Whip and Gingerbread Method
•
Podcast “Drinkcast”, # 21 - “RN vs PWA”
•
“ALL YOUR HTML” # 27: “New Year's animation with Lida”
•
29 videos from FrontendConf 2017
•
podcast syntax: Web development in 2017 && look in 2018
• Search Engine Optimization Guide for Beginners - New, Updated SEO Guide from Google
•
Polymer 2 and Googlebot . Working with web client applications and web components? Then you should take care of indexing your site with Google bots
•
How to use the template language in the development of HTML letters (EJS and ES6 template strings)
•
Work with HTML5 Canvas using Konva , a training series of five articles
• Learning CSS Layouts
•
Making responsive HTML by adding one line to CSS
•
11 things I learned by reading the CSS Grid specification
•
Notes on vertical writing and CSS grids
•
Understanding CSS Layout and block formatting context
•
Keeping the parent element visible when child in focus
•
ABEM. Another BEM adaptation
•
My journey into the world of images in pure CSS
•
Specificity Visualizer - CSS selector specificity visualizer, especially useful for refactoring large style files
•
Control font display with font-display
•
The results of a survey on the use of javascript technology “The state of JavaScript 2017” have been published
•
30 seconds of code - a curated collection of useful JS snippets that we can understand in 30 seconds
•
Is jQuery still relevant?
•
How to join the API using JavaScript
•
Nexus.js presentation: JavaScript multi-thread runtime
•
JavaScript - Map vs. Foreach
• In the USA, the principle of net neutrality has been canceled.
• A lot of news about net neutrality. What it is?
• The battle for net neutrality: a background
• Some Firefox users have an obscure looking Glass add-on
• Scientists: AI has turned into a black box and something needs to be done with it
• 9 design trends that will determine 2018
• Found a database on the darknet, containing over 1,400,000,000 credentials
← Digest last week
Material prepared dersmoll and alekskorovin
Media | Web Development | CSS | Javascript | Browsers | Entertaining
Media
•

•

•

•

•

•

•

•

•


Web development
- News:
• HTML 5.2 has received the status of a recommended standard , HTML 5.3 is on the way
• New WHATWG policy: a step towards a unified HTML standard?
• Search Engine Optimization Guide for Beginners - New, Updated SEO Guide from Google
•

•

•

- AMP / PWA:
•Google AMP: everything you need to know
•Making the site more application-like
•Google Maps quietly launched PWA called Google Maps Go
- Performance:
•About speedcurve blog page rendering metrics . The guys suggest adding one more - Hero Rendering Times for the largest IMG, H1, and BG img in the viewport
•Igor Alekseenko from HTML Academy talks in detail about optimizing front-end performance , plunging into the nuances of working with memory and its leaks
•About how and why to care about productivity - a report by Artyom Denisov from the latest KharkivJS
- Tools:
•Parcel - a very fast bundler that does not require configuration
•npm vs Yarn - which package manager is better to use?
•microbundle - a packer with zero configurations for small modules
•How do browsers actually work? 5 videos with internal details
- Accessibility:
•WCAG 2.1 and codename Silver (AG): what will be in the updated accessibility guide
•Accessibility in the context of semantic HTML markup
•Accessibility testing tools
•SVG, icon fonts and accessibility using an example of a real site
•We write automated tests for accessibility
•Moving from Fear to Motivation When Talking about Digital Accessibility Law
•How to use underline to improve UX
- Animation:
• Weekly selection of beautiful effects on CSS / SVG / JS # 66
•Game graphics using WebGL / three.js and Lazy-Loading for 3D models
•3D Particle Explorations - a cool set of demos that explores particle animation in 3D space with using three.js
•shuffle - three-dimensional implementation of creeping lines of text
•NEBULAAN - impressive implementation of a volumetric smoky star
CSS
• Learning CSS Layouts
•

•

•

•

•

•

•

•

•

Javascript
•

•

•

•

•

•

- ES2015 +:
•Why [not] should I use async / await
•Run Mocha tests as native ES6 modules in the browser
•Current implementation and planning status for ESModules
VueJS:
•11 библиотек компонентов для Vue.js, которые стоит иметь в виду в 2018м
•Vue.js инспектор для мобильных устройств
React:
•React Starter Kit — бесплатный видеокурс из пяти частей, с интерактивными примерами кода
•Чем React отличается от Vue? How Is React Different from Vue?
•Разбираемся в понимании Redux с помощью создания собственного стора
•Вопрос на собеседовании по React: что рендерится в браузере, компонент или элемент?
Angular:
•Создание PWA с помощью Angular 5: Часть 1: начало работы с фреймворком, создание приложения, хостинг на github-pages., Часть 2: прогрессификация приложений
• Упрощение импортов scss/less/styl в Angular
•Что нового в Angular CLI 1.6?
•NGRX Store: Actions versus Action Creators
•Альтернатива Protractor для проектов на Angular
Занимательное
• In the USA, the principle of net neutrality has been canceled.
• A lot of news about net neutrality. What it is?
• The battle for net neutrality: a background
• Some Firefox users have an obscure looking Glass add-on
• Scientists: AI has turned into a black box and something needs to be done with it
• 9 design trends that will determine 2018
• Found a database on the darknet, containing over 1,400,000,000 credentials
We apologize for any typos or broken / duplicated links. If you notice a problem - please write in a personal email, we try to quickly fix them.
← Digest last week
Material prepared dersmoll and alekskorovin