WordPress Web Design Tips

WordPress logo

WordPress logo

Our little shop is primarily a WordPress web shop. We design custom WordPress websites that are search engine friendly and easily editable by the client. Here are some tips for WordPress web design.

Do not modify core files in WordPress.
It might be the easy way to do something, but it will be over written when WordPress is updated. It won’t seem like such an easy fix when you have to do it again. You should be using a plugin instead. Plugins are the best way to add functionality to a WordPress site. If you can’t find a plugin to do the job you need done, build one.

Modify the child themes, not the parent themes.
That is what child themes are for. Create your child theme and keep your modifications to your own child theme files. Parent themes are updated occasionally and you will lose your changes.

Use one javascript library.
Find a suitable javascript library and stick to it. jQuery is good. Mixing javascript is bad. Finding pre-existing scripts on the web to incorporate in your design is a good way to learn. If the comments in those scripts in any way contain the phrase “I don’t care,” ditch the script. Learn from it if you can, but do not waste time trying to make it work.

Keep your code clean.

  • Delete extra styles in the CSS.
  • Remove unused PHP from the functions file.
  • Remove old analytics code if it is no longer needed.
  • Delete unused or unnecessary plugins.
  • Consolidate your javascript and CSS whenever possible.
  • Clean up files while you are working and make sure all files are organized and clean before the site goes live.
  • Comment your code clearly.

Do cross browser checks as you work.
It’s far better to frequently check as many browsers as possible as you work than to try to fix many things at the end. All too often, fixing one thing means breaking something else.

Validate code. Validate code. Validate code.

Pay attention to the details.
As Ludwig Mies van der Rohe said: “God is in the details.” The details will make or break a design. It’s okay to be a perfectionist.

Test everything.
Never publish anything without testing it first. Test in multiple browsers and platforms. Have your friends test it. Have others in the shop test it. Make sure all forms work. Make sure it works as it should before publishing live content.

Written by Shanna Cramer, owner of The Web Shoppe in Fargo, ND. Twitter Facebook

Gravity Forms Contact Form Plugin for WordPress

Digg This
Reddit This
Stumble Now!
Buzz This
Vote on DZone
Share on Facebook
Bookmark this on Delicious
Kick It on DotNetKicks.com
Shout it
Share on LinkedIn
Bookmark this on Technorati
Post on Twitter
Google Buzz (aka. Google Reader)

YouTube video editing

YouTube

Have you been trying to figure out how to get your own videos on YouTube? Well, wonder no more. Here, I introduce one of the easiest ways you can finally get a fantastic idea out of your head and onto YouTube with some really fun-to-use tools.

I’m talking about PowerPoint and Camstudio or Windows Movie Maker. This is my absolute favorite way to create videos because I like how everything I need for this strategy doesn’t require any complicated hardware. To begin, I design a nice series of slides in Microsoft’s PowerPoint complete with cool-looking backgrounds, fun graphics, and relevant text. Each slide introduces a point I want to discuss and when finished, I export the entire presentation as a group of JPG images. Then I load up Windows Movie Maker. With Movie Maker, I import each exported JPG in the order I want them to appear in the video and then export that collection as a video file. When finished, I upload the final production to YouTube. Easy!

If I’m feeling creative, I might insert a few of Movie Maker’s transitions and/or background sounds onto each image before creating the video. But if I’m feeling really creative, I won’t use Windows Movie Maker at all. I’ll use Camstudio instead.

CamStudio is different from Movie Maker in that it captures what’s happening on a computer screen rather than compile a bunch of images. That means I can have some real fun in PowerPoint and add PowerPoint’s animation features to a video. My letters can dance — my images can display when I want them too instead of all at once — it’s awesome. And I can capture it in action with Camstudio. All I have to do is run my finished publication and let Camstudio record it all. At the presentation’s end, I simply save the recording to an AVI file, which YouTube readily accepts.

Try it! Camstudio is free and you don’t need Microsoft’s PowerPoint to get started (or Movie Maker for that matter). OpenOffice provides a presentation maker that’s eerily similar to Microsoft’s PowerPoint, making it the perfect *free* alternative.

Nicole Miller writes for Argos.co.uk discount codes where you can find PC World discount vouchers.[/quote]

