keycdn
tcp/443 tcp/80
Open service 185.172.148.128:443 · gridifier.web-dev.tools
2026-01-05 06:21
HTTP/1.1 200 OK
Server: keycdn
Date: Mon, 05 Jan 2026 06:21:34 GMT
Content-Type: text/html; charset=utf-8
Transfer-Encoding: chunked
Connection: close
Last-Modified: Mon, 18 Sep 2017 15:14:37 GMT
Vary: Accept-Encoding
ETag: W/"59bfe2dd-29a1"
Cache-Control: max-age=604800
Access-Control-Allow-Headers: *
Access-Control-Allow-Methods: *
Expires: Mon, 12 Jan 2026 06:21:34 GMT
X-Edge-Location: defr
Access-Control-Allow-Origin: *
Page title: Gridifier—a responsive grid building tool
<!DOCTYPE html>
<html lang="en-ca">
<head>
<meta charset="utf-8">
<title>Gridifier—a responsive grid building tool</title>
<meta name="description" content="Gridifier is a tool to build a responsive grid framework for modern websites.">
<meta name="viewport" content="width=1200">
<link href="css/gridifier.min.css?v=1.3.2" rel="stylesheet">
<link href="favicon.ico" rel="shortcut icon">
</head>
<body>
<h1 class="common-bar__title kilo">Gridifier<span class="common-bar__title__subhead">—a responsive grid building tool</span></h1>
<main class="main" role="main">
<form id="controls">
<table>
<thead>
<tr>
<th scope="col" id="label-prefix" colspan="4">Prefix</th>
<th scope="col" id="label-columns" colspan="4">Columns</th>
<th scope="col" id="label-min-width" colspan="6">Breakpoint</th>
<th scope="col" id="label-add-offset" colspan="4">Offsets?</th>
<th scope="col" id="label-add-push-pull" colspan="4">Push/Pull?</th>
<td colspan="2"></td>
</tr>
</thead>
<tbody id="breakpoints"></tbody>
</table>
<div class="extra-options">
<strong class="options-title">Legacy support</strong>
<input type="checkbox" id="legacy">
<label for="legacy">IE <= 7</label>
</div>
</form>
<div class="add-breakpoint">
<button class="btn btn-right" id="btn-add-breakpoint">Add breakpoint</button>
</div>
</main>
<div class="output has-options">
<textarea id="output" spellcheck="false"></textarea>
</div>
<aside class="common-bar" role="complementary">
<button class="help__open" title="Help">?<span class="visually-hidden"> Help</span></button>
<ul class="list-group common-bar__social">
<li class="list-group-item list-group-item-inline">
<a class="icon i--28 i--github ir" href="https://github.com/thomasjbradley/gridifier" rel="external" title="GitHub">GitHub</a>
</li>
<li class="list-group-item list-group-item-inline">
<a class="icon i--28 i--22w i--thomasjbradley ir" href="https://thomasjbradley.ca" rel="external me" title="Website">Website</a>
</li>
</ul>
</aside>
<div class="help-dialog" data-state="open">
<aside class="help" role="complementary">
<button class="help__close">×</button>
<h2 class="mega help-color">Help & Tutorials</h2>
<p class="micro"><i>Gridifer</i> generates a responsive grid with classes for each breakpoint. Simplifying the process of making & maintaining a grid.</p>
<div class="help__buttons push">
<a class="btn btn-icon btn-videos help-btn" href="https://learn-the-web.algonquindesign.ca/topics/grids/" rel="external">Tutorials & videos</a>
<a class="btn btn-icon btn-tutorials help-btn" href="https://learn-the-web.algonquindesign.ca/topics/gridifier-cheat-sheet/" rel="external">Cheat sheet</a>
</div>
<hr>
<h3 class="micro push-0">Companion apps</h3>
<ul class="micro list-group clearfix">
<li class="left"><a class="help-link" href="https://typografier.web-dev.tools" rel="external"><strong>Typografier »</strong></a></li>
<li class="right"><a class="help-link" href="https://modulifier.web-dev.tools" rel="external"><strong>Modulifier »</strong></a></li>
</ul>
<hr>
<div class="clearfix">
<div class="left">
<h3 class="micro push-0">Similar Apps</h3>
<ul class="micro list-group push-0">
<li><a class="help-link" href="https://gridsetapp.com/" rel="external">Gridset</a></li>
<li><a class="help-link" href="http://yui.github.io/gridbuilder/" rel="external">YUI Grid Builder</a></li>
</ul>
</div>
<div class="right">
<h3 class="micro push-0">Inspiration</h3>
<ul class="micro list-group push-0">
<li><a class="help-link" href="http://alistapart.com/article/content-out-layout" rel="external">Content-out Layout</a></li>
<li><a class="help-link" href="http://purecss.io/" rel="external">YUI Pure</a></li>
<li><a class="help-link" href="http://getbootstrap.com/"
Open service 2a0b:4d07:101::1:80 · gridifier.web-dev.tools
2026-01-05 06:21
HTTP/1.1 301 Moved Permanently Server: keycdn Date: Mon, 05 Jan 2026 06:21:34 GMT Content-Type: text/html Content-Length: 162 Connection: close Location: https://gridifier.web-dev.tools/ Expires: Mon, 12 Jan 2026 06:21:34 GMT Cache-Control: max-age=604800 X-Edge-Location: defr Access-Control-Allow-Origin: * Page title: 301 Moved Permanently <html> <head><title>301 Moved Permanently</title></head> <body> <center><h1>301 Moved Permanently</h1></center> <hr><center>nginx</center> </body> </html>
Open service 185.172.148.128:80 · gridifier.web-dev.tools
2026-01-05 06:21
HTTP/1.1 301 Moved Permanently Server: keycdn Date: Mon, 05 Jan 2026 06:21:34 GMT Content-Type: text/html Content-Length: 162 Connection: close Location: https://gridifier.web-dev.tools/ Expires: Mon, 12 Jan 2026 06:21:34 GMT Cache-Control: max-age=604800 X-Edge-Location: defr Access-Control-Allow-Origin: * Page title: 301 Moved Permanently <html> <head><title>301 Moved Permanently</title></head> <body> <center><h1>301 Moved Permanently</h1></center> <hr><center>nginx</center> </body> </html>
Open service 2a0b:4d07:101::1:443 · gridifier.web-dev.tools
2026-01-05 06:21
HTTP/1.1 200 OK
Server: keycdn
Date: Mon, 05 Jan 2026 06:21:34 GMT
Content-Type: text/html; charset=utf-8
Transfer-Encoding: chunked
Connection: close
Last-Modified: Mon, 18 Sep 2017 15:14:37 GMT
Vary: Accept-Encoding
ETag: W/"59bfe2dd-29a1"
Cache-Control: max-age=604800
Access-Control-Allow-Headers: *
Access-Control-Allow-Methods: *
Expires: Mon, 12 Jan 2026 06:21:34 GMT
X-Edge-Location: defr
Access-Control-Allow-Origin: *
Page title: Gridifier—a responsive grid building tool
<!DOCTYPE html>
<html lang="en-ca">
<head>
<meta charset="utf-8">
<title>Gridifier—a responsive grid building tool</title>
<meta name="description" content="Gridifier is a tool to build a responsive grid framework for modern websites.">
<meta name="viewport" content="width=1200">
<link href="css/gridifier.min.css?v=1.3.2" rel="stylesheet">
<link href="favicon.ico" rel="shortcut icon">
</head>
<body>
<h1 class="common-bar__title kilo">Gridifier<span class="common-bar__title__subhead">—a responsive grid building tool</span></h1>
<main class="main" role="main">
<form id="controls">
<table>
<thead>
<tr>
<th scope="col" id="label-prefix" colspan="4">Prefix</th>
<th scope="col" id="label-columns" colspan="4">Columns</th>
<th scope="col" id="label-min-width" colspan="6">Breakpoint</th>
<th scope="col" id="label-add-offset" colspan="4">Offsets?</th>
<th scope="col" id="label-add-push-pull" colspan="4">Push/Pull?</th>
<td colspan="2"></td>
</tr>
</thead>
<tbody id="breakpoints"></tbody>
</table>
<div class="extra-options">
<strong class="options-title">Legacy support</strong>
<input type="checkbox" id="legacy">
<label for="legacy">IE <= 7</label>
</div>
</form>
<div class="add-breakpoint">
<button class="btn btn-right" id="btn-add-breakpoint">Add breakpoint</button>
</div>
</main>
<div class="output has-options">
<textarea id="output" spellcheck="false"></textarea>
</div>
<aside class="common-bar" role="complementary">
<button class="help__open" title="Help">?<span class="visually-hidden"> Help</span></button>
<ul class="list-group common-bar__social">
<li class="list-group-item list-group-item-inline">
<a class="icon i--28 i--github ir" href="https://github.com/thomasjbradley/gridifier" rel="external" title="GitHub">GitHub</a>
</li>
<li class="list-group-item list-group-item-inline">
<a class="icon i--28 i--22w i--thomasjbradley ir" href="https://thomasjbradley.ca" rel="external me" title="Website">Website</a>
</li>
</ul>
</aside>
<div class="help-dialog" data-state="open">
<aside class="help" role="complementary">
<button class="help__close">×</button>
<h2 class="mega help-color">Help & Tutorials</h2>
<p class="micro"><i>Gridifer</i> generates a responsive grid with classes for each breakpoint. Simplifying the process of making & maintaining a grid.</p>
<div class="help__buttons push">
<a class="btn btn-icon btn-videos help-btn" href="https://learn-the-web.algonquindesign.ca/topics/grids/" rel="external">Tutorials & videos</a>
<a class="btn btn-icon btn-tutorials help-btn" href="https://learn-the-web.algonquindesign.ca/topics/gridifier-cheat-sheet/" rel="external">Cheat sheet</a>
</div>
<hr>
<h3 class="micro push-0">Companion apps</h3>
<ul class="micro list-group clearfix">
<li class="left"><a class="help-link" href="https://typografier.web-dev.tools" rel="external"><strong>Typografier »</strong></a></li>
<li class="right"><a class="help-link" href="https://modulifier.web-dev.tools" rel="external"><strong>Modulifier »</strong></a></li>
</ul>
<hr>
<div class="clearfix">
<div class="left">
<h3 class="micro push-0">Similar Apps</h3>
<ul class="micro list-group push-0">
<li><a class="help-link" href="https://gridsetapp.com/" rel="external">Gridset</a></li>
<li><a class="help-link" href="http://yui.github.io/gridbuilder/" rel="external">YUI Grid Builder</a></li>
</ul>
</div>
<div class="right">
<h3 class="micro push-0">Inspiration</h3>
<ul class="micro list-group push-0">
<li><a class="help-link" href="http://alistapart.com/article/content-out-layout" rel="external">Content-out Layout</a></li>
<li><a class="help-link" href="http://purecss.io/" rel="external">YUI Pure</a></li>
<li><a class="help-link" href="http://getbootstrap.com/"