Solutions for Real World Frontend Problems.
Tabs are used to show data of same context. Below we will discuss how to create Tab’s using simple HTML CSS and Javascript and then we will discuss a behavior users demanded from these Tabs and how we applied “Fragement Identifier Pattern” a frontend design pattern to modify the functionality. You can skip the code if you are just interested in understanding the design […]
Our Intranet Project uses Megaflyout for displaying our site Navigation which was suggested as a better replacement of simple drop-down menus. The benefits of using megaflyouts are well described in jacob nielsen’s article http://www.useit.com/alertbox/mega-dropdown-menus.html The article talks about speed considerations in megaflyout as: Don’t make response time too fast, though: the mouse should remain stationary […]
This year we released our much-awaited Intranet Project. We had engaged the best Usability Consultants to provide us with designs and believe me they had done a pretty good job. But one of the usability feedback that we received was the “Where is My Home?” link. People tend to use the “Home” link as their […]
Our web design consultants provided us the static pages for one of our projects. It consisted of HTML CSS and Image files. We had to use these pages to create dynamic Intranet site. We started writing logics around the layout and converting the static site into a dynamic one. We had then a scheduled meeting […]
1. TinyMCE We wanted our users to contribute web content and found tinyMCE as tool of our need. .TinyMCE is a javascript tool which provides an easy to integrate WYSIWYG editor. It can be integrate into content management systems for providing users ability to contribute web content. A simple example of tinyMCE integration is 1. […]
1. Firebug Detailed info of what is Firebug can already be found at http://getfirebug.com/whatisfirebug but some of the features i enjoy the most are: Javascript debugging: Javascript debugging has never been so easy as its with firebug you can add breakpoints. Do line-by-line debugging of code. Javascript Logging: Firebug provides a console object. So whenever […]