Digg This
Reddit This
Stumble Now!
Buzz This
Vote on DZone
Share on Facebook
Bookmark this on Delicious
Kick It on DotNetKicks.com
Shout it
Share on LinkedIn
Bookmark this on Technorati
Post on Twitter
Google Buzz (aka. Google Reader)

Anti-Alien Helmet

tin foil hat

Have you ever wondered what happens to your thoughts after you think them? Where do they go? Who can read them? If aliens can read your thoughts, can they also put your thoughts into another person’s head? What evil could come of it? If these are the thoughts that keep you up at night, you could benefit from the Anti-Alien Helmet.

The Anti-Alien Helmet, commonly called the tin foil hat, is fashionable, unique head wear that protects your stray thoughts from alien interception. It is made up of state-of-the-art aluminum foil wrapped into a spiral shape that fits snugly over the top of your head and terminates in a point at the top. The spiraling aluminum foil design has been proven to keep alien thought-detecting probes out and your private thoughts in.

The Anti-Alien Helmet is beneficial to people from many walks of life, including:

  • Government agents – keep those classified government secrets safe from aliens.
  • Conspiracy theorists – keep those conspiracy theories safe from government employed aliens.
  • Pets – pets overhear everything said nearby. Keep aliens from seeping overheard words through your pets.

Keep your friends, family, pets and government secrets safe. It’s time to begin your worry free life now with the Anti-Alien Helmet.

Digg This
Reddit This
Stumble Now!
Buzz This
Vote on DZone
Share on Facebook
Bookmark this on Delicious
Kick It on DotNetKicks.com
Shout it
Share on LinkedIn
Bookmark this on Technorati
Post on Twitter
Google Buzz (aka. Google Reader)

What is Work For Hire?

Work for hire

Put simply, a work for hire is a creative work done by an employee or independent contractor as part of a project for an employer or project owner. With most creative works, the actual creator owns the right to the piece. That is a guarantee under the US Constitution. It means an author owns their written work just as a musical composer owns their compositions. Someone has no legal right to claim another’s creative work.

Employer-Employee Relations

In order to meet the Constitutional provision, corporations and other businesses have the ability to hire employees that do the actual creation work. The entitled author of the work is the corporation. But, as part of their contract with their employer, the creating employee receives no ownership of the final product. They effectively give up all creative control of anything they make as part of their employment with the company, whether or not the work was assigned by the employer. Freelancing at work? Your employer owns it.

A computer programmer doesn’t own any programs they write for their employer. An advertising copyist doesn’t have any claim to any ad copy they create for their employer. This applies to anyone in a clear employer-employee relationship.

Independent Contractors

A grey area in copyright law is when someone hires an independent contractor instead of an employee to create something. The US Copyright Law of 1976 set out three provisions in the law that the contract must meet before the company can claim ownership of the piece.

The first is that the work must come within one of nine categories in order to qualify. Those categories are a contribution to a collective work, as part of a motion picture or other audiovisual work, a translation, a supplementary work, a compilation of some work, an instructional text, a test, an answer guide to a test, or an atlas.

The second provision is that the work must be a commission or specific order. If a company representative buys a completed work of art from a gallery for display in their corporate headquarters, the artist retains complete control on the copyright to that piece. But, if a company commissions a translation of an ancient text with a work for hire provision, the company has the copyright control.

The final provision is that a written agreement must be in place that says the work is actually a commission or order in the work for hire category. An oral agreement is not enough to meet this provision.

If any one of these provisions are not met, the creative work remains the copyright of the actual creator instead of the entity hiring the creation.

How Long Does Copyrights Last in Work for Hire Situations

Another question that often comes up about work for hire situations is how long does the copyright last. The standard provision for copyrights is 70 years after the death of the author or creator. However, corporations can theoretically exist forever, never “dying.” So for this situation, the copyright lasts for 120 years after its creation, or 95 years after its first publication.

Digg This
Reddit This
Stumble Now!
Buzz This
Vote on DZone
Share on Facebook
Bookmark this on Delicious
Kick It on DotNetKicks.com
Shout it
Share on LinkedIn
Bookmark this on Technorati
Post on Twitter
Google Buzz (aka. Google Reader)

Drupal 6 register_globals is enabled

Drupal install

I am learning Drupal finally.

