What a Tool!

Issue #186  (PWAs, Static Sites, Productivity, jQuery)


Looked into Progressive Web Apps yet? If you're like me and you have barely scratched the surface in that area, here's a quick definition along with some links to get you started.

Progressive Web Apps (PWAs) use modern web capabilities to deliver a native app-like user experience (similar to apps you would download to an iOS or Android device). PWAs move the web forward from being just pages in browser tabs to immersive, top-level apps.

The basic technical requirements for PWAs are:

  • SSL/TLS (i.e. https)
  • Offline capabilities (using Service Workers)
  • Web App Manifest (with specific requirements)
That's just a basic definition and technical overview. To really get started with PWAs, here are some useful resources: And here are a few more tools and all-in-one resources: That should be more than enough to get you started. Feel free to reply to this email if you've built a tool or other educational resource with a focus on PWAs.

Now on to this week's tools!
Did you buy my previous JavaScript/DOM tips book? I've released a new one...
NEW E-BOOK! Volume 2 of JavaScript & DOM Tips
(EPUB, MOBI, and PDF)

Static Sites, CMS, Site Builders, etc.

Log based static contact form
Light weight form template for self hosted static sites.

staticland
Static sites with free, automatic SSL for custom domains.

docsify
A simple and lightweight documentation site generator with emoji support and multiple themes.

Urban Jekyll Template
One of a number of Jekyll templates provided by CloudCannon. This one is an agency site template.

Formpost
HTML forms for static sites. Send a form from your static site to their URL and they'll deliver it to your inbox.

GloriaJS
A node-based static site generator, still in early development.

Jekyll Archives
Ruby gem to automatically generate post archives by dates, tags, and categories for a Jekyll site.

Siteleaf
A friendly CMS for your static site. Supports Jekyll, user collaboration, publishing to AWS S3, GitHub Pages, FTP, and more.

Productivity Tools

ZipBoard
A web-based visual feedback and bug tracking tool that helps developers, testers and project managers collaborate during product development.

Cerebro
Win/Mac/Linux app that lets you search for anything in a few clicks. Do web searches, search/launch apps, file system nav, etc.

Tiny Reminder
Need content, feedback or files from unresponsive clients? Tired of nagging people? This simple tool will play "bad cop" for you.

Wekan
An open-source Trello-like kanban collaborative board application.

Todobook
Chrome extension. Turn your Facebook News feed into a todo list so you can stop wasting time and start getting things done.

JOT
iOS app. "Just Open & Type". The fastest way to write down private thoughts and ideas.

Mode
Slack app that allows your team to instantly share ad hoc analysis in public channels, or push dashboard updates into Slack on a scheduled basis.

ForwardMX
Premium DNS / MX record based email forwarding with privacy in mind. Get emails for your domains to your inbox easily.

DistractOff
Chrome extension to help you stay focused on work and not get sidetracked by distracting, unproductive websites (social media, etc.)

jQuery Plugins

Articulate.js
The narrative equivalent of a print stylesheet. Enables developers to create links that allow users to click, sit back, and listen to the browser read aloud the important content of a web page.

Emerge
A page load coordinator. Normally, when a web page loads, elements appear in random order, causing unpleasant flashing. With Emerge, you have fine control.

Tabulator
An easy to use, fully featured, interactive table jQuery plugin.

mFancyTitle
Animates your document `title` and favicon.

Grid
A fast and extensible plugin to add interaction controls to HTML tables. Supports jQuery UI and Bootstrap.

Accessible Modal Window 
A modal window dialog plugin with accessibility features built in.

Toolgif
A tooltip plugin that displays an animated GIF as the tooltip. I love the "Don't use drugs" example.

A Tweet for Thought

This is interesting: Brendan Eich's explanation of what seemed to be a strange return value.
 

Suggestions / Corrections

Made something? Send links via 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...

You might enjoy a party game for horrible tech people.
 


Thanks to all for subscribing and reading!

Keep tooling,
Louis
webtoolsweekly.com
@WebToolsWeekly