Issue #190 (Coupling, Mobile, Productivity, Media)
Zakas was always somewhat of a purist, and this advice was excellent advice in 2012, and it was consistent with the "separation of concerns" concepts that have been prevalent in the standards community for years.
But things have changed. Probably the only one of those suggestions that's still technically the right advice is the first one. But since CSS Expressions were only supported in IE7 and below, that means we could say that not one thing on that list is categorically good advice today.
Now on to this week's tools!
Mobile and RWD Tools
All the tools you need to build and deploy your Progressive Web Apps.
Web App Manifest Generator
Web App Manifests are one of the key pieces to making your web app look and feel like a native mobile app.
A no-frills responsive grid layout to help you get started on your next project.
A super-tiny multi-touch gestures library for the web.
Responsive font calculator
A simple utility to easily calculate responsive font values for embedding directly into your CSS.
Native app-like circle menu built on Vue. Test on mobile to see how it works.
Nachos UI Kit for React Native
React Studio for Mac
Model your React JS web app using high-level components, concepts and precise vector designs. Use our high-fidelity Sketch importer, or design in place.
Start quickly with built-in navigators that deliver a seamless out-of-the box experience.
The easiest way to share your notes, ideas, and daily tasks. Make lists, organize your thoughts, and get stuff done. It's free and instant.
Captain for Mac
Manage Docker containers instantly from the menu bar.
Online meetings and video conferencing.
Firefox extension with strong inspiration from the Vim text editor, with a mind towards faster and more efficient browsing.
Reflow PDF papers for small-screen reading.
The missing tab manager for Chrome. Select a few tabs with CMD + click and then save them with Tabbie.
Next Step for Trello
Increase your productivity with this Chrome extension that displays the next To-Do step of each card on your Trello boards.
A Readability-style service to read articles in a clean format.
An open source personal data manager. It helps you collect, organize and browse your files on every platform.
Native Windows, Mac, or Linux app. It's an organizer for designers, programmers, project managers, bloggers, etc.
Mac app. Clipboard manager to help you organize frequently used snippets, saves all copied data, with keyboard shortcut functionality.
Chrome extension. Lets you browse the web with your choice of several high-contrast color filters designed to make it easier to read text.
An OpenType and TrueType font parser and writer. It allows you to access the letterforms of text from the browser or node.js.
Remember the good old 2D games and their beautiful sprites ? With Piskel you can create your own in a few clicks.
A relatively small library for adding transition effects and interactive visualizations to HTML5 documents with a simpler design compared to other popular interactive visualization libraries like D3js.
A Tweet for Thought
I'm pretty sure I've done this numerous times.
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...
FreeFrontend is a new site that has posts with extensive examples of UI components (menus, buttons, sliders, etc).
Thanks to all for subscribing and reading!