Every week our digests are read by thousands of developers worldwide. This time we’ve found 54 most relevant materials about web development, JS, CSS, and browsers. Get 10 guidelines to improve your web accessibility, 7 tools for developing your first Progressive Web App, and top 9 animation libraries for UI designers in 2017. Don’t forget to share our digest with your friends and colleagues!
Web Development
- 10 guidelines to improve your web accessibility
- Replaced Elements in HTML: Myths and Realities
- Zach Leatherman: I made a style guide for my personal web site and you should too.
- 7 Tools for Developing Your First Progressive Web App
- Online VS Code IDE for Angular & React.
- Parallax SVG Animation Tools
- Performance:
- Performance and Resilience: Stress-Testing Third Parties
- The Difference Between GTmetrix, PageSpeed Insights, Pingdom Tools and WebPagetest
- The First Meaningful Paint – Patrick Hamann / Front-Trends 2017
- Rendering performance inside out – Martin Splitt / Front-Trends 2017
- Inspiration:
- Inspiration for Menu Hover Effects
- Vue Time Comparison, this demo to show .toLocaleTimeString in action is ready
- Fullscreen Layout Page Transitions
CSS
- The Languages Which Almost Became CSS
- The Top 9 Animation Libraries for UI Designers in 2017
- Focusing on Focus
- Shoelace – A back to the basics CSS starter kit. For when you don’t need the whole boot
- If you really dislike FOUT, `font-display: optional` might be your jam
- Removing that ugly : focus ring (and keeping it too)
- Making A Bar Chart with CSS Grid
- Glamorous v4 is here (Maintainable CSS with React)
- How To Use CSS Custom Properties With Transitions, Transforms, and Animations
- Front End Center — Crafting Webfont Fallbacks
- The Power of CSS – Una Kravets / Front-Trends 2017
JavaScript
- V8 Release 6.1
- The Road to Modern JavaScript
- Vue vs React: Battle of the Javascript Frameworks
- What the f*ck JavaScript? is a curated list of funny and tricky examples of JavaScript just for the fun of it.
- Your last ESLint config
- JavaScript riddles for fun and profit – Dan Shappir
- Hoisting in JavaScript
- Creating an Image Zoom Library With Vanilla JavaScript
- Oh yes! Async / Await
- VueJS:
- Vue.js docs performance audit
- Creating Custom Inputs With Vue.js
- Learn how to manage Class binding to HTML using Vue.js
- How to Build a Vue.js Photo Gallery ()
- Nuxt.js: A Universal Vue.js Application Framework
- React:
- Learning React.js is easier than you think
- React Animations in Depth
- hocs — A collection of Higher-Order Components for React
- Intro to React Router
- React.JS — Component Data Transfer
- Prototyping with React VR
- Angular:
- What’s new in Angular 5: easier progressive web apps
- Core Concepts for App Development in Angular
- Comparison Between: Angular 1 Vs Angular 2 Vs Angular 4
- The State of CSS in Angular
- Optimizing the Performance of Your Angular Application
Browsers
- Intersection Observer comes to Firefox
- Firefox: New Test Pilot Experiments Available Today (Send, Voice Fill, Notes)
- Google’s native ad blocker for Chrome shows up in Android developer build
- Machine learning comes to your browser via JavaScript
- Detecting Chrome Headless
This post first appeared on Web Design And Development Blog | Zfort Group, please read the originial post: here
