Return to Blog Home Page

Showing posts with label Code View. Show all posts
Showing posts with label Code View. Show all posts

07 April 2010

Are You Kidding Me?

I have access to an iPod Touch for testing purposes since I own a Zune HD and need to see how development projects look on Apple platforms.

I don't typically use it that often, so when I went to the App Store to look for the new PayPal App I was greeted with an upgrade message like the following:



The Terms of Use have changed since your last purchase. Please review and accept them before proceeding.
Then I noticed this at the bottom of the screen: Read more: Page 1 of 92.

What?! 92 pages of legal mumbo jumbo in order to use a service?

Wow...I find it amazing that someone could actually come up with 92 pages of legaleze to begin with (granted - this was on the iPod - so there are probably fewer pages if viewed on a laptop).

And (for all of my Apple loving friends) I'm not saying this is specific to Apple - I'm sure I've seen the same thing when activating other software.

But seriously, I find it interesting that the Terms of Service or Terms of Use can actually be more detailed than the application or software we are using...

So do we do the same thing? When building websites do we have more help documents and "required for this website" requirements than we do web pages?

If so - I think we need to pull back and ask ourselves if we like visiting websites with 10 different requirements just to view their content.

Maybe it would change the way we design and develop...



09 March 2010

Coolest Thing Since "Sliced Corners"

I just love cool tools that are free and useful. Meet CSS Border Radius

This is one cutting edge tool. Now not all browsers can take advantage of it, but if you're like me you aren't going to allow IE to keep us in the Dark Ages...

Simply enter the radius of the corners you'd like on your object and viola - there's your code!



08 September 2009

Are You a Flight Risk?

I've attempted on a few occasions to move from Blogger to WordPress without success.

I'm not sure why - maybe the timing wasn't right or maybe I just didn't have the patience to learn a new system with everything going on at the time.

At any rate, in the past month we've seen a flood of Granger staffers making the switch to WordPress. In some cases it just means they want our advice, but in other cases it means I get to actually help implement a new theme for the blog. This obviously requires me to learn the system and quickly at that.

I'm a few hours into the process and other than a few glitches I'm liking the flexibility. There isn't a huge need to move my blog from Blogger since I manage a full blown website with the blog being a small part of it. But if all I had was the blog - I'd be making the switch.

After years of refining and innovating WordPress has definitely reached a good place and is only getting better. Here are just a few reasons why:

  • Free
  • Open source
  • Numerous free and purchased templates available
  • Fairly simple and straightforward css file for customization
  • Easy to manage templates (themes) by simply activating and disabling
  • Wide range of looks and layouts available
  • Easy to give the appearance that your blog is part of a website rather than just a blog
  • Can be hosted online or on a server of your choice
I'm thinking this could be the most versatile and forward thinking free blog/CMS tool out there.

I'd be less than honest if I didn't tell you the people moving to WordPress are people that for years have been duped into using TypePad. They are fed up with the pricing and the fact that even though they are paying, the tool isn't getting better. It continues to frustrate and makes total customization a pain in the...you know.

If you're a flight risk - I'd make the move today...



23 April 2009

I Cheat - Do You?

I'll be the first to admit that I'm NOT a hardcore coder. In fact, I went to school to become a psychotherapist and assumed that was my profession because it's what I did.

Web design was just a hobby like chess. I bought Macromedia Flash 5 bundled with Freehand 9 and taught myself how to create rich media for the web. My next step was to purchase Dreamweaver and Fireworks as a bundle. I then learned html and this little thing called Cascading Style Sheets (CSS) which has rocked my world. From there I never looked back. I began volunteering at the church and was eventually hired to do this stuff full time. I love my job!

Over time I have been successful at plugging in simple javascript or php elements as long as the person creating them did a good job and documented the implementation well. But that is as far as my coding skills have progressed. With my responsibilities the way they are there isn't time or a need for me to drop hours at a time on learning to code.

So if there is one thing that has helped me muddle through with coding it's cheat sheets. I've found them invaluable for quick reference when designing/developing and getting stuck over some simple syntax error.

