Skip to content

Instantly share code, notes, and snippets.

Avatar
🎯
Focusing

Netanel Basal NetanelBasal

🎯
Focusing
View GitHub Profile
View index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
<style id="jsbin-css">
label {
display: inline-block;
cursor: pointer;
position: relative;
View gist:450a9d2ff3a1193e9b89
var params = $window.location.search.substring(1);
if(params && $window.opener) {
var pair = params.split('=');
$window.opener.postMessage(pair[1], $window.location.origin);
}
var popup = this.$window.open('auth/facebook', '', 'width=500, height=500');
this.$window.focus();
this.$window.addEventListener('message', (e) => {
@NetanelBasal
NetanelBasal / js
Created Mar 19, 2015
costume drop down
View js
<div class="nb-drop-down">
<button class="nb-main-item">Main Item</button>
<ul class="nb-list">
<li>Item One</li>
<li>Item Two</li>
<li>Item Three</li>
</ul>
</div>
<div style="margin-top:100px;">
@NetanelBasal
NetanelBasal / SassMeister-input-HTML.jade
Created Mar 23, 2015
Generated by SassMeister.com.
View SassMeister-input-HTML.jade
.row
.c-6
h1 hello world
.row
.c-4
h1 inside
.c-6.c-last
h1 right
.c-6.c-last
h1 second hello
@NetanelBasal
NetanelBasal / index
Created Apr 2, 2015
angular slide in out effect
View index
<section ui-view class="view"></section>
View susy grid system.css
.row {
*zoom: 1;
}
.row:before, .row:after {
display: table;
content: '';
line-height: 0;
}
.row:after {
clear: both;
View index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
<div>
<ul>
<li><a href="" class='first'>1</a></li>
View index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
<div>
<ul>
<li><a href="" class='first'>1</a></li>
View element-scroll.js
let p = document.querySelector('p');
let pHeight = parseInt(window.getComputedStyle(p).height) * -1;
// console.log(p.clientHeight )
document.addEventListener('scroll', (e) => {
if(p.getBoundingClientRect().top === 0) {
console.log('arrive to this ele');
}
if(p.getBoundingClientRect().top === pHeight) {
View table borderd.css
body {
margin: 50px;
}
table {
width: 100%;
border-spacing: 0px;
}
th, td {
text-align: left;