Skip to content

Instantly share code, notes, and snippets.

View voku's full-sized avatar
:octocat:
There is nothing good unless you do it.

Lars Moelleken voku

:octocat:
There is nothing good unless you do it.
422 followers · 218 following
View GitHub Profile
@voku
voku / .fonts.conf
Last active August 29, 2015 14:02 — forked from silv3rm00n/.fonts.conf
fixed some warnings (only one warning left)
<?xml version="1.0"?>
<!DOCTYPE fontconfig SYSTEM "fonts.dtd">
<fontconfig>
<!--
Documented at
http://linux.die.net/man/5/fonts-conf
To check font mapping run the command at terminal
$ fc-match 'helvetica Neue'
@voku
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: http://jsfiddle.net/voku/Pwe3H/
<script type='text/javascript' src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script>
<!-- Bookmarklet Code -->
<script>
javascript:var firebug=document.createElement('script');firebug.setAttribute('src','http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js');document.body.appendChild(firebug);(function(){if(window.firebug.version){firebug.init();}else{setTimeout(arguments.callee);}})();void(firebug);
</script>
@voku
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: http://jsfiddle.net/voku/PdQMQ/
<input name="test" type="text" autocomplete="off" />
@voku
voku / tooltip_acronyms.html
Created June 4, 2014 08:04
tooltips (native) for acronyms - DEMO: http://jsfiddle.net/voku/nuJU3/
I love <acronym title="Cascading Style Sheets">CSS</acronym>.
@voku
voku / bootstrap_top_navi
Created June 4, 2014 08:41
top-navi for the bootstrap-framework: from array to ul/li - DEMO: http://ideone.com/9udES5
/**
* get the top-navi for the bootstrap-framework (HTML)
*
* @param $naviArray
* @param $tmpArrayChildOf
*
* @return string
*/
function getHTMLNaviBootstrap($naviArray, $tmpArrayChildOf)
{
@voku
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: http://snippetlib.com/html/set_iPhone_bookmark_icon
<link rel="apple-touch-icon" href="iphone-icon.png"/>
<!-- Prevents iPhone from adding gloss -->
<link rel="apple-touch-icon-precomposed" href="icon" />
@voku
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: http://jsfiddle.net/voku/LwgyM/
I <del>hate</del> <ins>LOVE</ins> my new iPod nano.
@voku
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 http://snippetlib.com/html/base64_encode_of_1x1px_GIF - DEMO: http://jsfiddle.net/voku/6J8Fk/
<!-- transparent -->
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7">
<!-- black -->
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=">
@voku
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 - http://css-tricks.com/how-to-create-an-ie-only-stylesheet/
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="{{ language }}" itemscope itemtype="http://schema.org/WebPage"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="{{ language }}" itemscope itemtype="http://schema.org/WebPage"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="{{ language }}" itemscope itemtype="http://schema.org/WebPage"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="{{ language }}" itemscope itemtype="http://schema.org/WebPage"> <!--<![endif]-->
@voku
voku / hCard_address.html
Created June 4, 2014 09:12
basic microformatted hCard: A basic address and URL, marked up using Microformats. From http://snippetlib.com/html/basic_microformatted_hCard - DEMO: http://jsfiddle.net/voku/RLFeG/
<div id="hcard-Christopher-John-Coyier" class="vcard">
<a class="url fn n" href="http://chriscoyier.net">
<span class="given-name">Christopher</span>
<span class="additional-name">John</span>
<span class="family-name">Coyier</span>
</a>
<div class="org">CSS-Tricks</div>
<a class="email" href="mailto:chriscoyier@gmail.com">chriscoyier@gmail.com</a>
<div class="adr">
<div class="street-address">123 Appleseed Street</div>