Wednesday, November 8, 2017

#183: Kickstarting Your Journey to Progressive Web Apps

Mobile Dev Weekly November 8, 2017   #183
Brian Rinaldi recommends
Safari Service Workers and Other PWA Good News Stories — There’s been a lot of good news for fans of PWAs over the past few months and this post sums much of it up.
Ruadhán O'Donoghue
Chris Brandrick recommends
Kickstarting Your Journey to Progressive Web Apps — Ewa Gasperowicz covers how to take a web site and turn it into to a Progressive Web App experience.
Google Chrome Developers
Sponsored
SwiftFest 2017 Conference - Coming to Boston in November — SwiftFest 2017 is a community-driven event that will expose you to new perspectives about the Swift programming language and the iOS development ecosystem. Register today using the promo code "SWIFT3" to receive a 10% discount off the ticket price.
swiftfest

Holly Schinsky recommends
Right-To-Left Development In Mobile Design — A thorough list of tips that are useful for anyone developing an RTL product.
Robert Dodis Yvette Mosiichuk
Brian Rinaldi recommends
Why We Are Not Cross-Platform Developers — The author explains why, despite trying a number of cross-platform development options, they keep choosing native.
Mathijs Lagerberg
Mobile Web
Brian Rinaldi recommends
What The Heck Is A "Progressive Web App"? Seriously — Despite shipping a PWA, the author says it can still be difficult to explain what exactly a PWA is.
Ben Halpern
Chris Brandrick recommends
Building A Progressive Web App - A Practical Example
Raymond Camden
Holly Schinsky recommends
Learn How to Build A PWA in 5 Minutes — Make your apps ‘progressively’ better in five minutes or less.
Meggin
Brian Rinaldi recommends
For The First Time, More People Will Do This Year’s Holiday Shopping On Mobile Than Desktop
Rani Molla
Sponsored
Estimating CPU Per Query with Weighted Linear Regression — This eBook explains how a specialization of linear regression answers seemingly unsolvable database questions.
VividCortex

Hybrid Apps
Brian Rinaldi recommends
Ionic From Scratch: What Is Ionic? — An introduction to the cross-platform mobile development framework Ionic.
Tinashe Munyaka
Brian Rinaldi recommends
RIBs: Uber's Cross-Platform Mobile Architecture — RIBs (Router, Interactor and Builder) is the cross-platform framework behind many mobile apps at Uber — designed for mobile apps with a large number of engineers and nested states.
Uber
Native Development
Brian Rinaldi recommends
Don't Fight The Notch — It’s not difficult to work around the iPhone X ‘notch’ — here’s how to update your site with small changes.
Julian Gaviria
Brian Rinaldi recommends
An Analysis of The Interactions On iOS 11 — A design critique of the new gestures and interactions in the newest version of iOS.
Adhithya Ramakumar
Brian Rinaldi recommends
React Native vs Real Native Apps — Highlights the theoretical and practical aspects of using React Native in comparison to Swift.
Weblab Technology
Za'e Johnson recommends
Building a Native Mobile Cryptocurrency App with React Native and Redux
Indrek Lasn
Brian Rinaldi recommends
Mobile Accessibility Testing Guide for Android and iOS — A free accessible PDF outlining how to test native apps and the web for accessibility on Android and iOS.
The Paciello Group
Chris Brandrick recommends
iPhone X Web Navigation Concept — A floating menu button to solve iPhone X navigation woes.
Daniel Korpai


by via Mobile Dev Weekly

#315: An Intro to Accessibility Testing

Frontend Focus
Issue 315 — November 8, 2017
An exhaustive list of all the elements you need to have/test before launching your site.
Brandon Morelli

A step-by-step how-to for smooth transitions from one shape to another.
Ana Tudor

A detailed look at what it takes to create a responsive, accessible table.
Adrian Roselli

With no dependencies and a small footprint, Wijmo FlexGrid is built for speed and extensibility.
GrapeCity Wijmo   Sponsor

