45 Fresh Useful JavaScript and jQuery Techniques and Tools Advertisement Yes, this is another round-up of fresh and useful Javascript techniques, tools and resources. But don’t close the tab yet, as you might find this one very useful. In this selection we present calendars, forms, buttons, navigation, debugging, optimization and compatibility tables as well as handy resources and tools. The last section also covers a number of useful educational resources such as a compilation of useful JavaScript coding practices, a detailed comparison of JavaScript frameworks and general JavaScript programming conventions. You may be interested in the following related posts: Calendars and Timelines jDigiClock – Digital Clock (HTC Hero inspired)4 jDigiClock is a jQuery plugin inspired from HTC Hero Clock Widget. jQuery Sliding Clock v1.15 jQuery transpearant Slider clock with CSS sprites. JavaScript Debugging and Validation Tools Venkman JavaScript Debugger project page7 Venkman is the code name for Mozilla’s JavaScript Debugger. Forms, Buttons & Navigation Flip!
QuoJS - Micro JavaScript Library Highslide JS - JavaScript thumbnail viewer Response JS: mobile-first responsive design in HTML5. Grunt: The JavaScript Task Runner MontageJS - HTML5 framework AngularUI for AngularJS Yeoman - Modern workflows for modern webapps Angular directives for Twitter's Bootstrap The $uibPosition service provides a set of DOM utilities used internally to absolute-position an element in relation to another element (tooltips, popovers, typeaheads etc...). getRawNode(element) Takes a jQuery/jqLite element and converts it to a raw DOM element. parameters element(Type: object) - The element to convert. returns (Type: element) - A raw DOM element. parseStyle(element) Parses a numeric style value to a number. value(Type: string) - The style value to parse. (Type: number) - The numeric value of the style property. offsetParent(element) Gets the closest positioned ancestor. element(Type: element) - The element to get the offset parent for. (Type: element) - The closest positioned ancestor. scrollbarWidth(isBody) Calculates the browser scrollbar width and caches the result for future calls. isBody(Type: boolean, Default: false, optional) - Is the requested scrollbar width for the body/html element. (Type: number) - The width of the browser scrollbar. position(element, includeMargins)