Frontend Weekly Digest #6 (8–14 May 2017)
- Introducing Stack Overflow Trends
- Unnecessarily Complicating Front-End Development To Feel Like A Smarter Person
- Why do you think that you always need UI framework?
- Accessibly labelling interactive elements
- Accessible tab panel using ARIA
- Chris Coyier: Some Amazing Work on CodePen III
- Upgrading Ele.me to Progressive Web App
- Building Animated SVG Banners
- Git repositories to use as GitHub alternatives
- Benchmarks of npm, npm5, shrinkpack, and yarn install times
- Use linters for errors, formatters to fix style
- webpack for real tasks: decreasing front-end size and improving caching
- Announcing the new webpack CLI
- Pingy CLI — The Simple Frontend Build Tool
- Breaking Out With CSS Grid Layout
- Adding :focus-within selector to Chromium. Another story of the work done to implement a new pseudo-class in Blink.
- Intro to CSS :focus-within learn what it does, and how it can help make accessible drop down nav menus.
- Native form validation — part 2
- High Performance Dynamic Styles
- Methods for Contrasting Text Against Backgrounds
- Experiments in fixed aspect ratios. How to responsively maintain aspect ratios & how CSS Grid may be changing that game
- Why I Abandoned @apply
- The Issue with Preprocessing CSS Custom Properties
- Making Custom Properties (CSS Variables) More Dynamic
- Tracing the history of CSS fonts
- 5 Beautiful Image Effects With CSS Shapes and Filters
- Easing Linear Gradients
- CSS and the First Meaningful Paint. Patrick Hamann speaking at London CSS
- From CSS Preprocessors to Styled Components. Max Stoiber speaking at Reactivate London
- BBC Grandstand — A scalable front end architecture and Sass framework by BBC Sport
- Stack Overflow JS Trends
- The Hitchhiker’s Guide to d3.js
- I Still Love jQuery — And You Should, Too.
- 8 npm Tricks You Can Use to Impress Your Colleagues
- Module specifiers: what’s new with ES modules?)
- What’s a Transducer?
- It’s Fetch time or How I stopped using http libraries
- “5 minutes of React” podcast: #4 — Preact, #5 — Idiomatic Redux, #6 — Runtyper
- TypeScript-React-Starter — A starter template for TypeScript and React with a detailed README describing how to use the two together.
- Redux Offline. Jani Eväkallio speaking at Reactivate London
- redux-orchestrate — middleware for coordinating actions using a simple config object
- Making Maps With React
- The Ultimate Atom Editor Setup (+for JS/React)
- Component architecture recipes for Angular’s reactive forms
- Angular Model Pattern
- How to Build an AngularJS Events App
- TypeScript-Vue-Starter — A starter template for TypeScript and Vue with a detailed README describing how to use the two together.
- What I Learned About VueJS From Building A Chrome Extension
- Getting Started with Vue.Js
- vue-rate — rate component for Vue
- vue-easy-gantt — a simple Vue.js gantt chart plugin for presenting weekly tasks
Libs & Plugins:
- UPNG.js — a small, fast and advanced PNG encoder and decoder. It is the main PNG engine for Photopea image editor
- Higher-order functions in Lodash
- Sticky Sidebar — jQuery plugin for making intelligent and high performance sticky sidebar, works with sidebar if it’s bigger or smaller than viewport
- britecharts — Client-side reusable Charting Library based on D3.js v4 that allows easy and intuitive use of charts and components that can be composed together creating amazing visualizations.
- 10 jQuery HTML5 Audio Players