{"id":232,"date":"2006-11-16T09:07:07","date_gmt":"2006-11-16T17:07:07","guid":{"rendered":"http:\/\/www.vtiger.com\/blogs\/2006\/11\/16\/interface-design-web-ui-frameworks-2\/"},"modified":"2006-11-16T09:07:07","modified_gmt":"2006-11-16T17:07:07","slug":"interface-design-web-ui-frameworks-2","status":"publish","type":"post","link":"https:\/\/two.vtiger.com\/blog\/archives\/interface-design-web-ui-frameworks-2\/","title":{"rendered":"Interface Design : Web UI Frameworks&#8230;"},"content":{"rendered":"<p>UI Frameworks saves a lot of time. Cooked UI patterns and libraries simplify the User Interface design process to an extent that the UI designer will little knowledge of coding can create a working prototype, which is readily embeddable to the back-end code. I was evaluating some Web UI frameworks and other stuffs. My search was not restricted to Frameworks alone. I included Javascript based widget\/controllers too. Scriptaculous is one\u00a0 such critically acclaimed library which is used in vtiger CRM 5. As of now, <a title=\"Scriptaculous\" href=\"http:\/\/script.aculo.us\">scriptaculous<\/a> was not used to its fullest potential . Gradually we will utilize the library to its fullest potential.<\/p>\n<p>I looked upon <a title=\"Yahoo UI Toolkit\" href=\"http:\/\/developer.yahoo.com\/yui\/\">Yahoo UI Toolkit<\/a> which has excellent and standards based UI design patterns and controls. Yahoo&#8217;s slider control is better than scriptaculous (compared their online demos). Yahoo UI kit is cool and has very good documentation to support integration and development.<\/p>\n<p>Next came the <a title=\"TIBCO General Interface\" href=\"http:\/\/developer.yahoo.com\/yui\/\">TIBCO&#8217;s General Interface 3.2 Professional Edition<\/a>. TIBCO&#8217;s pack is offered in two licenses. One is a BSD style OS license and another is a paid-license for support. One of TIBCO GI&#8217;s online demo, when invoked reported that it requiers IE 6 or above. (I used Firefox 2). Anyway I didn&#8217;t go through much inside the pages. Will give a shot later.<\/p>\n<p>Third on my list was Jitsu &#8211; another free OS UI toolkit<\/a> for web. Their licensing model says it follows the similar pattern of MONO license model. Anyway.. here is a copy-paste from their page.<\/p>\n<div>\n<blockquote>\n<h3>&#8220;Free as in&#8230;<\/h3>\n<\/blockquote>\n<ul>\n<ul>\n<li>The <strong>Jitsu Runtime<\/strong> is licensed under the  MIT License<\/a>  (also known as the X11 License). This is a permissive license, allowing you use of the Jitsu Runtime in commercial software.<\/li>\n<li>The <strong>Jitsu Compiler<\/strong> (needed only to build Jitsu applications) is licensed under the  <a href=\"http:\/\/www.opensource.org\/licenses\/gpl-license.html\">GNU General Public License<\/a>. This is a &#8220;copyleft&#8221; license that promotes open source contributions to the compiler technology.&#8221;<\/li>\n<\/ul>\n<\/ul>\n<\/div>\n<p>Jitsu is more focused on data handling in client side,rather than animation or special fx. They have good array of sortable lists, tables, tabs etc.. Jitsu sounds promising.<\/p>\n<p>And last but not least&#8230; <a title=\"QooxDoo\" href=\"http:\/\/qooxdoo.org\">QooxDoo<\/a> (pronounced &#8220;cooks do&#8221;) a brilliant library. I haven&#8217;t checked the library fully yet. But from the quick demo links.. I am amazed! Next to Yahoo Ui kit. Demo link is here<\/a><\/p>\n<p>Will update more .. when I get some more time.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>UI Frameworks saves a lot of time. Cooked UI patterns and libraries simplify the User Interface design process to an extent that the UI designer will little knowledge of coding can create a working prototype, which is readily embeddable to the back-end code. I was evaluating some Web UI frameworks and other stuffs. My search&hellip;&nbsp;<a href=\"https:\/\/two.vtiger.com\/blog\/archives\/interface-design-web-ui-frameworks-2\/\" class=\"\" rel=\"bookmark\">.<span class=\"screen-reader-text\">Interface Design : Web UI Frameworks&#8230;<\/span><\/a><\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","neve_meta_reading_time":"","_themeisle_gutenberg_block_has_review":false,"_ti_tpc_template_sync":false,"_ti_tpc_template_id":"","footnotes":""},"categories":[3],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Interface Design : Web UI Frameworks... - Vtiger CRM Blog - Latest CRM Topics, Tips, Insights and Updates<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/two.vtiger.com\/blog\/interface-design-web-ui-frameworks-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Interface Design : Web UI Frameworks... - Vtiger CRM Blog - Latest CRM Topics, Tips, Insights and Updates\" \/>\n<meta property=\"og:description\" content=\"UI Frameworks saves a lot of time. Cooked UI patterns and libraries simplify the User Interface design process to an extent that the UI designer will little knowledge of coding can create a working prototype, which is readily embeddable to the back-end code. I was evaluating some Web UI frameworks and other stuffs. My search&hellip;&nbsp;.Interface Design : Web UI Frameworks&#8230;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/two.vtiger.com\/blog\/interface-design-web-ui-frameworks-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Vtiger CRM Blog - Latest CRM Topics, Tips, Insights and Updates\" \/>\n<meta property=\"og:image\" content=\"https:\/\/two.vtiger.com\/blog\/wp-content\/uploads\/2023\/02\/vtiger-logo-only.png\" \/>\n\t<meta property=\"og:image:width\" content=\"490\" \/>\n\t<meta property=\"og:image:height\" content=\"399\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Radiant\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Interface Design : Web UI Frameworks... - Vtiger CRM Blog - Latest CRM Topics, Tips, Insights and Updates","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/two.vtiger.com\/blog\/interface-design-web-ui-frameworks-2\/","og_locale":"en_US","og_type":"article","og_title":"Interface Design : Web UI Frameworks... - Vtiger CRM Blog - Latest CRM Topics, Tips, Insights and Updates","og_description":"UI Frameworks saves a lot of time. Cooked UI patterns and libraries simplify the User Interface design process to an extent that the UI designer will little knowledge of coding can create a working prototype, which is readily embeddable to the back-end code. I was evaluating some Web UI frameworks and other stuffs. My search&hellip;&nbsp;.Interface Design : Web UI Frameworks&#8230;","og_url":"https:\/\/two.vtiger.com\/blog\/interface-design-web-ui-frameworks-2\/","og_site_name":"Vtiger CRM Blog - Latest CRM Topics, Tips, Insights and Updates","og_image":[{"width":490,"height":399,"url":"https:\/\/two.vtiger.com\/blog\/wp-content\/uploads\/2023\/02\/vtiger-logo-only.png","type":"image\/png"}],"author":"Radiant","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/two.vtiger.com\/blog\/interface-design-web-ui-frameworks-2\/#article","isPartOf":{"@id":"https:\/\/two.vtiger.com\/blog\/interface-design-web-ui-frameworks-2\/"},"author":{"name":"Radiant","@id":"https:\/\/two.vtiger.com\/blog\/#\/schema\/person\/48fb3952dc45ca1d27a48dc6a08c72ff"},"headline":"Interface Design : Web UI Frameworks&#8230;","dateModified":"2006-11-16T17:07:07+00:00","mainEntityOfPage":{"@id":"https:\/\/two.vtiger.com\/blog\/interface-design-web-ui-frameworks-2\/"},"wordCount":385,"commentCount":3,"publisher":{"@id":"https:\/\/two.vtiger.com\/blog\/#organization"},"articleSection":["All"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/two.vtiger.com\/blog\/interface-design-web-ui-frameworks-2\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/two.vtiger.com\/blog\/interface-design-web-ui-frameworks-2\/","url":"https:\/\/two.vtiger.com\/blog\/interface-design-web-ui-frameworks-2\/","name":"Interface Design : Web UI Frameworks... - Vtiger CRM Blog - Latest CRM Topics, Tips, Insights and Updates","isPartOf":{"@id":"https:\/\/two.vtiger.com\/blog\/#website"},"dateModified":"2006-11-16T17:07:07+00:00","breadcrumb":{"@id":"https:\/\/two.vtiger.com\/blog\/interface-design-web-ui-frameworks-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/two.vtiger.com\/blog\/interface-design-web-ui-frameworks-2\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/two.vtiger.com\/blog\/interface-design-web-ui-frameworks-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/two.vtiger.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Interface Design : Web UI Frameworks&#8230;"}]},{"@type":"WebSite","@id":"https:\/\/two.vtiger.com\/blog\/#website","url":"https:\/\/two.vtiger.com\/blog\/","name":"Vtiger CRM Blog - Latest CRM Topics, Tips, Insights and Updates","description":"","publisher":{"@id":"https:\/\/two.vtiger.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/two.vtiger.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/two.vtiger.com\/blog\/#organization","name":"Vtiger CRM Blog - Latest CRM Topics, Tips, Insights and Updates","url":"https:\/\/two.vtiger.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/two.vtiger.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/two.vtiger.com\/blog\/wp-content\/uploads\/2023\/02\/vtiger-logo-only.png","contentUrl":"https:\/\/two.vtiger.com\/blog\/wp-content\/uploads\/2023\/02\/vtiger-logo-only.png","width":490,"height":399,"caption":"Vtiger CRM Blog - Latest CRM Topics, Tips, Insights and Updates"},"image":{"@id":"https:\/\/two.vtiger.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/two.vtiger.com\/blog\/#\/schema\/person\/48fb3952dc45ca1d27a48dc6a08c72ff","name":"Radiant","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/two.vtiger.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/20e59ef14cf237d22601e02cfbdcbb9d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/20e59ef14cf237d22601e02cfbdcbb9d?s=96&d=mm&r=g","caption":"Radiant"},"url":"https:\/\/two.vtiger.com\/blog\/author\/radiant\/"}]}},"_links":{"self":[{"href":"https:\/\/two.vtiger.com\/blog\/wp-json\/wp\/v2\/posts\/232"}],"collection":[{"href":"https:\/\/two.vtiger.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/two.vtiger.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/two.vtiger.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/two.vtiger.com\/blog\/wp-json\/wp\/v2\/comments?post=232"}],"version-history":[{"count":0,"href":"https:\/\/two.vtiger.com\/blog\/wp-json\/wp\/v2\/posts\/232\/revisions"}],"wp:attachment":[{"href":"https:\/\/two.vtiger.com\/blog\/wp-json\/wp\/v2\/media?parent=232"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/two.vtiger.com\/blog\/wp-json\/wp\/v2\/categories?post=232"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/two.vtiger.com\/blog\/wp-json\/wp\/v2\/tags?post=232"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}