Image Effects with CSS

A collection of CSS snippets to create fast, complex image effects, such as pencil drawing, watercolor painting, and the intriguing ‘flannel’. - https://goo.gl/6rnRhw

#css

Getting A High Progressive Web App Score On React and Material-UI

Basic techniques used to get a high score for a sample app based on a stack of React, Redux and Material-UI. - https://goo.gl/Y7mr57

#pwa #react

Offline First Masonry Grid Showcase with Vue

In this guest post by Christian Nwamba, you will learn how to build a masonry photo grid app with Vue.js. The app will be a Progressive Web App to ensure offline support. - https://goo.gl/Z99cwS

#vue #pwa

Redux is a JavaScript library that aims to simplify how we manage stateful data. Redux keeps all of our data in a single JS object called the Store. A single function, the reducer, is responsible for making modifications to the Store. We trigger the reducer by 'dispatching' an action - a JS object that describes how our data should change. The reducer function receives the action as an argument and makes changes accordingly. Other parts of the code (usually React Components) can subscribe to data in the Store. When data changes, Redux notifies subscribers of the change. - https://goo.gl/xnq4QV

#redux

Microsoft Edge for iOS & Android: What Developers Need to Know

Microsoft Edge is coming to iOS and Android using WebKit on iOS and Blink on Android. - https://goo.gl/eqntMs

#edge

Setting Up Webpack, Babel and React From Scratch, Revisited

An updated, detailed step-by-step guide for getting set up, following best practices and giving you a solid ground to start from. - https://goo.gl/aLtZJi

#webpack #babel #react

Taucharts One: A Mature Charting Library with a Simple API

Has a lot of features including timeline charts, value highlighting, and a sparkline mode for dense data. - https://goo.gl/ij3CXe

#taucharts #library

Chrome 62 Released: What’s New?

Improved Network Information API, support for OpenType variable fonts, new ways to capture media, and Payment Request API support on iOS. - https://goo.gl/3FXGWc

#chrome #release

Vue.js Transitions & Animations: Production-Ready Examples

Sinpcart has published an awesome tutorial on how to handle production-ready Vue.js transitions and animations. This tutorial has in-depth explanations, live CodePens and more. - https://goo.gl/UYNrkD

#vue #animations

A Look at Bootstrap 4's New Reset: Reboot.css

A deep dive into the latest Bootstrap’s new approach to style resetting, as well as some history of style, resets overall. - https://goo.gl/59Rroq

#css

Service Worker Gotchas

Potential pitfalls to be aware of and understand when using service workers. - https://goo.gl/czjBnT

#serviceWorker

Designing Layouts - Flexbox

A look at using flexbox to align, layout and distribute space among elements. - https://goo.gl/D1gMrU

#css #felxbox

Write Blazing Fast Vue Unit Tests with Tape and Vue Test Utils

Edd Yerburgh has published a great tutorial on how to write Vue unit tests with Tape and Vue Test Utils. Check it out and see why Tape is the fastest framework for unit testing Vue components. - https://goo.gl/urb2Ce

#vue #testing

Configuring Vue Router for a Single Page App

Vue Router is a perfect tool for handling the hard parts of the HTML5 History API. Dan Pastori brings a great article on how you can configure your single-page app routes using Vue Router. - https://goo.gl/anh3AD

#vue #router

UI Design for iPhone X: Top Elements and the Notch

How to deal with top elements and the notch when designing for the iPhone X. - https://goo.gl/bQA6Bv

#ui #design #iPhoneX

A JavaScript’s Promise That Leaks Memory (and Why)

What you can do about memory leaks in recursive loops. - https://goo.gl/92p4aX

#promise

API-driven development with OpenAPI and Swagger

In this two-part article, you’ll learn how to put APIs at the heart of your design and development process, from concept to coding. -
https://goo.gl/wmTAAy

#api #swagger