And we’re back with the digest again! This week you may read about Progressive Web Apps, extensions and devtools for browsers, CSS Grid Layout, and a lot about JavaScript operators and frameworks.
Still can’t believe all the most actual front-end news are gathered in one place? Keep on reading and ensure that our experts have done a great job for you.
Web Development
- The State of Front-End Tooling
- PWA:
- How we built Twitter Lite. New Twitter Lite, a Progressive Web App at mobile.twitter.com.
- Three things to consider before your progressive web app goes standalone
- Progressive Web Apps: The Non-Technical Guide
- Progressive Web Apps: The Non-Technical Guide Part 2
- Offline Sync for Progressive Web Apps
- Design Tricks with SVG Filters: A Masked Blur Effect
- Augmented Reality in 10 lines of HTML
- You Don’t Get AMP
- Top Monospace Fonts For Developers
- How to make error messages accessible
- Webpack 2 Tutorials, Explaining Webpack API to Complete Beginners
- Webpack and Rollup: the same but different
- WebAssembly with Brendan Eich
- Browsers:
- Creating One Browser Extension For All Browsers: Edge, Chrome, Firefox, Opera, Brave And Vivaldi
- A quick history of Firefox DevTools
- Using the Chrome devtools new code coverage feature
CSS
- CSS Grid Layout:
- Grid Garden. A place, where you write CSS code to grow your carrot garden
- Edge starts work on their Grid implementation update
- Grid-Powered Drop Quotes
- Pure CSS crossword – CSS Grid
- The invisible parts of CSS
- rems and ems, and why you probably don’t need them
- Individualizing CSS Properties with CSS Variables
- Positioning Elements on the Web
- Relational and Attribute Selectors in CSS3
JavaScript
- Back to Basics: JavaScript Operators, Conditionals & Functions
- 11 Ways to Invoke a Function
- Debugging JavaScript with the Node Debugger
- Interactive and Responsive Small Multiples with D3
- Pong with SVG.js
- ES2015+:
- Regular Expressions in a post-ES6 world
- Getting Started with JavaScript Promises
- Unhandled Promise Rejections in Node.js
- Frameworks:
- Opinionated Comparison of React, Angular2, and Aurelia
- Javascript Frameworks: A futile attempt at objectivity
- Why I’m excited about GlimmerJS
- EmberConf 2017: State of the Union
- React:
- React v15.5.0
- Introducing ReactXP – a library by The Skype team that developed for cross-platform development.
- reactour – Tourist Guide into your React Components
- A React Rendering Misconception
- Enhancing React components, Composition
- Snapshot Testing React with Jest
- Introducing Redux Offline: Offline-First Architecture for Progressive Web Applications and React Native
- Introducing glamorous – A styled-components and jsxstyle inspired solution for styling React Components from PayPal
- Vue:
- Vue.js Tutorial: A Prerendered, SEO-Friendly Example [Live Demo]
- Vue.js 2 State Management With Vuex – Introduction
- 7 things you should know about Vue.js
- Creating Reusable Components with Vue.js : Button Component
- Use Vue.js to create custom web components
- Angular:
- ng-conf 2017 Summary – Day 1
- Angular and Accessibility
- Angular v4: Practical Countries Application
- Angular 4 with server side rendering (aka Angular Universal)
- Everything you need to know about change detection in Angular
- Using Pipes in Angular
- Libs & Plugins:
- Tippy.js – A lightweight, pure JavaScript tooltip library
- embedo — a simple, fast, lightweight and standalone social media content embedder plugin for web
- BitArray.js — this is a memory efficient implementation of bit flag arrays in JavaScript
- UTIF.js — fast and advanced TIFF decoder
- across-tabs – Easily communicate among browser tabs (supports cross-origin)
- Sonnet – a library built on top of TensorFlow for building complex neural networks.
This post first appeared on Web Design And Development Blog | Zfort Group, please read the originial post: here