TechHui2024-03-28T12:33:54ZChristopher Kobayashihttp://www.techhui.com/profile/ChristopherKobayashihttp://storage.ning.com/topology/rest/1.0/file/get/353344752?profile=RESIZE_48X48&width=48&height=48&crop=1%3A1http://www.techhui.com/group/javascript/forum/topic/listForContributor?user=3dx7t7q6675ye&feed=yes&xn_auth=noMooEditable: in-browser HTML editortag:www.techhui.com,2009-08-14:1702911:Topic:478952009-08-14T23:24:37.980ZChristopher Kobayashihttp://www.techhui.com/profile/ChristopherKobayashi
I heard about <a href="http://cheeaun.github.com/mooeditable/" target="_blank">MooEditable</a> in the Mootools blog <a href="http://mootools.net/blog/2009/07/27/july-2009-roundup/" target="_blank">July roundup</a>. I really like<br />
MooEditable. Being that it is written in MooTools is HUGE plus for me. I've forked it to work on upgrades to use in my CMS. This is my second attempt at working on developing an HTML editor ... the first one was waaaayyyy back in the early 2000s and it wasn't…
I heard about <a href="http://cheeaun.github.com/mooeditable/" target="_blank">MooEditable</a> in the Mootools blog <a href="http://mootools.net/blog/2009/07/27/july-2009-roundup/" target="_blank">July roundup</a>. I really like<br />
MooEditable. Being that it is written in MooTools is HUGE plus for me. I've forked it to work on upgrades to use in my CMS. This is my second attempt at working on developing an HTML editor ... the first one was waaaayyyy back in the early 2000s and it wasn't pretty.<br />
<br />
So far I've rewritten formatBlock and added a overlay button to add snippets of text into the editor (useful for me when wanting users to add mail merge fields into the editor). I also wrote a pretty robust link button.<br />
<br />
Please try it out and let me know what you think:<br />
<a href="http://ascribedata.com/moo/editable/">http://ascribedata.com/moo/editable/</a><br />
<br />
Here's the fork:<br />
<a href="http://github.com/tru10000/mooeditable/">http://github.com/tru10000/mooeditable/</a><br />
<br />
The link tooltip doesn't work properly in IE once the editor content scrolls down. onScroll doesn't seem to activate in IE. Can anyone suggest a solution?<br />
<br />
The next thing I want to do is write a custom image button.<br />
<br />
Also, I personally like <b> and <i> rather than <strong> and <em>. Is<br />
there any way to customize the execCommand('bold') and execCommand('italic') to use <b> and <i> instead of <strong> and <em>? If not, I guess I could write custom buttons. Looking for an experienced javascript developertag:www.techhui.com,2009-03-29:1702911:Topic:370772009-03-29T22:28:45.678ZChristopher Kobayashihttp://www.techhui.com/profile/ChristopherKobayashi
I'm working on a mobile app and am looking for an experienced javascript developer. If you have played extensively with the existing javascript frameworks such as jQuery and Mootools but are skilled enough to roll your own to make a dedicated framework that is as small and fast as possible then you've got the skills I'm looking for. Please contact me if you're interested and available.
I'm working on a mobile app and am looking for an experienced javascript developer. If you have played extensively with the existing javascript frameworks such as jQuery and Mootools but are skilled enough to roll your own to make a dedicated framework that is as small and fast as possible then you've got the skills I'm looking for. Please contact me if you're interested and available. Cappuccino is outtag:www.techhui.com,2008-09-04:1702911:Topic:215272008-09-04T18:32:05.054ZChristopher Kobayashihttp://www.techhui.com/profile/ChristopherKobayashi
<a href="http://cappuccino.org/">http://cappuccino.org/</a><br />
<br />
I worked with a great engineer on the original Mobile Safari for iPhone 1.0. He's since moved on and did this framework which is slick as snot. <a href="http://280slide.com">280slide.com</a> was done using Cappuccino. Anyway, just a head's up to the js developers out there. Thanks, B.
<a href="http://cappuccino.org/">http://cappuccino.org/</a><br />
<br />
I worked with a great engineer on the original Mobile Safari for iPhone 1.0. He's since moved on and did this framework which is slick as snot. <a href="http://280slide.com">280slide.com</a> was done using Cappuccino. Anyway, just a head's up to the js developers out there. Thanks, B. SproutCoretag:www.techhui.com,2008-06-20:1702911:Topic:159532008-06-20T06:23:27.149ZChristopher Kobayashihttp://www.techhui.com/profile/ChristopherKobayashi
Interesting posts regarding <a href="http://www.sproutcore.com/">SproutCore</a>, an open source JavaScript framework and part of the technology behind Apple's new Mobile Me service.<br />
<br />
Cocoa for Windows + Flash Killer = SproutCore<br />
<a href="http://www.roughlydrafted.com/2008/06/14/cocoa-for-windows-flash-killer-sproutcore/">http://www.roughlydrafted.com/2008/06/14/cocoa-for-windows-flash-killer-sproutcore/</a><br />
<br />
Apple's open secret: SproutCore is Cocoa for the Web…
Interesting posts regarding <a href="http://www.sproutcore.com/">SproutCore</a>, an open source JavaScript framework and part of the technology behind Apple's new Mobile Me service.<br />
<br />
Cocoa for Windows + Flash Killer = SproutCore<br />
<a href="http://www.roughlydrafted.com/2008/06/14/cocoa-for-windows-flash-killer-sproutcore/">http://www.roughlydrafted.com/2008/06/14/cocoa-for-windows-flash-killer-sproutcore/</a><br />
<br />
Apple's open secret: SproutCore is Cocoa for the Web<br />
<a href="http://www.appleinsider.com/articles/08/06/16/apples_open_secret_sproutcore_is_cocoa_for_the_web.html">http://www.appleinsider.com/articles/08/06/16/apples_open_secret_sproutcore_is_cocoa_for_the_web.html</a> What Javascript Framework do you use?tag:www.techhui.com,2008-04-29:1702911:Topic:129752008-04-29T09:28:35.564ZChristopher Kobayashihttp://www.techhui.com/profile/ChristopherKobayashi
In the old days, people hacked their own javascript or downloaded disparate scripts from one scripting site or another. Today it's much more efficient and elegant to code a site with Web 2.0 features using a Javascript <a href="http://en.wikipedia.org/wiki/Category:JavaScript_libraries">library</a> or <a href="http://en.wikipedia.org/wiki/Ajax_framework">framework</a>.<br />
<br />
Which one do you use? And why do you like it?<br />
<br />
<ul>
<li><a href="http://www.mootools.net/">Mootools…</a></li>
</ul>
In the old days, people hacked their own javascript or downloaded disparate scripts from one scripting site or another. Today it's much more efficient and elegant to code a site with Web 2.0 features using a Javascript <a href="http://en.wikipedia.org/wiki/Category:JavaScript_libraries">library</a> or <a href="http://en.wikipedia.org/wiki/Ajax_framework">framework</a>.<br />
<br />
Which one do you use? And why do you like it?<br />
<br />
<ul>
<li><a href="http://www.mootools.net/">Mootools</a></li>
<li><a href="http://jquery.com/">JQuery</a></li>
<li><a href="http://www.prototypejs.org/">Prototype</a> / <a href="http://script.aculo.us/">Script.aculo.us</a></li>
<li><a href="http://dojotoolkit.org/">Dojo</a></li>
<li><a href="http://extjs.com/">Ext JS</a></li>
<li><a href="http://developer.yahoo.com/yui/">Yahoo! UI</a></li>
<li><a href="http://labs.adobe.com/technologies/spry/">Spry</a></li>
</ul>
<br />
I use Mootools for almost all my Javascript now. I like Mootools because it's <a href="http://en.wikipedia.org/wiki/Comparison_of_JavaScript_frameworks">lightweight</a>, has <a href="http://demos.mootools.net/Fx.Elements">fantastic animation capability</a> and the ease at which it does <a href="http://demos.mootools.net/Ajax.Form">AJAX</a> and <a href="http://docs.mootools.net/Element/Element-Selectors.js">selects elements</a>. Mootools also has a large and active community of developer which have released a cornucopia of nifty mootools based classes which you can use on your sites. Here's a sampling:<br />
<br />
<ul>
<li><a href="http://smoothgallery.jondesign.net/">Smooth Gallery</a></li>
<li><a href="http://digitarald.de/project/fancyupload/">Fancy Upload (multi file upload)</a></li>
<li><a href="http://widgets.rabidlabs.net/sounds/v0.8/">MooSound</a></li>
<li><a href="http://forum.mootools.net/viewforum.php?id=6">and many others</a></li>
</ul> Javascript Minification with YUI Compressortag:www.techhui.com,2008-04-29:1702911:Topic:129462008-04-29T07:37:20.997ZChristopher Kobayashihttp://www.techhui.com/profile/ChristopherKobayashi
How many of you compress your javascript and put it in the bottom of the page? I recently learned that you can optimize the speed of your page loads by <a href="http://developer.yahoo.net/blog/archives/2007/07/high_performanc_5.html">putting links to external javascript files at the bottom of the page</a> just inside the BODY tag.<br />
<br />
I use the <a href="http://developer.yahoo.com/yui/compressor/">YUI Compressor</a> for javascript files. I formerly used…
How many of you compress your javascript and put it in the bottom of the page? I recently learned that you can optimize the speed of your page loads by <a href="http://developer.yahoo.net/blog/archives/2007/07/high_performanc_5.html">putting links to external javascript files at the bottom of the page</a> just inside the BODY tag.<br />
<br />
I use the <a href="http://developer.yahoo.com/yui/compressor/">YUI Compressor</a> for javascript files. I formerly used <a href="http://www.crockford.com/javascript/jsmin.html">JSmin</a>, but now I just use YUIC. What's your preference? If so, why?<br />
<br />
Today I hacked a simple PHP script to recursively poll through a folder of javascript files organized within folders in my application and run them through YUIC and save them to a separate folder for publishing to the production server. With 391 files in 52 folders, this is a time saver! Previously I would call up the Windows cmd window and do them manually one-by-one as I needed. If anyone is interested in the code for the script, I'd be happy to share.<br />
<br />
My next step is to automate preparing my application for deployment by writing a script to call IonCube to encrypt PHP files and call YUIC to minify both javascript and CSS files.