JEMaddux.com

input[type='submit'].minimal, button.minimal { background: #e3e3e3 !important; border: 1px solid #bbb !important; -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-box-shadow: inset 0 0 1px 1px #f6f6f6 !important; -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6 !important; box-shadow: inset 0 0 1px 1px #f6f6f6 !important; color: #333 !important; font-family: "helvetica neue", helvetica, arial, sans-serif !important; font-size: 12px !important; font-weight: bold !important; line-height: 1 !important; padding: 8px 0 9px !important; text-align: center !important; text-shadow: 0 1px 0 #fff !important; width: 150px !important; } input[type='submit'].minimal:hover, button.minimal:hover { background: #d9d9d9 !important; -moz-box-shadow: inset 0 0 1px 1px #eaeaea !important; -webkit-box-shadow: inset 0 0 1px 1px #eaeaea !important; box-shadow: inset 0 0 1px 1px #eaeaea !important; color: #222 !important; cursor: pointer !important; } input[type='submit'].minimal:active, button.minimal:active { background: #d0d0d0 !important; -moz-box-shadow: inset 0 0 1px 1px #e3e3e3 !important; -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3 !important; box-shadow: inset 0 0 1px 1px #e3e3e3 !important; color: #000 !important; } Join our Mailing List Email Address Close var fancyboxLoaded; try { var jqueryLoaded=jQuery; jqueryLoaded=true; //Check if a fancybox plugin is already loaded try{ fancyboxLoaded = $.fancybox } catch(err) { fancyboxLoaded=false; } } catch(err) { jqueryLoaded=false; } var head= document.getElementsByTagName('head')[0]; var script= document.createElement('script'); if (!jqueryLoaded) { script.type= 'text/javascript'; script.src= 'http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js'; head.appendChild(script); } if (!fancyboxLoaded) { //Only load the CSS because the asynchronous JS might not load the script in time... //We'll load the script later with jQuery :) var fancystyle= document.createElement('link'); fancystyle.setAttribute("rel", "stylesheet"); fancystyle.setAttribute("type", "text/css"); //TODO: Hey MC guys, you've gotta host this somewhere! fancystyle.setAttribute("href", "http://chimplr.heroku.com/js/fancybox/jquery.fancybox-1.3.4.css"); head.appendChild(fancystyle); } var fnames = new Array();var ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';var err_style = ''; try{ err_style = mc_custom_error_style; } catch(e){ err_style = 'margin: 1em 0 0 0; padding: 1em 0.5em 0.5em 0.5em; background: FFEEEE none repeat scroll 0% 0%; font-weight: bold; float: left; z-index: 1; width: 80%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: FF0000;'; } var head= document.getElementsByTagName('head')[0]; var style= document.createElement('style'); style.type= 'text/css'; if (style.styleSheet) { style.styleSheet.cssText = '.mce_inline_error {' + err_style + '}'; } else { style.appendChild(document.createTextNode('.mce_inline_error {' + err_style + '}')); } head.appendChild(style); $(document).ready( function($) { //Button below the Tumblr Controls //TODO: Hey MC guys, you've gotta host the image linked below somewhere! var newsletter_link = document.createElement('a'); newsletter_link.setAttribute('href', '#mc_embed_signup'); newsletter_link.setAttribute('id', 'mc-embedded-tumblr-signup'); newsletter_link.setAttribute('style', 'border:none; position:absolute; top:26px;right:3px; z-index:9999;'); var newsletter_image = document.createElement('img'); newsletter_image.setAttribute('src', 'http://chimplr.heroku.com/images/newsletter.png'); newsletter_image.setAttribute('style', 'border:none;'); newsletter_link.appendChild(newsletter_image); //Append Link to body $('body:first').append(newsletter_link); var options = { errorClass: 'mce_inline_error', errorElement: 'div', onkeyup: function(){}, onfocusout:function(){}, onblur:function(){}, invalidHandler: function(form, validator) { setTimeout("$.fancybox.resize();", 50); } }; var mce_validator = $("#mc-embedded-subscribe-form").validate(options); options = { url: 'http://John Maddux.us3.list-manage.com/subscribe/post-json?u=477299c2cc37c94fa4cf2b05e&id=0e9e7cda9e&c=?', type: 'GET', dataType: 'json', contentType: "application/json; charset=utf-8", beforeSubmit: function(){ $('#mce_tmp_error_msg').remove(); $('.datefield','#mc_embed_signup').each( function(){ var txt = 'filled'; var fields = new Array(); var i = 0; $(':text', this).each( function(){ fields[i] = this; i++; }); $(':hidden', this).each( function(){ if ( fields[0].value=='MM' && fields[1].value=='DD' && fields[2].value=='YYYY' ){ this.value = ''; } else if ( fields[0].value=='' && fields[1].value=='' && fields[2].value=='' ){ this.value = ''; } else { this.value = fields[0].value+'/'+fields[1].value+'/'+fields[2].value; } }); }); return mce_validator.form(); }, success: mce_success_cb }; $('#mc-embedded-subscribe-form').ajaxForm(options); }); function mce_success_cb(resp){ $('#mce-success-response').hide(); $('#mce-error-response').hide(); if (resp.result=="success"){ $('#mce-'+resp.result+'-response').show(); $('#mce-'+resp.result+'-response').html(resp.msg); $('#mc-embedded-subscribe-form').each(function(){ this.reset(); }); $('#mc-embedded-subscribe').hide(); $('.mc-field-group').hide(); $('#mc-embedded-lightbox-close').show().focus(); } else { var index = -1; var msg; try { var parts = resp.msg.split(' - ',2); if (parts[1]==undefined){ msg = resp.msg; } else { i = parseInt(parts[0]); if (i.toString() == parts[0]){ index = parts[0]; msg = parts[1]; } else { index = -1; msg = resp.msg; } } } catch(e){ index = -1; msg = resp.msg; } try{ if (index== -1){ $('#mce-'+resp.result+'-response').show(); $('#mce-'+resp.result+'-response').html(msg); } else { err_id = 'mce_tmp_error_msg'; html = '

'+msg+''; var input_id = '#mc_embed_signup'; var f = $(input_id); if (ftypes[index]=='address'){ input_id = '#mce-'+fnames[index]+'-addr1'; f = $(input_id).parent().parent().get(0); } else if (ftypes[index]=='date'){ input_id = '#mce-'+fnames[index]+'-month'; f = $(input_id).parent().parent().get(0); } else { input_id = '#mce-'+fnames[index]; f = $().parent(input_id).get(0); } if (f){ $(f).append(html); $(input_id).focus(); } else { $('#mce-'+resp.result+'-response').show(); $('#mce-'+resp.result+'-response').html(msg); } } } catch(e){ $('#mce-'+resp.result+'-response').show(); $('#mce-'+resp.result+'-response').html(msg); } } $.fancybox.resize(); } function initFancybox(){ $("#mc-embedded-tumblr-signup").live('click', function(){ $.fancybox({ 'autoDimensions' : true, 'width' : 'auto', 'height' : 'auto', 'href' : $(this).attr('href'), 'scrolling' : 'no', 'onComplete': function(){ $('#mce-error-response').hide(); $('div.mce_inline_error').hide(); $('#mce-success-response').hide(); $('#mce_tmp_error_msg').remove(); $(':input','#mc-embedded-subscribe-form') .not(':button, :submit, :reset, :hidden') .val('') .removeAttr('checked') .removeAttr('selected'); //focus first input field $("#mc-embedded-subscribe-form:not(.filter) :input:visible:enabled:first").focus(); $('#mc-embedded-subscribe').show(); $('.mc-field-group').show(); $('#mc-embedded-lightbox-close').hide(); } }); return false; }); } //Check wether Fancybox is loaded or not, and if not, load the sucker and initialize it if (!fancyboxLoaded){ //TODO: Hey MC guys, you've gotta host this somewhere! $.getScript("http://chimplr.heroku.com/js/fancybox/jquery.fancybox-1.3.4.pack.js", function(){ initFancybox(); }); } if (fancyboxLoaded) { initFancybox(); }

48 posts

[jemaddux]

Can I use Rails as a backend API for a React-Native app?

Can I use Rails as a backend API for a React-Native app?

Yes!

If you are setting up a new Rails app to use as an API backend you can generate it by running:

$ rails new api_backend –api

This will generate a Rails app for you while skipping the helpers, assets and views that you won’t need.

You can also add API endpoints onto an existing Rails application by rendering json in any of the controllers that you want to respond as an API.

class…

View On WordPress

[jemaddux]

[jemaddux]

Ruby off Rails

So, Ruby is well know for its hugely popular gem Rails which greatly simplifies building websites. But what are some other programs built in Ruby? Here are a few very popular examples.

RubyMotion– Develop native apps for iOS (both iPhone and iPad) and OS X in Ruby. It is based on MacRuby which was developed by Apple. The app compiles into native objective-c just like iPhone apps made…

View On WordPress

[jemaddux]

Naming Ruby Gems

I created a gem called tiedye and I wanted to explain a bit of my reasoning behind why I named it that. So, lets talk about naming. Why call this gem tiedye? How do I decide to name Ruby gems in the first place?

First, there are a few community conventions on how to name your gem. I went with the convention of using underscores in the name of the gem (snake_case instead of camelCase). This…

View On WordPress

[jemaddux]

Picking the parts for my new PC (Dual boot Windows / Hackintosh)

Picking the parts for my new PC (Dual boot Windows / Hackintosh)

So I am building a new desktop computer and I wanted to run through the rational of picking out the hardware for my PC.

I started with the case as that was the easiest thing for me to choose since I basically went with the biggest case that I could find; the Cooler Master Haf Stacker which you can see a review of here. I went with it because I want a case that I will be able to put multiple…

View On WordPress

[jemaddux]

String alternatives in Ruby.

Instead of: “A cat in a hat” You can use: %Q/A cat in a hat/ %/A cat in a hat/

or

"The number is #{2 + 3}" => "The number is 5" %Q/The number is #{2 + 3}” => “The number is 5”

Instead of: ‘A frog in a bog’ You can use: %q/A frog in a bog’

But not:

%q/The number is #{2 + 3}” => “The number is #{2 + 3}”

[jemaddux]

Rails joins with squeel

Squeel gem

Model.joins{sub.sub-sub}.where{sub.sub-sub.attr == value}

[jemaddux]

Paris and Versailles - via @WaterlogueApp

[jemaddux]

Caribbean watercolors via Waterlogue

[jemaddux]

Ruby array include? Multiple options.

I was working on trying to find if an array had an element in it. So, of course, I started with:

[1, 2, 3].include?(x)

This gave me a true/false for if x was in the array. Naturally.

Next I wanted to see if either x or y was in the array. I tried:

[1, 2, 3].include?(x || y) 

=> didn't work

[1, 2, 3].include?(x) || [1, 2, 3].include?(y)

=> Worked but doesn't scale very well.

In the end I came up with:

[x, y].any?{|a| [1, 2, 3].include?(a)}

Now I can see if any number out of an array ([x, y]) is inside the other array ([1, 2, 3]).

[jemaddux]

Creating Gems with Bundler

Creating a Ruby Gem can be done from scratch where you build the file structure yourself or it can be done with the help of tools like Bundler.

To get started make sure that you have the bundler gem installed. 

gem install bundler

Lets start by building a simple gem that says “Hello World!”. It’s simple. Just run:

bundle gem hello_world

This will create a directory called hello_world with a few files inside of it. Move inside the project and open it up with your text editor so we can take a look.

cd hello_world git init git add -A git commit -m “Initial commit” subl .

This will get us inside the project folder, initialize the git repository, and open the project in sublime text editor. If you use another text editor and don’t know the command to open your editor from the command line Google: “TEXT EDITOR NAME terminal open” and that should show you what you are looking for.

Inside the hello_world.gemspec we should see:

At this point you should change the gem.authors and gem.email to your name and email if they aren't already setup correctly (the ones you use on Github). We should also write the initial gem description and a summary of the gem. Something like this:

gem.description = %q{Says Hello World} gem.summary = %q{A simple gem to teach how to get to 'Hello World'}

We will also need to change the add_development_dependency line to install rake which we will use later somehow.

gem.add_development_dependency ‘rake’

Ok. So far the Gem doesn't do anything yet. So lets make it say "Hello World!". Change the hello_world.rb file to look like this:

Save it and run:

gem build hello_world.gemspec

You should see output that says:

Successfully built RubyGem Name: hello_world Version: 0.0.1 File hello_world-0.0.1.gem

You will also need to install the gem locally before you can use it.

gem install ./hello_world-0.0.1.gem Successfully installed hello_world-0.0.1.gem 1 gem installed

You should now be able to fire up the interactive ruby shell and then run the gem by typing:

irb require 'hello_world' HelloWorld.speak => "Hello World!"

Congrats. You have built a gem.

[jemaddux]

Berlin - Watercolors from Waterlogue

[jemaddux]

The three virtues of a programmer: laziness, impatience, and hubris.

Larry Wall

[jemaddux]

Piedmont Park

[jemaddux]

My new favorite iPhone app: Waterlogue. It took some of my favorite shots (which I photoshoped) and turned them into beautiful watercolors.

[jemaddux]

Getting to "Hello World!" in RubyMotion

FYI: You will need to purchase RubyMotion from RubyMotion.com. It is a paid product.

Setup: 1. If you haven't done so already, setup your normal Ruby development environment setup. Instructions are here if you need them: http://jemaddux.com/post/87499556472/setting-up-your-ruby-environment-on-mac

2. Download and run the executable from rubymotion.com.

Simple setup. Right?

Creating a Hello World App:

From your terminal run these commands to generate your app open up the code. motion create HelloWorld cd HelloWorld/ subl .

Under the app folder you will find app_delegate.rb which is the starting point of your application.

Change the application method to look like this:

Go back to your terminal and type 'rake' to run the app in the simulator.

You should see something like this:

You are done!

[jemaddux]

gem owner GEMNAME -a [email protected]

Ruby Gem Commands (adding a new owner)