The digest of fresh materials from the world of the frontend for the last week №270 (July 3 - 9, 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

• 10 ways to test your HTML and CSS skills
• Actual web accessibility feedback from Twitter
• Media:
  
  
  • Podcast “Web Standards Release # 75” : Grids, Edge and IE, grids and streamers, future CSS is awesome, ARIA examples, focus and outline, JS imports, podcasts.
  • Five-minute React podcast # 24 : Russian-language podcasts about the frontend - an overview.
  • Podcast "Fronterki" No. 6 : Simonenko, juniors and the most interesting in the project
  • Podcast "Frontend Weekend" FW # 10 : About moving to Luxembourg, WebGL, feminism and Navalny
  • HTML Shorts: How Focus Helps
  • Adaptive layout 5 years later / Sergey Kuznetsov (AGIMA)
  • Make form validation fun again / Pavel Lovtsevich (LOVATA)
  
  
• Instruments:
  ')
  
  • 6 SVG Template Generators
  • Micro frontends - microservice approach to the development of the frontend
  • 4 helpful debugging tools in the latest Chrome update
  
  
• Animation:
  
  
  • Weekly stream from Yuri Artyukh # 6 ALL YOUR HTML : animated triangles ▲ via CSS-Canvas2D-WebGL
  • SVG morphing (easy and hard way)
  • Repeated, interlaced animation, three ways: Sass, GSAP and Web Animations API
  • Creative ideas for animating letters (part 2)
  
  
• AMP / PWA:
  
  
  • Give us your articles . Boris Rebrov about modern native articles, which, following Facebook, with his Instant Articles, acquired Google (AMP), and recently Telegram.
  • Your site - any site - must be PWA
  • How to turn your site into PWA
  • A beginner's guide to creating Progressive Web Apps
  • Progressive progressive web applications . Creating a news reader in PWA.
  • Bribe AMP . Some examples of ambiguous implementation of AMP components

CSS

• Is it time to use CSS Grid Layout?
• Native variables in CSS. It is time…
• How to use variables in the preprocessor LESS and SASS
• What will be in CSS? Table with a list of CSS features and their positions in the process of implementing web standards
• Possibilities of automatic generation of CSS stylgaydov
• Top CSS Books in 2017
• Detailed article on the collapsing indents margin
• Creating a mega-menu using Flexbox
• Responsive gallery using yoksel CSS Grids
• CSS is awesome . Chris Koyera on solving the problems implied in the popular print
• Has CSS become more complex since the late nineties?
• Parsing CSS Interview Questions
• Latest Detailed PostCSS Article

Javascript

• Memoization in JS and function acceleration
• ArrayBuffer and SharedArrayBuffer in JavaScript, part 3: race streams and Atomics
• Javascript fatigue or my web development history
• Debug JavaScript - console.loggerheads?
• Is npm new jQuery?
• 5 debugging tools every JS developer should know about
• Getting Started Using Mocha for Javascript Testing
• Should users be able to disable javascript?
• Exploring and Understanding Recursion in JavaScript
• Creating a data binding in the browser
• VueJS:
  
  
  • 5 tricks to help develop on vue.js + vuex
  • Create stunning charts with Vue.js and Chart.js
  • Routing Vue.js with vue-router
  • Uploaded video recordings from VueConf
  • Vue.js, JS framework for people
  • curated.vuejs.org - supervised catalog of the best packages for applications on Vue
  • route-planner-vue - route planner on vue.js, vuex
  • Creating a component with a custom Google map using Vue.js
  
  
• React:
  
  
  • An example of server rendering: pumping email through React
  • Gatsby is a fast static site generator for React. Quick look at gatsby
  • real-world-react - applications on React from the real world, with source codes and explanations for studying of technology on the live code
  • Some thoughts on React forms
  • terminal-in-react is a small component that renders a terminal
  • Rebass - UI components library for React, created using styled-components
  
  
• Angular:
  
  
  • AngularJS and ESLint Airbnb Style Guidelines: some rules must be broken
  • Angular: bad practices
  • Stimulate the performance of your application on Angular 4
  • Very deep immersion in the Angular compiler
  
  
• Libs & Plugins:
  
  
  • frontexpress - a simple router on vanilla JavaScript a la ExpressJS
  • size-limit is a tool that prevents the increase in weight of JS libraries by adding a size limit
  • Introduction to date-fns - a lightweight JavaScript library for working with dates

Entertaining

• 6 loudest hacker attacks of 2017
• The Great Crypto-merger: how do cryptocurrencies teach to "talk" with each other
• Microsoft technologies: from a decade of isolation to revival
• Not so simple with Petya
• How Slovakia stole the national top-level domain .SK
• The provider deactivates the user account after 20 years due to too unusual email address
• AMD Ryzen - when the red rose from the ashes
• How computer pros crack hackers
• How students use Wolfram | Alpha to solve complex equations in math exams

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