Skip to content

Instantly share code, notes, and snippets.

View bolmaster2's full-sized avatar

Joel Larsson bolmaster2

View GitHub Profile
@bolmaster2
bolmaster2 / deploy.sh
Last active August 13, 2017 16:23
Deploy script using rsync and ssh to upload your local files
#!/bin/sh
# server settings
SERVER="user@server.com"
SERVER_PATH="/var/www/project"
SSH_PORT="2222"
# sync with some standard exclude paths
rsync -rav -e "ssh -p $SSH_PORT" \
--exclude='*.git' \
@bolmaster2
bolmaster2 / gist:966118
Last active September 25, 2015 18:37
FTP upload of files
#!/bin/bash
HOST=""
USER=""
PASS=""
LCD="./"
RCD="/path/to/remote/"
lftp -e "mirror --reverse \
--delete \
--verbose \
@bolmaster2
bolmaster2 / is_el_in_view.js
Created September 7, 2011 07:52
Is element in view? A cross-browser way to check if a specific element is in viewport
// check if el is in view
function is_el_in_view(el, full_el_visible) {
if (!el) return false;
// should we return true if the element is only partially visible (default)
full_el_visible = typeof full_el_visible != "undefined" ? full_el_visible : false;
var el_pos = get_absolute_offset(el),
el_h = el.offsetHeight,
window_h = window.innerHeight || document.documentElement.clientHeight,
@bolmaster2
bolmaster2 / show_range_values.js
Created September 12, 2011 07:45
Show the html5 input type range values
// show the html5 input type range values
function show_ranges() {
// selector and classname on the range value
var selector = "input[type=range]",
class_name = "range-value";
// get the range values with jquery
var ranges = $(selector);
// check for support for the html5 range input and then show the value from the range
@bolmaster2
bolmaster2 / gist:1570347
Created January 6, 2012 12:21
Batch conversion of png to jpg
mogrify -format jpg -quality 80 *.png
@bolmaster2
bolmaster2 / placeholder-helper.scss
Created February 26, 2013 15:45
Use a mixin to style placeholder input text cross browser
// use one mixin for styling placeholder input text cross browser
@mixin placeholder ($color) {
/* WebKit browsers */
::-webkit-input-placeholder {
color: $color;
}
/* Mozilla Firefox 4 to 18 */
input:-moz-placeholder,
textarea:-moz-placeholder {
color: $color;
@bolmaster2
bolmaster2 / jquery-touch-click.js
Created February 27, 2013 14:54
jQuery plugin to make event for both "click" and "touchend" depending on if its a touch device or not
/**
* jQuery plugin to make event for both "click" and "touchend" depending on if its a touch device or not
*/
(function($){
$.fn.touchClick = function(callback) {
var eventType = is_touch_device() ? "touchend" : "click";
this.each(function() {
$(this).bind(eventType, callback);
if (eventType == "touchend") {
$(this).click(function(e) {e.preventDefault();});
@bolmaster2
bolmaster2 / is_touch_device.js
Created February 27, 2013 14:55
Checks if ontouchstart exists in window-object
function is_touch_device() {
return !!('ontouchstart' in window);
}
@bolmaster2
bolmaster2 / curl-closure-compiler-shell.sh
Created September 3, 2013 19:15
Concatenate and minify your JS-files with closure compiler API using curl
#!/bin/bash
output_file='all.min.js'
tmp_file='tmp.js'
cat my_js_1.js my_js_2.js > $tmp_file
curl -d compilation_level=SIMPLE_OPTIMIZATIONS -d output_format=text -d output_info=compiled_code --data-urlencode "js_code@${tmp_file}" http://closure-compiler.appspot.com/compile > $output_file
rm $tmp_file
@bolmaster2
bolmaster2 / rem-mixin.scss
Created October 12, 2013 19:14
rem mixins using a strip unit function
@function strip-unit($num) {
@return $num / ($num * 0 + 1);
}
@mixin rem($size: 1.6) {
font-size: ($size * 10) + px;
font-size: (($size * 10) / strip-unit($base_font_size)) + rem;
}