Skip to content
[Technical watch] Tool which provides links and data about neat tools, libraries, frameworks and tips for developers
JavaScript Shell CSS HTML Ruby
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.

Image of Tips and Tools

Tips'n'tools (v14.3.1)

Keep time and be faster with your own cache of references, tools and specifications useful for developers.

Tips'n'tools is a project whch has the aim of making searches faster and improving technical watch.
Indeed, sometimes you need to share usefull web links and cool libraries to your colleagues, but which platform to use? Your company's inner social network? Lost time if you move from your job. A public social media? Lost time if this medium is closed. Fill your web browser's bookmarks? Yeah, got stolen or reinitialized your computer and you are done.

Tips'n'tools allows you to fill a spreadsheet (.ods file) and then export its sheets to CSV files. Then you can:

  • use the main Shell script ( to make queries so as to find a thing you have listed

  • build a little Progressive Web App (a Single Page Application) which allows you to make queries with a more user-friendly UI

  • update a global web page if you cannot use the web app

  • run the server-side feed script, written in Ruby, so as to expose an HTTP API to make the queries from everywhere

  • place all of this project in your web server, and make the Ruby script or the web app available for your friends or colleagues

    Tips'n'tools may be useful if you want to compile, in one place, plenty of references and data interesting for your projects. Never rely on social networks or corporate heavy tools, make your own cache and bring it everywhere!

    If you read this document through the GitHub repository, click here instead.

The main script


	bash --help

to get some help about the commands ;-)


	bash {--findAll | --findWeb | --findDevices | --findTools | --findSocs} yourRegex

to make some searches in files with a regular expression as a filter. The --json flag after the regex makes the script produce JSON-based data.


	bash --update

to build HTML and JSON files from your CSV files, and build a global web page and the little web app (to see as a Progressive Web App or Single Page Application if you like buzzwords)

Add new elements in spreadsheets and other files

You can fill the .ods spreadsheet file with new data you want to save. Then run

	bash --update

to update the .html and .json files.

Who's who

The main script ( calls core's Shell scripts (stored in utils/core folder) to play with CSV files (in contents folder).
The server-side script (datafeed.rb) calls the main script to process the queries.
The web app is defined in the utils/webapp folder, and if the web browser is not suitable, the web page (defined in utils/webpage folder) can be used instead. The web app and the web page to use are in the builld folder (their assets are copied from utils). Finally, the CSV files you should create, and the generated .json and .html files are in the contents folder.

Customize the project

In most of case nothing is hard-coded. Feel free to customize the Shell scripts, the HTML assets, etc. The thing is, if you want to add a column in one of the spreadsheet's sheets, do not forget to update the dedicated Sheel scripts and the HTML elements (CSS styl sheets, HTML tables, etc.).

Run the web app

The web app here is a kind of "Progressive Web App" as a "Single App Application" (one page, offline, installable, with a cache, responsive, etc), BUT it remains web before all. So because web browsers world is fu****g missy, it remains web browsers which do not support Service Workers, Web Workers, IndexedDB, Promises, ES6 or common and nowadays tools.
Thus you should use an up-to-date web browser. And sometimes it still won't work. "Web is universal and cool" they said x-)
Because Service Workers are used, you should reach the web app through HTTPS or a local web server (localhost).


  • Operating system which can use Shell (BASH) and Ruby scripts (macOS, Linux, ...)
  • Up-to-date web browser compatible with IndexedDB, Web Workers, Service Workers, ES6, JS' Promises... (Firefox 58.0.2+, Chromium 64.0.+, ...)
  • Something which can deal with .ods file (Libre Office, Open Office, ...)

For macOS users, you should install the truncate command:

  brew install coreutils
  brew install truncate

Deploy it

To deploy this project for you, your colleagues, your team or whoever, here are the steps:

  • get this project (download, fork, clone, summon, ...)
  • customize elements if you want (columns, styles, ...)
  • fill the ODS file
  • run the update command to produce the CSV, HTML and JSON files
  • and do not forget to store in a server or a shared space the project (to reach the web app or web page, call the web API, etc.), i.e. the content of the "build" folder

Files tree

Here is the file tree for this version:

  • build the web page's and the web app 'selements, updated each run, to place in a server (e.g. in /var/www)
  • contents the place where are stored the CSV files you export form the ODS, and the genereated HTML and JSON files
  • utils the place where the Shell core's scripts are, and the assets for the web page and the web app


It seems some web browsers (Firefox 58 for Android and Ubuntu) have bugs with IndexedDB. So you won't use the web app with them.
You ask why Shell and Ruby are used instead of full cross-platforms languages? Power, effectiveness, and free and open-source OS ;-)

Must-read note

Because there are differences and gaps betweens commands on macOS and GNU/Linux, the project in its v14.3.0 release will not work on macOS. In fact numerous commands like truncate , sed, and MD5 or SHA1 checksums are not implemented or have a different behavior. Thus for macOS users you must use the v14.3.1 release, and for GNU/Linux users you have to use the v14.3.0 release.

You can’t perform that action at this time.