The digest of fresh materials from the world of the front-end for the last week No. 271 (July 10 - 16, 2017)

We bring to your attention a selection with links to new materials from the frontend area and around it.

Web development

CSS

Javascript

Entertaining

Web development

• How to implement in HTML DRM: treason or evolution?
• How PregBuddy Reached Level 100/100 at LightHouse
• Creating a template library using the Shadow DOM in Markdown
• Media:
  
  • HTML Shorts - W3C or WHATWG
  • Podcast "Web Standards", Issue No. 76 : Vertical rhythm, Sass enabled, variables in preprocessors, Susy is alive, saving on classes, CSS black magic, ES 2017, useful npx.
  • Frontend Weekend Podcast No. 11: How to Get to Google in the USA and Take Angular Courses
  • Fronterki Podcast No. 7: Mounds, Dependencies, Greetings
  • Weekly Stream by Yuri Artyukh # 7 ALL YOUR HTML : PIXI Shader Distortion, CSS and Canvas Masks, and Total Displacement
  
  
• AMP / PWA:
  
  • Twitter started giving AMP links in its Android and iOS apps
  • AMP is a lie
  • How Google AMP Influenced Newcastle United Traffic
  • Progressive Web Application Using Webpack
  
  
• Instruments:
  
  • Introducing npx: a utility for running npm packages
  • Webpack Academy presentation: full webpack course
  • How to use Sublime Text to develop HTML emails
  • What's New in DevTools: in Chrome 60 , in Chrome 61
  • Webpack import () will be getting JS + CSS soon - and here's how to achieve it today
  • Bundle Buddy - a tool for finding duplicates in bundles
  
  

CSS

• CSS and iOS Safari
• First Public Draft Level 4 CSS Font Module
• CSS Organization Methods
• Let's talk about Speech CSS
• 70% reduction in CSS size by reducing class names and scoping isolation
• CSS is not dark magic . Explanation of basic concepts
• How to use custom CSS properties to write more readable code
• Sass 3.5 release
• 10 things you probably didn't know about Sass
• Now this site uses a grid layout

Javascript

• Javascript Reverse Engineering
• Simple form validation without JS
• JavaScript optimization patterns. Part 1
• JavaScript optimization patterns. Part 2
• Why and how to create a site without JavaScript
• JavaScript really conquers the world
• Project Guidelines - A set of best practices for JavaScript projects
• (Now more than ever) Maybe you don’t need jQuery
• MVC in Vanilla JavaScript
• JavaScript image generation without using the Canvas API
• Ten things a serious JS developer should know? (discussion on reddit) (What 10 Things Should a Serious Javascript Developer Know Right Now?)
• Javascript @ Uber . Recording a report from AmsterdamJS Conference 2017
• ES2015 +:
  
  • ES8 released and here are its main new features
  • 5 things you should know about ES8
  • ES2015 Promises & ES2017 Async / Await
  • JavaScript Async / Await explained in 10 minutes
  
  
• VueJS:
  
  • 4 important changes in Vue.js 2.4.0
  • Vue.js guide for jQuery developers
  • React or Vue is not a matter of argument, but preference
  • Introduction to Vue.js for Beginners
  • Unit testing Vue.js components with Jest
  • How to write unit tests for Vue.js
  • vuex-loading - comprehensive bootloader management for Vue / Vuex applications
  • Lesson on ToDo List Creation : Creating Vue Components , Option Removal Option and Global Events
  
  
• React:
  
  • React Five Minute Podcast # 25 : Gatsby 1.0
  • emotion - the next generation library for CSS-in-JS
  • Microcosm Presentation: Our Data Layer for React
  • High Performance React: 3 New Tools for Boosting the Speed ​​of Your Applications
  • Unit Testing in React: Surface or Static Testing
  
  
• Angular:
  
  • Топ 5 ошибок производительности мобильных приложений на Angular
  • Continuous Integration с Angular CLI
  • Angular 4 в 60 минут
  
  
• Libs & Plugins:
  
  • Ленивые массивы в JavaScript
  • BotUI — JS фреймворк для создания диалоговых интерфейсов
  • glyphhanger — утилитая для автоматического объединения шрифтов в вебе. Может генерировать комбинированный список каждого глифа, который используется в списке семплов или URL-адресов
  • pell — простейший маленький (1kB) WYSIWYG редактор текста для веба, без зависимостей
  • JQuery FormStyler Modern — самостоятельный форк известной библиотеки для стилизации форм
  
  

Занимательное

• Консорциум W3С дал зелёный свет стандартизации DRM для Web
• Ubuntu Linux теперь можно установить прямо из магазина Windows
• New backup and sync tool for Google Backup and Sync available for download on Mac and Windows
• ICO, “stupid” money and Ethereum prospects
• “I lasted only one week at SoundCloud, and then they cut me down.”
• The boom of neural networks: Who makes neural networks, why they are needed and how much money can bring
• Hackers prey on incomplete WordPress installations
• Mozilla uses Google Analytics in Firefox Add-ons Manager

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.

Last week's digest .
Material prepared dersmoll and alekskorovin .