Skip to content

Instantly share code, notes, and snippets.

View koentjuh1's full-sized avatar

koentjuh1

1 follower · 1 following
View GitHub Profile
@koentjuh1
koentjuh1 / owl-carousel 2.0 custom navigation.html
Last active August 30, 2016 11:06
owl-carousel 2.0 custom navigation
@koentjuh1
koentjuh1 / jQuery Masonry.html
Last active November 4, 2015 09:18
jQuery Masonry aangepast
<div id="container">
<article class="col-sm-4 blog-article item">
<div class="b-inner">
<h3 class="b-title">Titel 1</h3>
<a href="/" class="btn btn-default">Lees het volledige artikel</a>
</div>
</article>
<article class="col-sm-4 blog-article item">
<div class="b-inner">
<h3 class="b-title">Title 2</h3>
@koentjuh1
koentjuh1 / grayscale.md
Last active August 30, 2016 11:27
grayscale
@koentjuh1
koentjuh1 / Custom menu.html
Last active October 7, 2016 15:36
Custom menu
<header class="header">
<div class="container">
<a href="javascript:void(0)" class="menu-toggle">
<span class="icon-bar top-icon-bar"></span>
<span class="icon-bar mid-icon-bar"></span>
<span class="icon-bar bot-icon-bar"></span>
</a>
<nav class="menu-block">
<ul>
<li class="active"><a href="/">Menu item</a></li>
@koentjuh1
koentjuh1 / Jquery: Refresh page when windows size change.js
Created March 2, 2016 16:58
Jquery: Refresh page when windows size change
jQuery(function($){
var windowWidth = $(window).width();
$(window).resize(function() {
if(windowWidth != $(window).width()){
location.reload();
return;
}
});
});
@koentjuh1
koentjuh1 / jQuery if window width is between.js
Created March 14, 2016 11:26
jQuery if window width is between
$(document).ready(function(){
if ( $(window).width() > 480 && $(window).width() < 768) {
} else{
}
});
@koentjuh1
koentjuh1 / smooth-scroll-to-section.html
Created August 3, 2016 17:18
<html lang="nl-NL" id="top">
<div class="back-to-top">
<a href="#top" class="btn-top"><i class="fa fa-angle-up"></i></a>
</div>
</html>
@koentjuh1
koentjuh1 / Tutorials.txt
Last active August 8, 2016 12:19
Tutorials
HTML5 Semantic:
Download extention google chrome: HTML5 outliner
Tutorial:
https://webdesign.tutsplus.com/courses/semantic-html-how-to-structure-web-pages?ec_promo=learning_roundup
-------------------------------------------------------------------------------------------------------------
Solid HTML form structure:
Tutorial:
https://webdesign.tutsplus.com/courses/solid-html-form-structure
@koentjuh1
koentjuh1 / Dropdown button bootstrap.html
Last active September 1, 2016 06:58
Dropdown button bootstrap
<div class="dropdown">
<a id="dropdownKnop" class="btn btn-default" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dropdown knop met klik
</a>
<ul class="dropdown-menu" aria-labelledby="dropdownKnop">
<li><a href="/">item 1</a></li>
<li><a href="/">item 2</a></li>
<li><a href="/">item 3</a></li>
<li><a href="/">item 4</a></li>
<li><a href="/">item 5</a></li>
@koentjuh1
koentjuh1 / item list line.js
Created August 30, 2016 09:15
product list line
$(".item-list .item").each( function (index) {
index += 1;
// als er 4 items zijn voeg html toe.
if(index % 4 === 0) {
$(this).after('<div class="col-xs-12 line line-3"></div>');
}
// als er 3 items zijn voeg html toe.
if(index % 3 === 0) {