Ribbonbar UI is by far the best recreation of the “real” desktop ribbonbar for the web. It is skinnable, fully AJAX driven component that is ready to use on any website. What you can you do with a MS Office like ribbon bar in web environment? Whether use it for navigation, associate it with your [...]
Archive for the ‘Web Development’ Category
Improved URI to JSON Serializer
Posted in JavaScript, json, Tips and Tricks, Tools, Web Development, tagged convert uri to json, uri objectifier, uri serializer, uri to json, uri to object on May 5, 2012 | 1 Comment »
Below is an improved version of the URI to JSON serializer JavaScript class I presented a couple of days ago. What it Does: uriToJSON() is a tiny JavaScript class, using the HTMLAnchorElement interface to convert URI string into a JSON object. The object returned by the function contains hash, host, hostname, parameters key-value map, pathname, port [...]
JavaScript URI to JSON Serializer
Posted in JavaScript, json, Tips and Tricks, Tools, Web Development, tagged convert uri to json, uri objectifier, uri serializer, uri to json, uri to object on May 2, 2012 | 3 Comments »
Here is a small cross-browser JavaScript class, which is using the HTMLAnchorElement interface to convert URI string into a serialized JSON object. The JSON object returned by the function contains hash, host, hostname, key-value array map of get parameters, pathname, port and protocol and the uri itself. uriToJSON() works with all major browsers (Firefox, Chrome, Safari, [...]
New website for Acid.JS Web UI
Posted in Cool Websites, News, Thoughts, UX, Web Development, tagged acid.js on August 22, 2011 |
I am happy to announce that the new website for the Acid.JS Web UI toolkit is already up and running with new design, improved accessibility, better user experience and loads of new and cool features. Here are some of the highlights: The Personal Bar at the top of each page allows you to: Use Google [...]
Creating a Web 2.0 Button with CSS3 and Minimal Markup
Posted in CSS, CSS Hacks, CSS3, Tips and Tricks, Web Development, tagged css after, css before, css3 generated content, css3 gradients, css3 multiple backgrounds on November 30, 2010 | 18 Comments »
The beauty of CSS3 is not just in the fancy effects, but also in the numerous ways it provides for styling your semantic, up to the point and concise markup. The solution below demonstrates how to create a imageless navigation bar with CSS3 gradients and shadows, and even apply icons by using generated content via the :before [...]
Using RGBA to Prevent the CSS Opacity Inheritance from Parent to Child Elements
Posted in CSS, CSS Hacks, CSS3, Tips and Tricks, Web Development, tagged cancel transparency propagation, control the alpha opacity filter in internet explorer, control the propagation of alpha opacity filter in inte, crossbrowser css rgba setting, crossbrowser rgba, css filters, css opacity, inheritance of opacity in html elements, override opacity, override transparency, rgba css3, rgba for internet explorer, stop opacity inheritance, stop opacity propagation on November 21, 2010 | 6 Comments »
This article is a follow up of another article of mine dealing with the same problem which was written two years earlier. Now, in the light of the increased support for CSS3 the solution I will offer is already fully supported by all major browsers. The new solution deals with RGBA CSS3 backgrounds for Mozilla FireFox, Google Chrome, [...]