As a person who learns by doing, I have three separate Drupal installs going at once and I expect to have two working websites out of the deal within a month.

Don’t worry, I’ll keep you updated.

I am using Drupal 6.16.

First thing I ran into is the register_globals is enabled issue. To correct this, you need to add a line of code to the php.ini file. You might not have one of those. You can create one if you are feeling especially creative. I tried. It broke my site. I am using Hostgator hosting which I highly recommend [affiliate link]. To get a php.ini file that works, just hop onto the Hostgator chat and request one.

Once you have that php.ini file, just add this to the end of the php.ini file:

php_flag register_globals 0

I usually use Coda for code editing. I know there are better apps out there for this, but I really like the ftp editing abilities. I save, the file is uploaded and done. No download and change, upload, etc. It’s easy and I like it.

The point is, you can’t use Coda for this. You have to log in to the cpanel and select FILE MANAGER. Select the newly added php.ini and edit.

Add that one line of code to the end and save. Problem solved.

Note: this works for Hostgator hosting. If you are on another web host there are other options available. Here are a few: http://drupal.org/node/216882

Digg This
Reddit This
Stumble Now!
Buzz This
Vote on DZone
Share on Facebook
Bookmark this on Delicious
Kick It on DotNetKicks.com
Shout it
Share on LinkedIn
Bookmark this on Technorati
Post on Twitter
Google Buzz (aka. Google Reader)

Using Graphic Bullets in InDesign

paragraph, bullets and numbering

You can use any character of any font available to you in InDesign as a bullet point. If that isn’t enough, you can also use the vector graphic of your choice. Here’s how.

Add bullet points to your text in InDesign. I am using CS4, but this probably works in other versions.

add bullets

Bullet points can be added two different ways.

  1. Select the text.
  2. Go to the options flyout menu on the paragraphs panel.
  3. Choose Numbering and Bullets.
  4. Select Bullets from the drop down menu in the dialog box.

paragraph, bullets and numbering

bullets

-or-

  1. Select the text.
  2. Go to the paragraph styles panel.
  3. From the options flyout menu of the paragraph styles panel, select NEW STYLE.
  4. Name your new style
  5. When the dialog box opens, select Bullets and Numbering from the list at the left.
  6. Select Bullets from the style drop down menu.

The benefit of adding bullet points as a paragraph style is that you can reuse the bullet style with a click.

select new paragraph style

paragraph style of bullets

Note: Only change bullets to graphics when you are finished editing the text. This process changes bullets to text instead of bulleted lists, so they will not be editable as bullets. You can still edit them as text with tabs.

Get your graphic for the bullets.

  1. Bring your vector image into InDesign. I am copying and pasting from Illustrator, but you can also place (file -> place) in InDesign.
  2. Size it to the size you need for the bullets.
  3. Copy your vector image to the clipboard.
  4. Select the bulleted text.
  5. Under Type -> Bulleted & Numbered Lists -> Convert Bullets to Text.

Convert Bullets to Text

Change the bullet to a graphic.

  1. Select the bulleted list.
  2. Go under Edit -> Find/Change.
  3. In the dialog box, make sure you are in the TEXT tab.
  4. Click the flyout menu button to the right of the Find What drop down list.
  5. Select Symbols -> Bullet Character.

symbols, bullet

  1. Click the flyout menu button to the right of the Change To drop down list.
  2. Select Other -> Clipboard Contents, Unformatted.
  3. Click Change All.

clipboard contents

Your bullet points are now graphics!

graphic bullets

Digg This
Reddit This
Stumble Now!
Buzz This
Vote on DZone
Share on Facebook
Bookmark this on Delicious
Kick It on DotNetKicks.com
Shout it
Share on LinkedIn
Bookmark this on Technorati
Post on Twitter
Google Buzz (aka. Google Reader)

Calculating a selector’s specificity

