Web Tools Weekly
What a Tool!

Issue #304  (Browser Blogs, Frameworks, Mobile Tools, JS Lib Plugins)

Advertisement
Analyze Your webpack Bundle, on Every Commit
Track your webpack bundle analysis over time, report changes to your pull requests, and use that data to optimize your individual assets. Catch webpack bundle bloat before your users do.

📊 Webpack bundle analysis on every commit
✅ Report build changes on every pull request
🔴 Fail your pull requests by setting size budgets
🆓 Always free for Open Source
🔒 Free trial for private projects

Get started for free
Packtracker.io

A lot of developers and others within the industry feel that the dominance of Google Chrome is bad or the open web and, although we're certainly in a better place today than we were 20 years ago, there are some similarities to the time when Internet Explorer was the dominant browser (i.e. it was awful for the open web).

Although in the past I've felt having a single browser dominate would be great for development, it's not great for innovation. To that end, I think it's important that we continue to stay educated on what's going on with the other major browsers, and continue to support the progress being made.

So here are links to the official blogs of the various major desktop browsers, as well as a few of the lesser-used browsers. Feel free to add these to your RSS feeds (you still use RSS, right?!):

The point here is not necessarily to promote any of these browsers, but for developers to know where they can be educated on them. Part of what made Chrome popular was the fact that they kept adding more features and kept improving the performance of the browser. If another browser does the same thing (or better), who knows what can happen.

Personally, I think DuckDuckGo (which seems to be the alternative search engine of choice for tech pros nowadays), should make their own browser. It would be a seamless transition for many of us.
 

Now on to this week's tools!

Front-end Frameworks

Analyze Your webpack Bundle, on Every Commit
Track your webpack bundle analysis over time, report changes to your pull requests, and use that data to optimize your individual assets. Catch webpack bundle bloat before your users do.    sponsored 

bento-starter
Open-Source full-stack solution for fast PWA development, based on Vue.js.

Sigil.js
A functional web component library featuring re-usable components, virtual DOM, HTML templating, and more.

Hybrids
A UI library for creating Web Components, favoring plain objects and pure functions over `class` and `this` syntax, with a simple and functional API.

Solid
A simple and responsive HTML landing page template for startups.

Base Web
An extensive library of React web components.

FlexMasonry
A lightweight masonry (cascading grid layout) library powered by flexbox.

Zhui
A Chinese-style component library powered by React.

vue-skeleton-mvp
A basic Vue, Vuetify, Vue Router, and Vuex skeleton using async/await, as a starting point for your apps.

node-desktop-app-template
Simple template for creating a desktop application powered by Node.js, Electron, and Bootstrap.

re-start
A React Native template to target multiple platforms.

RWD and Mobile Tools

Tech Productivity
A brief weekly newsletter for tech pros who want to get stuff done. promoted 

Flutter
Now at version 1.5+ (details). Google’s portable UI toolkit for building beautiful, native applications for mobile, web, and desktop from a single codebase.

Polypane
A browser built from the ground up to create and test responsive designs. View all viewports at the same time and sync interactions in all panes.

is-online
Node utility to check if the internet connection is up.

react-native-ci CLI
A CLI for integrating a Continuous Integration/Delivery pipeline for React Native. Will generate, modify necessary files, and install packages to achieve this.

Reanimated Bottom Sheet
Highly configurable component for React Native, imitating native bottom sheet behavior (like a swipe-from-bottom thing), with native 60 FPS animations.

AppingKit
Build native iOS and Android apps with Expo and React Native.

Shiny
Simulating reflections on devices that support the DeviceMotion event.

Code Store
Buy ready-made iOS apps with complete source code. Be ready to publish to the App Store the same day.

Vuzers
A cloud-based suite of six apps that combine dozens of tools into an all-in-one solution that serves all your app management needs.

AMP WordPress Plugin
Official AMP plugin that supports fully integrated AMP publishing for WordPress sites, with robust capabilities and granular publisher controls.

JavaScript Library Tools and Plugins

Tech Productivity
A brief weekly newsletter for tech pros who want to get stuff done. promoted 

jQuery Terminal Emulator
jQuery plugin to create command line interpreters in your applications.

ngx-translate
An internationalization library for Angular that lets you define translations for your content in different languages and switch between them easily.

Ngx-restangular
Configurable Angular service that makes get/post/put/delete requests simpler and easier.

ember-addon-viewer
View information about add-ons used in your Ember app.

Nebular
Components, auth, and security for your next Angular app.

Refract
Makes reactive programming possible in React, React Native, Preact and Inferno, with only a single higher-order component or a single hook.

Pose
Now at version 3+ (details). A truly simple animation library for React, React Native, and Vue.

TinyState
A tiny, yet powerful state management library for Angular.

Apollo Angular
A fully-featured, production ready caching GraphQL client for Angular and every GraphQL server.

A Tweet for Thought

Why can't I get captchas like this one?
 

Send Me Your Tools!

Made something? Send links via Direct Message on Twitter @WebToolsWeekly (details here). No tutorials or articles, please. If you have any suggestions for improvement or corrections, feel free to reply to this email.
 

Before I Go...

If you want to learn or even teach SQL, you might like SQL Cards, which you can download as a PDF and print at your leisure.

Thanks to all for subscribing and reading!

Keep tooling,
Louis
webtoolsweekly.com
@WebToolsWeekly