The Raxan Framework

The Raxan Framework

Flexible & Accessible
Raxan provides a fresh approach to web application development, by combining the power of existing CSS and Javascript techniques, to create a Rich Ajax/HTML Application Framework that is flexible, easy to use and easy to deploy. With Raxan's built-in support for the dynamic loading of plugins and style sheets, developers will be to able convert very large Javascript files into smaller, more manageable modules to reduce loading/startup time and improve user experience.

Dynamic Loading
In addition to dynamic loading, Raxan supports the automatic loading of a code-behind Javascript file to eliminate the need of having to always specify the name of the file to include. Once your code-hind file has been loaded, you can start immediately by loading other script files with very little or no impact on your application load time. This feature gives developers a nice way to separate their Javascript codes from their HTML content and CSS style sheets, plus it eliminates the need of having to add yet another <script> tag to your page. For example: 


    // loade file from plugins folder
    html.include('my-favorite-script');
    // loade file from another folder
    html.include('/js/my-other-script.js',true);

    html.ready(function(){
    	alert('Now that was so easy!');
    })

Raxan also includes a CSS framework that makes it very easy to construct very complex web page layouts. With just a few lines of html code and a few CSS classes you can have a multi-column layout in a couple of seconds. And if you're into creating your web pages with switchable CSS themes, then that's also supported. All that's needed is a little creativity and your web pages are good to go.


    html.css('master'); // loads the css framework
    html.css('default/theme'); // loads the default theme

One thing to note is that the above methods are optional. If you prefer to include your files the traditional way, then you're free to do so. Raxan is very flexible and gives you the option to design your web pages the way you choose. For example, you can also replace the built-in CSS framework with the framework of your choice.

Well, now that you have a basic idea of what Raxan is all about, it's now your turn to dive right in and explore the framework. Be sure to learn about the Raxan html object and the classes that are used by the CSS framework.

To learn more about the Raxan Framework click here to continue...

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:
 
xwisdom
Posts: 1
Comment
Re: Tabstrip border
Reply #9 on : Thu December 11, 2008, 20:33:14
Hi Phil,

You can add borders to your TabStrip containers to complete the border around the tab. Here's an example:

<div id="home" class="pad ltb rtb bmb">
... content goes here....
</div>

The ltb, rtb and bmb classes will add left, right and bottom borders to the container but could also create your own borders using css.

Another approach is to put your tab containers inside a div and then add borders to that div element.

I've updated the TabStrip Example to use borders on the "Home" tab. See it here: http://xwisdomhtml.com/raxan-files/examples/rich-tabstrip.html
Phil Martin
Posts: 8
Comment
Tabstrip border
Reply #8 on : Wed December 10, 2008, 07:53:52
Raymond - great framework!

I have one question so far - how can you make a complete border rather than just tabs with a line at the top?

Phil
Raymond
Posts: 8
Comment
Re: Column size
Reply #7 on : Mon November 10, 2008, 01:26:20
Hi Luigif,

Thanks for checking out the framework and for posting a feedback.

I didn't choose a 10px column size because of the number of css classes that would be required when working with very wide page widths. I agree that a smaller the column size will make it a little easier to alignment columns but it's still possible with 20px columns.

The columns in the Grid example were randomly generate but you can still align the second row with the first, by removing the last c1 and then changing c2 to c3. The alignment works because there is now an even number of column margins. Each machine is around 10px wide.

I hope this will help with column alignments but if you need to work with a smaller or larger column size, then you can always modify the classes were necessary.

PS. I'm currently working on the Elastic Cell features of the framework and should hopefully have them released soon. Elastic Cells will be able to overcome some of the limitations of fixed-width columns.
Luigif
Posts: 8
Comment
Column size
Reply #6 on : Sun November 09, 2008, 13:06:29
Raymond, great work.
Just a question: why don't you set the default column size to 10px instead of 20px?
In the grid example (http://xwisdomhtml.com/raxan-files/examples/grid-cells.html), you might be able to align the end of second row with the first by just changing one cell size (c7 or c2).
With 20px columns it's just not possible.
Zaigham
Posts: 8
Comment
Congrats!
Reply #5 on : Sat October 25, 2008, 15:20:40
Hiya, congrats on the public release. Looking forward to great things with this framework :)
Ryan Thrash
Posts: 8
Comment
Great stuff indeed
Reply #4 on : Thu October 23, 2008, 10:11:56
Glad to see this from you Raymond ... looks great so far! Looking forward to getting our hands dirty in it. :)
xwisdom
Posts: 8
Comment
Re: Looking good
Reply #3 on : Thu October 23, 2008, 00:29:30
Hi,

Many thanks for the feedbacks.

We should reach a final release within a few weeks, but this depends on community feedback and bug fixes.

You can help to speed up the process by to testing it and report any bugs that you have found.
goldencode
Posts: 8
Comment
Looking good
Reply #2 on : Wed October 22, 2008, 12:31:04
This framework seems like it will make my life much easier. It seems to make web layout much easier.

When will the final release be made.

Thanks.
Fifi
Posts: 8
Comment
Raxan rocks!!
Reply #1 on : Wed October 22, 2008, 11:48:58
Dude this is a great framework. It makes even the most difficult page layout easy. Plus i get all the fancy JQuery animations that i like. I think your on to something great here. Keep it up, good job.