What a Tool!

Issue #197  (CSS Survey, Mobile Tools, Git/GitHub, Text Editors)


As some of you might already know, I've recently started helping out again over at SitePoint with editing duties, along with writing (which I was still doing after I left as editor). I'm not working for them as much as I used to, but I did put together the 2nd annual CSS survey, which I encourage everyone to fill out if you're a CSS developer of any skill level.

The purpose of the survey is to better understand the habits, practices, and competence of CSS developers. The survey also covers areas like CSS-related tooling, specific CSS trends that have developed in recent years, as well as learning habits.

Last year's survey was the first one, and it was divided into three parts. This year, I've eliminated some of the questions and trimmed it down to a more manageable single survey of 50 questions. It should take only about 15 or 20 minutes to fill out.

There are more details on the survey in the launch post over on SitePoint, and the survey is embedded right on that page. So take some time to fill it out if you get a chance.
 

Now on to this week's tools!
Support Web Tools Weekly on Patreon!
Monthly supporters of $10 or more will get a copy of both my JS/DOM e-books and my CSS e-book package.

Mobile Tools

Bluepill
A tool to run iOS tests in parallel using multiple simulators.

Redux Offline
Build offline-first apps for Web and React Native.

Ignite
Now at version 2.x. The hottest CLI for React Native, boilerplates, plugins, generators, and more.

PushNotificationPreview
Online test to to let you see how your push notifications look on iOS, Android, and desktop before you send them to your audience.

pull-to-reload
A pull to refresh implementation for the web. Designed to work with both mobile and desktop devices, ideal for SPAs.

Tabris.js
Now at version 2.x (Beta). A mobile framework that lets you develop native iOS and Android apps from a single code base written entirely in JavaScript.

Neonto Studio
Create native mobile apps for Android and iOS.

Flexitive
Graphic designers can build animated HTML5 ads or content directly in the cloud that look amazing on all devices – including smartphones and tablets. No coding required.

react-native-redux-starter-kit
A starter boilerplate for a mobile app using React Native and Redux.

Git, GitHub, and Command Line Tools

Haul
A drop-in replacement for react-native CLI built on open tools like Webpack. It can act as a development server or bundle your React Native app for production.

backslide
CLI tool for making HTML presentations with Remark.js using Markdown.

Netlify CMS
An open-source CMS for your Git workflow. Apparently this is what the new Smashing Magazine is being built on.

GitLab
The popular GitHub competitor is now at version 9.x.

timg
A viewer that uses 24-bit color capabilities and unicode character blocks to display images in the terminal.

ffscreencast
A shell wrapper for ffmpeg that allows fool-proof screen recording via the command line. It will auto-detect all available monitors, cameras and microphones.

Assignees
Automatically request code reviews on GitHub. Still in Alpha.

Hyper™
A terminal app built on web technologies (HTML, CSS, JavaScript).

offline-issues
Get your GitHub Issues offline in Markdown and HTML.

alert-after
Get a desktop notification after a command finishes executing. Helpful for notifying when long running CLI tasks are completed. MacOS, Linux, and Windows.

License Check
An online tool to help you check if you've added a license to your GitHub repos.

Support Web Tools Weekly on Patreon
Contribute $10 or more and get two JS/DOM e-books + my CSS e-book package.

Text Editors and Code Playgrounds

Web Maker
Chrome extension. A blazing fast & offline web playground in your browser.

Quokka.js
The live scratchpad for JavaScript. Increases your productivity by reducing the time it takes to run experiments.

CodeSandbox
Online React playground. Makes it easier to create, share and reuse React projects with others.

Reactide
The first dedicated IDE for React web application development.

lambda-view
Provides you a better way to read JavaScript source code.

Habemus
A cloud-based code editor carefully designed for the modern web development workflow.

Codewich
A web app you can use to write small, self-contained snippets of TypeScript/JavaScript, CSS, and HTML, and to preview a simple page that combines them.

Playcode Desktop
Desktop client for Playcode, the online JavaScript editor.

ICEcoder
A browser-based code editor, allowing you to code directly in the browser, online or offline.

A Tweet for Thought

The W3C specs as gnostic mysticism.
 

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...

State.of.dev allows you to explore the current state of development. Pick your expertise, browse through the topics and interact with the charts.
 


Thanks to all for subscribing and reading!

Keep tooling,
Louis
webtoolsweekly.com
@WebToolsWeekly