Skip to content

Instantly share code, notes, and snippets.

View lolikroli's full-sized avatar

Gleb lolikroli

1 follower · 0 following
View GitHub Profile
@lolikroli
lolikroli / div_scrolling
Created January 24, 2014 12:05
Script that allows scrolling of divs to top, or fading img, or many other implementations . //demo http://jsfiddle.net/vaibviad/JqU2T/8/
$(document).ready(function () {
var divs = $('.mydiv');
var dir = 'up'; // wheel scroll direction
var div = 0; // current div
$(document.body).on('DOMMouseScroll mousewheel', function (e) {
if (e.originalEvent.detail > 0 || e.originalEvent.wheelDelta < 0) {
dir = 'down';
} else {
dir = 'up';
}
@lolikroli
lolikroli / DOMquerying
Created January 22, 2014 11:02
A tiny JavaScript library for ourselves for simple DOM querying. //http://blog.adtile.me/2014/01/16/a-dive-into-plain-javascript/?utm_source=dlvr.it&utm_medium=facebook
var $ = document.querySelectorAll.bind(document);
Element.prototype.on = Element.prototype.addEventListener;
$('#somelink')[0].on('touchstart', handleTouch);
@lolikroli
lolikroli / smartresize
Created January 8, 2014 15:43
debouncing function from John Hann http://unscriptable.com/index.php/2009/03/20/debouncing-javascript-methods/ first seen at responsive photoset tutorial https://medium.com/coding-design/7742e6f93d9e http://codepen.io/terrymun/pen/GsJli
(function($,sr){
// debouncing function from John Hann
// http://unscriptable.com/index.php/2009/03/20/debouncing-javascript-methods/
var debounce = function (func, threshold, execAsap) {
var timeout;
return function debounced () {
var obj = this, args = arguments;
function delayed () {
@lolikroli
lolikroli / el_height_width.js
Last active December 30, 2015 17:59
Get height and width of an element. From http://stackoverflow.com/questions/526347/css-javascript-how-do-you-get-the-rendered-height-of-an-element The same properties for width.
var h = document.getElementById('someDiv').clientHeight;//includes the height and vertical padding.
var h = document.getElementById('someDiv').offsetHeight;//includes the height, vertical padding, and vertical borders.
var h = document.getElementById('someDiv').scrollHeight;//includes the height of the contained document (would be greater than just height in case of scrolling), vertical padding, and vertical borders.
//properties for width are the same
@lolikroli
lolikroli / choose_font.js
Created December 8, 2013 21:36
Set a bunch of fonts and switch them onclick.
function injectcss() {
var fontFiles = [
"lmroman10-bold.otf",
"lmromancaps10-regular.otf"
],
fontLinks = "<link href='http://fonts.googleapis.com/css?family=Playfair+Display' rel='stylesheet' type='text/css'> \n ",
ffName = [
"LMRoman Regular",
@lolikroli
lolikroli / ajax_php_email.com
Created November 29, 2013 14:28
Contact form with PHP emailing script via AJAX.
$('form').on('submit', function (e) {
e.preventDefault();
var email = $("#email").val();
function isValidEmail(emailAddress) {
var pattern = new RegExp(/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00
@lolikroli
lolikroli / css-property-ordering
Created November 23, 2013 22:55
CSS Property ordering
.selector {
/* Positioning */
position: absolute;
z-index: 10;
top: 0;
right: 0;
/* Display & Box Model */
display: inline-block;
overflow: hidden;
@lolikroli
lolikroli / smooth_scroll.js
Created November 12, 2013 18:04
Smoothly scroll to an element without a jquery plugin.
$('html, body').animate({
scrollTop: $("#elementID").offset().top
}, 2000);
@lolikroli
lolikroli / detect_mobile.js
Last active December 27, 2015 12:39
Detect Mobile. From http://stackoverflow.com/questions/11381673/javascript-solution-to-detect-mobile-browser/11381730#11381730
window.mobilecheck = function() {
var check = false;
(function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v
@lolikroli
lolikroli / reset.css
Created October 30, 2013 11:28
Mayer's Reset
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,