5/06/2009

New web design tool simplifies DHTML graphic design

Developing and designing AJAX Web applications have always been a complex process that required many different skills and knowledge of various coding languages. Visual WebGui RIA Platform is targeting simplification of AJAX development process by offering a visual development environment that flattened the traditional multi-layered development into a single layer requiring basic .Net development skill set. As a result, building line of business AJAX Web applications became simpler, faster and most cost-effective.



Previous versions of Visual WebGui tool are very efficient, but still required web knowhow for modifications of default themes and skins. But no more! The new Visual WebGui preview version combines the proven ease of Visual WebGui drag and drop application development with visual web design tool. This cutting-edge Control & Theme Designer enables developers and designers to build DHTML or Microsoft Silverlight user interfaces (UIs) with unmatched simplicity compared to traditional DHTML design or to any other existing controls/UI customization frameworks in the market.



Designing Web UI demands graphical skills as well as comprehensive knowhow in HTML & CSS or XAML with Silverlight. With the abundance of popular browsers in the market, there is also a need for cross browsers awareness when styling the UI. Using the new Visual WebGui’s Control & Theme Designer on the other hand, does not require writing HTML or CSS or any technical skills but. The web design tool allows developers and designers to set the styling properties and images for each object and automatically applies those styles to any supported browser or device.



Graphical skills are obviously still needed to edit images but the web design tool provides easy management of all the images that comprise controls or other UI elements and enables editing them in an any existing graphics design software with a point & click ease.



New Visual WebGui web design tool demonstration


Until now…
Using standard web tools the developer / designer has to edit the HTML or an equivalent rendering XSLT and struggle with its complexity to understand which image goes where:



web design code




No more…
Using the new web design tool, the developer / designer opens a theme designer within the Visual Studio .NET IDE:



theme designer




And get to see the whole picture on a friendly view:



button resources



And simply point & click the pictures, override only the selected images then edit with any standard graphics designers’ tools such as Photo-Shop or Paint.NET or even provide an alternative image:



image edit



Styling


Until now…
The developer/designer had a complicated structure of styling which includes CSS’s of all kinds and local definitions, which always ends in not knowing which property overrides the correct styling. Not to mention each unique browser’s behaviors and CSS properties:

button code

No more…
Using the new web design tool, CSS and the load of properties and definition files become a nightmare history…
The developer/designer can simply edit visual properties of colors & sizes at any desired level, not having to calculate which styling property overrides the other, and it will automatically work well for in any browser:



property edit



Behaviors & Extreme lay outing


Until now…
The developer had to find out which JavaScript file and HTML/XSLT files affected which controls layout or behavior… and then struggle with those client side resources in a multi level, multi layers, multi standards environment…



No more…
Using the new web design tool, developers can visually and easily manage any control’s resources, scripts and lay-outs within hierarchical clear environment with clear rules, services, in an intelisense supportive environment (future):



control scripts


Watch video: Theme Customization with the new Web design tool

No comments:

Post a Comment