Ext JS and Wordpress

Introducing ExtizeMe

I am humbly introducing the alpha preview of ExtJS Wordpress theme version 2.0a. The theme has changed its name; it’s ExtizeMe. To preview the theme click its logo below. If you have JavaScript enabled in your browser you will see this site changing the layout.

What is ExtizeMe

ExtizeMe, basicall, is a wordpress theme. It makes heavy use o JavaScript. Everything: layout, behaviour and look&feel needs JavaScript to work. If a user browser does not have JavaScript enabled, ExtizeMe displays itself as plain html theme: ExtJs 1.9.

Current features

ExtizeMe is SEO-Friendly; web crawlers see it as plain HTML websites, while users with modern browsers can use advanced, dynamic interface;
ExtizeMe has two modes: full and preview. In preview mode people can switch between JavaScript and HTML layout. Full mode does not allow for such a choice;
ExtizeMe has currently one sidebar, accordion layout;
ExtizeMe has 6 CSS skins which are actually Ext JS themes;
…There are more…

Secreenshots

Credits

ExtizeMe uses:

Ext JS library version 2.2.1;
Ext.ux.ManagedIFrame by Doug Hendricks;
Ext.util.MD5 by wm003.

Thank you all for your fantastic work. Without it I would not be able to realize my odd idea.

This release

This release is not intended for usage by bloggers, it requires additional work. This is just a preview that shows how Wordpress and Ext JS can work together.

The rest

The rest will take place after my two week vacation.

1.9 Release

Hi there, I am announcing new (no javascript yet) version of Ext Wordpress Theme. It is ready for download, check here.

Ext Options Page

An add-on to Ext Docs

During studying Ext documentation of new 3.0RC1 release, I came up with an idea that it could be nice to have new stuff highlighted. MindPatterns has got similar idea here http://extjs.com/forum/showthread.ph…362#post318362.

The result below:
Read the rest of this entry »

New Ext 1.9 Wordpress Theme ready for testing

It’s been almost two years since I released ExtJS Wordpress Theme and it’s been almost two years since I promised an upgrade. Today I am making another promise: In 3 months new ExtJS2 Wordpress Theme shall be ready.

Meantime, I have made Ext 1.9 theme which you can see right now. The theme does not use JavaScript, but it uses ExtJS stylesheets. And thus it looks awesome. Till the end of this week new Ext1.9 theme should be in Downloads section. Since today you can enjoy it and comment.

Before you start to admire the colors and layouts, please be aware that I am not the author of all CSSes. It is ExtJS team.

Below you can see few screenshots of the theme.

I know that there are about 70 subscribers to this blog. Please let me know what you think.

ExtJS apps as bookmarklets

Load ExtJS bookmarklet

It was jgarcia who inspired me to make these bookmarklets. He is using Firebug as presentation environment. I believe most of us have seen his screencasts.

But before starting typing ExtJS code in Firebug console, one has to load ExtJS library and css, somehow. The easiest way is to use empty page with ExtJs loaded. But what if one wants to play with ExtJS within other pages; already loaded by FF? In here John Resig’s bookmarklet helps. He has shown jQuery load bookmarklet here : http://ejohn.org/blog/hacking-digg-w…ug-and-jquery/. He has, also, made very cool demo using jQuery on digg.com site.

So, I have made ExtJs counterpart of jQuery load bookmartlet. To use this, please make a bookmark with the following as Location:

javascript:var%20ss=document.createElement('link');ss.setAttribute('rel','stylesheet');ss.setAttribute('type','text/css');ss.setAttribute('href','http://extjs.cachefly.net/ext-2.2/resources/css/ext-all.css');document.getElementsByTagName('head')[0].appendChild(ss);void(ss);var%20core=document.createElement('script');core.setAttribute('src',%20'http://extjs.cachefly.net/builds/ext-cdn-8.js');document.body.appendChild(core);core.onload=function(){Ext.Msg.alert('Ext',%20'ExtJS%20is%20loaded!');};core.onload=function(){Ext.Msg.alert('Ext',%20'ExtJS%20is%20loaded!');};void(core);

As you can see, it loads ExtJS from cachefly.

Now, you are able to play with ExtJS using Firebug console on any site.

Read the rest of this entry »

ExtJS 2.0 – 2brave theme

While new ExtJS Wordpress theme is still in progress, I am releasing a theme for ExtJS 2.0. I call it 2brave (too brave). I am not 100% sure if the colors I have chosen work together. Anyway it is a kind of alternative to default, gray and slate (beautiful) themes.

The theme looks a bit odd and this eliminates professional applications, but if you are using this for fun it can work (for a day or two .