Skip to content

Instantly share code, notes, and snippets.

View ozknozsrt's full-sized avatar
🚀
Focusing

Özkan ÖZSERT ozknozsrt

🚀
Focusing
View GitHub Profile
@ozknozsrt
ozknozsrt / dropzone.html
Last active February 6, 2017 10:53
Dropzone addClass
<script>
var upload = document.querySelector('.upload');
upload.addEventListener("dragover", function( event ) {
this.classList.add('dragging');
}, false);
upload.addEventListener("drop", function( event ) {
this.classList.remove('dragging');
}, false);
@ozknozsrt
ozknozsrt / Scroll Up-Scroll Down.js
Created February 21, 2017 14:10
Scroll Up - Scroll Down
var lastScrollTop = 0;
$(window).scroll(function(event){
var st = $(this).scrollTop();
if (st > lastScrollTop){
// downscroll code
} else {
// upscroll code
}
lastScrollTop = st;
});
@ozknozsrt
ozknozsrt / custom.js
Created April 17, 2017 22:59
Manipulate Menu Style-1
$(document).ready(function() {
var menu = $("#nav-bar-filter"),
subMenu = $(".subfilter"),
more = $("#more-nav"),
parent = $(".filter-wrapper"),
ww = $(window).width(),
smw = more.outerWidth();
menu.children("li").each(function() {
var w = $(this).outerWidth();
@ozknozsrt
ozknozsrt / custom.js
Created April 17, 2017 23:00
Manipulate Menu Style-2
$().ready(function () {
//we reconstruct menu on window.resize
$(window).on("resize", function (e) {
var parentWidth = $("#nav-bar-filter").parent().width() - 40;
var ulWidth = $("#more-nav").outerWidth();
var menuLi = $("#nav-bar-filter > li");
var liForMoving = new Array();
//take all elements that can't fit parent width to array
menuLi.each(function () {
@ozknozsrt
ozknozsrt / stickymenu.js
Created April 22, 2017 19:49
Stickymenu addClass - removeClass
$(window).scroll(function() {
var scroll = $(window).scrollTop();
if (scroll >= 500) {
$(".clearHeader").addClass("darkHeader");
} else {
$(".clearHeader").removeClass("darkHeader");
}
});
@ozknozsrt
ozknozsrt / My fav reset and responsive css
Created May 12, 2017 16:23
My fav reset and responsive css
@charset "utf-8";
/* CSS Document */
html, form {
width: 100%;
height: 100%;
}
body {
width: 100%;
height: 100%;
margin: 0;
@ozknozsrt
ozknozsrt / chrome extension loop
Created May 16, 2017 09:28
chrome extension loop
var pageDivs = document.getElementsByClassName("extension-title");
var text = "";
for(i = 0; i < pageDivs.length;i++)
{
text += pageDivs[i].textContent + "\r\n";
}
@ozknozsrt
ozknozsrt / webkit-autofill.css
Last active June 23, 2017 08:26
webkit-autofill
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
@ozknozsrt
ozknozsrt / manifest.json
Last active August 6, 2017 12:23
manifest.json for PWA
{
"name": "PWA Title",
"short_name": "PWA Short Name",
"icons": [
{
"src": "pwa.png",
"type": "image/PNG",
"sizes": "144x144"
}
],
@ozknozsrt
ozknozsrt / scrollbottom-element.js
Last active August 6, 2017 12:23
scrollbottom element
elemnt.scrollTop=elemnt.getBoundingClientRect().height;