Archive for March, 2010

The death of IE6 imminent?


30 Mar

For several years, Internet Explorer 6 has been the bane of web designers.

Its lack of standards compliance and the browser’s overall glitchiness with handling otherwise ordinary techniques and processes, have made IE6 a burden to tame. Designers have had to jump through hoops to get things past validation, including some not-so-effective  workaround techniques and a mountain of IE6 commented CSS.

However, bright skies are on the horizon.  A ceremonial “funeral” was held for the browser in March,  and there’s even a site counting down until the end times for IE6 (which, is apparently going to be sometime  in 2014) . Microsoft’s Internet Explorer versions 7 and 8 have made great strides towards abiding by the W3C compliance standards, and improvements are definitely being made.

Still, IE6 remains in widespread use in a wide variety of industries and government institutions, so the end is moving slowly. With any luck, web admins and designers across the board will quietly revolt, and we can move to a day when you won’t need a separate stylesheet just for Internet Explorer 6. And that day can’t come too soon for this designer.

Google Wave – Revisit and Update


28 Mar

I’ll admit it’s been a long time since I’ve logged into google’s experimental social media project,  google wave. Not having a team to coordinate, or frankly all that many contacts that actually have a wave account, there just haven’t been a whole lot of excuses to log on. However, I was pleasantly surprised by a slew of new extensions added since around mid-january.

Just a few of the new examples below:

  • Grocery List – Pretty self-explanatory
  • Image Gadget – Add an inline image to your wave
  • Iframe Gadget – add an embedded iframe to your wave
  • Phone Conference – Allows you to create an easy conference call via google wave’s VOIP services. Invite multiple participants for live conferencing, or leave an audio message for the rest of your participants.
  • Likey Gadget – a very simple gadget that allows the participants to like or dislike something. Easy as pie.
  • AccuWeather – provides an easy weather forecast when you provide it with a location and a date.
  • Napkin Gadget – Lets you doodle or leave hand-written notes in the wave
  • Waffle (Date-Picker Gadget) – Use to plan events or set a date for something in a wave. Very simple interfaceMind Map Gadget – You can use this extension to create workflows and simple diagrams for organization. A handy tool for project lists or to-dos.
  • Pollo Gadget – use this extension for simple surveys and polls
  • Take-Out Gadget – Gather the office’s take-out orders and strategize lunch. You can even set a timer to combat chronic procrastinators..
  • Video Chat Experience- Use this extension to set up a quick video chat within the wave, with filters and basic video effects to make it more interesting

As you can see, the higher-level features of google wave are starting to shape up,  and the interface is definitely evolving into it’s potential.

So you’ve got a sitemap. Now What?


22 Mar

This is a common question for webmasters. Here’s a simple compilation of sites geared towards getting your site map into the hands of the search engines.  Each search engine generally offers a different set of criteria, and some offer additional XML fields for their sitemaps, but the majority of the popular search engines (google, yahoo, bing, etc..) can read the standard sitemap.xml as long as it’s properly formatted.

Google :
Submit sitemaps through their webmaster tools, at http://www.google.com/webmasters/tools (you will need a webmasters account, which you can sign up for with a google/gmail account)

Bing/Live Search/MSN:
Submit sitemaps through their webmaster center , at http://www.bing.com/webmaster/ (uses either a bing account or you can use your windows live account)

Yahoo!:
Submit site/sitemap to yahoo’s Site Explorer site, at https://siteexplorer.search.yahoo.com/submit

Other search engines will have different submit pages, with links in the footer to their “add” or “submit” pages generally.

ADA compliance and You : A Handy Webmaster’s tool


22 Mar

Making sure your website is totally standards compliant has always been a tricky game.

It’s even more so difficult when you’re designing a website that requires ADA (Americans With Disabilities act) compliance. Luckily, this time-tested dilemna has met it’s match : the ADA Accessibility Validator (about.com) . About.com also offers a variety of other validators to make sure your code is 100% compliant – including the Section 508 standards, W3C, Valid HTML, Valid XHTML, and more. See the whole range of validation tests at their site (about.com)

Office Supply Science 3: Brainstorming on Pens


21 Mar

Over the years, the pen has become an almost ubiquitous part of professional life. Virtually no desk is lack for one, and they’re generally obtainable by the handful. As such, they make a perfect material for the office supply scientist on the go.

Here are just a few ideas being tossed around for future Office Supply Science posts:

1. Standard bic(tm) pen used as an inline gas filter to remove dust and mold

2. Miniature bic(tm) pen nunchucks with an inner coil of string normally hidden.

3. Miniature spring Scale using a standard ballpoint pen’s components

4. Spy Pen – Pen with hidden preloaded blowgun

6. Pen as a micro-scale separatory funnel, with standard ballpoint pen components serving as the stopcock.

SEO – Advice on choosing an SEO firm


21 Mar

When trying to choose an SEO firm, there can be many obstacles. Here are just a few pieces of practical advice on choosing a SEO company for your needs. Please note this was written in general, and I do not offer SEO services.

1. make sure to vet the firm you’re looking at. Call their references, and see if they actually did a good job for them. also make sure their references aren’t immediately connected to the SEO company.

2. shop around for experts at a reasonable rate

3. know what terms you’d like to shoot for good search engine placement are. Avoid generic terms like “lawyer” or “dentist”, and work towards good search engine placement in a regional or niche market. For example, “Chinese Restaurants in Austin” will generally yield much better results than “Chinese Food”, plus the latter will pull in a large amount of out of state leads that you may have no use for.

4. avoid firms guaranteeing “number 1 on google” or related. There’s no way to make this guarantee, unless they’re only talking about a cashback guarantee.

5. Go with a firm where practical, as the diversity of a company with both marketing and IT personnel will lend itself to a better range of techniques.

6. Make sure to avoid firms/individuals that will use sleazy tactics (like paid links, etc) to enhance your ranking. These techniques may boost traffic in the short term, but many search engines penalize these practices and you may find your #1 site suddenly became #2,300 (for example)

“New” Half-Life 2 Singleplayer Maps Posted!


21 Mar

Or, As I’d like to call it, removing the clutter. I hand-picked these maps from the hundredsof HalfLife 2 Maps i’ve created over the years, and I present them for historical reference. These are all singleplayer maps, and they need to be saved to your HalfLife 2 Maps Directory (Directory path may vary). If you can’t find it, just search your HD for *.bsp (the map extension).

Check all the maps out at the HalfLife 2 Downloads Page

Office Supply Science 2: Contact Switch and Morse Code Key


17 Mar
Morse code keys using binder clips

Morse code keys using binder clips

Materials:

2x Binder clips

2x wire lengths

scotch/electrical tape

1x sticky note

Directions for Simple Contact Switch:

1.First, Wrap the sticky note around the end of one of the binder clips’ skinny ends, making sure to  cover enough of the metal to fit the width of the scotch tape, but leave the end exposed about .5″-.75″.  Remove any loose paper around the edges of the clip. This will form the insulator.

2.Sandwich the wrapped portion of the clip with one end of the other binder clip, and use the scotch tape to bind them together. Make sure no portion of the end of binder clip is touching, especially at the wrapped end.

3.Bend the end of one of the binder clips away from the other clip, keeping the other clip straight.  This will form your switch, essentially.

4.Back at the wrapped end, form a loop of one of the wire lengths around the exposed end of the wrapped binder clip. Then, fold the end with the loop over the wire and crimp it with pliers. Repeat this process with the opposite end of the other binder clip.

5.Finally, make sure no portion of the two binder clips is in contact with each other. You now have a simple contact switch!

Directions for Morse Code Key:

1.First, Follow instructions 1-5 for the contact switch above.

2.Second, Bend the exposed end of the wrapped portion of the binder clip so that the “switch” forms an arch with the end of the exposed portion of the clip making contact with the  other binder clip.

3. Third, separate the arched end of the switch so there is no contact between the two binder clips

4. Finally,  using the tape, mount the unwrapped binder clip to a flat, rigid surface. Now you have a simple morse key!

You can build this idea out further by having a simple metal base plate (as shown) and counter-balancing the wrapped binder clip for easier use (as shown).

Tips:

1. depending on the type of binder clip, you may need to remove the preservative coating to make a good connection. A flat-head screwdriver or any other scraping device is good for this.

Office Supply Science 1: Electrolysis with common office binder clips


17 Mar
Binder Clip Electrolysis Apparatus

Binder Clip Electrolysis Apparatus

Materials:

1x 250 ml beaker

1x 250 erlenmeyer flask

2x office two-part binder clips

2x lengths of wire for connections

Directions:

Prepare materials as outlined above.  Straighten the binder clip so the entire length is unbent, then drop the binder clip into the erlenmeyer flask. Place at the desired electrode length, making sure that some of the clip remains exposed above the lip for the end, plus enough to fold over. Bend the portion of the clips visible above the lip of the flash over the side of the flash and crimp them tight with your fingers (be careful not to crack the flask if using pliers) .  Next, take the wires, and form a loop around the external ends of the binder clips. Fold the ends of the binder clips over this loop, and compress with the pliers. Finally, invert the erlenmeyer flask into the beaker. Congratulations, you have a poor man’s electrolysis apparatus!

New general resume – updated for general application


16 Mar

This just in! I’ve updated my resume for the transition to biotechnology. This one-page resume illustrates my practical qualities and experience, without the additional information for web design positions. Check it out, and let me know what you think!

Download/view the PDF: Resume-RyanBishop-2010

LostInTheText.com – The portfolio of Ryan Bishop

The Online Portfolio and Resume of Ryan Bishop