Skip to content

Instantly share code, notes, and snippets.

Ralf Crisostomo ralphcrisostomo

Block or report user

Report or block ralphcrisostomo

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
ralphcrisostomo / gist:2631889
Created May 8, 2012
backbone fetch supports Jquery.ajax parameters
View gist:2631889
// Sample Code
// backbone fetch supports Jquery.ajax parameters
Model.fetch( {
data: {api_key: 'secretkey'},
type: 'POST',
success: function(model, response) {
View gist:3088892
var delay = (function() {
var timer = 0;
return function(callback, ms) {
timer = setTimeout(callback, ms);
ralphcrisostomo / Wordpress Localhost FTP Connection
Last active Jul 20, 2018
Bypass Wordpress Localhost FTP Connection Information
View Wordpress Localhost FTP Connection

Bypass Wordpress Localhost FTP Connection Information

Do chown / chmod wordpress folder:

    $ sudo chown -R :_www wordpress
    $ sudo chmod -R g+w wordpress

Add the following line into wp-config.php:

ralphcrisostomo / array_dupplicate_counter.js
Created Jul 19, 2012
Javascript: Count duplicates in an array
View array_dupplicate_counter.js
You have a javascript array that likely has some duplicate values and you would like a count of those values.
Try this schnippet out.
View print_object_in_javascript.js
Print Objects in Javascript
var output = '';
for (property in object) {
output += property + ': ' + object[property]+'; ';
ralphcrisostomo / handlebars_with_backbone_collection.js
Created Aug 14, 2012
using handlebars with backbone block collection
View handlebars_with_backbone_collection.js
// Reference:
var ArticleListView = Backbone.View.extend({
el: $('#main'),
render: function(){
var js = this.collection.toJSON();
var template = Handlebars.compile($("#some-template").html());
$(this.el).html(template({articles: js}));
return this;
View insetTopShadowOnly.scss
// Inset, Top Shadow Only
@include box-shadow(inset 0 1px 1px -1px black);
ralphcrisostomo / flexbox_layout.html
Created Aug 17, 2012
The classic 3 column layout. Notice the navigation appearing first, also note that the background colour extends to the full height of all boxes.
View flexbox_layout.html
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>flexbox example - 3 column layout</title>
<meta name="author" content="Gwilym Johnston">
<link rel="stylesheet" href="base.css" type="text/css" media="screen">
<style type="text/css">
.flexbox {
ralphcrisostomo / center-element.scss
Created Aug 17, 2012
Center an element absolutely and relatively
View center-element.scss
author: Ralph Crisostomo
@mixin center-element($width, $height) {
position: absolute;
top: 50%;
left: 50%;
ralphcrisostomo / stretchToFit.scss
Created Aug 23, 2012
stretch to fit on window size
View stretchToFit.scss
.div {margin:10px; position:absolute; top:0; left:0; right:0; bottom:0}
You can’t perform that action at this time.