View stars.html
.stars-sup {
font-size: 75%;
position: relative;
top: -6px;
left: 6px;
<ul class="used-technologies">
<li>Design UX<span class="stars-sup" data-stars="4"></span></li>
View css2json.js
//converts a css string to json
var css2json = function(str){
return str
.replace(/(\w*:)/g, '$1"') //create json format
.replace(/[;]/g, '";')
.replace(/(\'{2,})/g, '"')
.replace(/;/g, ',')
.replace(/(['"])?([a-zA-Z0-9_-]+)(['"])?:/g, '"$2": ')
View moneyformat.js
//, 2015
var thousandSeparator = ',';
var inputNumber = 234234;
var fixedLength = 2
View global-scope-finding-setting.js
"use strict";
var globalScope;
try {
globalScope = Function('return this')();
//extend else-if cases for other globalObject-names as needed...
if(this && this.hasOwnProperty && this.hasOwnProperty('window')){
globalScope = window;
View left-flexible-right-fixed.css
/*, 2015 */
.left-flexible-right-fixed .container {
height: auto;
overflow: hidden;
.left-flexible-right-fixed .left-inner{
width: 100%;
.left-flexible-right-fixed .right {
width: 180px;
View html-hex-color-name-aliases.js
var htmlColorsMap = (function(scope){
var htmlColorsMap = {};
var _colorAliases = [
'#F0F8FF aliceblue'
, '#FAEBD7 antiquewhite'
, '#00FFFF aqua'
, '#7FFFD4 aquamarine'
, '#F0FFFF azure'
, '#F5F5DC beige'
, '#FFE4C4 bisque'
View exception_handler.js
* lsauer, 2013
* Lean handler for exception reporting; stdout is set by default to console.log
* @param {exc} exc an Exception instance of Error, containing a message and stack property
* @param {exc} stdOut A variadic function for error reporting. By default: console.log
* @return undefined
var exceptionHandler = function(exc, stdOut){
var stdOut = stdOut || function() { console.log.apply(console, arguments) };
if(stdOut instanceof Function){
View a-invoke-a-bound-function-a-fixed-number-of-times-intervalCallNtimes.js
//, 2012 lo sauer
//description: intervalCallNtimes; counter after nth time clearinterval; bind a function to a certain scope using 'intervalCall'
//requires: intervalCall, see:
//@param fntimes: an integer-Number or function to control the number of invocations of the callback-counter-function:'fntimes'
// fntimes is passed an integer Number-counter, starting at 1;
//@param fn: the function to be invoked
//@param tm: timeout in milliseconds
//@param scope: scope in which the function should be invoked
//-> examples are provided below
function intervalCallNtimes(fntimes, fn, tm, scope){
View simulate-trigger-keyboard-key-events.js
//, 2012; rev. 2014 by lo sauer
//see also:
//description: trigger handlers attached to DOM elements, which listen to the type 'KeyboardEvent'
//@param s: A single keyboard-character passed as a string e.g. "\n", "a",...
//[@param fncb]:callback function which is passed a boolean event-state (OK=true/Cancelled=false)
var doKeyEvent = function(s /*single char*/, fncb /*callback function, with handler state*/) {
var evt = document.createEvent('KeyboardEvent');
evt.initKeyEvent ('keypress', true, true, window,0, 0, 0, 0, 0, s.charCodeAt(0))
var cncld = !document.getElementsByTagName('body')[0].dispatchEvent(evt);
View a-transform-change-switch-tag.js
//, 2012; rev. 2014 by lo sauer
//description: transformTag fully replaces a node by a different Tag, and re-attaches all children to the newly formed Tag
// Any desired EventHandlers must be re-attached manually
//@param tagIdOrElem: an HTMLElement Id-Name or an instance of any HTMLElement
//[@param tagType]: the HTML Tag Type. Default is 'span' (HTMLSpanElement)
function transformTag(tagIdOrElem, tagType){
var elem = (tagIdOrElem instanceof HTMLElement) ? tagIdOrElem : document.getElementById(tagIdOrElem);
if(!elem || !(elem instanceof HTMLElement))return;
var children = elem.childNodes;