Skip to content

Instantly share code, notes, and snippets.

View webketje's full-sized avatar
🏠
Working from home

Kevin Van Lierde webketje

🏠
Working from home
View GitHub Profile
@webketje
webketje / index.html
Created May 20, 2015 23:15
CKEditor Toolbar code generator
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CKEditor Toolbar builder</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.3.0/knockout-min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<style>
body { font-family: sans-serif; font-size: 14px; padding: 0; margin: 0;}
#statusbar { position: absolute; right: 0; background: white; padding: 5px; width: 200px; border: 1px solid #c0c0c0; border-top-width: 0; border-right-width: 0; border-bottom-left-radius: 3px; height: 1em; top: 0;}
@webketje
webketje / readme.md
Last active February 20, 2024 10:15
JS Simple Image Expand

##JS Simple Image Expand

A simple Javascript plugin that shows an image in full size on click, and should be compatible up to IE6.

####Basic usage: In the <head> tag, include:

<script type="text/javascript" src="your/path/to/simple-image-zoom.min.js"></script>

Before the closing </body> tag, include:

@webketje
webketje / index.md
Last active August 29, 2015 14:03
Blogpost on MicroData Steroids
<article itemtype="http://schema.org/BlogPosting" itemscope>
  <header>
    <a class="permalink" href="http://this-page.html" itemprop="url">
      <h1 itemprop="headline">Title</h1>
    </a>
    <h2 itemprop="alternativeHeadline">Subtitle</h2>
    <p> Posted on <time itemprop="datePublished" datetime="YY-MM-DD">D MMMM YYYY</time>. 
      <!-- if an edit has been made -->
      Last updated on <time itemprop="dateModified" datetime="YY-MM-DD">D MMMM YYYY</time>.