Skip to content

Instantly share code, notes, and snippets.

There is nothing good unless you do it.

Lars Moelleken voku

There is nothing good unless you do it.
View GitHub Profile
voku / .fonts.conf
Last active August 29, 2015 14:02 — forked from silv3rm00n/.fonts.conf
fixed some warnings (only one warning left)
View .fonts.conf
<?xml version="1.0"?>
<!DOCTYPE fontconfig SYSTEM "fonts.dtd">
Documented at
To check font mapping run the command at terminal
$ fc-match 'helvetica Neue'
voku / firebug.html
Created June 4, 2014 07:39
use firebug in any browser: Just include this script on the site and you'll get a Firebug console that pops up for debugging in any browser. Not quite as full featured but it's still pretty helpful! Remember to remove it when you are done. DEMO:
View firebug.html
<script type='text/javascript' src=''></script>
<!-- Bookmarklet Code -->
javascript:var firebug=document.createElement('script');firebug.setAttribute('src','');document.body.appendChild(firebug);(function(){if(window.firebug.version){firebug.init();}else{setTimeout(arguments.callee);}})();void(firebug);
voku / no_autocomplete.html
Created June 4, 2014 08:01
turn off autocomplete for input: This would be useful when a text input is one-off and unique. Like a CAPTCHA input, one-time use codes, or for when you have built your own auto-suggest/auto-complete feature and need to turn off the browser default. - DEMO:
View no_autocomplete.html
<input name="test" type="text" autocomplete="off" />
voku / tooltip_acronyms.html
Created June 4, 2014 08:04
tooltips (native) for acronyms - DEMO:
View tooltip_acronyms.html
I love <acronym title="Cascading Style Sheets">CSS</acronym>.
voku / bootstrap_top_navi
Created June 4, 2014 08:41
top-navi for the bootstrap-framework: from array to ul/li - DEMO:
View bootstrap_top_navi
* get the top-navi for the bootstrap-framework (HTML)
* @param $naviArray
* @param $tmpArrayChildOf
* @return string
function getHTMLNaviBootstrap($naviArray, $tmpArrayChildOf)
voku / apple-touch-icon.html
Created June 4, 2014 08:50
iPhone bookmark icon: Place this in your section, and set the href attribute to an image to a 57px x 57px PNG file. - source:
View apple-touch-icon.html
<link rel="apple-touch-icon" href="iphone-icon.png"/>
<!-- Prevents iPhone from adding gloss -->
<link rel="apple-touch-icon-precomposed" href="icon" />
voku / displaying_content_edits.html
Created June 4, 2014 08:55
proper tags for displaying content edits: The proper way to mark up changes to an HTML document, when you wish to retain the old content while displaying the new. The browser defaults are usually a strikeout/cross-through of del, and an underline for ins. - DEMO:
View displaying_content_edits.html
I <del>hate</del> <ins>LOVE</ins> my new iPod nano.
voku / inline_gif.html
Created June 4, 2014 08:59
base64 encode of 1x1px GIF You can stretch it out to fill space as needed. From - DEMO:
View inline_gif.html
<!-- transparent -->
<!-- black -->
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=">
voku / add_html_class_for_IE.html
Created June 4, 2014 09:03
add html class for IE: Now you can write IE specific styles in a regular stylesheet, by prefacing the CSS selectors -
View add_html_class_for_IE.html
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="{{ language }}" itemscope itemtype=""> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="{{ language }}" itemscope itemtype=""> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="{{ language }}" itemscope itemtype=""> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="{{ language }}" itemscope itemtype=""> <!--<![endif]-->
voku / hCard_address.html
Created June 4, 2014 09:12
basic microformatted hCard: A basic address and URL, marked up using Microformats. From - DEMO:
View hCard_address.html
<div id="hcard-Christopher-John-Coyier" class="vcard">
<a class="url fn n" href="">
<span class="given-name">Christopher</span>
<span class="additional-name">John</span>
<span class="family-name">Coyier</span>
<div class="org">CSS-Tricks</div>
<a class="email" href=""></a>
<div class="adr">
<div class="street-address">123 Appleseed Street</div>