Learn about selectors both new and old that you can use to style form inputs based on requirement, validity and more.
Jonathan Harrell

Rather than code our own country selectors all the time, could the HTML standard take care of things?
Terence Eden

Version 1 has just been released and it uses Chrome Headless under the hood.
Addy Osmani

Addy Osmani chats with Rob Dodson, a developer advocate on the Chrome team, about his workflow for accessibility testing.
Google Chrome Developers

A new zero-dependency chart library with elegant, responsive SVG output. Offers bar, line, and GitHub-style heatmap options so far.
Prateeksha Singh

Jobs

In Brief

W3C Designates WebRTC 1.0 Feature Complete news
ProgrammableWeb

Call for Review: HTML 5.2 is a W3C Proposed Recommendation news
W3C

Release Notes for Safari Technology Preview 43 news
Jon Davis

Which Technologies Do the World’s Leading Video Developers Use? 
Get the 24 page report on current video technology usage and planned usage for 2018.
Bitmovin  Sponsor

The Contrast Swap Technique: Improved Image Performance with CSS Filters tutorial
Una Kravets

The CSS attr() Function Got Nothin' On Custom Properties tutorial
Chris Coyier runs through some use cases for using the attr() function to read data.
CSS Tricks

Understanding The Vary Header tutorial
Andrew Betts

Using SVG As Placeholders: More Image Loading Techniques tutorial
José M. Pérez

Bypassing Browser Security Warnings with Pseudo Password Fields tutorial
Don’t do this, but be aware of the problem.
Troy Hunt

How Payment Methods Work in The Payment Request API tutorial
Eiji Kitamura

Basic Debugging from the Chrome DevTools Console tutorial
Michał Witkowski

High-Performance Service Worker Loading tutorial
Ensure you’re getting the best performance out of your service worker implementation.
Google Developers

$20 Free on a new Linode account 
Linux cloud hosting starting at 1GB of RAM for $5/mo. Get $20 credit on a new account.
Linode Cloud Hosting  Sponsor

Webpack Monitor: A Tool for Monitoring Webpack Optimization Metrics tools
A configurable Webpack plugin that captures relevant stats on production builds, and offers an analysis tool to help better understand bundle composition.
Jon Roach, Gordon Yu, Balal Zuhair

Orion Icon Library: A Collection of Over 4,000 Free SVG Vector Icons tools
Pixeden

Managing Font Loading CSS Was Painful — Not Anymore tools
Introducing the postcss-foft-classes plugin.
Zach Leatherman

PaperCSS: The Less Formal CSS Framework code
Rhyne


by via Frontend Focus

Ethics for Design

Unique One Pager hosting interactive documentary Ethics for Design. The experience really is remarkable where you resize the viewports to your preference, each hosting elements related to where you are in the story. Awesome to discover developer Sylvain Julé built the site using Kirby and also add the whole project to Github – cheers!

Full Review | Direct Link


by Rob Hope @robhope via One Page Love

Outside TV Features

Impressive hero video that displays blurred in background but clear within the 3 foreground devices in this Landing Page announcing the new features at Outside TV.

Full Review | Direct Link


by Rob Hope @robhope via One Page Love

5 Ways To Make Videos Without Showing Your Face [Video]

Are you that person who really wants to start making videos for YouTube, Facebook and other social media platforms, but you just don't want to show your face? Well, good news, you can produce videos for your business without having to be on camera and in this video you'll discover how.

[ This is a content summary only. Visit our website http://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Irfan Ahmad via Digital Information World

Eleven Ineffective Leadership Styles in Business - #infographic

Ineffective leadership styles can have detrimental effects on a business. For example, poor leadership may result in unmotivated employees, can lower the efficiency of the business and has the potential of being costly if bad decisions are made. Colonial Life latest infographic outlines a number...

[ This is a content summary only. Visit our website http://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Web Desk via Digital Information World

How to Use Restful Web APIs in Python