« Yahoo! Social SDKs | Main | Thanks and Good Bye, My WISH »

18 February 2010

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!!

TrackBack

TrackBack URL for this entry:
http://bb.lekumo.jp/t/trackback/517129/31022657

Listed below are links to weblogs that reference Unicons:

Comments

Parade of Homes Observations Plymouth, MN Are Baby Boomers Back? (johnmurphyreports.com) LD_AddCustomAttr("AdOpt", "1"); LD_AddCustomAttr("Origin", "other"); LD_AddCustomAttr("theme_bg", "ffffff"); LD_AddCustomAttr("theme_border", "eeeeee"); LD_AddCustomAttr("theme_text", "555555"); LD_AddCustomAttr("theme_link", "2970A6"); LD_AddCustomAttr("theme_url", "c8c7c7"); LD_AddCustomAttr("LangId", "1"); LD_AddCustomAttr("Autotag", "travel"); LD_AddCustomAttr("Autotag", "technology"); LD_AddCustomAttr("Autotag", "business"); LD_AddCustomAttr("Tag", "twin-cities"); LD_AddCustomAttr("Tag", "custom-homes"); LD_AddCustomAttr("Tag", "kstp"); LD_AddCustomAttr("Tag", "minneapolis"); LD_AddCustomAttr("Tag", "minneapolis-%e2%80%93-saint-paul"); LD_AddCustomAttr("Tag", "minnesota"); LD_AddCustomAttr("Tag", "new-construction"); LD_AddCustomAttr("Tag", "nih-homes"); LD_AddCustomAttr("Tag", "northwest-plymouth"); LD_AddCustomAttr("Tag", "plymouth-2"); LD_AddCustomAttr("Tag", "plymouth-minnesota"); LD_AddCustomAttr("Tag", "real-estate-pricing"); LD_AddCustomAttr("Tag", "twin-cities-2"); LD_AddCustomAttr("Tag", "wayzata-schools"); LD_AddSlot("wpcom_below_post"); LD_GetBids(); Share this:ShareFacebookTwitterDiggRedditStumbleUponEmailPrintLinkedInLike this:LikeBe the first to like this post. Categories: Twin Cities Real Estate Tags: Custom Homes, KSTP, Minneapolis, Minneapolis – Saint Paul, Minnesota, New Construction, NIH Homes, Northwest Plymouth, Plymouth, Plymouth Minnesota, Real estate priicng, Twin Cities, Wayzata Schools Comments (0) Trackbacks (0) Leave a comment Trackback

Post a comment

Access Ranking

Powered by Six Apart
Sponsored links