Joshua Oiknine @joshoiknine - Tumblr Blog

It’s been a while

So I just remembered that I had a tumblr linked to my main domain name. After pulling up the site I realized that I have not posted in some time. Now while I’d love to leave this site up as is it’s not working for me and I think I’ll have to setup something different for posts and a portfolio.

So this will likely be the last post here as I find and setup a new home for my domain name.

Compiling PHP extensions for Heroku - Update

I just found out that in my latest project on Heroku that uses PHP7 the location of the PHP binaries has changed so a few commands need to be updated.

The command to phpize and configure should now look like this:

$: /app/.heroku/php/bin/phpize $: ./configure --with-php-config=/app/.heroku/php/bin/php-config

#php #Heroku

Need to do some research on this... "The Ballmer Peak"

Compiling (PHP extensions) Binaries for Heroku

There are a few tutorials out there the describe how to connect and compile php binaries (libraries) for Heroku but I didn’t find anything that gave the complete process and I wanted to outline that process here. I have also been building a github repo with the results of my labors which you can find here https://github.com/joshOiknine/php-heroku-extensions.

First let’s get onto the heroku instance:

cd /myApp heroku run bash

Move to your tmp directory:

$: cd /tmp

Download your source and extract the files. For this example we will download PHP using curl but you could also use git clone for git repositories:

$: curl http://www.php.net/distributions/php-5.4.15.tar.gz > php-5.4.15.tar.gz $: tar xzf php-5.4.15.tar.gz

At this point you can complie all of PHP with the extentions you want then go find them but I like navigating to the extention I want to build and compiling it from there. Let’s compile zip:

$: cd php-5.4.15/ext/zip $: /app/php/bin/phpize $: ./configure --with-php-config=/app/php/bin/php-config $: make

If everything works out then you will have your zip.so file in the modules directory:

$: cd modules/ $: ls -l

Now the fun part getting the files off this instance of Heroku. The problem we are now facing is that once you exit the bash session on Heroku all of your previous work is gone. The simples way I found was to SFTP the files off of Heroku to another server but just in case you don’t have an extra server lying around that is accessible I found using PagodaBox as a great free option. You can set up an account with PagodaBox and set it to run in legacy SFTP mode. Then all you need to do is SFTP the files from Heroku to PagodaBox.

$: sftp [email protected] sftp> put zip.so sfpt> exit $: exit

Now you are safe to exit the Hekou bash shell.

Next you will need to download this extension and put it in your project. I usually make a ext folder in my project's root directory for these files.

mkdir ext cd ext sftp [email protected] sftp> get zip.so

The last step before you push your changes to Heroku is to make a php.ini file and include this extension in it.

cd .. nano php.ini

Once in the ini file add the extension like so:

extension_dir = "/app/www/ext/" extension=zip.so

Save the php.ini file. Commit your changes to git and push to Heroku.

If you are having any issues or need a library compiled check my github repo at https://github.com/joshOiknine/php-heroku-extensions.

#github #heroku #php #extensions #pagodabox

How to hack the default pintrest button to be larger

Ever wanted to use the default Pintrest button but wanted to make it a little larger? With a little CSS hacking it's pretty simple. It is important here to include a wrapper around the button in order to have a more specific target than the default styles from Pintrest.

Here is how I did it.

Markup:

CSS:

.pintrest-button a[class*='PIN_'] { background-size: 50px 69px!important; background-position: 0 -23px; height: 23px!important; width: 50px!important; } .pintrest-button a[class*='_hazClick'] { background-position: 0 -46px!important; }

Happy pinning!

#pintrest #hack #css #csshack

PHP Recipe for Success (Recursive)

A little recipe I worked up that is proven to help anyone succeed.

class recipie_for_success { function __construct() { $this->try_to_succeed(); } function try_to_succeed() { $successful = $this->try_something(); if (!$successful) { return $this->try_to_succeed(); } else { return true; } } function try_something() { return $it_worked; } }

#recipie #success #php

Twitter Ads (Promotions) and jQuery

I have to say that I love the twitter website. Since they actually put some focus on the web interface to their platform last year it has come around. It has all the details I need/want about a given tweet just a few clicks away. Also the ability to view images/video right on twitter's site makes my browser (that already has 30+ tabs open) happy.

Another great thing about twitter is their open source efforts. Bootstrap CSS has made throwing together a new site much simpler. Also their use of jQuery makes this hack so much easier.

The one thing about twitter is they are a business and they need to make money so we now have promoted... everything, from Tweets to Users to Trends.

