Skip to content

Commit

Permalink
Update outdated instructions & information
Browse files Browse the repository at this point in the history
  • Loading branch information
carlrafting committed Sep 15, 2016
2 parents cb5c7c5 + 2d3b201 commit 52087d1
Show file tree
Hide file tree
Showing 3 changed files with 11 additions and 27 deletions.
4 changes: 0 additions & 4 deletions autogrow.css
Expand Up @@ -6,10 +6,6 @@ background: #fff;
.autogrow,
.autogrow-mirror {
background: transparent;
/*
font-size: inherit;
line-height: inherit;
*/
font: inherit;
white-space: pre-wrap;
word-wrap: break-word;
Expand Down
22 changes: 3 additions & 19 deletions index.html
Expand Up @@ -15,12 +15,6 @@ <h1>autogrow</h1>

<div role="main">

<h2>Background</h2>

<p>Sometimes textareas suck. Often times they're not very pleasant to use, especially when you're going to write lots of text, because at some point that scrollbar will appear, and nobody likes that. Right? It certainly doesn't make for a very nice user-experience.</p>

<p>So this is what autogrow is trying to solve. There are other scripts like this out there, but many of them depend on jQuery, autogrow doesn't. Then <cite><a href="http://www.alistapart.com/articles/expanding-text-areas-made-elegant/">“Expanding Text Areas Made Elegant”</a></cite> by <a href="http://nmjenkins.com/">Neil Jenkins</a> got published and he demonstrated a very nice way to deal with expanding textareas, autogrow is based on his code, but made to be more reusable, customizable and well... Slightly different. You can read some <a href="http://carlrafting.com/autogrow-less-frustrating-textareas">more background in this blog post</a>.</p>

<h2>Try it out!</h2>

<label for="autogrow">One</label>
Expand All @@ -34,7 +28,7 @@ <h2>Try it out!</h2>

<h2>Download</h2>

<p>You can get the code from Github, either by <a href="https://github.com/carlrafting/autogrow/downloads">downloading a .zip-file</a> or by cloning the repository, like so:</p>
<p>You can get the code from Github, by cloning the repository, like so:</p>

<p><code>$ git clone git@github.com:carlrafting/autogrow.git</code></p>

Expand Down Expand Up @@ -86,19 +80,9 @@ <h2>Customization</h2>
<code>});</code>
</pre>

<h2>Browser support</h2>
<p>The code for autogrow is tested and is working in the following browsers:</p>

<ul>
<li>Chrome 18</li>
<li>Firefox 11</li>
<li>Safari 5</li>
<li>Opera 11 (Kinda works) *</li>
</ul>

<p>* <small>Kinda works in Opera 11, but there's a quite annoying flickering when entering new lines. At the moment the solution is to use browser-sniffing and address the issue specifically for Opera, but i want to avoid that. I'll see if i can address this in a sane way in a future release.</small></p>
<h2>Background</h2>

<p>Browsers that doesn't support autogrow should instead get a standard textarea, instead of the enhanced autogrowing one.</p>
<p>autogrow is based on code from <cite><a href="http://www.alistapart.com/articles/expanding-text-areas-made-elegant/">“Expanding Text Areas Made Elegant”</a></cite> by <a href="http://nmjenkins.com/">Neil Jenkins</a>. You can read some <a href="http://carlrafting.com/autogrow-less-frustrating-textareas">more background in this blog post</a>.</p>

</div>

Expand Down
12 changes: 8 additions & 4 deletions readme.md
@@ -1,9 +1,13 @@
# autogrow

Less frustrating text areas...
Less frustrating textareas...

## Blog post:
## Getting Started

http://carlrafting.com/autogrow-less-frustrating-textareas
See the [project site](//carlrafting.com/autogrow), for information on dowloading & using autogrow.

Based on code from [Expanding Text Areas Made Elegant](http://www.alistapart.com/articles/expanding-text-areas-made-elegant/) by Neil Jenkins:
## Background

Read my blog post [autogrow — Less frustrating textareas](http://carlrafting.com/autogrow-less-frustrating-textareas) for more background.

autogrow is based on code from [Expanding Text Areas Made Elegant](http://www.alistapart.com/articles/expanding-text-areas-made-elegant/) by Neil Jenkins.

0 comments on commit 52087d1

Please sign in to comment.