Raxan 0.2 Alpha 2


Note: A new Raxan website has been released. Visit http://raxanpdi.com

What is Raxan?
Raxan is a rich ajax application framework that can be easily used to create elegant, accessible and powerful web 2.0 web pages and applications.

TabStrip Explorer
TabStrip Explorer - See it in Action
What’s New in Raxan 0.2?

Elastic Designs
If you don't favor fixed-width designs and you’re looking for an easy way to create flexible elastic or liquid layouts, then Raxan has the right features for you.
Starting with version 0.2, you will be able to take advantage of the elastic classes and layout templates that can be used to get you off at a quick start.

Elastic Layout Example
See it in Action

With the new elastic cells you will be able to create web pages that can scale to any screen resolution (including smart phones with CSS enabled web browsers). You will also be able to mix and match both fixed-width and elastic columns together within the same layout without any need for additional html markup. For example:


<div class="container e90">
    <div class="column e20 silver last">
        <h3>20% Column</h3>
    </div>
    <div class="column e80 lightgray last">
        <h3>80% Column</h3>
    </div>
</div>

See the CSS Quick Reference Guide to checkout the available CSS classes.

Rich Tabstrip Plugin
Now you can add unobtrusive tab navigation to your web pages within less than a minute. No Javascript required! 


<ul id="tab1" class="tabstrip nicetab">
    <li><a href="home.html">Home</a></li>
    <li class="selected"><a href="news.hml">News</a></li>
    <li><a href="products.html">Products</a></li>
    <li><a href="aboutus.html">About</a></li>
    <li><a href="contactus.html">Contact</a></li>
</ul>

And if you’re interested in dynamic content, then you can easily enable the dynamic features by using the Raxan rich/tabstrip plugin:


<ul class="tabstrip">
    <li><a href="#home ">Home</a></li>
    <li class="selected"><a href="#products ">Products</a></li>
    <li><a href="#about ">About</a></li>
    <li><a href="#contact ">Contact</a></li>
</ul>

<div id="home">Home Tab container</div>
<div id="products">Products Tab container</div>
<div id="about">About Us Tab container</div>
<div id="contact">Contact Us Tab container</div>

<script type="text/javascript">
    html.css('master');
    html.include('jquery');
    html.include('rich/tabstrip');

    html.ready(function(){
        $(".tabstrip").tabstrip()
    });
</script>

To learn more about the new TabStrip plugin, visit the TabStrip Plugin documentation web page. To see the TabStrip Plugin in action visit the TabStrip Explorer web page.

Rich Cursor Plugin
Use the new cursor plugin within your ajax pages to indicate the status of the entire web page or just a part thereof. 


    html.ready(function(){
        // displays an animated search cursor icon
        $("#webform").cursor("search");
    });

To learn more about the Cursor plugin, visit the Cursor Plugin documentation web page.

New CSS Classes
The new caps and fancy typographic classes can be used to create eye-catching headlines for your blogs, new articles, etc. 


<h1 class="CAPS">Headline News</h1>
<h2 class="fancy">Raxan 0.2 is now available for download.</h2>

To learn more about the Raxan Framework, visit the Raxan Getting Started web page.

Write a comment

  • Required fields are marked with *.

If you have trouble reading the code, click on the code itself to generate a new random code.
Security Code:
 
raymond
Posts: 5
Comment
Re: Support Forum
Reply #5 on : Fri January 23, 2009, 09:40:07
Hi Greg,

I'm planning to release a new website with a support forum and new updates within a few weeks.

For now you can contact me via the contact page or post your question on this page.
Last Edit: January 25, 2009, 11:31:35 by xwisdom  
Greg Fuller
Posts: 5
Comment
Nice
Reply #4 on : Wed January 21, 2009, 21:59:39
Nice work, thanks. Is there a support forum? I have a question.
raymond
Posts: 5
Comment
Minor update - Version 0.2.1
Reply #3 on : Wed November 19, 2008, 11:28:30
I've just released version 0.2.1 which fixes a bug in IE6 and the random tab issue as reported by Garth.
xwisdom
Posts: 5
Comment
Re: Great work
Reply #2 on : Tue November 18, 2008, 23:26:59
Hi Garth,

Thanks for the feedback and for pointing out the glitch.

I've updated the custom animations that are used on the TabStrip Explorer screen. This should prevent content from other tabs to remain on the screen.
Garth Davis
Posts: 5
Comment
Great work
Reply #1 on : Tue November 18, 2008, 10:37:42
This sure makes life easier, especially for newbies and people who want to focus on the what more than the how.

One small glitch I identified in the tabstrip though. When two tabs are clicked in rapid succession, the content of both appears on the last tab. I am sure this will be quickly resolved.

Way to go!