(from http://www.w3.org/TR/CSS21/cascade.html#specificity)

A selector’s specificity is calculated as follows:

* count 1 if the declaration is from is a ‘style’ attribute rather than a rule with a selector, 0 otherwise (= a) (In HTML, values of an element’s “style” attribute are style sheet rules. These rules have no selectors, so a=1, b=0, c=0, and d=0.)
* count the number of ID attributes in the selector (= b)
* count the number of other attributes and pseudo-classes in the selector (= c)
* count the number of element names and pseudo-elements in the selector (= d)

The specificity is based only on the form of the selector. In particular, a selector of the form “[id=p33]” is counted as an attribute selector (a=0, b=0, c=1, d=0), even if the id attribute is defined as an “ID” in the source document’s DTD.

Concatenating the four numbers a-b-c-d (in a number system with a large base) gives the specificity.

Example(s):

Some examples:

* {} /* a=0 b=0 c=0 d=0 -> specificity = 0,0,0,0 */
li {} /* a=0 b=0 c=0 d=1 -> specificity = 0,0,0,1 */
li:first-line {} /* a=0 b=0 c=0 d=2 -> specificity = 0,0,0,2 */
ul li {} /* a=0 b=0 c=0 d=2 -> specificity = 0,0,0,2 */
ul ol+li {} /* a=0 b=0 c=0 d=3 -> specificity = 0,0,0,3 */
h1 + *[rel=up]{} /* a=0 b=0 c=1 d=1 -> specificity = 0,0,1,1 */
ul ol li.red {} /* a=0 b=0 c=1 d=3 -> specificity = 0,0,1,3 */
li.red.level {} /* a=0 b=0 c=2 d=1 -> specificity = 0,0,2,1 */
#x34y {} /* a=0 b=1 c=0 d=0 -> specificity = 0,1,0,0 */
style=”" /* a=1 b=0 c=0 d=0 -> specificity = 1,0,0,0 */






In the above example, the color of the P element would be green. The declaration in the “style” attribute will override the one in the STYLE element because of cascading rule 3, since it has a higher specificity.

Digg This
Reddit This
Stumble Now!
Buzz This
Vote on DZone
Share on Facebook
Bookmark this on Delicious
Kick It on DotNetKicks.com
Shout it
Share on LinkedIn
Bookmark this on Technorati
Post on Twitter
Google Buzz (aka. Google Reader)

Happy New Year!!

2010 plans for CTD include print template downloads and the return of Free Book Friday.

Enjoy!

Digg This
Reddit This
Stumble Now!
Buzz This
Vote on DZone
Share on Facebook
Bookmark this on Delicious
Kick It on DotNetKicks.com
Shout it
Share on LinkedIn
Bookmark this on Technorati
Post on Twitter
Google Buzz (aka. Google Reader)

10 things web design taught me in 2009

top-10

The thing I love about web design is getting to learn something new everyday. There are a few lessons this past year that stand out. Maybe you can relate.

  1. Do not buy software that does not have a manual or help files.
    If a company doesn’t take time to write out a FAQ or help page, how well do you think the software is written?
  2. Do not deal with Hostway.
    There is no nice way to say that. Hostway has perfected the art of pissing people off.
  3. Do not buy web design from a pawn shop.
    Seriously. Don’t. They use Hostway.
  4. Always get the user manual and read it from cover to cover.
    Even if it’s an eBook. I know it hurts to read a book sized PDF, but sometimes it’s worth it.
  5. Say no to jobs that are outside of your business plan.
    Sometimes even long time customers have to be cut loose if the project will take time away from reaching your goals.
  6. If someone wants flash drive graphics, refer them to your least favorite competitor.
    They also probably want a one page website that just shows different things when you click. They might also want 40 high res graphics that load fast and look exactly the same on every monitor. They also probably know everything about websites so they don’t need to listen to you.
  7. Test new software for at least a month before paying for it.
    See also #1.
  8. Accomplish something every day.
    Taking on large projects means a project will not be finished or checked off the list every day. Try to have a few small projects that can be checked off because finishing a project feels like progress and progress = happy.
  9. Help someone everyday and expect nothing in return.
    It’s good for your Karma. Check twitter. There are always people asking for help on something or other.
  10. Clients do not make the rules.
    Just because a client really, really wants this website live ASAP does not mean you have to spend every day and night working on it. One client is not worth burning yourself out on. Steady pace wins the race.

What have you learned this year?

Digg This
Reddit This
Stumble Now!
Buzz This
Vote on DZone
Share on Facebook
Bookmark this on Delicious
Kick It on DotNetKicks.com
Shout it
Share on LinkedIn
Bookmark this on Technorati
Post on Twitter
Google Buzz (aka. Google Reader)