$('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()
Jelmer jelmerdemaat
jelmerdemaat
/ customizr-modernizr.js
Created
March 8, 2020 13:27
Customizr build Modernizr v3.9.1 - test for adding classes when testing input types
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /*! | |
| * modernizr v3.9.1 | |
| * Build https://modernizr.com/download?-inputtypes-setclasses-dontmin | |
| * | |
| * Copyright (c) | |
| * Faruk Ates | |
| * Paul Irish | |
| * Alex Sexton | |
| * Ryan Seddon | |
| * Patrick Kettner |
jelmerdemaat
/ _media-query-order.scss
Created
October 8, 2019 12:51
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| html::before, | |
| html::after { | |
| display: none; | |
| } | |
| html::before { | |
| content: to-string($breakpoints); | |
| } | |
| html::after { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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() .scrollTop()
jelmerdemaat
/ easing.js
Created
June 17, 2016 10:27
— forked from gre/easing.js
Simple Easing Functions in Javascript - see https://github.com/gre/bezier-easing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| * 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 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <p> | |
| <strong>Bold</strong> | |
| <strong>Bold</strong> | |
| </p> | |
| <p> | |
| <em>Italic</em> | |
| <em>Italic</em> | |
| </p> |
jelmerdemaat
/ resolution-switching.html
Created
February 15, 2016 22:27
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <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"> |
jelmerdemaat
/ voorbeeld.json
Created
December 11, 2015 11:06
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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.
NewerOlder