Skip to content

Instantly share code, notes, and snippets.

View roybarber's full-sized avatar
⌨️
Typing...

Roy Barber roybarber

⌨️
Typing...
24 followers · 6 following
View GitHub Profile
@roybarber
roybarber / makeRequest.js
Created December 17, 2021 15:32
Reusable ES6 Javascript API module using Axios - Promise
//////////////////////////////////////
// Generic service like function for
// Api requests using axios
// @param {String} url - api url
// @param {String} method - E.g POST, GET
// @param {Body} body - form body if needed
// @returns {Promise} data
//////////////////////////////////////
export const makeRequest = (url, method, body) => {
url = encodeURI(url)
@roybarber
roybarber / testgist3.html
Created May 1, 2017 10:17
Test Gist 3
<!--Konto erstellen-->
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Titel</title>
</head>
<body>
<h1>Platzhalter Nummer 1</h1>
@roybarber
roybarber / testgist2.html
Created May 1, 2017 10:16
Test Gist 2
<!--Kontakt-->
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Titel</title>
</head>
<body>
<h1>Platzhalter Nummer 1</h1>
@roybarber
roybarber / testgist.html
Last active May 1, 2017 10:15
Test Embed Gist
<!--Konto Erstellen-->
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Titel</title>
</head>
<body>
<h1>Platzhalter Nummer 1</h1>
@roybarber
roybarber / transform-hack.css
Created January 13, 2014 19:18
Enable hardware acceleration on an animated element by using the “null transform hack”.
.element {-webkit-transform: translateZ(0);-moz-transform: translateZ(0);transform: translateZ(0);}
@roybarber
roybarber / vertical-align-mixin.scss
Created January 13, 2014 19:15
Vertical Align Anything
@mixin vertical-align {position: relative;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.element {@include vertical-align;}
@roybarber
roybarber / gist:6294017
Created August 21, 2013 12:48 — forked from andyadams/gist:2030363
desc "Pull a database dump from remote server, drop the local database, then import the dump"
task :pull_database_to_local do
# Build out temporary file name with timestamp for uniqueness
timestamp = get_timestamp
temp_file_name = "database_dump_#{timestamp}"
remote_file_name = remote_mysqldump(temp_file_name)
download(remote_file_name, "/tmp/#{temp_file_name}.sql.gz")
@roybarber
roybarber / gist:6087698
Created July 26, 2013 09:54 — forked from andyadams/gist:2030363
desc "Pull a database dump from remote server, drop the local database, then import the dump"
task :pull_database_to_local do
# Build out temporary file name with timestamp for uniqueness
timestamp = get_timestamp
temp_file_name = "database_dump_#{timestamp}"
remote_file_name = remote_mysqldump(temp_file_name)
download(remote_file_name, "/tmp/#{temp_file_name}.sql.gz")
@roybarber
roybarber / sprites.css
Created February 3, 2013 16:15
Output of the _sprites.scss file
.core-sprite, .core-icon-facebook, .core-icon-linkedin, .core-icon-skype, .core-logo { background: url('../img/core-s323b60b8ee.png') no-repeat; }
.core-icon-facebook { background-position: 0 -113px; height: 32px; width: 32px; }
.core-icon-linkedin { background-position: 0 -81px; height: 32px; width: 32px; }
.core-icon-skype { background-position: 0 -49px; height: 32px; width: 32px; }
.core-logo { background-position: 0 0; height: 49px; width: 179px; }
@roybarber
roybarber / _sprites.scss
Created February 3, 2013 16:12
Gist of to compile sprites via compass/sass
// demo sprite generation - edit core with the name of the folder you wish to use
// This tells compass to also print out the width & height into the css
$core-sprite-dimensions: true;
// Folder and file type to watch
@import "core/*.png";
// Include Sprites ito stylesheet
@include all-core-sprites;