1. SSH Tunnel With SOCKS Proxy

    May 12, 2013 by J.P.

    This tip is helpful to keep your internet session encrypted from browser to server and will bypass certain annoyances like web filters.

    In bash session type:
    ssh <username>:<password>@<IP/Domain> -ND <port over:1000 example:9999>

    Then in the network settings of Firefox set the SOCKS proxy host to localhost and the port you used while starting the ssh session.
    Socks with FF


  2. Yeah, Top 10 Time!

    April 22, 2013 by J.P.

    Mind over matter

    I’ve been laying low on the bloggin’ recently, last night I went “beast” and played around with some fun stuff with the terminal, packet managers, NPM’s and a new IDE.

    Here’s the list of 10 things you can’t not be using on the web.

    1. HomeBrew
    2. Grunt
    3. Mongolab
    4. Angularjs Finally had a chance to play around with it. While the workflow is very different it’s extremely powerful and super fast to dev with.
    5. Webstorm IDE Say goodbye to textmate2, coda, sublime, etc. This is the IDE that the HULK uses while ripping off his shirt.
    6. iTerm2 Yeah it’s old but I never really understood it until I hit command+shift+d and my eyes opened up to the power I’ve been missing.
    7. Bootstrap “Oh boy!” Hot slick clean and yummy. While many enterprises might shy away from it, this will be standard for web apps and POC work.
    8. Simple Comic Because the nerd in me needs a simple comic reading app that loads quick and has a simple UI.
    9. Gitbox Simple easy UI for bash gets a little cumbersome.

    “Like a mirror: Consciousness looks outward, through the intellect, through the mind, and then through the senses and body. It sees a reflection, like a mirror. It sees reality, a world, a self-identity, which it falsely thinks to be “me” or “mine.” Through the forgetting power of avidya or ignorance, pure consciousness says, “I am this or that!” This is not all bad, for it gives the opportunity for the joy of awakening, through a journey, returning to the wholeness that was never really divided in the first place.” – Panjali


  3. Sync Textmate Bundles Across All your Macs With DropBox

    March 12, 2011 by J.P.

    If you’re a heavy lifter with Textmate and create and customize bundles all the time this post is for you.

    Copying bundles from one machine to another is cumbersome and easily forgotten.

    I always find myself adding one command to a custom bundle at the office and then forgetting to add it to one of my machines at the house.

    Before we begin you will need a Dropbox account. If you don’t already have one you can get a free one here

    Once you have Dropbox running you can run these 3 steps in Terminal.app

    It is highly recommend to run a backup of your bundles before attempting the steps below.

    Step 1. Move to your the folder where the Textmate bundles are located:

    $ cd ~/Library/Application\ Support/TextMate/

    Step 2. Move the Bundles folder to your Dropbox folder:

    $ mv Bundles ~/Dropbox/Bundles

    Step 3. Create a symlink in the DropBox folder to the “Application Support/TextMate/” directory:

    $ ln -s ~/Dropbox/Bundles/ Bundles

    Repeat steps 1,2,3 on any machines that you need to sync up.


  4. CSS3 Gradient Code Generator

    September 11, 2010 by J.P.

    css3Generator

    Checkout the CCS gradient code generator I created this morning.

    Click Here


  5. Use Textmate to Compose email with OSX Mail

    July 27, 2009 by J.P.

    mailtextmate

    Recently I started using Textmate for more things then just coding websites since thats bascially the tip of the iceburg then it comes to the most powerful editor on the mac.

    If you interested in trying something new with Textmate here are basic instructions to use texmate to compose messages with OSX mail.

    1. Make sure you have installed the “Edit in Textmate” Bundle. This is found in “Bundles>Textmate>Install Edit in Textmate bundle.
    2. Once the bundle has been installed you will be able to edit your email message in text by hitting the following short cut keys “Control + Command +E” or optionally going to the edit menu in Mail and the very last option will be “Edit in Textmate”.
    3. Once you the command has been keyed a blank Textmate text file will be opened.
    4. Type your email message and then save. If your done editing the email you can close the Textmate window and you will see your message in message window of the Mail app.

    Other Mail features you can with Mail

    • Increase quote level “> or shift+.”

  6. QA with Mantis

    June 15, 2009 by J.P.

    mantis

    As an on again off again freelancer I’ve encountered a many different ways to run through QA (Quality Assurance).  Each team has is own process… Excel docs getting emailed around left and right or a better method but not best, Google docs. None of these tools are ideally designed for the QA process. Since my last QA frustration, I decided to look around and see if there was a easy tool that I could use with a team working from different locations via extranet type login etc.

    MantisBT is a free popular web-based bugtracking system (feature list). It is written in the PHP scripting language and works with MySQL, MS SQL, and PostgreSQL databases and a webserver.

    drstrangelove2

    Many agencies seem to be using Mantis and its been around for a while as well as a simple set up. I was instanly impressed with how easy it was to use. You can easily setup a new project and assign team members to bugs. Color code key helps clearly display what is going on for each bug aswell many other helpful details. If you have been trying to imrpove your QA and haven’t tried Mantis Bug Tracker I highly recommend checking it out.


  7. BluePrint CSS Framework (Updated)

    June 1, 2009 by J.P.

    blueprintRecently been reading alot about CSS frameworks that are working off a grid that are easy to use and work with… Sort of been mulling around with trying one for my next project. After reviewing a few of them from this post. I’ve decided to give BluePrint a shot.

    BluePrint seems very easy to work with. It’s just the matter of how best to work with the framework while adding custom content around it. view the test pages here that come with the default install. Pretty nice grid working cross browser. (Update) Some great plugins for the framework can be found here.

    Over the next week or so I’m going to remake this entire blog with BluePrint and updating this post with progress and thoughts on about the CCS framework. Stay Tuned…

    Update

    06/2/09

    Today I have been playing around for a couple hours with the framework, so far so good… its been easy to align copy and set widths. Only issues have come across so far are using <ul/> for navigation and have divs floated to the right.  Still TBD if the framework supports this type of functionality or not.

    06/3/09

    After playing around with framework for a couple hours I was able to get a decent understanding of things. Like many CSS designers I have had a self made framework that I used to approach projects. However BluePrint is definitely a nice tool to be using. After 3-4 hours of playing around I became comfortable using it… the only thing that is a little hard to predict is how it will act with my own styles that I’ve been adding.

    More updates to come…

    blueprint1

    You can view progress of the updated design in real time by clicking here.


  8. BluePrint CSS Framework (Updated)

    by J.P.

    blueprintRecently been reading alot about CSS frameworks that are working off a grid that are easy to use and work with… Sort of been mulling around with trying one for my next project. After reviewing a few of them from this post. I’ve decided to give BluePrint a shot.

    BluePrint seems very easy to work with. It’s just the matter of how best to work with the framework while adding custom content around it. view the test pages here that come with the default install. Pretty nice grid working cross browser. (Update) Some great plugins for the framework can be found here.

    Over the next week or so I’m going to remake this entire blog with BluePrint and updating this post with progress and thoughts on about the CCS framework. Stay Tuned…

    Update

    06/2/09

    Today I have been playing around for a couple hours with the framework, so far so good… its been easy to align copy and set widths. Only issues have come across so far are using <ul/> for navigation and have divs floated to the right.  Still TBD if the framework supports this type of functionality or not.

    06/3/09

    After playing around with framework for a couple hours I was able to get a decent understanding of things. Like many CSS designers I have had a self made framework that I used to approach projects. However BluePrint is definitely a nice tool to be using. After 3-4 hours of playing around I became comfortable using it… the only thing that is a little hard to predict is how it will act with my own styles that I’ve been adding.

    More updates to come…

    blueprint1

    You can view progress of the updated design in real time by clicking here.


  9. Don't Forget Wire Frame Everything

    April 23, 2009 by J.P.

    Since reemerging in to freelancing I have noticed that not many people use wire frames that should be. I guess a lot of people think its an extra step that’s not needed or will add unnecessary time/cost to the project.  When this approach is taken things start to veer off the path as the project goes from one phase to the next. The designer, coder, and client are all expecting different things to happen at different parts of the site. By creating even simple wire frames you can show the flow of the site and how the content will be presented. Even if it is just a quick pass(though not recommended) it can prevent major headaches down the line.

    Here are a few good resources I found for wire framing.

    List of wire framing applications:

    A few good reads on wireframes including examples:

    When all is said and done wireframing things out helps better communicate the goals of the project and will give everyone a roadmap to follow.


  10. Great Resources for Greek Copy

    March 13, 2009 by J.P.

    lipsum

    Here are the two sites I turn to for copy filling.

    • html-ipsum.com – Great resource while coding.
    • lipsum.com – The classic… great generator and the best for designing

    If you have anymore you would recommend please comment below.