Web Design Ledger has pulled together some of the main ones in their article: 18 Seriously Helpful Cheat Sheets for Easier Coding.

Hope you find them as useful as I do :)



12 June 2008

Meta Tags: The "Rules" We Follow

There are some things that you CAN do but SHOULDN'T do because the intent is questionable.

I found yet another example in the web field the other day. I was creating a website for a local company and the owner asked how he could make the site more visible to search engines like Google, Yahoo, Answers, etc.

I began to explain what meta tags were and how he could come up with a list of words for the search engines so they would return the site in searches for those words.

He seemed to understand and then asked how it could be that every time he searched for his store, the competitor came up in the list before him.

A quick "view source" showed us that the competitor had entered my clients company name (word for word) as one of his meta tags.

My Two Choices
Given this turn of events I had the following options:

  1. Tell him 'turnabout is fair play' and simply put the competitors name in our meta tag.
  2. Use the opportunity to model ethical business practice for my client.
Luckily it was fairly easy to choose option 2. My client agreed that it was low business practice and he wanted nothing to do with it. I can only pray that I would have been so ethical if he had have pushed me to do the opposite.

In Summary
In this upside down world it makes sense to do anything to get one up on the competition. And while you may lose market share due to ethical decision-making I believe God will bless you. If not here and now, in the near future or at the end of it all.

Either way I'd much rather be on this side of the fence...

By the way, there is a slight chance you could be taken to court for this behavior. But this isn't the judge I'd be worried about. Even if you get away with your meta tag mayhem in this life, you will stand before The Judge someday.



22 February 2008

Easy Favicon Solution

For those of you that need a quick 'up to speed' lesson on what a favicon is, look at the image to the left.

The Blogger logo (White 'B' on orange background) is seen three times. The bottom one is simply an image, but the top two are 'favicons.' A favicon (short for 'favorites icon') is an image saved in a specific format (yourLogo.ico) to be used dynamically in specific ways. Three of the most common are:

  1. In the address bar next to your URL
  2. On browser tabs (now a big part of Firefox and IE7 functionality)
  3. Next to the favorites link in your browser (when you add it as a favorite)

This used to be a more difficult process - requiring software to create the icon and save it in the right format. But thanks to a new online site you can do it in no time. And there is no reason (but laziness) not to add this to your site.

Favikon is a site that allows you to upload a graphic and save it as a favicon. You simply follow the steps, save the finished version to your desktop and upload it to the root folder of your website (the same folder that your home page lives in).

Finally, go into each page of your site and add the code provided in the last step into the 'head' section.

If you have thousands of individual pages (not dynamically generated from a template) this might be difficult. But one option is to just add it to your home page and top level pages that are right off the main navigation.

It's so easy there's no real reason to skip this step in the development process...



11 April 2006

Include Me Please

I'm not a huge programmer, but I love to learn small tricks that make my workflow easier. One such trick is the Server Side Include (SSI) or PHP Include. These awesome little workhorses make designing a dynamic website a bit more time intensive on the front end, but much easier in the long run.

(Very) Simple Explanation
An "include" is a short function that you place in your HTML/XHTML page. It is just one line that says something like "include "your_document.html" or something like that.

Go here for full explanations: Server Side Includes / PHP includes

When the browser gets to this function it goes looking for the "your_document" file and "includes" it in the page. If "your_document" is a text file that says, "Hi - I'm an include" then "Hi - I'm an include" will show up on your page.

The cool thing is that you can now duplicate this HTML/XHTML page as many times as you want and each page will still pull "your_document" into that page. This allows you to make global changes in a websites look and feel by simply changing the "your_document" file.

In the past I used includes for navigation only. I would create an HTML page called "nav.html" and it would just be a list of links. Each page called this file to populate the navigation panel on that page. If I wanted to add a link to the site, I simply updated the "nav.html" page and every page on the site had the new link!

However recently I have experimented with includes for headers, navigation, footers, and even simple form elements.

Coupling includes with the power of Cascading Style Sheets (CSS) makes website maintenance a breeze and makes routine site enhancements much more doable.