The digest of fresh materials from the world of the frontend for the last week №271 (July 10 - 16, 2017)

We offer you a selection with links to new materials from the front-end area and around it.

Web development

CSS

Javascript

Entertaining

Web development

• As in HTML, DRM implemented: treason or evolution?
• How PregBuddy Reached 100/100 at LightHouse
• Creating a Template Library with Markdown Shadow DOM
• Media:
  
  • HTML Shorts - W3C or WHATWG
  • Podcast “Web Standards”, Issue # 76 : Vertical rhythm, Sass resolved, variables in preprocessors, Susy is alive, class savings, black magic CSS, ES 2017, useful npx.
  • Podcast "Frontend Weekend" No. 11: How to get to Google in the USA and conduct courses on Angular
  • Podcast "Fronterki" No. 7: Kurganov, addictions, greetings
  • Weekly stream from Yuri Artyukh # 7 ALL YOUR HTML : distort on PIXI shaders, CSS and Canvas masks and total Displacement
  
  
• AMP / PWA:
  
  • Twitter has started giving AMP links in its Android and iOS applications.
  • AMP is a lie
  • How Google AMP influenced Newcastle United traffic
  • Progressive Web Application with 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: Chrome 60 , Chrome 61
  • Webpack import () will soon receive JS + CSS - and here's how to achieve it today
  • Bundle Buddy - a tool for finding duplicates in bundles
  
  

CSS

• CSS and iOS Safari
• The first public draft of the module CSS fonts 4 levels
• CSS organization methods
• Let's talk about Speech CSS
• Reduce CSS size by 70% by shortening class names and isolating scop
• 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 Grid Layout

Javascript

• Reverse engineering one line javascript
• Simple form validation without JS
• JavaScript optimization patterns. Part 1
• JavaScript optimization patterns. Part 2
• Why and how to create a website without JavaScript
• Javascript really conquers the world
• Project Guidelines - a set of best practices for JavaScript projects
• (Now more than ever) You may not need jQuery
• MVC in Vanilla JavaScript
• Generating images in JavaScript without using the Canvas API
• Ten things that a serious JS developer should know? (discussion on reddit) (What 10 Things Should A Serious Javascript Developer Know Right Now?)
• Javascript @ Uber . Record a report from AmsterdamJS Conference 2017
• ES2015 +:
  
  • ES8 came out 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 tutorial for jQuery developers
  • React or Vue is not a matter of argument, but a preference
  • Introduction to Vue.js for newbies
  • Unit testing Vue.js components with Jest
  • How to write unit tests for Vue.js
  • vuex-loading - integrated management loaders for applications on Vue / Vuex
  • Lesson in creating a ToDo list: Creating Vue Components , Deleting Option and global events
  
  
• React:
  
  • Five Minute React podcast # 25 : Gatsby 1.0
  • emotion - a new generation library for CSS-in-JS
  • Microcosm Presentation: Our Data Layer for React
  • High-performance React: 3 new tools to increase the speed of your applications
  • Unit testing in React: surface or static testing
  
  
• Angular:
  
  • Top 5 bugs in mobile performance on Angular
  • Continuous Integration with Angular CLI
  • Angular 4 in 60 minutes
  
  
• Libs & Plugins:
  
  • Lazy arrays in javascript
  • BotUI - JS framework for creating interactive interfaces
  • glyphhanger is a utility for automatically combining fonts on the web. Can generate a combobox of each glyph that is used in the list of samples or URLs
  • pell - the simplest small (1kB) WYSIWYG text editor for the web, without dependencies
  • JQuery FormStyler Modern - an independent fork of the well-known library for styling forms
  
  

Entertaining

• W3C Consortium Gives Green Light to DRM Web Standardization
• Ubuntu Linux can now be installed directly from the Windows store
• New Google Backup and Sync backup and synchronization tool is now available for download on Mac and Windows.
• ICO, "stupid" money and prospects of etherium
• “I stayed at SoundCloud for just one week, and then I was cut down.”
• Neural networks boom: Who makes neural networks, why they are needed and how much money can bring
• Hackers “hunt” for unfinished WordPress installations
• Mozilla uses Google Analytics in Firefox Add-ons Manager.

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 .