The digest of fresh materials from the world of the frontend for the last week №217 (June 20 - 26, 2016)

We offer you 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 # 21 : Report with PiterCSS, Google Fonts and Fonts, CSS on Facebook, flex nuances, retina, buttons or links, Apple Pay in Safari.
• Radiojs Podcast Issue 40: The Horrors of Our CSS . Visiting Oleg Slobodskoy - JSS author, speaker at React Amsterdam and godfather of CSS Modules
• HTML5.0 is gone
• Google launches AMP code validation tool
• How to become a professional web developer: a practical guide
• Let me introduce the Shadow DOM API based on slots.
• It’s not so easy to take and learn how to write code . Article translation One does not simply learn to code Quincy Larson.
• What to expect from an interview for the post HMTL-Maker / Junior frontend programmer.
• Validation of forms on HTML and CSS . Translation of the article Form Validation UX in HTML and CSS by Chris Koyer.
• Recording of the Web Standards Days conference held in Yekaterinburg on June 25
• Frontend United 2016 - Ghent , 17 videos
• Progressive Web App Summit 2016 , 35 videos
• A course of 16 lessons on using Webpack for developing applications on JS (Browse the Using Webpack for Production JavaScript Applications course)
• Meta Tags Review for Using Social Media Features (The Essential Meta Tags for Social Media)
• What I learned by analyzing 1.65m Node.js modules in NPM (What I learned from analysing 1.65M versions of Node.js modules in NPM)
• Handling Fallback Resources with Service Workers (Service Workers at Scale, Part II: Handling Fallback Resources)
• Increase Productivity with Tusk Runners (How To Harness The Machines: Being Productive With Task Runners)
• Implementing AMP to increase page loading speed (Implementing AMP to Boost Your Page Loading Times)
• Everything I need to know about the Script tag (Everything I Know About The Script Tag)
• Getting Started with Static Sites
• Run npm scripts in the git pre-commit hook (Run npm scripts in a git pre-commit Hook)
• Spectacular web:
  
  • Cute effects to visualize data using a sticky effect (More fun data visualizations with the gooey effect)
  • CSS LCD Text Effect
  • Spectacular Visualization of Computer Computing Experiments (Beautiful Programming)
  • Weekly selection of beautiful effects on CSS / SVG / JS # 43
  
  

CSS

• CSS magic. Chapter 5. Typography. Typography is hard
• How well do you know the display property in CSS? (How well do you know CSS display?)
• Don't Overthink It (Flexbox) Grids
• The biggest mistakes in CSS and how to avoid them.
• We improve the quality of front-end projects automatically. Part 2 - CSS and Sass (Improving the Quality of the Front End Projects, Automatically! Pt. 2 - CSS and Sass)
• Enable future CSS properties with PostCSS (Enabling Upcoming CSS Features with PostCSS)
• Increase CSS (Leveling up in CSS)
• Tips for Cross Browser CSS (The Cross Browser CSS Styling Tips You Need to Know)
• Web Typography Handbook (Typography Handbook)
• Bulk CSS Editor (Full CSS Map Creator)

Javascript

• The two pillars of JavaScript, Part 2: functional programming
• 15 tips on writing self-documenting javascript
• 12 books that every JavaScript developer must read (12 Books Every JavaScript Developer Should Read)
• How to build a neuron: learn AI in Javascript (How to Build a Neuron: Exploring AI in JavaScript Pt 1)
• Explanation of JSONP in jQuery with examples (jQuery's JSONP Explained with Examples)
• Getting Started with JavaScript Robotics (Getting Started with JavaScript Robotics)
• Quick tip on determining your location using Javascript (Quick Tip: Detecting Your Location With JavaScript)
• 6 ways to declare functions in JavaScript (Six ways to declare JavaScript functions)
• Introduction to TypeScript: Static Typing for the Web (An Introduction to TypeScript: Static Typing for the Web)
• Javascript JIT bug in V8 (Javascript developers, be warned about this crazy JIT bug in V8!)
• Debugging Node.js Nightly with Chrome DevTools (Debugging Node.js Nightlies with Chrome DevTools)
• flatpickr - easy and powerful plugin for choosing a date (flatpickr - a lightweight & powerful datetimepicker)
• Framework:
  
  • Introduction to React Horizon
  • The life cycle of React components (React component's lifecycle)
  • Aurelia vs AngularJS 1.x - Comparison of Features and Features
  • Integrating React with Backbone (Integrating React With Backbone)
  • Getting Started with React (Getting Started With React)
  • Screencast: creating a React and Webpack project (Screencast: Creating a React and Webpack Project)
  • react-enroute is a smaller, simpler analogue of react-router
  • Introducing Nova: a new approach to organizing a back-end for React applications (Introducing Nova: a new kind of back-end for React apps)
  • Looking Back at React Europe (A Look Back at React Europe)
  • Release Aurelia RC (The Aurelia Release Candidate is Here !!!)
  • Will Angular 2 take off? (Will Angular 2 Take Off?)
  • Trello Clone with Angular Dragula (Trello Clone with Angular Dragula)
  
  

Browsers

• Opera claims that its browser significantly exceeds Microsoft Edge in energy efficiency
• JavaScript performance updates in Microsoft Edge and Chakra
• JavaScript performance updates in Microsoft Edge and Chakra (JavaScript performance updates in Microsoft Edge and Chakra)
• JS performance wars in browsers (On JavaScript Performance Wars)
• How to stop this flickering animation in your browser

News and entertaining

• Google has simplified two-factor authentication
• Why Prisma is the Russian Pied Piper from Silicon Valley
• Prism Moiseenkova: How does the Prisma project work and whether it can repeat the success of MSQRD
• Little known Facebook: what services for business, development and security the company has
• Forrest Gump of the Internet: as the founder of Medium and Twitter, Evan Williams fights for an open web
• New robot Boston Dynamics - SpotMini: he will rise, give you a beer, remove from the table
• 7 global SEO trends that e-commerce will face in 2016
• Fatal recursive call and fake decentralization
• Legendary Harvard CS50 course in Russian
• Google co-founder Sergey Brin recommended that start-ups not open a business in Silicon Valley
• Replacing Flash with HTML5 does not help make advertising safer.
• Scammers create fake companies to get an IPv4 address
• The Mozilla project has distributed 385 thousand dollars between significant open source projects.
• Facebook introduced new ad formats.
• A quarter of Russians stick a laptop webcam
• Fuck, I'm old: 20 years old Quake

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 .