Skip to content

Instantly share code, notes, and snippets.

View blaja's full-sized avatar

blaja

8 followers · 37 following
View GitHub Profile
@blaja
blaja / essential-javascript-links.md
Last active August 29, 2015 14:13 — forked from ericelliott/essential-javascript-links.md
@blaja
blaja / gist:0001e11d4721c1dc5289
Last active August 29, 2015 14:24
Articles about going jQuery free & Native DOM stuff & AJAX
@blaja
blaja / gist:3570a66842a5e345c21e
Created July 13, 2015 17:46
J.Resig articles
@blaja
blaja / gist:71310d4031231f25268d
Last active August 29, 2015 14:25
@blaja
blaja / .html
Last active August 29, 2015 14:26
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
<style>
body {height: 100vh;display: flex;align-items: center;justify-content: center;}
/* Button component - works only in FF correctly ATM */
@blaja
blaja / .js
Last active August 29, 2015 14:26
Not worth a look!
// Navigate to different location using different BOM && DOM API-s. Paralysis of choice :) Are there more ways ?
location = 'https://www.google.com/';
location.href = 'https://www.google.com/';
window.location = 'https://www.google.com/';
document.location = 'https://www.google.com/';
window.location.href = 'https://www.google.com/';
@blaja
blaja / .js
Created August 1, 2015 14:34
Fetch some JSON using Fetch API
const request = new Request('https://output.jsbin.com/pasixu.js', {
method: 'GET',
requestMode: 'cors',
});
fetch(request).then(function(response) {
return response.json();
}).then(function(body) {
console.log(body);
}).catch(function(){
@blaja
blaja / .js
Last active August 29, 2015 14:26
Simple way to exclude webkit prefixed props in Chrome using some ES6 features.
// Filter out CSS properties without webkit prefixes in Chrome console
// To find "hidden" properties of an object we need to use Object.getOwnPropertyNames.
Object.getOwnPropertyNames(document.body.style).filter(
property => !property.startsWith('webkit')
);
@blaja
blaja / .js
Created August 2, 2015 15:12
(function () {
'use strict';
return this === undefined; // false
}.call(this));
(function(global){
'use strict';
@blaja
blaja / .js
Created August 4, 2015 11:30
document.getElementById('btn').addEventListener('click', function() {
"use strict";
const evens = Array.from(document.getElementsByClassName('even'));
for(let even of evens) {
even.classList.toggle('bold');
even.nextElementSibling.classList.toggle('italic');
}
});