This week we feature news on AMP development, tips on making responsiveness simple by using CSS Variables, a pack of the latest trends within JavaScript  and a success story on how one can turn from being designer to a Frontend developer! Go check the digest and get inspired!

Web-development

• AMP News by Chris Coyier
• frontend-case-studies – A curated list of technical talks and articles about real-world enterprise frontend development
• How I transitioned from a graphic designer to front-end developer in 5 months
• It’s illegal to have an inaccessible website in Norway — and that’s good news for all of us
• O API — an alternative to REST APIs

• Performance:
  • Impact Calculator – Calculate the Potential Revenue Impact
  • How To Think About Speed Tools
  • Improving page performance with Chrome DevTools
  • Optimizing React Performance – 12 Tools and Tips
  • You definitely want to optimize your website’s loading speed. Here’s how
  • Lazy Loading Images for Performance Using Intersection Observer

• Tools:
  • How to add JavaScript linting to your project using ESLint and Gulp
  • Chrome 65 – What’s New in DevTools
  • What’s New In DevTools (Chrome 66)

CSS

• 30 Seconds of CSS. A curated collection of useful CSS snippets you can understand in 30 seconds or less.
• Third party CSS is not safe
• CSS Steals Your Web Data
• Responsive Vertical Rhythm with CSS Custom Properties and CSS Calc
• How to make responsiveness super simple with CSS Variables
• Lesser known CSS quirks & advanced tips
• Responsive Components: a Solution to the Container Queries Problem
• Using Sass to Control Scope With BEM Naming
• Proof that CSS Grid is Ready For Production at Scale
• The Red Reveal: Illusions on the Web Part 1

JavaScript

• The Ultimate Guide to JavaScript SEO
• TypeScript — JavaScript with superpowers
• Please stop using console.log(), it’s broken…
• How JavaScript works: the mechanics of Web Push Notifications

• VueJS:
  • Starting with Webpack 4 and VueJs — A quick-start tutorial.
  • Let’s Build a Custom Vue Router
  • Building a Serverless CMS Powered by Vue.js
  • vueds – опенсорсный инструмент для создания стайлгайдов на Vue.js
  • How to Create an Accessible Autocomplete Component with Vue.js

• React:
  • Build an Airbnb Clone with React and ElasticSearch
  • react-morph – Morphing Ui transitions made simple
  • Sneak Peek: Beyond React 16
  • Redesigning Redux
  • A first look at Async React + Apollo
  • 9 React Tools To Master Your Component Workflow
  • Structuring projects and naming components in React
  • 8 React conditional rendering methods

• Angular:
  • AngularJS: The Final Release
  • Bringing Search to Angular
  • Angular is coming: Preparing the upgrade
  • Introducing NGRX Actions 3.0

• Libs & Plugins:
  • termtools – Customize your terminal using JavaScript
  • Delighters.JS – Add CSS animations to delight users as they scroll down
  • flatbush — a very fast static spatial index for 2D points and rectangles in JavaScript
  • prompts — lightweight, beautiful and user-friendly interactive prompts