Unicons

making it easier to insert some of those little Unicode symbols (like ☃ or ☺ or ✌) into web text fields.

via bradchoate.com

Brad Choate implemented a jQuery UI plugin which insert unicons like ☺ or ♫ on textarea! Very cool!!

If you are TypePad user (Sorry, TypePad Micro users couldn't use this way), first of all, you go to "Design" > "Content" page, and add "Embed your own HTML" module, then put following code. And click "Save" button.

<script type="text/javascript" charset="utf-8" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" charset="utf-8" src="/static/js/unicons.js"></script>
<script type="text/javascript">
$(function() {
$('head').append('<link rel="stylesheet" href="/static/css/unicons.css" type="text/css" media="screen" charset="utf-8">');
});
</script>

Next, you download unicons.js and unicons.css from github to your HDD. You go "Libraly" > "File Manager" on dashboard navigation, you upload both files. (In my case, I made "static/js/" and "static/css" directories, and uploaded them. These paths are: http://blog.comewalk.com/static/js/unicons.js, http://blog.comewalk.com/static/css/unicons.css)

At the end, you'd load your blog.

You can use this plugin on your TypePad blogs!

(Please see and try this comment form on this entry!)

The sample page is here and source code is here on github.

Hey Brad, Nice work!!

Comments

[Brad Choate]

☺