Ext JS and Wordpress

ExtizeMe is here for download

Again, what is ExtizeMe

ExtizeMe, is a WordPress theme written mostly in JavaScript. Layout, behavior and look&feel are made with Ext Js Library (http://extjs.com). What makes ExtizeMe there different from other themes is:

Accordion sidebar;
Tab browsing;
Post zooming;
Live search;
Picture preview;
ExtJs skins;

ExtizeMe in action

ExtizeMe bookmarklet

You can finf ExtizeMe bookmarklet on ExtizeMe options page. Add the bookmarklet to your favorites and execute it while browsing a wordpress powered page. In theory it should extify the site. Take a look on below screencast.

ExtizeMe on google code

I would describe current stage of ExtizeMe as experimental. I am releasing it because, as a father of two and full time employee, I feel I am not able to finish it in predictable time. It is a pity. This is the link to ExtizeMe project home at google: http://code.google.com/p/extizeme/.

If there is someone out there who can spent his/her time improving the ExtizeMe, please let me know.

You can grab ExtizeMe from Download page.

TV323DTABSMM

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 .

I have prepared skinned ExtJS samples to have a closer look of the theme, the link is as follows: http://extizeme.net/ext-2.2/examples/.

You can download the theme from Downloads section.

Note: This is not WordPress Theme. This is stylesheet for ExtJS applications.

Little gadget

During development of the next version of Ext JS based WordPress Theme I have realized I need Ext JS on the admin side of WordPress. I am not going to tell you the whole story about it, but I have prepared a little gadget instead.

I am presenting Ext JS Admin Menu.

This is very simple plugin that alter wordpress’ awfull admin menu into the nice, drop-down Ext JS one. The best part is that it took about half of hour to make it happen. And this is really a good reason to check the power of Ext JS library.

The plugin includes a part of Ext JS 2.0 RC1 library and can be downloaded from downloads page.

I am aware that some people are waiting for the next (better) version of the theme, but it really requires a lot of time; it is one man hobby project, thus please be patient. Also, please do not expect finished versions here. I am just playing with Ext JS library.

Note: This is discontinued as WordPress Admin interface has been redesigned twice since the release of this gadget. You can download it, however, from here: Ext JS Admin Menu v. 0.1 (71 kB).

Upgrade is coming

Below I am trying to explain why I am preparing an upgrade of Ext JS WordPress Theme (or rather for whom), what shall be fixed in the new version and what new stuff will be added. As an image says more than a thousand words you can find a few screenshots here.

Read the rest of this entry »

Trying to answer all your questions… [updated]

First, let me thank you for all your appreciation. The concept of making ExtJS based WP Theme is rather controversial, thus your appreciation places all of you on my side. Thank you. Now let me answer a couple of your questions and comments. Most of my answers shall start from the following: “This is true… I am working on it…”.

Answers below.

Read the rest of this entry »

Older Entries