Instead of creating images or using flash just to show your site’s graphic text in the font you want, you can use typeface.js and write in plain HTML and CSS, just as if your visitors had the font installed locally.

A while ago, I blogged about the SIFR 3. And there are many other solutions to render text in fonts that your client’s machine does not have. For example, generating the text as an image. BTW wasn’t there a wordpress plugin that does this? I wasn’t able to find it in my quick search. Can someone enlighten me?

One thing I hate about all these solutions is that you may no longer highlight the text in order to copy its content in all the browsers I know. It just bugs me to no end when expected browser behaviors get changed because you want some fancy fonts for your site.

I wish more browsers would implement the @font-face css rule so maybe then we can get around this issue?

Other frameworks are just not as user friendly IMO.

If there could ever be something that’s just too cute, some accessory that will rip a hole in the space-time continuum due to its sheer cute-itude, San-X hopes to produce it, and all of Japan plans to purchase said item. Their latest foray into such dangerous waters is the Cellphone Bed, a $15 plush affair with screen-wipe slippers and an unstoppable evil within.

Check out what other crazily cute things you can do to your cellphone.

The complete guide of enable Asian Language support in Sandisk Sansa e200 series.

Warnings:

1. You have to change the language of your UI into Japanese/Simplified Chinese/Traditional Chinese to enable the correspondent language support.

2. Even though the guide works for most people using non-Rhapsody e200 series MP3 player, I like to warn you that changing the firmware could void your warranty or damage your machine. Please make sure you understand the whole procedure. I am not responsible to any damage caused by this manipulation.

3. If you are in Japan and wish to have the Japanese standard of FM frequency, you can change in the radio setting, instead of a firmware change.

4. The firmware tweak is only for non-Rhapsody models!! Double check your machine to make sure!!!

Procedures:

1. Download the 01.01.06p firmware from here.

2. Make sure your player’s USB mode is in MSC. You can go to “settings”->”USB mode” to change it.

3. Turn off the player then restart the player under “Recovery mode” by:

a. Putting your player on “hold”.
b. Pressing on the “record” key of the player while you turn on the player.
c. After the instrucion appears on your player, connect it to your computer.

4. The player will appear as a “16mb disk device” or something similar on your
computer.

5. Unzip Sku_P.zip.

6. Copy the .mi4 and .fnt file to the “16 MB system device”.

7. Disconnect the player, unlock the “hold”. The player will restart.

8. Change the player’s language setting into Japanese or Chinese, according to your need.

9. Now the tags with Asian fonts can be display correctly.

It should look like this (Simplified Chinese, with Chinese and Japanese song tags):

10. Make sure that your firmware is 01.01.06p now. Then go to the Sansa Firmware update page, download the firmware updater, and get the latest firmware.

Here’s the scenario.

While coding javascript along, you get a form via id or name on your html page and calls the submit() function on it. You think it should just behave as expected (submits the form) instead nothing happens and in firebug, you get a submit is not a function error. You are like WTF is going on? You start to wonder if you remembered the syntax correctly so you do some research and all the pages tell you yes it’s just submit() and nothing else.

Finally you start to search on the error “submit is not a function” you get to this page and you learned:

The reason was the statement “formObj.submit();” in the javascript was colliding (resulting in ambiguity within the browser) with the form button, which was also named “submit”.

So just rename the element within the form tag that is named “submit” will fix the problem.

Here’s an example.

HTML:
<form id="search"><input name="something" /><input type="submit" name="submit" /></form>

Javascript:
function submitForm() { document.getElementById('search').submit(); }
gives “submit is not a function” error.

Change HTML to:
<form id="search"><input name="something" /><input type="submit" name="NOT_SUBMIT" /></form>

Upload Report Mock uses the jQuery pagination plugin but handles the pagination on the server side via php.

Ultimately what I also want to handle is the following scenario:

• I have a table of data, one of the column is editable.
• If the user clicks on the column of a particular table row, a modal window will pop up asking for additional information.
• The user fills out the information and submits.
• The window updates the info for that table via AJAX and updates the results screen

While I was eager for figure out how to accomplish that in jQuery, I found out that it is not one of the previously used javascript framework at work so they asked if I could look into YUI.

Digging into YUI, first I tried to accomplish the same thing using the YUI paginator widget. I spent two hours but it really does not seem like I can generate some href tags with this component like I could with the jQuery plugin. With jQuery, I could produce:
<div id="pagination"> <a class="prev" href="/work/eAdjusterActivityReport/uploadReport.php?page=1">Prev</a> <a href="/work/eAdjusterActivityReport/uploadReport.php?page=1">1</a> <span class="current">2</span> <a href="/work/eAdjusterActivityReport/uploadReport.php?page=3">3</a> <a href="/work/eAdjusterActivityReport/uploadReport.php?page=4">4</a> <a href="/work/eAdjusterActivityReport/uploadReport.php?page=5">5</a> <a href="/work/eAdjusterActivityReport/uploadReport.php?page=6">6</a> <a href="/work/eAdjusterActivityReport/uploadReport.php?page=7">7</a> <a href="/work/eAdjusterActivityReport/uploadReport.php?page=8">8</a> <span>...</span> <a href="/work/eAdjusterActivityReport/uploadReport.php?page=10">10</a> <a href="/work/eAdjusterActivityReport/uploadReport.php?page=11">11</a> <a class="next" href="/work/eAdjusterActivityReport/uploadReport.php?page=3">Next</a> </div>
With YUI, I have to hook up the paginator with another javascript or YUI widget. So to make things easier, I looked into YUI’s datatable component and found an example to use it with server side pagination and sorting. That seems to accomplish the overall need of pagination. Although that’s a bit of overkill but I thought it’s worth a shot. I spent 8 hours implementing it via server side JSON. Here’s what I produced:
Upload Report Mock with YUI

Instead of 10 lines of javascript code like the previous, this one has 68 lines. But it does provide AJAX pagination so I thought that’s mostly fair.

Next I looked for a simple date picker calendar in YUI like the jQuery date picker plugin. The date picker is a necessary functionality of the application. With jQuery, it’s extremely easy to use. You add the plugin js & css links, and then you give your input css class or unique IDs and with jQuery selector, just call the plugin via:$("#startDate").datepicker()

Click on the start and end dates in Upload Report Mock to see it in action.

Using YUI, I looked into its calendar component. The closest thing I could find is this example.

Not only would it need all these extra js includes
<script type="text/javascript" src="http://yui.yahooapis.com/2.6.0/build/event/event-min.js"></script> <script type="text/javascript" src="http://yui.yahooapis.com/2.6.0/build/dragdrop/dragdrop-min.js"></script> <script type="text/javascript" src="http://yui.yahooapis.com/2.6.0/build/element/element-beta-min.js"></script> <script type="text/javascript" src="http://yui.yahooapis.com/2.6.0/build/button/button-min.js"></script> <script type="text/javascript" src="http://yui.yahooapis.com/2.6.0/build/container/container-min.js"></script> <script type="text/javascript" src="http://yui.yahooapis.com/2.6.0/build/calendar/calendar-min.js"></script>
It also requires another 76 lines of javascript code for just adding one date picker.

Despite the complication, I tried to make it work with my Upload Report Mock with YUI but I failed pretty miserably. Sure if I put in enough hours, I will eventually make it work but WHY? Why would you stop yourself from using something else that takes 2 seconds?

At this point, I presented my findings to my co-workers. I really hope they will accept jQuery. Yea sure it’s yet another new javascript framework but it will save coding time.

Here’s another comparison. I found a very YUI datatable like jQuery plugin flexigrid. Take a look at example 3. Lines of code to use server side pagination and sorting: 33. In my Upload Report Mock with YUI, I used 68 lines. Also let’s do a comparison to see which one makes more sense and is less verbose.

jQuery:
$("#flex1").flexigrid({ url: 'post2.php', dataType: 'json', colModel : [ {display: 'ISO', name : 'iso', width : 40, sortable : true, align: 'center'}, {display: 'Name', name : 'name', width : 180, sortable : true, align: 'left'}, {display: 'Printable Name', name : 'printable_name', width : 120, sortable : true, align: 'left'}, {display: 'ISO3', name : 'iso3', width : 130, sortable : true, align: 'left', hide: true}, {display: 'Number Code', name : 'numcode', width : 80, sortable : true, align: 'right'} ], buttons : [ {name: 'Add', bclass: 'add', onpress : test}, {name: 'Delete', bclass: 'delete', onpress : test}, {separator: true} ], searchitems : [ {display: 'ISO', name : 'iso'}, {display: 'Name', name : 'name', isdefault: true} ], sortname: "iso", sortorder: "asc", usepager: true, title: 'Countries', useRp: true, rp: 15, showTableToggleBtn: true, width: 700, height: 200 } );

YUI: click for source.

For wide screen resolution 1920×1200:

For regular screen resolution 1600×1200:

For wide screen resolution 1920×1200:

For regular screen resolution 1600×1200:

• Chinese news link 1
• Chinese news link 2
• Chinese news link 3