$('elementnaam')
.closest() > https://developer.mozilla.org/en-US/docs/Web/API/Element/closest
.parent() > https://developer.mozilla.org/nl/docs/Web/API/ParentNode
.addClass, .removeClass, .hasClass
.ajax()
/*! | |
* modernizr v3.9.1 | |
* Build https://modernizr.com/download?-inputtypes-setclasses-dontmin | |
* | |
* Copyright (c) | |
* Faruk Ates | |
* Paul Irish | |
* Alex Sexton | |
* Ryan Seddon | |
* Patrick Kettner |
html::before, | |
html::after { | |
display: none; | |
} | |
html::before { | |
content: to-string($breakpoints); | |
} | |
html::after { |
self.addEventListener('install', function(event) { | |
event.waitUntil( | |
caches.open('sw-v1').then(function(cache) { | |
return cache.addAll([ | |
'./', | |
'style.css', | |
'main.js' | |
]); | |
}) | |
); |
$('elementnaam')
.closest() > https://developer.mozilla.org/en-US/docs/Web/API/Element/closest
.parent() > https://developer.mozilla.org/nl/docs/Web/API/ParentNode
.addClass, .removeClass, .hasClass
.ajax()
$('elementnaam') .closest() > https://developer.mozilla.org/en-US/docs/Web/API/Element/closest .parent() > https://developer.mozilla.org/nl/docs/Web/API/ParentNode .addClass, .removeClass, .hasClass .ajax() .scrollTop()
/* | |
* Easing Functions - inspired from http://gizma.com/easing/ | |
* only considering the t value for the range [0, 1] => [0, 1] | |
*/ | |
EasingFunctions = { | |
// no easing, no acceleration | |
linear: function (t) { return t }, | |
// accelerating from zero velocity | |
easeInQuad: function (t) { return t*t }, | |
// decelerating to zero velocity |
<p> | |
<strong>Bold</strong> | |
<strong>Bold</strong> | |
</p> | |
<p> | |
<em>Italic</em> | |
<em>Italic</em> | |
</p> |
<img | |
src="my-cat.jpg" | |
srcset="my-cat-1-5x.jpg 1.5x, my-cat-2x.jpg 2x, my-cat-3x.jpg 3x" | |
alt="My cat in the garden"> |
events: [ | |
{ | |
day: 5, | |
month: "december", | |
events: [ | |
{ | |
title: "Sinterklaas", | |
metadata: "Leuk feestje bij Netvlies ter onvangst van de Sint" | |
}, | |
{ |
Below are my Four Truths ©, derived from the front-end work I've done in the past years. Although presented as “facts”, I recognize the need for (differences in) interpretation and perspective. Please share your comments if you have them.
All web pages are by default responsive.
Breaking that is a choice. Example: http://motherfuckingwebsite.com/
Actually, it's strange that “responsive” is the different one. Normal websites are responsive. It's the ones that aren't that should be called non-responsive, or “fixed”. For example, when talking about it in sales.