DEV Community: shahid abbas

"Building a stride calculator with plain JavaScript"

shahid abbas — Tue, 03 Nov 2026 10:30:49 +0000

****Fitness trackers often use one default stride length for everyone, so the distance they show can be wrong even when the step count is right. I wanted a small tool that estimates stride length from height, so I built one.
It is plain HTML, CSS and JavaScript. No framework, no build step, no backend. It runs in the browser and is hosted for free on GitHub Pages.
Try it: Stride Length Calculator
The idea
For walking, a common rule of thumb says your step length is about 0.413 × height for women and 0.415 × height for men. The two multipliers differ by under 0.5%, so an average of 0.414 works for most people. Stride length is two steps.
For running, the step is longer. Roughly 0.55 to 0.65 × height at an easy pace and 0.70 to 0.80 × height at race pace. These are estimates, and real values change with speed and the runner.
The core code
The whole calculation fits in a few lines:
const WALK = { women: 0.413, men: 0.415, average: 0.414 };
const INCHES_PER_MILE = 63360;

function walkingStats(heightInches, group = "average") {
const step = heightInches * WALK[group]; // inches per step
const stride = step * 2; // two steps
const stepsPerMile = INCHES_PER_MILE / step;
return { step, stride, stepsPerMile };
}

console.log(walkingStats(66));
// step ≈ 27.3 in, stride ≈ 54.6 in, about 2,320 steps per mile
A 5'6" (66 in) walker has a step of about 27.3 inches and takes roughly 2,320 steps per mile. A 5'4" walker takes about 2,390 and a 5'9" walker about 2,220.
What I learned building it

Terms matter more than maths. "Step length" and "stride length" are different things, but many apps use "stride" to mean one step. I added a plain explanation and a diagram, because mixing them up doubles or halves your result.
Show the formula next to the answer. People trust a calculator more when it shows how the result was produced, so every result displays the steps and the multiplier.
Units are easy to get wrong. Height can arrive in cm, in feet and inches, or in inches only, so each input needs its own handling and a test. Conversions are a likelier source of bugs than the formula itself.
A static site is enough. For a tool like this, a static page loads fast, costs nothing to host, and never uploads the user's data, because the maths runs in the browser.
Estimates need honest wording. The formula is a rule of thumb. For a better number, walk a known distance, count your steps and divide. I put that method on the page too. Measure it yourself Mark 10 metres of flat ground. Walk it at a normal pace and count your steps. Divide 10 metres by your step count, and repeat three times. For example, 14 steps over 10 metres is 0.71 m per step, which matches the formula for someone about 172 cm tall. Feedback welcome If you spot a bug, a wrong number, or a missing feature (a running mode, a metric-only view), tell me in the comments. I'd also like to hear which unit-handling mistakes you've hit in your own tools. The tool and the guides behind it are at toolpond.org.

10 Free SEO & Productivity Tools Every Blogger and Developer Should Use

shahid abbas — Thu, 07 May 2026 17:20:28 +0000

10 Free SEO & Productivity Tools Every Blogger and Developer Should Use

Working online becomes much easier when you have the right tools. Whether you're a blogger, developer, student, freelancer, or SEO expert, browser-based utilities can save a huge amount of time.

Recently, I found a collection of free online tools that are simple, fast, mobile-friendly, and require no registration.

🔗 Explore the tools here:
https://sargam79.github.io/Tool/

Useful Tools Included

Word Counter Tool

Perfect for bloggers, students, and content writers who need quick word and character counts.

Meta Tag Generator

Helps create SEO-friendly title tags and meta descriptions for websites.

JSON Formatter

Very useful for developers working with APIs and debugging JSON responses.

Password Generator

Creates secure random passwords instantly.

Text Case Converter

Quickly convert text into uppercase, lowercase, title case, and more.

URL Encoder & Decoder

Helpful for developers and technical SEO tasks.

HTML Minifier

Optimizes HTML code by reducing unnecessary spaces and characters.

Keyword Density Checker

Useful for analyzing on-page SEO and content optimization.

Why I Like These Tools

No signup required
Works directly in browser
Fast loading
Mobile responsive
Simple UI
Useful for daily tasks

Most online utility websites are overloaded with ads and popups, but this collection keeps things lightweight and easy to use.

If you're interested in SEO tools, productivity utilities, or developer resources, you can check them out here:

👉 https://sargam79.github.io/Tool/

Recommended DEV Tags

seo #webdev #productivity #tools

What are your favorite free online tools for daily work?

10 Free Online Tools That Save Time for Bloggers, Developers & SEO Experts Finding reliable free online tools is harder than it should be. Most websites are overloaded with ads, require signups, or simply don’t work properly on mobile devices. I recently

shahid abbas — Thu, 07 May 2026 16:58:03 +0000