Tools to help speed the web development process.
View demo
·
Report bug
·
Request feature
Table of contents
- Aspect Ratio Calculator
- Unit Calculator
- Text Formatter
- CSS Scrollbar
- Email Signature
- Password Generator
- QR Code Generator
- Todo List
- Color Picker
- Item Picker
- Number Picker
I built these tools to help speed my development process.
Google Color Picker
Stratools Color Picker
- Option to copy any code not just HEX.
- Similar shades displayed so I could pick lighter/darker versions.
Google Unit Calculator
Stratools Unit Calculator
- Wanted all the units to be displayed so I could see the differences.
To get a local copy up and running follow these simple example steps.
-
Clone the repo
git clone https://github.com/huffmanks/tools-nextjs.git . -
Install packages
yarn
-
Start
yarn dev
BASE_URL = https://tools.huffmanks.com/calculate/units
/?type=length&num=3&unit=kilometer
/?t=len&n=3&u=km
/?t=2&n=3&u=5
All three of these examples get the same result.
| Parameter | Type | Description | Example |
|---|---|---|---|
type OR t |
string OR number |
Measurement types | length, 2 |
num OR n |
number |
Number to compare | 4 |
unit OR u |
string OR number |
Unit to select | km, 5 |
The string can be any variant of the word. i.e. kilometers, kilo, km, etc.
Measurement types
type=1
| Unit | Number | Short |
|---|---|---|
| terabytes | 1 | TB |
| gigabytes | 2 | GB |
| megabytes | 3 | MB |
| kilobytes | 4 | KB |
| bytes | 5 | B |
type=2
| Unit | Number | Short |
|---|---|---|
| miles | 1 | mi |
| yards | 2 | yd |
| feet | 3 | ft |
| inches | 4 | in |
| kilometers | 5 | km |
| meters | 6 | m |
| centimeters | 7 | cm |
| millimeters | 8 | mm |
| pixels | 9 | px |
type=3
| Unit | Number | Short |
|---|---|---|
| US liquid gallons | 1 | gal |
| US liquid quarts | 2 | qt |
| US liquid pints | 3 | p |
| US legal cups | 4 | c |
| US fluid ounces | 5 | oz |
| US tablespoons | 6 | tbsp |
| US teaspoons | 7 | tsp |
| liters | 8 | L |
| milliliters | 9 | mL |
type=4
| Unit | Number | Short |
|---|---|---|
| celsius | 1 | C |
| fahrenheit | 2 | F |
| kelvin | 3 | K |
type=5
| Unit | Number | Short |
|---|---|---|
| years | 1 | yr |
| months | 2 | mo |
| weeks | 3 | wk |
| days | 4 | d |
| hours | 5 | hr |
| minutes | 6 | min |
| seconds | 7 | s |
| milliseconds | 8 | ms |
type=6
| Unit | Number | Short |
|---|---|---|
| US tons | 1 | ton |
| pounds | 2 | lbs |
| ounces | 3 | oz |
| kilograms | 4 | kg |
| grams | 5 | g |
| milligrams | 6 | mg |
See the open issues for a full list of proposed features (and known issues).
Project Link: https://tools.huffmanks.com
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent