Web Site Development - Part 2

  • S04E25
  • March 15, 2011

Graphic Designer Christa Wells returns and Robbie puts Photoshop up against the GiMP as they both use their respective software to slice the web site Christa mocked up on last week's show.

This video is provided free of charge. If you enjoy what we do, please consider becoming a Patron so we can continue offering more great content.
Support This Free Content
Christa Wells designed the 2011 Category5.TV logo. She and Robbie have worked together on a number of projects—her as the designer, him as the programmer.

Robbie jokes that St. Patrick's Day will one day fall on a Tuesday night. For those who like useless facts, you can celebrate St. Patrick's Day with us in 2015, when Category5 TV is in its 8th season.

@shamelsmith provided the video at the beginning of the show, demonstrating how he uses XBMC with his mobile device and HDTV to watch Category5 TV through our new Mobile web site.
This episode is sponsored in part by: Planet Calypso & Pogoplug.

Topics Covered:

  • Robbie Ferguson and Christa Wells present in studio, Hillary Rumball joins via pre-recorded video.
  • Happy St. Patrick's Day!
  • Robbie has been dealing with hackers and DDOS attacks lately at work.
  • Why it's important to use secure authentication for your email on your mobile device.
  • Open WiFi and why it's so dangerous.
  • Viewer Comment: They talk about that stuff on Hak5.
  • Viewer Comment: I lOve Drwabot!
  • Viewer Question: I just bought a Netgear WNDR3700 and was wondering if there is actually any 5GHz technology out there to use with it.
  • Viewer Comment: Keep Eric around! He's useful!
  • Why you may want to use 802.11a (5GHz) instead of 802.11g (2.4GHz).
  • Viewer Question: How do you have guests on the show from remote locations, and how do you switch back and forth with cameras?
  • Christa prefers pictures and shapes instead of verbal explanations.
  • Vote for your favorite entries in the Wirecast giveaway.
  • Feature: Web Development - Part 2. Slicing our web site mockup using Photoshop and the GNU Image Manipulation Program in preaparation for turning it into a real working web site.
  • Price Comparison: Adobe Photoshop vs. GiMP (GNU Image Manipulation Program).
  • Obtaining the GiMP.
  • Robbie draws a picture to help viewers understand GiMP vs. Photoshop.
  • Figuring out how you're going to slice your mockup into useable files for a web site.
  • Using the color doppler (Color picker tool) to detect what color your background is in HTML Notation.
  • Determining if your background can be used as is, or if you need to extend it to make sure your site doesn't have an accidental border.
  • Resizing your canvas in the GiMP.
  • Top stories from the Category5.TV Newsroom.
  • Who is this Brent Spinner that Hillary talks of?
  • Using Adobe Photoshop to determine if a color is web-safe.
  • Comparing your web-safe color to your non-web-safe color in the GNU Image Manipulation Program.
  • Creating a feathered marquee to blur your way into a web-safe color.
  • Creating a super-tall background image to extend your non-web-safe color beyond the boundaries of your web site.
  • Cropping down your background image to become a horizontally-repeating background.
  • Keeping your web site files organized.
  • Creating the logo slice as a transparent PNG file.
  • Choosing your image format for web: PNG vs. JPG.
  • Giving your web site's files Search Engine Optimized filenames.
  • Understanding what the mockup really is, vs. a real web site.
  • Slicing up your entire mockup using the GNU Image Manipulation Program.
  • Doing your best to keep your filesize down when working with images for web.
  • Using "Save for Web" features of Adobe Photoshop to create smaller images for use on the Internet.
  • Copying your merged image to clipboard in the GiMP and Photoshop.
  • Automatically cropping images with the GNU Image Manipulation Program.
  • Why we choose transparent PNG images for some images when programming for the web.
  • The GiMP consistently outputs smaller files than Adobe Photoshop.
  • "Free" is really good in 2011!
  • Giveaway: Category5 TV gives away another two Pogoplug Pro devices.
    Congratulations to rd_blair1 and popey.

Links to Relevant Web Sites:


Technology TV
Episode 671 Live:

Being Watched

Twitter Posts

Login to Category5

Error message here!

Hide Error message here!

Forgot your password?

Register on Category5

Error message here!

Error message here!

Hide Error message here!

Lost your password? Please enter your email address. You will receive a link to create a new password.

Error message here!

Back to log-in