Skip to content

Instantly share code, notes, and snippets.

View keriati's full-sized avatar
👨‍💻
Working...

Attila Kerekes keriati

👨‍💻
Working...
View GitHub Profile
@keriati
keriati / config.json
Last active August 29, 2015 13:57
wienerz bootstrap config
{
"vars": {
"@gray-darker": "#000",
"@gray-dark": "#1a171b",
"@gray": "lighten(@gray-dark, 33.5%)",
"@gray-light": "lighten(@gray-dark, 60%)",
"@gray-lighter": "lighten(@gray-dark, 93.5%)",
"@brand-primary": "#df0b25",
"@brand-success": "#5cb85c",
"@brand-info": "#5bc0de",
@keriati
keriati / callbackhell.js
Last active August 29, 2015 13:57
Callback hell solutions
var AwesomeObject = function() {};
AwesomeObject.prototype = {
doSomeThingAsync: function() {
var that = this;
// Do that with bind?
return asyncThing({
success: function() { that.onSuccess.apply(that, arguments);},
var AwesomeObject = function() {
this.init()
};
AwesomeObject.prototype = {
init: function() {
_.bindAll(this, 'onSuccess', 'onError', 'onComplete')
// or
this.onSuccess = $.proxy(this.onSuccess, this)
@keriati
keriati / ajaxSetup.js
Created March 25, 2014 10:42
$.ajax upload progress event callback support
(function () {
// support for uploadProgress callback
var originalXHR = $.ajaxSettings.xhr;
$.ajaxSetup({
xhr: function () {
var myXHR = originalXHR();
if (myXHR.hasOwnProperty('upload') && this.hasOwnProperty('uploadProgress')) {
@keriati
keriati / 404
Created March 7, 2012 07:55
HTML: Basic Template
<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="description" content="Scroll demo page">
<meta name="viewport" content="width=device-width">
@keriati
keriati / normalize.min.css
Created March 27, 2012 13:36
Normalize minimized
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html,button,input,select,textarea{font-family:sans-serif}
body{margin:0;padding:0}
a:focus{outline:thin dotted}
a:hover,a:active{outline:0}
h1{font-size:2em;margin:0.67em 0}
@keriati
keriati / helper-classes.css
Created March 27, 2012 19:45
h5bp helper classes only
.ir { border:0; font: 0/0 a; text-shadow: none; color: transparent; background-color: transparent; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.pull-left { float:left; }
@keriati
keriati / compressor.sh
Created March 29, 2012 19:28
Compress all javascript files in the directory
#!/bin/bash
for filein in `find . -name "*.js" | grep -v \.min\.js`
do
fileout=${filein/\.js/\.min\.js}
echo "Compressing $filein => $fileout"
java -jar ~/bin/yuicompressor-2.4.7.jar $filein > $fileout
done
echo "Finished."
@keriati
keriati / detectMobile.js
Created April 11, 2012 07:45
Mobile Browser Detection Javascript
// Bad practice!
function detectMobile() {
return (/iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase()));
}
@keriati
keriati / mq-size.html
Created April 30, 2012 13:45
I have no idea...
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
@media all and (max-width: 640px) {
body:after {
content: 'small';