Sliding Font Resizer with mootools

Because Text resize controls are similar, I want something new!

Most site/blogs which has a lot of text content usually offer an ability to resize text on the page via control. This functionality is not seems to necessary for average-power users because they know how to change font-size in browser (I know you did right?)

If you don’t know what I’m talking about, see this figure

Text Size Control - from manager.co.th

I crafted a control called “Sliding Font Resizer” with mootools to experiment with new method of resizing font-size. Click the button below to see it in action!

You can see the full demo here. Feel free to give suggestion/comments that you have :-)

เจอกันใหม่กับของเล่นชิ้นหน้าครับ

05 Apr 08 This entry was written by Tay, posted on April 5, 2008 at 10:41 pm, filed under Me Coding and tagged , , , , . Bookmark the permalink. Follow any comments here with the RSS feed for this post. Post a comment or leave a trackback: Trackback URL.

11 Comments

  1. sarisushi
    Posted April 7, 2008 at 11:01 am | #

    เขียนเปนถาษาอังกิด

    แต่ตัวอย่าง text size เปน ก -*-

    อนุรักษ์ภาษาไทยมาก

  2. Mekz
    Posted April 8, 2008 at 5:37 pm | #

    ผมเดาว่า เขาคงต้องการโปรโมทให้ชาวต่างชาติ มาอ่านกระมังครับ

  3. Tay
    Posted April 9, 2008 at 1:42 am | #

    @sarisushi ตัวอย่างเอามาจาก manager จ่ะ ขี้เกียจไปหาไกล

    @Mekz เขียนไปเรื่อยแหละครับ ไทยมั่งอังกิดมั่ง แล้วแต่เนื้อหา :-)

  4. Hana
    Posted April 11, 2008 at 2:54 pm | #

    ฮี่ ๆๆ โกอินเตอร์แล่ววววว

  5. rnb
    Posted April 12, 2008 at 1:20 am | #

    thats really cool….could you put a zip file up as a downloadable stand-alone package with the basic html, js, css, images (ie. the knob)… thanks alot!

  6. Tay
    Posted April 12, 2008 at 5:14 am | #

    @rnb you can download the demo from Here. Thx for dropping a comment :-)

  7. Mekz
    Posted April 12, 2008 at 2:15 pm | #

    ขอดาวน์โหลดไปใช้หน่อยนะครับ ว่าแต่น่าจะทำเป็นปลั้กอิน ของ WordPress นะครับ

  8. Tay
    Posted April 12, 2008 at 2:38 pm | #

    @Mekz ตามสบายครับ – ถ้าเห็นว่ามีประโยชน์ ว่างๆจะทำเป็นปลั๊กอินต่อครับ :-)

  9. sumit
    Posted April 16, 2008 at 9:12 am | #

    really cool man
    thanks

  10. Nuin
    Posted April 17, 2008 at 2:31 pm | #

    ขยันจังเลยค่ะ แต่ว่าสงสัยคงต้องโหลด IE7มาใช้ซะแล้ว IE6 รูป ไม่ขึ้นเลย ตอนแรกงงเลยนะเนี่ย

  11. Gordon
    Posted June 12, 2009 at 3:35 am | #

    Hi,

    first I want to say thanks for this brilliant script. It works fine.

    But do you know a way in your script to save the actual selcted font into a cookie??

    I will use your script into a cms, so I need to save the font-size into a cookie , that the users not have to make the font size again.

    thanks a million

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>