1. HTML 5 Bundle For Textmate

    July 16, 2009 by J.P.

    html5_bundle_icon1

    Here is a download to the HTML 5 Bundle I have started for Textmate. This is my first attempt at creating a bundle from scratch please provide feedback and requests and I will add them.

    Download Here

    Update 7/19/2009

    Updated 3/21/2010
    Added localStorage Snippets

    The bundle has also been uploaded to Github.

    View Repository


  2. Turn That Old Mac or PC into a Media Beast

    June 27, 2009 by J.P.

    img_0225

    For those of you have an old computer laying around the house here is a great way to put it back in use in ways that will forever simplify your life.

    I have done this at the last few places I lived but never created a post of this before.

    My first system I had setup was an old dell running xp with an 40gig drive minimal ram and stock gfx card. The second machine featured in the picture above is the new system I’m setting up today. Mac G4 45oMHz 800mb ram with all stock components.

    Apps that you will need:

    • VNC application, ChickoftheVNC to remote control your tv with your laptop… which like most of us is always in your lap while watching tv.
    • VNC iphone remote application, Mocha Touch.
    • VLC media player and iphone remote app
    • Boxee if you have a new enough system to support it. Unfortunatly I’m running a g4 and can get some of the newer sexier apps.
    • Hulu app. Again if your machine will support it.
    • Handbrake to backup your DVD collection and store it in the basement.
    • Silverlight…. I know, but its needed if you want to watch your Netflix movies.

    Components you made need to setup the system (Note this depends on what ports you have on your computer and what you have on your TV)

    So this is just a list of common ones

    • 3.5mm cable with dual headphone inputs.
    • VGA Cable (Supported by most newer TV’s)
    • HDMI Cable if you got the hottest new gear
    • Computer speakers if you missing the 3.5mm port on the back of you TV (This is the least ideal setup)
    • largest HD you can cram into you machine. Why not hold all the media you can possible fit!

    That should be a good start for you home media pc. Post a comment if you have a questions for recomendations. Enjoy.


  3. Activating Root Access in OSX Terminal

    June 18, 2009 by J.P.

    terminal

    After messing around with my Hackintosh today I needed to remove some of my kext files in /System/Library/Extentions (S/L/E). I wasn’t in the mood to find an early build of a hackers app I just wanted Terinal su/root access.

    Here is an easy method to activate root access in Terminal for Mac OS X 10.5 or later.

    1. From the Finder’s Go menu, choose Utilities.
    2. Open Directory Utility.
    3. Click the lock in the Directory Utility window.
    4. Enter an administrator account name and password, then click OK.
    5. Choose Enable Root User from the Edit menu.
    6. Enter the root password you wish to use in both the Password and Verify fields, then click OK.

    Related Links:

    A better terminal app


  4. Video Player with HTML 5

    June 16, 2009 by J.P.

    With some of the latest browsers supporting HTML 5 I thought I go ahead and take a stab at trying to create a very basic video player using some of the new tags. What’s interesting is many times when flash would be needed for video and audio HTML 5 will be able to support such media types with just a little JS.

    Here is a sample player using HTML 5 (Note this is at a very early stage and only has play/pause functionality).

    wildthingshtml5

    <div id="myVideoContainer">
    <video id="myVideo" src="../videos/WheretheWildThingsAre.mov" autoplay="autoplay">
    <p>Sorry Your Browser Doesn't Support HTML 5. Safari 4 will support this video player, download it here</p>
    </video>
    </div>

    Related information:


  5. 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.


  6. 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.


  7. 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.


  8. 10 Twitter Tools to Tweet With

    May 6, 2009 by J.P.

    6a00d8341ce4c253ef0115701738fe970b-500wi

    The ever growing world of Twitter applications has been taking off almost as fast as Twitter itself has. Here is a list of some popular tools users have been using to their tweeting delight… Try a few.

    • Twitpic lets you share photos on Twitter.
    • Tweetdeck a personal browser for staying in touch with what’s happening now, connecting you with your contacts across Twitter, Facebook and more.
    • TwitterCounter tracks millions of Twitter users and generates daily updated lists of who is social, active and popular.
    • Twitterholic.com scan the Twitter public timeline for new twits to tweet.
    • Twhirl is a social software desktop client, based on the Adobe AIR platform.
    • Twitturly track and rank what URLs people are talking about on Twitter.
    • Twittervision A real-time geographic visualization of posts to.
    • Twitterfall is a way of viewing the latest ‘tweets’ of upcoming trends and custom searches on the micro-blogging site Twitter. Updates fall from the top of the page in near-realtime.
    • Twitbin is a firefox extension that allows you to keep up with all of your Twitter conversations right from your browser sidebar. Send messages, receive messages, share links, and more from Twitbin, the best twitter addon for firefox out there.
    • Tweetr Nicely made Air App with convenient features.

  9. Good Resources to Help Improve Your Web Typography skills

    May 5, 2009 by J.P.

    type

    A few links to help with web typography.

    copy

    Theory & Methods

    typetester

    CSS Text Tools

    Typography Sites


  10. Collection of Science Fiction Book Covers

    April 30, 2009 by J.P.

    Been reading alot of classic science fiction recently. Here is a collection of some of interesting artwork used for covers.

    endersgameoriginalcoverresizedmes2ldune2l679089343_a68216ecf9679946160_3e89afd956679088667_113560c22a646227786_f8f121ec68657829461_e230a2d222the_double-minded_manlord_of_tranericasf1073747_jpg_280x450_q853-stigmata-775485fahrenheit_451_book_covertomorrow_small



« Newer PostsOlder Posts »