Archive for the ‘Graphic Design’ Category

New Design Coming for SPWD

Sunday, January 25th, 2009
Screenshot Wordpress
Image via Wikipedia

Over the past few weeks I have really been reading up on blogging, social media and all that fun “web2.0″ buzzword stuff – you know how it goes. One common thing with most of the top blogs that you find is they all use some form of custom theme. Whether it is a premium theme (Thesis seems popular due to all the features and customization that is possible) or a custom rolled theme, the story is the same – to really make an impact you have to be credible. Somehow we all don’t view the “free” themes as credible.

So as such I will be joining the ranks of bloggers to use a custom design here on this blog. Fortunately for me I am a web designer & developer so I will be doing all the graphics, all the Wordpress customization and pretty much anything else.

As a shameless plug – if you like the new design when it launches and are interested in hiring me for your custom design all you have to do is contact me and we can work out the details and see if we can make a good partnership.

Reblog this post [with Zemanta]

Web Development & Design Portfolio

Thursday, January 15th, 2009

Billy J. Nab's Portfolio

Billy J. Nab's Portfolio

The new web design and development portfolio has been launched, and is now available. New samples and references will be added over the coming weeks, so keep checking back for updates to it! It currently highlights the past three years of experience, being the most relevant. It will begin to feature more graphic design samples and much more programming examples as I prepare them and add to them. Having nearly 8 years worth of code to sift through and find relevant and still viable samples for today’s web has been a challenge, but one I have been meeting head on.

You can find it here: Billy J. Nab’s Portfolio

Reblog this post [with Zemanta]

Weekly Video Tutorials

Friday, December 19th, 2008

Over the next few days I will be experimenting with placing some video tutorials on the site. They will be embedded directly into the posts and should be viewable by anyone who has the Flash player installed on their system.

Depending upon how well these are received, I may start doing a weekly video tutorial post, which would be cool and in my opinion much better than typing out 20-30 steps, taking 20-30 static screenshots, preparing them, them formatting the lengthy post. Of course, not all the tutorials will be in video mode, I will still post the traditional typed tutorial, but the idea of the video tutorial has been bouncing around for a while now.

Most of the video tutorials will be graphic design related, as I cannot see much point in video of typing code out, that is better suited to the code listing format I have used previously.

If you have any thoughts about this, leave a comment!

Reblog this post [with Zemanta]

PHP & ImageMagick Image Resize Script

Thursday, October 23rd, 2008

This simple script takes a source image, and up to two parameters to re-size the image using ImageMagick. This allows you to use a large source image that is suitable for a zoomed in view, and dynamically re-size it using the simple script which will make it fit the x,y constraints necessary for a site, and reduce the file size.

In testing the script, a sample PNG image with transparency was originally 500×500 pixels and 202.76kb in size. Using the script to set the x,y to 200×200 the file size was reduced to 44.73kb. The script could be easily extended to perform other ImageMagick functions, and to reduce the end result file size even more.

Quick Code


<?php
if(!extension_loaded('imagick'))
{
  dl('imagick.so');
}
$img = strip_tags($_GET['imagename']);
if(isset($_GET['size']))
{
  $size = strip_tags($_GET['size']);
}
else
{
  $size = 0;
}
if(isset($_GET['vsize']))
{
  $vsize = strip_tags($_GET['vsize']);
}
else
{
  $vsize = 0;
}

$image = new Imagick($img);
$image->thumbnailImage($size, $vsize);
header("Content-type: image/png");
print $image;
?>

Quick synopsis of the code: It first checks to make sure the imagick PHP extension is loaded, and if it is not, it will dynamically load the extension. It then checks for the URL parameter ‘imagename’ and runs a simple strip_tags to clean any extraneous attempts to send in other code with the image name. The script then does two checks for the size (horizontal) and vsize (vertical). If either is set, it will strip_tags on them and assign them to a variable for use.

The script then takes the sizes and instantiates a new Imagick object passing in the image name as set from the URL parameter. It then calls the thumbnailImage function of the Imagick library and passes in the $size and $vsize variables. We then set the header type to be image/png since we worked only with PNG images in this version, and finally print the results, which are contained in the $image object.

The nice thing about the script, is thumbnail image will take two parameters for the size, and if only one is set, it will auto-constrain the image (eg. 200, 0 it will autoscale the 0 axis). The other nice thing is we can check the type of image so that we output the same type so we can work with GIF, JPEG, and PNG among others.

Available for Freelance and other work

Monday, October 6th, 2008

I am currently accepting new projects, either on a freelance basis or on an employment basis. The employment basis may be either a temporary, temp-to-hire, contract-to-hire or direct hire situation. At this time I am not available for relocation, so local opportunities (those that are not available via telecommuting/offsite work) must be within the Front Range to Southern Colorado area.

Use my contact page if you are interesting in discussing any potential opportunities.