This repository has been archived by the owner on Sep 3, 2021. It is now read-only.
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Working on converting to grunt, getting file size down with uglifyjs
nstead of closure
- Loading branch information
Showing
92 changed files
with
957 additions
and
9,620 deletions.
There are no files selected for viewing
This file was deleted.
Oops, something went wrong.
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,71 +1 @@ | ||
<!DOCTYPE html> | ||
<html> | ||
<head> | ||
<meta charset="UTF-8" /> | ||
<title>About Minified.js</title> | ||
|
||
|
||
|
||
|
||
|
||
|
||
</head> | ||
<body> | ||
<div id="head"> | ||
<div class="container"> | ||
|
||
<a href="/"><!--[if lte IE 8]><img src='/img/minified-small.png' alt='Minified'><![endif]--> | ||
<!--[if gt IE 8]><img src='/img/minified.svg' alt='Minified'><![endif]--> | ||
<!--[if !IE]> --><img src='/img/minified.svg' alt='Minified'/><!-- <![endif]--></a> | ||
|
||
<div id="topMenu"> | ||
<a class="notSelected" href="/">Home</a> | ||
<a class="notSelected" href="/download/">Download</a> | ||
<a class="notSelected" href="/builder/">Build</a> | ||
<a class="notSelected" href="/docs/">Documentation</a> | ||
<a class="notSelected" href="/api/">API</a> | ||
<a class="selected" href="/about/">About</a> | ||
</div> | ||
</div> | ||
</div> | ||
<div id="main"> | ||
<div class="container"><div> | ||
<h1 class="nonInverted">About Minified</h1> | ||
<p>Call me old-fashioned, but the size of JavaScript libraries like jQuery and MooTools has always bothered me. | ||
They are fantastic libraries and I really like to use them, but they contain about 90kB of code even after compilation. | ||
This code needs to be parsed and executed on every page that you include them on. For me, that just feels too large for what that they offer, | ||
and especially for what I need. The 30kB that remain after gzipping can also cause a significant delay on low-bandwidth networks.</p> | ||
|
||
<p>In the last years I worked on some personal projects (<a href="http://jarfiller.com">jarfiller.com</a> is the only one that has been published), | ||
and when I work on them, I usually try to make everything perfect. That means that I try to optimize the pages, make | ||
them as small as possible, and then every kilobyte hurts. So instead of using jQuery, I started writing my own | ||
little helper functions to replace jQuery functionality without the overhead. As I worked on several other projects, I wrote more and more helper | ||
functions and started sharing them between projects until they became a library of their own. By now they are so mature that I believe that this | ||
library, called Minified, has become a valid alternative to jQuery and MooTools at a fraction of the size.</p> | ||
</ul> | ||
</p> | ||
<p style="margin-top: 1.5em">Thank you for your interest in Minified! | ||
<div style="margin-left: 8em; margin-top: 1em; display: inline-block;"> | ||
<div> | ||
<!--[if lte IE 8]><img src='/img/signature.png' alt="Tim Jansen"><![endif]--> | ||
<!--[if gt IE 8]><img src='/img/signature.svg' alt="Tim Jansen"><![endif]--> | ||
<!--[if !IE]> --><img src='/img/signature.svg' alt="Tim Jansen"/><!-- <![endif]--> | ||
</div> | ||
<div style=" font-size: 7pt;text-align: center">Tim Jansen</div> | ||
</div> | ||
</p> | ||
|
||
</div> | ||
</div> | ||
</div> | ||
<div id="foot"> | ||
<div class="container"> | ||
<p>Please send feedback to <a href="mailto:tim@tjansen.de">tim@tjansen.de</a>. For updates visit the | ||
<a href="https://plus.google.com/100950045026999226880/posts">Google+ page</a>. | ||
<a href="/impressum.html">Legal Notice / Impressum</a>.</p> | ||
</div> | ||
</div> | ||
|
||
|
||
</body> | ||
</html> | ||
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>About Minified.js</title></head><body><div id="head"><div class="container"><a href="/"><!--[if lte IE 8]><img src='/img/minified-small.png' alt='Minified'><![endif]--><!--[if gt IE 8]><img src='/img/minified.svg' alt='Minified'><![endif]--><!--[if !IE]>--><img src="/img/minified.svg" alt="Minified"><!--<![endif]--></a><div id="topMenu"><a class="notSelected" href="/">Home</a><a class="notSelected" href="/download/">Download</a><a class="notSelected" href="/builder/">Build</a><a class="notSelected" href="/docs/">Documentation</a><a class="notSelected" href="/api/">API</a><a class="selected" href="/about/">About</a></div></div></div><div id="main"><div class="container"><div><h1 class="nonInverted">About Minified</h1><p>Call me old-fashioned, but the size of JavaScript libraries like jQuery and MooTools has always bothered me. They are fantastic libraries and I really like to use them, but they contain about 90kB of code even after compilation. This code needs to be parsed and executed on every page that you include them on. For me, that just feels too large for what that they offer, and especially for what I need. The 30kB that remain after gzipping can also cause a significant delay on low-bandwidth networks.</p><p>In the last years I worked on some personal projects (<a href="http://jarfiller.com">jarfiller.com</a> is the only one that has been published), and when I work on them, I usually try to make everything perfect. That means that I try to optimize the pages, makethem as small as possible, and then every kilobyte hurts. So instead of using jQuery, I started writing my own little helper functions to replace jQuery functionality without the overhead. As I worked on several other projects, I wrote more and more helper functions and started sharing them between projects until they became a library of their own. By now they are so mature that I believe that this library, called Minified, has become a valid alternative to jQuery and MooTools at a fraction of the size.</p><p style="margin-top: 1.5em">Thank you for your interest in Minified!<div style="margin-left: 8em; margin-top: 1em; display: inline-block"><div><!--[if lte IE 8]><img src='/img/signature.png' alt="Tim Jansen"><![endif]--><!--[if gt IE 8]><img src='/img/signature.svg' alt="Tim Jansen"><![endif]--><!--[if !IE]>--><img src="/img/signature.svg" alt="Tim Jansen"><!--<![endif]--></div><div style="font-size: 7pt;text-align: center">Tim Jansen</div></div></p></div></div></div><div id="foot"><div class="container"><p>Please send feedback to <a href="mailto:tim@tjansen.de">tim@tjansen.de</a>. For updates visit the <a href="https://plus.google.com/100950045026999226880/posts">Google+ page</a>.<a href="/impressum.html">Legal Notice / Impressum</a>.</p></div></div></body></html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,118 +1,7 @@ | ||
<!DOCTYPE html> | ||
<html> | ||
<head> | ||
<meta charset="UTF-8" /> | ||
<title>M - Minified.js</title> | ||
|
||
<link rel="stylesheet" type="text/css" href="../css/reference.css"/> | ||
|
||
|
||
|
||
|
||
</head> | ||
<body> | ||
<div id="head"> | ||
<div class="container"> | ||
|
||
<a href="/"><!--[if lte IE 8]><img src='/img/minified-small.png' alt='Minified'><![endif]--> | ||
<!--[if gt IE 8]><img src='/img/minified.svg' alt='Minified'><![endif]--> | ||
<!--[if !IE]> --><img src='/img/minified.svg' alt='Minified'/><!-- <![endif]--></a> | ||
|
||
<div id="topMenu"> | ||
<a class="notSelected" href="/">Home</a> | ||
<a class="notSelected" href="/download/">Download</a> | ||
<a class="notSelected" href="/builder/">Build</a> | ||
<a class="notSelected" href="/docs/">Documentation</a> | ||
<a class="selected" href="/api/">API</a> | ||
<a class="notSelected" href="/about/">About</a> | ||
</div> | ||
</div> | ||
</div> | ||
<div id="main"> | ||
<div class="container"> | ||
<div id="docmain"><p class="docHead"><a href="index.html" class="backOverview">back to Overview</a></p> | ||
<h2><a name="doc-M">M</a></h2> | ||
<div class="summary"> | ||
Exposes the internal class used by all Minified lists.</div> | ||
|
||
<h4>Syntax</h4> | ||
<div class="syntaxVariant"> | ||
<div class="syntax">MINI.M</div> | ||
</div> | ||
|
||
<h4>Description</h4> | ||
<div class="description"><p> | ||
Exposes the internal class used by all <a href='list.html'>Minified lists</a>. This is mainly intended to allow you adding your | ||
own functions.</p><p></p></div> | ||
|
||
<div class="examples"> | ||
<h4>Example</h4> | ||
<div class="example"><p>Adding a function printLength() to <var>M</var>: | ||
<pre> | ||
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>M - Minified.js</title><link rel="stylesheet" type="text/css" href="../css/reference.css"></head><body><div id="head"><div class="container"><a href="/"><!--[if lte IE 8]><img src='/img/minified-small.png' alt='Minified'><![endif]--><!--[if gt IE 8]><img src='/img/minified.svg' alt='Minified'><![endif]--><!--[if !IE]>--><img src="/img/minified.svg" alt="Minified"><!--<![endif]--></a><div id="topMenu"><a class="notSelected" href="/">Home</a><a class="notSelected" href="/download/">Download</a><a class="notSelected" href="/builder/">Build</a><a class="notSelected" href="/docs/">Documentation</a><a class="selected" href="/api/">API</a><a class="notSelected" href="/about/">About</a></div></div></div><div id="main"><div class="container"><div id="docmain"><p class="docHead"><a href="index.html" class="backOverview">back to Overview</a></p><h2><a name="doc-M">M</a></h2><div class="summary">Exposes the internal class used by all Minified lists.</div><h4>Syntax</h4><div class="syntaxVariant"><div class="syntax">MINI.M</div></div><h4>Description</h4><div class="description"><p>Exposes the internal class used by all <a href="list.html">Minified lists</a>. This is mainly intended to allow you adding yourown functions.</p><p></p></div><div class="examples"><h4>Example</h4><div class="example"><p>Adding a function printLength() to<var>M</var>:<pre> | ||
MINI.M.prototype.printLength = function() { console.log(this.length); }; | ||
</pre></p></div> | ||
</div> | ||
|
||
|
||
<p class="docFoot"><a href="index.html" class="backOverview">back to Overview</a></p> | ||
</div> | ||
<div id="toc"><h3>Functions</h3><ul><li><a href="dollar.html">$()</a> | ||
</li><li><a href="dollardollar.html">$$()</a> | ||
</li><li><a href="getcookie.html">$.getCookie()</a> | ||
</li><li><a href="loop.html">$.loop()</a> | ||
</li><li><a href="off.html">$.off()</a> | ||
</li><li><a href="parsejson.html">$.parseJSON()</a> | ||
</li><li><a href="ready.html">$.ready()</a> | ||
</li><li><a href="request.html">$.request()</a> | ||
</li><li><a href="setcookie.html">$.setCookie()</a> | ||
</li><li><a href="tojson.html">$.toJSON()</a> | ||
</li><li><a href="add.html">.add()</a> | ||
</li><li><a href="addafter.html">.addAfter()</a> | ||
</li><li><a href="addbefore.html">.addBefore()</a> | ||
</li><li><a href="addfront.html">.addFront()</a> | ||
</li><li><a href="animate.html">.animate()</a> | ||
</li><li><a href="clone.html">.clone()</a> | ||
</li><li><a href="collect.html">.collect()</a> | ||
</li><li><a href="each.html">.each()</a> | ||
</li><li><a href="fill.html">.fill()</a> | ||
</li><li><a href="filter.html">.filter()</a> | ||
</li><li><a href="find.html">.find()</a> | ||
</li><li><a href="get.html">.get()</a> | ||
</li><li><a href="is.html">.is()</a> | ||
</li><li><a href="length.html">.length</a> | ||
</li><li><a href="offset.html">.offset()</a> | ||
</li><li><a href="on.html">.on()</a> | ||
</li><li><a href="onover.html">.onOver()</a> | ||
</li><li><a href="only.html">.only()</a> | ||
</li><li><a href="remove.html">.remove()</a> | ||
</li><li><a href="replace.html">.replace()</a> | ||
</li><li><a href="select.html">.select()</a> | ||
</li><li><a href="set.html">.set()</a> | ||
</li><li><a href="sub.html">.sub()</a> | ||
</li><li><a href="text.html">.text()</a> | ||
</li><li><a href="toggle.html">.toggle()</a> | ||
</li><li><a href="trav.html">.trav()</a> | ||
</li><li><a href="trigger.html">.trigger()</a> | ||
</li><li><a href="values.html">.values()</a> | ||
</li><li><a href="ee.html">EE()</a> | ||
</li><li><a href="M.html">M</a> | ||
</li><li><a href="list.html">Minified Lists</a> | ||
</li><li><a href="promiseClass.html">Promise</a> | ||
</li><li><a href="error.html">promise.error()</a> | ||
</li><li><a href="then.html">promise.then()</a> | ||
</li><li><a href="require.html">require()</a> | ||
</li><li><a href="/docs/howto.html">How to...</a></li></ul></div> | ||
|
||
</div> | ||
</div> | ||
<div id="foot"> | ||
<div class="container"> | ||
<p>Please send feedback to <a href="mailto:tim@tjansen.de">tim@tjansen.de</a>. For updates visit the | ||
<a href="https://plus.google.com/100950045026999226880/posts">Google+ page</a>. | ||
<a href="/impressum.html">Legal Notice / Impressum</a>.</p> | ||
</div> | ||
</div> | ||
|
||
|
||
</body> | ||
</html> | ||
<p class="docFoot"><a href="index.html" class="backOverview">back to Overview</a></p></div><div id="toc"><h3>Functions</h3><ul><li><a href="dollar.html">$()</a></li><li><a href="dollardollar.html">$$()</a></li><li><a href="getcookie.html">$.getCookie()</a></li><li><a href="loop.html">$.loop()</a></li><li><a href="off.html">$.off()</a></li><li><a href="parsejson.html">$.parseJSON()</a></li><li><a href="ready.html">$.ready()</a></li><li><a href="request.html">$.request()</a></li><li><a href="setcookie.html">$.setCookie()</a></li><li><a href="tojson.html">$.toJSON()</a></li><li><a href="add.html">.add()</a></li><li><a href="addafter.html">.addAfter()</a></li><li><a href="addbefore.html">.addBefore()</a></li><li><a href="addfront.html">.addFront()</a></li><li><a href="animate.html">.animate()</a></li><li><a href="clone.html">.clone()</a></li><li><a href="collect.html">.collect()</a></li><li><a href="each.html">.each()</a></li><li><a href="fill.html">.fill()</a></li><li><a href="filter.html">.filter()</a></li><li><a href="find.html">.find()</a></li><li><a href="get.html">.get()</a></li><li><a href="is.html">.is()</a></li><li><a href="length.html">.length</a></li><li><a href="offset.html">.offset()</a></li><li><a href="on.html">.on()</a></li><li><a href="onover.html">.onOver()</a></li><li><a href="only.html">.only()</a></li><li><a href="remove.html">.remove()</a></li><li><a href="replace.html">.replace()</a></li><li><a href="select.html">.select()</a></li><li><a href="set.html">.set()</a></li><li><a href="sub.html">.sub()</a></li><li><a href="text.html">.text()</a></li><li><a href="toggle.html">.toggle()</a></li><li><a href="trav.html">.trav()</a></li><li><a href="trigger.html">.trigger()</a></li><li><a href="values.html">.values()</a></li><li><a href="ee.html">EE()</a></li><li><a href="M.html">M</a></li><li><a href="list.html">Minified Lists</a></li><li><a href="promiseClass.html">Promise</a></li><li><a href="error.html">promise.error()</a></li><li><a href="then.html">promise.then()</a></li><li><a href="require.html">require()</a></li><li><a href="/docs/howto.html">How to...</a></li></ul></div></div></div><div id="foot"><div class="container"><p>Please send feedback to <a href="mailto:tim@tjansen.de">tim@tjansen.de</a>. For updates visit the <a href="https://plus.google.com/100950045026999226880/posts">Google+ page</a>.<a href="/impressum.html">Legal Notice / Impressum</a>.</p></div></div></body></html> |
Oops, something went wrong.