Now for the Hack... Ever wanted to strip out those "Promoted Things"? Here is simple way to do it with jQuery:

$(document).ready(function(){ // Remove Tweets $("div.promoted-tweet").each(function(){ $(this).parent().remove()} ); // Remove Users $("div.promoted-account").each(function(){ $(this).remove() }); // Remove Trends $("li.promoted-trend").each(function(){ $(this).remove() }) });

To make it easier just throw this into a bookmarklet and you are good to go. Just wrap the above with "javascript:(<code goes here>);". I can't seem to make the link using Posterous.

Maybe oneday I will get bored and make a chrome extention to run this when the page loads =)

#hack #jQuery #JavaScript #Twitter

Publishing for the web.py Python Framework to Heroku

I recently was introduced to Heroku and find that it is great in a few ways. First deploying from Git is simple and easy as long as you have dotted your i's and crossed your t's. Also you can show proof of concepts or stage projects in progress quickly and with no costs.

Downside is I've been working on PHP for many years and they lack support for PHP. Eitherway I have been learning RoR and Python so Heroku becomes a great option.

My first experience was with RoR on a proof of concept project and this went pretty smooth. Heroku creates your database using the Rails YAML file and even replaces configurations with whatever it find necessary. There is also tons of documentation and posts all over the web for deploying RoR on Heroku

Next I started working on a Python project using web.py. I was making a simple API mashup and didn't have a database behind the project. For this combination I found that there is not much documentation but since Heroku has support for Python and other frameworks have some documentation I muddled through and get it working. Now there are a few things that you should know to get web.py running.

You are going to need to have a Virtualenv set up. To do this in a terminal simply navigate to your applications directory and run the install command:

$: cd /path/to/my/app $: virtualenv venv --distribute

Next if you have any dependencies you need to install them in the Virtualenv. If you do not have any dependencies you still need to set up a requirements.txt file to let Heroku know. Activate your virtual environment and install you requirements then use the following command to generate your requirements.txt file:

$: pip freeze > requirements.txt

And the last part that is required is for you to create a Procfile to tell Heroku how to start you application. I found it easier to just manually create a file named Procfile in my root directory and add the command to start my application. Mine looked like this:

web: python service.py

Great now we should be all ready to go. But wait there is one more issue I ran into. Heroku assigns a port to your application each time you push code from Git. So the default port of 8080 that web.py uses is not going to work. What Heroku does is it defines a port as an environment variable. Here you have 2 options you can bind a port in your app.run() method or you can add the port to your Procfile. Here is my updated Procfile:

web: python service.py $PATH

I chose to add the port to my Procfile but either option will work just fine. So here is the app.run() method

# Run the application on the Environment Port if one exists otherwise use port 8080 port = int(os.environ.get('PORT', 8080)) app.run(host='0.0.0.0', port=port)

Resources

web.py - http://webpy.org/

Heroku - https://heroku.com/

Heroku Getting Started with Python - https://devcenter.heroku.com/articles/python

Virtualenv - http://www.virtualenv.org/

Stackoverflow - http://stackoverflow.com/questions/10200732/django-deploy-using-heroku-errno-2-no-such-file-or-directory

#python #heroku #web.py #cloud #RESTAPI #API

It's alive. Get the #regramapp on iTunes. http://regram.me

#Regram #iphone #app

Instagram OAuth Login for iOS (Objective-C)

After posting some questions online about setting up an OAuth connection for Instagram on an iOS App a few people asked me for help with how I implamented the integration. Here is a snipit of my code to hopefully help you all out.

static NSString *const authUrlString = @" https://api.instagram.com/oauth/authorize/ "; static NSString *const tokenUrlString = @" https://api.instagram.com/oauth/access_token/ "; // ADD YOUR CLIENT ID AND SECRET HERE static NSString *const clientID = @"xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"; static NSString *const clientSecret = @"xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"; // YOU NEED A BAD URL HERE - THIS NEEDS TO MATCH YOUR URL SET UP FOR YOUR // INSTAGRAM APP static NSString *const redirectUri = @" http://mydomain.com/NeverGonnaFindMe/ "; // CHANGE TO THE SCOPE YOU NEED ACCESS TO static NSString *const scope = @"comments+relationships+likes"; @implementation OAuthLoginController @synthesize webView = _webView; @synthesize activityIndicator = _activityIndicator; // GRAB THE URL TRAFFIC TO CATCH THE ACCESS TOKEN OUT OF THE RETURN URL - (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType { NSURL *Url = [request URL]; NSArray *UrlParts = [Url pathComponents]; if ([[UrlParts objectAtIndex:(1)] isEqualToString:@"NeverGonnaFindMe"]) { // CONVERT TO STRING AN CLEAN NSString *urlResources = [Url resourceSpecifier]; urlResources = [urlResources stringByReplacingOccurrencesOfString:@"?" withString:@""]; urlResources = [urlResources stringByReplacingOccurrencesOfString:@"#" withString:@""]; // SEPORATE OUT THE URL ON THE / NSArray *urlResourcesArray = [urlResources componentsSeparatedByString:@"/"]; // THE LAST OBJECT IN THE ARRAY NSString *urlParamaters = [urlResourcesArray objectAtIndex:([urlResourcesArray count]-1)]; // SEPORATE OUT THE URL ON THE & NSArray *urlParamatersArray = [urlParamaters componentsSeparatedByString:@"&"]; if([urlParamatersArray count] == 1) { NSString *keyValue = [urlParamatersArray objectAtIndex:(0)]; NSArray *keyValueArray = [keyValue componentsSeparatedByString:@"="]; if([[keyValueArray objectAtIndex:(0)] isEqualToString:@"access_token"]) { // THE TOKEN IS NOW IN [keyValueArray objectAtIndex:(1)] // YAY WE HAVE AN ACCESS TOKEN TO SAVE IN THE KEYCHAIN OR USER DEFAULTS // SWITCH STORYBOARDS INTO THE MAIN APP UIStoryboard *settingsStoryboard = [UIStoryboard storyboardWithName:@"MainStoryboard" bundle:nil]; UIViewController *initialSettingsVC = [settingsStoryboard instantiateInitialViewController]; initialSettingsVC.modalTransitionStyle = UIModalTransitionStyleFlipHorizontal; [self presentModalViewController:initialSettingsVC animated:YES]; } } else { // THERE WAS AN ERROR } [self dismissModalViewControllerAnimated:YES]; return NO; } return YES; } // ACTIVITY INDICATOR - (void)webViewDidStartLoad:(UIWebView *)webView{ [_activityIndicator startAnimating]; } - (void)webViewDidFinishLoad:(UIWebView *)webView{ [_activityIndicator stopAnimating]; } // INITIATE THE VIEW WITH THE CORRECT URL - (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view. NSString *fullAuthUrlString = [[NSString alloc] initWithFormat:@"%@/?client_id=%@&redirect_uri=%@&scope=%@&response_type=token&display=touch", authUrlString, clientID, redirectUri, scope ]; NSURL *authUrl = [NSURL URLWithString:fullAuthUrlString]; NSURLRequest *myRequest = [[NSURLRequest alloc] initWithURL:authUrl]; [_webView loadRequest:myRequest]; }

#instagram #objective-c #ios #oauth

#twitter adds keyboard shortcuts to the web interface

#twitter #instagram #hack

OS X 10.8 Buttons Pure CSS3

After seeing a few of the form and navigation elements from OS X 10.8 I decided to incorporate and recreate them in CSS. Below is the styling for buttons. I also want to build a search input box which will be next.

.button{ background:#ddd; background:-webkit-gradient(linear, left top, left bottom, from(#ddd), to(#c2c2c2)); background-image:-moz-linear-gradient(top, #ddd, #c2c2c2); border:1px solid #838383; border-radius:15px; color:#fff; display:block; padding:10px 20px; text-align:center; text-decoration:none; text-shadow:#555 0px 2px 2px; } .button:hover{ background:#81acd4; background:-webkit-gradient(linear, left top, left bottom, from(#81acd4), to(#527ea5)); background-image:-moz-linear-gradient(top, #81acd4, #527ea5); border:1px solid #005ab1; } .button:active{ background:#527ea5; background:-webkit-gradient(linear, left top, left bottom, from(#527ea5), to(#81acd4)); background-image:-moz-linear-gradient(top, #527ea5, #81acd4); border:1px solid #005ab1; }

To see this live in action check out the latest version of gramsby.me with our newly designed home page and site.

#css #css3 #osx #button #gramsbyme

Tablet to Web OS Notebook to ...

Google Announced a Chrome OS Webbook, Apple has the iPad… What could be next?

I love the idea of both these devices and would love to see a mashup, a web OS like chrome on a table, a WebPad or WebTab. Google or its partners are trying to play catch up to Apple in the tablet space why not just skip over getting a smart phone OS on a tablet and jump to the next stage which would be the Web OS tablet.

The Web OS tablet will be the next wonder device.

UPDATE (10/28/2012)

I was soo wrong

#os #webos #chromos #ios