Modern Media Queries: Key Features of Media Query Level 4
The latest version of the Media Query spec brings extra features to media queries, as thoroughly demonstrated here. - https://goo.gl/dt5XyQ
#css #media
The latest version of the Media Query spec brings extra features to media queries, as thoroughly demonstrated here. - https://goo.gl/dt5XyQ
#css #media
CSS-Tricks
Mobile, Small, Portrait, Slow, Interlace, Monochrome, Coarse, Non-Hover, First | CSS-Tricks
A month ago I explored the importance of relying on Interaction Media Features to identify the user's ability to hover over elements or to detect the accur
CSS Animations vs the Web Animations API: A Case Study
The Web Animations API provides a way for developers to directly manipulate the browser’s animation engine using JavaScript. - https://goo.gl/tSQfa4
#css #animation
The Web Animations API provides a way for developers to directly manipulate the browser’s animation engine using JavaScript. - https://goo.gl/tSQfa4
#css #animation
bitsofcode
CSS Animations vs the Web Animations API: A Case Study
Last week, I wrote about how I created the bitsofcode logo animation with CSS. After that, it was suggested that I attempt a comparison between a CSS animation and the Web Animations API, so here it is! Introduction to the Web Animations API As with last…
The Tao of Redux: Implementation and Intent
A Redux maintainer thoroughly ponders Redux’s implementation, its limitations and constraints. - https://goo.gl/mhMT53
#redux
A Redux maintainer thoroughly ponders Redux’s implementation, its limitations and constraints. - https://goo.gl/mhMT53
#redux
Mark's Dev Blog
Idiomatic Redux: The Tao of Redux, Part 1 - Implementation and Intent · Mark's Dev Blog
The Tao of Redux: Practice and Philosophy
A look at common practices that are widely used in Redux apps and why those practices exist. - https://goo.gl/Z2DcpR
#redux
A look at common practices that are widely used in Redux apps and why those practices exist. - https://goo.gl/Z2DcpR
#redux
Mark's Dev Blog
Idiomatic Redux: The Tao of Redux, Part 2 - Practice and Philosophy · Mark's Dev Blog
PrettyLoader: A Pattern for Wait Animations in React
If you have lots of components loading data from elsewhere, it’s worth thinking about the user experience during the ‘wait’ periods. - https://goo.gl/1mDz1t
#react #component
If you have lots of components loading data from elsewhere, it’s worth thinking about the user experience during the ‘wait’ periods. - https://goo.gl/1mDz1t
#react #component
Medium
PrettyLoader: A Pattern for Wait Animations in React
A general guideline of good UX is to have what’s on screen reflect the state of the system. When you’re dealing with large applications…
How To Create Native Cross-Platform Apps With Fuse
Fuse is a toolkit for creating apps that run on both iOS/Android devices. See how it works and how it compares to platforms such as React Native and NativeScript. - https://goo.gl/KZJ6w2
#reactnative #nativescript
Fuse is a toolkit for creating apps that run on both iOS/Android devices. See how it works and how it compares to platforms such as React Native and NativeScript. - https://goo.gl/KZJ6w2
#reactnative #nativescript
Smashing Magazine
How To Create Native Cross-Platform Apps With Fuse – Smashing Magazine
Fuse is a toolkit for creating apps that run on both iOS and Android devices. It enables you to create apps using UX Markup, an XML-based language. But unlike the components in React Native and NativeScript, Fuse is not only used to describe the UI and layout;…
Upgrading Ele.me to a Progressive Web App
An in-depth look at how a single page app (SPA) was refactored to a multi-page app (MPA) and finally a Progressive Web App with particular emphasis on performance - https://goo.gl/4RP5Af
#progressivewebapp
An in-depth look at how a single page app (SPA) was refactored to a multi-page app (MPA) and finally a Progressive Web App with particular emphasis on performance - https://goo.gl/4RP5Af
#progressivewebapp
Medium
Upgrading Ele.me to Progressive Web App
Since the very first experiments that @Vue.js tweeted, we at Ele.me (the biggest food ordering and delivering company in China) have been…
Developing Microservices with Node, React, and Docker
Learn how to quickly spin up a reproducible development environment with Docker to manage a number of Node microservices. - https://goo.gl/KrK3kY
#microservice #node #react #docker
Learn how to quickly spin up a reproducible development environment with Docker to manage a number of Node microservices. - https://goo.gl/KrK3kY
#microservice #node #react #docker
mherman.org
Developing Microservices - Node, React, and Docker - Michael Herman
This tutorial details how to quickly spin up a reproducible development environment with Docker to manage a number of Node.js microservices.
PWABuilder
A collection of tools to help build and deploy Progressive Web Apps. - https://goo.gl/rp79m4
#progressivewebapp
A collection of tools to help build and deploy Progressive Web Apps. - https://goo.gl/rp79m4
#progressivewebapp
How to Add a Splash Screen to a React Native App (iOS and Android) - https://goo.gl/U613ja
#reactnative #splashscreen
#reactnative #splashscreen
mini.css - Minimal, Responsive, Style-agnostic CSS Framework
mini.css is a CSS framework designed to be lightweight, responsive and style-agnostic. - https://goo.gl/ObfGHC
#css #framework
mini.css is a CSS framework designed to be lightweight, responsive and style-agnostic. - https://goo.gl/ObfGHC
#css #framework
minicss.org
mini.css - Minimal, responsive, style-agnostic CSS framework
mini.css is a tiny CSS framework designed to build quick, modern and responsive websites.
CSS and The First Meaningful Paint
An exploration of best practices for loading CSS in the browser and how to achieve a ‘meaningful’ paint within 1000ms - .https://goo.gl/7sEyPo
#css
An exploration of best practices for loading CSS in the browser and how to achieve a ‘meaningful’ paint within 1000ms - .https://goo.gl/7sEyPo
#css
Sessions by Pusher
CSS and the First Meaningful Paint - Sessions by Pusher
In this talk we will take a journey exploring the current, past, and future best-practices for loading CSS in the browser and how we can achieve a first meaningful paint within 1000ms. Ultimately creating a faster, more resilient experience for our users.
React Native Calendars: Customizable Calendar Components - https://goo.gl/V6gXLv
#reactnative #component
#reactnative #component
Using Reduced Motion on the Web
WebKit now supports the prefers-reduced-motion media feature. Here, James Craig from the WebKit team runs through a few demos of how the feature is intended to work. - https://goo.gl/yjR8h4
#responsive #design #motion
WebKit now supports the prefers-reduced-motion media feature. Here, James Craig from the WebKit team runs through a few demos of how the feature is intended to work. - https://goo.gl/yjR8h4
#responsive #design #motion
WebKit
Responsive Design for Motion
Writing and Testing an Event Sourcing Microservice with Kafka and Go
In this tutorial, we will take a look at how Kafka can help us with handling distributed messaging in a Go application, by using the Event Sourcing pattern - .https://goo.gl/7t9mdJ
#microservice #testing
In this tutorial, we will take a look at how Kafka can help us with handling distributed messaging in a Go application, by using the Event Sourcing pattern - .https://goo.gl/7t9mdJ
#microservice #testing
Semaphoreci
Writing and Testing an Event Sourcing Microservice with Kafka and Go
In this tutorial, we will take a look at how Kafka can help us with handling distributed messaging in a Go application, by using the Event Sourcing pattern.
Designing a System of Microservices
Ultimately, the intent of this system design process is to help take a best guess on how to define service boundaries for microservices within a complex solution. Hopefully, the approach described here will both establish a good initial model for the services as well as making it easier to redraw the service boundaries down the road - .https://goo.gl/gsfFX3
#microservice #architecture
Ultimately, the intent of this system design process is to help take a best guess on how to define service boundaries for microservices within a complex solution. Hopefully, the approach described here will both establish a good initial model for the services as well as making it easier to redraw the service boundaries down the road - .https://goo.gl/gsfFX3
#microservice #architecture
www.apiacademy.co
Designing a Microservice System | API Design and Strategy
Large organizations struggle with determining how to define boundaries between microservices. Ideally, this should be a technology-agnostic modelling exercise.