Beste zangers en zangeressen,

Cantiamo repeteert elke maandag, maar niet op feestdagen en in schoolvakanties en ook niet in juli en augustus. De komende weken komen er nogal wat maandagen aan die uitvallen.

  • 17 april 2e paasdag
  • 24 april “meivakantie”
  • 5 juni 2e pinksterdag

Wanneer er veel mensen niet op 1 mei kunnen, of als Coert niet kan laten we 1 mei ook uitvallen. Laat me weten als je 1 mei verhinderd bent, dan kunnen we daar 10 april nog duidelijkheid over geven.

Uitval komende weken

Beste zangers en zangeressen,

Cantiamo repeteert elke maandag, maar niet op feestdagen en in schoolvakanties en ook niet in juli en augustus. De komende weken komen er nogal wat maandagen aan die uitvallen.

  • 17 april 2e paasdag
  • 24 april “meivakantie”
  • 5 juni 2e pinksterdag

Wanneer er veel mensen niet op 1 mei kunnen, of als Coert niet kan laten we 1 mei ook uitvallen. Laat me weten als je 1 mei verhinderd bent, dan kunnen we daar 10 april nog duidelijkheid over geven.

Suri: Stylesheet (style.css)

* 10.1 Header

.site-header {
margin-bottom: 26px;
border-bottom: 1px solid #e6e6e6;
background-color: #DD9933;

.header-items {
text-align: center;

.custom-logo-link {
line-height: 0;
display: inline-block;

.custom-logo-link:focus {
border-bottom: none;

Canon LV-S3 Projector Specifications

MSRP:  $1,299
Street Price**
Warranty:  3 Years
Status:  Out of Production
First Ship:  Nov 2003
Last Ship:  Mar 2006
Product Sheet
Projection Calculator
Brightness: 1,250 ANSI lumens
Color Light Output: **
Contrast: 300:1
Auto Iris: No
Native Resolution: 800×600
Aspect Ratio: 4:3 (SVGA)
Video Modes: 720p, 1080i, 1035i
575i, 480p, 480i
Data Modes: MAX 1280×1024
Max Power: **
Voltage: 100V – 240V
Size: 8 x 28 x 21
Weight: 2.2 kg
Lamp Life: **
Lamp Type: UHP
Lamp Wattage: 160 Watts
Lamp Quantity: 1
Display Type: 1 cm 3 LCD
Standard Zoom Lens: 1.20:1
Standard Lens Focus: Manual
Optional Lenses: No
Lens Shift: **
Throw Dist : 1.3 – 6.5
Image Size 86 – 508
Throw Ratio: 1.59:1 – 1.89:1
Audible Noise: 32.0 dB
Speakers: Mono
Digital Zoom: No
Digital Keystone: Vertical

Copy naar clipboard

Code in “OH Add Script Header Footer” – Plugin:

Hide Generic header script:  aanvinken

<button type="button" id="copy-button" data-clipboard-target="#copy">Copy</button>
new Clipboard('#copy-button');

In de tekst van de WordPress:

MB rek <input id="post-shortlink" type="text" value="170768406" />
<button id="copy-button" class="button" data-clipboard-target="#post-shortlink">Copy</button>

Copy to Clipboard” Made Easy with Clipboard.js

Copy to Clipboard” Made Easy with Clipboard.js

On any given web page it’s not uncommon to copy a piece of text, such as a paragraph, code snippet, or a URL. And to do so, users first have to select the text, then use either the menu in the browser (the contextual menu) or keyboard shortcut to copy the selected content.

However, as far as UX is concerned, we can streamline the process if it’s likely to happen often. In Github, for example, there’s a button to copy the repository URL.

Thanks Github
Thanks Github

In, you will find a similar one to copy the short URL. This button is really handy for users to copy a piece of content that is expressly meant to be copied.

Thanks Bitly

Owing to browser restrictions, adding such functionality used to be a real hassle. Most developers had to resort to a library dependant on Flash, like Clippy, for example. Fortunately now we have a JavaScript library that allows us to implement it much more easily. It’s called Clipboard.js, and in this beginner’s tutorial I’ll teach you how to effectively deploy it.

To install Clipboard.js to your web project, download the file, place it in a suitable folder within your website directories, and link it in the document. Alternately, we can load it from the hosted file in CDN, so add this to the bottom of your HTML page:

Now we need two elements in our document. First is the target which holds the content we want to copy. The target element could be, for example, an input (with an ID) containing a short URL:

The second element is the trigger. This element, in our case, is a button. The trigger element must use the data attribute data-clipboard-target, whose value points to the target element through its ID:

Once these elements are in place, turn Clipboard.js on by adding this within script tags, or in a separate JavaScript file:

Bingo! We should now be able to copy the shortened URL in the input element by clicking on the button.

In some cases, adding an ID, class and the data-* attribute to the target elements of our content is not feasible — something that could happen when dealing with lots of legacy content as well as multiple target elements.

As an example, let’s say we have a website whose content comprises paragraphs and a number of code snippets. We’ll use PrismJS, a fantastic library to display code with properly highlighted syntax. PrismJS does not come with the “copy” utility, so we’ve decided to do that with Clipboard.js. But, the problem is, we have hundred of pages throughout our website with that kind of content.

This is where the Clipboard.js APIs come into play.

Clipboard.js presents a couple of events, success and error, which respectively allow us to identify whether it has effectively copied the content, or failed. The error would likely occur in Safari as it does not support the copy/cut command from the execCommand method that Clipboard.js relies upon.

Furthermore, these events also return the following Properties:

  • action: return the action we aim at the target element. This will return either copy or cut
  • text: only returned upon the success event. It returns the text that has been copied or cut from the target element.
  • trigger: returns the element which triggered the copy or the cut action.

These APIs enable us to implement Clipboard.js into our content without directly modifying its wrapping elements. In our case, we can use them to add the “copy” utility to the code snippets in our legacy content.

At this point, we should have PrismJS already setup (download the files to your project folder, reference the JavaScript in your document). In our page markup, each of the code snippets is wrapped in a pre and code element with a language-{name} class name. In this example we’re using LESS code, so we have it added with the class language-less, as follows:

We now have to include a button in each pre element to copy the respective code. To begin with, we get all the pre tags within the content by selecting them using the getElementsByTagName method.

We most likely have two or more pre tags within the content, so we need to loop through each the pre we’ve selected.

Within the for loop, add the following lines to include the button.

Let’s recap the code. We first validate whether we have a code element added with the language- prefixed class. If that’s not the case, we won’t include the button.

So we add the button in the pre element. Each button is set with a class,copy-button, and “Copy” text, as shown below:

It should now be visible in each code snippet:

Button is added in the code snippet

Now we run Clipboard, so each button copies the code by setting the targetelement to the previous element relative to the trigger, .copy-button. In our case, this element is the code.

We now have the button functioning. As you click the button, it should copy the code snippet. But let’s go a little bit further by working with the custom events.

Let’s imagine we want to make the copy experience more interactive for our users. As the user has clicked the button, and it has successfully copied the code, we would like to change the button text from “Copy” to “Copied”. To do so, add the following:

The above code does three things:

  • First, we clear selection within the area of the copied content using the clearSelection() utility function from Clipboard. Adding this is optional.
  • Then we set the content to “Copied”
  • Lastly, we revert it back to “Copy” after two seconds.

In case of an error where execCommand is not supported, like in Safari (at the time of writing), we change the the button text to ‘Press “Ctrl + C” to copy’ instead. Add the following code:

That’s it! We now have a fully functioning and interactive copy button. The remaining task we have here is to style the button, but I will leave that entirely up to you.

Clipboard.js is a handy JavaScript library that has make adding the copy utility to web pages much less complicated. In this tutorial, we looked into the basics, then some advanced stuff with the exposed APIs and the custom events.

Clipboard.js relies on Selection and the execCommand so it will only work in browsers where these two methods are supported: Chrome 42, Firefox 41, Internet Explorer 9, and Opera 9. As mentioned, Safari users are currently out of luck.

Finally, I hope you enjoyed the tutorial and don’t forget the demo


Bit Che is een freeware programma waarmee snel op meer dan 60 torrentsites tegelijkertijd gezocht kan worden naar torrents om gratis te downloaden. Zo doorzoekt het programma openbare torrentsites zoals,, en, maar ook torrents op sites waarvoor registratie is vereist zoals BitNation, Demonoid, en

Het programma is zeer eenvoudig opgebouwd, het bestaat uit een zoekveld met daaronder een overzicht van de gevonden zoekresultaten. Vervolgens kunt u dit bestand direct downloaden of ervoor kiezen om eerst de site die het bestand aanbiedt te bezoeken.

Website van de makers van Bit Che

website van Bit Che direct naar Bit Che download pagina

Easy Responsive Tabs

Tab bladen en hun kleuren.

  • Tab color  :              rood: #dd3333       tab color
  • Active  tab color:  oranje: #dd9933
  • Tab hover color:   geel: #eeee22
  • Tab heading color:              groen: #81d742
  • Active tab heading color : blauw: #1e73be
  • Kolom kleur:                          paars: #8224e3


  • Tab 1 content goes here.
  • Tab 2 content goes here.
  • Tab 3 content goes here.
  • Tab 4 content goes here.
  • tabcolor=”#dd3333″
  • tabheadcolor=”#81d742″
  • seltabcolor=”#dd9933″
  • seltabheadcolor=”#1e73be”
  • tabhovercolor=”#eeee22″
  • contentcolor=”#8224e3″]

plaatje 725 x 460

plaatje nu 300

verhouding op schaal: 284 x 184
is                                         790 x 512 => 855 x 577 ==> 790 x 577

Plus 65 extra bij 10 en 15 rand maken.
790 minus is: 725
512 minus is: 457
525 minus is: 460

725 x 460 plaatje maat voor rand maken.