Skip to content

Instantly share code, notes, and snippets.

View ryanburgess's full-sized avatar

Ryan Burgess ryanburgess

1.1k followers · 65 following
View GitHub Profile
@ryanburgess
ryanburgess / modals.js
Created December 9, 2013 01:47
Modal window script for loading YouTube embed videos, images and HTML content.
//modal windows
$(".modal").on("click", function(e) {
//load modal mask
$("<div id='mask'></div>").appendTo("body");
//remove existing modal window
$("#modal-window").remove();
var content;
@ryanburgess
ryanburgess / Social Sharing Popups.js
Created December 9, 2013 02:06
JavaScript for social media sharing links to open the sharing windows.
var pageUrl = document.URL;
var pageTitle = document.title;
// Social icons
$(".facebook-link").on("click", function (){
window.open("http://www.facebook.com/sharer.php?u="+encodeURIComponent(pageUrl)+"&t="+encodeURIComponent(pageTitle),"sharer","toolbar=0,status=0,width=626,height=436");
return false;
});
$(".twitter").on("click", function (){
@ryanburgess
ryanburgess / Margin Auto SASS Mixin.scss
Created December 9, 2013 19:35
Set left and right margin to auto.
// -----------------------------------------
// Margin auto
// -------------------------------------------
// example: @include margin-auto();
@mixin margin-auto() {
margin-left:auto;
@ryanburgess
ryanburgess / Display Inline Block SASS Mixin.scss
Created December 9, 2013 19:37
Display inline block for cross browser SASS mixin.
// -----------------------------------------
// Display inline block cross browser
// -------------------------------------------
// example: @include inline-block();
@mixin inline-block() {
display: -moz-inline-stack;
@ryanburgess
ryanburgess / Placeholder Color SASS Mixin.scss
Created December 9, 2013 19:38
Change the default input field placeholder text with the placeholder color SASS mixin.
// -----------------------------------------
// Change placeholder text color
// -------------------------------------------
// example: @include placeholder-color(#333);
@mixin placeholder-color($color){
&.placeholder{
@ryanburgess
ryanburgess / Check browser window size.js
Created December 19, 2013 17:03
A function to check browser window size when the browser viewport changes.
function checkWindowSize() {
var windowWidth = $(window).width();
var windowHeight = $(window).height();
}
$(window).bind("resize", checkWindowSize);
@ryanburgess
ryanburgess / form submit AJAX.js
Created December 19, 2013 22:34
Submit form action using AJAX and prevent page refresh or redirect.
$("form").on("submit",function(event){
event.preventDefault();
$.ajax({
type: "POST",
cache: false,
url: $(this).attr("action"),
data: $(this).serialize(),
success: function( data ) {
// put success action here
}
@ryanburgess
ryanburgess / Return a JSON object.php
Created December 21, 2013 15:58
Return a JSON object in PHP
// Create JSON object
echo json_encode(
array("title" => $title,
"description" => $description,
"keywords" => $keywords)
)
@ryanburgess
ryanburgess / box sizing.css
Created December 21, 2013 16:13
Box sizing CSS
*,
*:after,
*:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@ryanburgess
ryanburgess / HTML5 Boilerplate.html
Created December 21, 2013 16:19
A boilerplate for an HTML document.
<!DOCTYPE html>
<html>
<head>
<title>HTML5</title>
<meta name="description" content="">
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
</head>
<body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>