When it comes to manipulating large tables or data grids, we as UX designers are often stuck here, unsure and clueless. Typically, we start reusing these table-header tools we know from Excel or intranets or many other old-school database desktop applications. Maybe we try to improve them somehow, maybe we try to use them in […]
Published Articles
-
UX Large tables filtering using presets
-
Webdesign Viewport Size at 1024×768 Resolution
I’ve measured the exact viewport size in fullscreen window at 1024×768 screen resolution in OS Windows browsers. The results [in pixels] follow: Windows XP Browser Maximized window Fullscreen mode IE 7 1003×619 1007×745 Firefox 3.5 1024×576 1024×762 Opera 9 1023×599 1024×768 Chrome 3 1024×675 1024×768 Windows 7 IE 8 1020×583 1024×745 Firefox 3.5 1024×573 1024×762 […]
-
CSS, JavaScript JESS: Easy Box Styling
This is a technology preview of the styledBox module of the JESS framework I develop. This module uses ideas of the CSS3 Background and Borders specification, and it allows to use sophisticated box backgrounds and borders by just setting a class within the HTML code. This makes the JESS framework the easiest way to create resizable […]
-
Utilities New Color Scheme Designer!
The Color Scheme Designer application is available in brand new version and also has been moved to its own domain: http://ColorSchemeDesigner.com.
-
JavaScript jQuery.onFontResize event
The jQuery.onFontResize plugin adds the fontresize event to the document. Customized handler can be bound to it. // Example: jQuery(document).bind(‚fontresize‘, function() { somethingImportantToDo_when_FontSizeChanges(); }); This may be useful when positioned elements should be adjusted if user selects bigger/smaller font, when elements are aligned to the same heights etc. See plugin source code or the example and its […]
-
JavaScript jQuery.reclick Plugin
The jQuery.reclick plugin provides two actions: jQuery(elements).storeclick(aCookieName) – this binds a handler to the click event. When the element is clicked, its ID is stored in a cookie `aCookieName ` jQuery.reclick(aCookieName) – if this is called, the element of the stored ID is clicked. This may be useful e.g. to keep selected tabs or other clickable settings between pages. […]
-
JavaScript jQuery.debug – A Simple Debugger
The jQuery.debug plugin is a simple but useful utility to dump variables visibly, directly within the HTML document. This allows you to track any variable any time, track values changed by events etc. If the plugin is linked, a function jQuery.debug() can be used as the constructor of a single debugger. You may use simultaneously as […]
-
JavaScript StyleSelect (jQuery Plugin)
The select element cannot be styled using CSS. Different platforms and diferent browsers show this element in very different ways; some properties can be sometimes modified, some can’t. This is why it shouldn’t be styled at all. But sometimes a specific design of the select element is needed, and jQuery can help in this case. There […]