The digest of fresh materials from the world of the frontend for the last week No. 233 (October 17–23, 2016)

We offer to your attention a selection with links to useful resources and interesting materials from the frontend area.

Web development

CSS

Javascript

Browsers

News and entertaining

Web development

• Podcast Web Standards, Issue # 38: Yarn, Safari, Web Bluetooth, good tables, alt, CSS women, Styled Components, JS (not) needed, progressive enhancement.
• A new default WordPress theme, Twenty Seventeen, was introduced in release 4.7 , which will come with the infrastructure taken from the Customize Snapshots plugin.
• Frontend Architecture, Part 1: File Structure
  (Front-end Architecture part 1: File structure)
• Instruments:
  
  
  • Yarn or npm: everything you need to know about them
  • Node.js v6 goes to the LTS branch , as well as a lot of details about npm @ 4
  • Webpack 2 Migration
  
  
• PWA:
  ')
  
  • Progressive Web Apps: Bridging the Gap Between the Web and Mobile Devices (Progressive Web Apps: Bridging the Gap Between Web and Mobile)
  • "Instant Download" with IndexedDB . Continuation of a series of articles "Building a PWA", Part 2
  • Measuring the Washington Post Progressive Web Application
    (Measuring The Washington Post's Progressive Web App)
  
  
• Performance:
  
  
  • Mobile web performance checklist
  • Delay Optimization - keycdn optimal performance tips
    (Latency Optimization - Tips for Optimal Performance)
  • Speed ​​up your sites with HTTP / 2 (Speed ​​up your sites with HTTP / 2)
  • Creating a site for performance monitoring
    (Building a Website Performance Monitor)
  
  
• Introduction to the Web Share API
• When do spaces matter in HTML (When does white space matter in HTML?)
• Which doctype should be used for letter templates (Which doctype should you use in HTML emails?)
• Pulp - an online tool for creating responsive email templates.
• Understanding the SVG viewBox viewBox parameter
• Average webpage based on google top twenty results
• WebVR and the future of websites (WebVR and the future of websites)
• We use web technologies to create a “pull to refresh” effect (Using Web Technologies for a “Pull to Refresh” Animation)
• Creative animation effect for letters when changing words (Inspiration for Letter Effects)

CSS

• Conditions for CSS Variables
• “Dot Leaders” or “Points Between Words” on CSS
• Continue to normalize your CSS (Continue Normalizing Your CSS)
• 20 pure CSS icon sets (20 Free Pure CSS Icon Sets)
• Detailed article on creating grids (Designing Grids)
• A quick note about blending modes (A Little Thing About Blends)
• Creating a Periodic Table with a Grid CSS (Creating the Periodic Table with Grid CSS)
• Solving problems with CSS Grid and Flexbox using the example of creating a card interface (Solving Problems With CSS Grid and Flexbox: The Card UI)
• Improving our components with CSS: empty
  (Enhancing Our Components with CSS: empty)
• 6 simple secrets of perfect typography (6 Simple Secrets of Perfect Web Typography)
• Explaining CSS Flexbox on a travel example by country
  (CSS Flexbox Explained by Road Tripping Across the Country)

Javascript

• Everything collapses
• JavaScript 2016, and can be easier?
• From Jquery UI to Ext.js: a review of javascript UI libraries for the SPA. Part 1
• The dark side of TypeScript - @ decorators on examples
• Linux Foundation launches reload of javascript community
• JavaScript is growing and now has its own foundation
  (JavaScript Grows Up and Gets Its Own Foundation)
• Modern JavaScript stack from scratch (JavaScript Stack from Scratch)
• Prototyping Reactive Interfaces with the JavaScript Observer Pattern (Prototyping reactive interfaces with anonymous JavaScript Observer pattern)
• Changes in ECMAScript 2016 that you may not have known about
  (The ECMAScript 2016
• Tips for using asynchronous functions in ES2017
  (Tips for using async functions (ES2017))
• How to make promises more friendly with Async functions , a note from Jake Archibald (Async functions - making promises friendly)
• JavaScript for web designers: DOM Scripting
  (JavaScript for Web Designers: DOM Scripting)
• Exploring JavaScript: Typed Arrays (Exploring JavaScript: Typed Arrays)
• “Generating pages during the creation of resources” as optimization
  (“Rendering pages during assets building” as an optimization)
• Getting started with Paper.js: user interaction
  (Getting Started With Paper.js: User Interaction)
• Add Markdown to JavaScript Console (Bringing Markdown to the JavaScript Console)
• Quick Tip: Replacing jQuery's Ready () with Simple JS
  (Quick Tip: Replace jQuery's Ready () with Plain JavaScript)
• JQuery code performance tips and tricks
  (10 jQuery Performance Tips & Tricks)
• Creating a Minecraft 3D JavaScript Editor (Building a JavaScript 3D Minecraft Editor)
• Angular:
  
  
  • Introduction to the Angular 2 Module: @NgModule
    (Getting to Know Angular 2's Module: @NgModule)
  • The book on Angular 2 from Rangle (Rangle's Angular 2 Training Book)
  • Angular 2 Form Basics: Reactive Forms
    (Angular 2 form fundamentals: reactive forms)
  • Migrating applications from Angular 1 to Angular 2 in 5 easy steps
    (Migrating Angular 1 Applications to Angular 2 in 5 Simple Steps)
  
  
• React:
  
  
  • Addon React Storybook to display gadub-style README
    (React Storybook addon to render README files in github style)
  • Visual Guide to State in React (A Visual Guide to State in React)
  • react-fine-uploader - easy to integrate into the Fine Uploader React-application (react-fine-uploader - Easily integrate Fine Uploader into a React app)
  
  
• Vue:
  
  
  • Download Medium-style images from Vue.js
    (Medium-like Image Loading with Vue.js)
  • Why we chose Vue.js (Why We Chose Vue.js)
  • Getting Started with VueJS (Getting Started With VueJS)

Browsers

• New in Chrome 54
• In Firefox 52, they plan to enable TLS 1.3 support by default , and in 51 - to limit support for certificates based on SHA-1
• Chrome 55: auxclick in the new version , as well as outdated and removed API
• Chrome 55 Beta: Improved Input handling and async / await functions
• Experimental browser Chrome Canary is now available on Android
• 11 interesting browsers (which are not Chrome)

News and entertaining

• A massive DDoS on the infrastructure of the DNS provider Dyn.com led to the inaccessibility of Twitter, Github, Heroku and other sites.
• Amnesty International named Facebook Messenger and WhatsApp the most secure messengers
• The global IT market was predicted to return to growth in 2017
• Google: AMP pages do not require a separate XML Sitemap
• Google will mark news with verified facts
• Hexlet Podcast # 3 Podcast : Mathematics, Computer Science and Game Rules
• 9 best projects from Google Chrome Experiments
• Your site may lose some traffic due to Google optimizations - the blogger told about his negative experience
• What to listen to: a review of IT podcasts
• Yandex from the inside: let's talk about the guts of Russian search
• Smile car! Why is electronics dull and boring?
• Fearless! Million Galaxy Note 7 owners refuse to hand over a smartphone
• Google has opened a code of software for domain name registrars
• Chinese copy of Twitter bypassed the original by capitalization
• "People do not need personal assistants yet": what awaits artificial intelligence in the near future
• The developer trained the neural network for porn and then forced it to generate pictures
• Material Design Awards 2016

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 dersmoll and alekskorovin .