Web Design, Web Development and Graphic Tips

This blog or web log is my diary of working with people on the internet and creating their web sites for them. The problems, the ideas, the innovations Ive come across and what Ive created to help people get their products or message or services in front of those customers or clients. You might not agree with some of my methods but they do work... Read on my friend read on

Friday, November 21, 2008

Technology Student Association or Hitler Youth Group for Corpoate America

Ok it has been awhile since I posted but something got under my hat and started chafing my arse so I had to post again.

My Kid is a 13 yr old male who does well in school and is smart as a whip and loves all things tech so as part of his extra curricular activities he joined his school's chapter of TSA or Technology Student Association. We were all for it hoping this would be a great way for him to be exposed to tech and different areas of technology from computers to engineering to help build social skills while operating n a safe school environment.

I knew there was trouble on the horizon when he we had to buy him a suit to attend a TSA conference in Orlando... Yeah a 13 yr old had to have a blue blazer, blue pants, black dress shoes and a TSA patch sewn to the sleeve... Hello Corporate America.... Shades of the old pre MS days of the stodgy IBM suits who controlled all tech in America until Steve Jobs and Bill Gates and their buds from their nifty little computer group got together and turned corporate America on its ear and stole the keys to the limo.

Some of the activities he digs like CO2 car racing and web site building, bridge building and structures, using popsicle sticks (which reminds me of my days in Junior achievement) where I did activities and learned basic business principles but at no time did we have to dress like little Michael Keaton, GOP Republican, wannabes to be in compliance with the chapters dress codes. No, we could wear what we like as the focus was on our minds and abilities and interests and not on conforming to the herd.

Most of the real techno dweebs out there that are making a real difference today in our techy world and making real strides in developing new tech either in web apps or gadgets or even in engineering wear t-shirts with pithy if cryptic saying on them (I own a few myself...) wear their hair long have facial hair and would probably die first if asked or told they had to wear a suit. And rightly so like a suit automatically legitimizes you as a solid worker and team player. What does my blue blazer have to do with my minds abilities or gifts and the way I can think around a problem and find solutions? Nothing, absolutely nothing.

Hey don’t get me wrong there’s plenty of these same braniacs out there who love wearing their 3 piece button downs and are doing their part. my point is that it should be a choice...
left to the individual and real hiring or firing should really be placed with resource personnel who base evaluations on human assets to a company on their skill level and not if they conform to a certain ideal.

This is even more abhorrent when its a student group training our kids to be little carbon copy cookie cutter pale reflection of one another of corporate Americas ideal of what a real human should look and act like especially at a time in a young man or young woman’s life where they are just discovering that A) they are real and alive and have a personality and are learning what and who they want to be. And B) are susceptible to strong authority figure types leanings.

Not saying TSA is quite like Hitler’s youth corps but its the same road Nazi Germany followed and look where it got them... strength thru conformity and loss of the individuals gifts and talents

TSA is a good organization and is trying to help our kids find a place in a ever growing tech reliant world and give them a place where they can stand tall and excel but geez lets get rid of the corporate mentality already and let my kid wear his WiFi detector shirt its blue and has tech IN it and the patch would go nice on the sleeve... if yours wants to wear a suit let him or her. Let it be THEIR choice but lets just be a guide to showing what’s available out there and help them find a path that they can learn and grow upon in the areas that really interest them and let them excel because of their passion.

As my PHP buddy says: God Bless and fly low!

Thursday, April 17, 2008

Limiting characters in a text area

OK we all know that sometimes we have to get user input on our websites like on our contact forms or on our blogs. Usually we provide a simple text area for them to enter their message or data. but lets say we want to limit how much they can enter... Well with textareas unlike textbox which can have a maxlength attribute set, textareas dont have this available to them. For one of my client sites where the user is able to add their site link and provide a site description we wanted to limit the number of characters to 255 I mean cmon if you cant write a solid description of your site in 255 characters why bother?

So I started googling and I came across the standard bloated javascript methods of limiting the number of characters in a text field that also used a non elegant input textbox (disabled) to show how many characters you had left. I wasnt impressed.

So I googled some more and came across NineDaysBlog by Terri Ann and she has created a very light weight charcount.js for use with the prototype javascript library. Terri's nifty little charcount is simple and effective and works in Firefox, IE6, IE7 and safari. (possibly more but I havent tested anything else yet)

Implementation of Terri's little script is very easy and takes about 5 minutes
simply download her js file the prototype file and upload them to your host and add the calls for the 2 files in the head of your page(s) then simply name and id your textarea "txtdesc" or modify her js file to match the name of your current textarea's name and id.

to download the file and view her demo or visit her blog here

Again I cant express how Impressed I was with the simplicity and elegance of this script. its a simple thing but works beautifuly and without alot of bloat.

well Done Terri Well Done

Wednesday, February 6, 2008

New Computer System

Ok its been three years since I last built a PC for myself and it was high time to build a new one.

I started off by doing price comparisons for the best parts out there for the most bang for my buck. I researched processors, memory, drives, power supply units, coolers, video cards and motherboards by utilizing the customer ratings at newegg.com, tigerdirect.com both sites have excellent shopping carts that let you do side by side comparison of products from different manufacturers and let you view customer honest ratings. And to be honest it was these customer ratings that really determined what to buy and from who.

I ended up purchasing a Intel Core 2 Quad Q6600 kentsfield processor (2.42Ghz), a XFX nforce 7801 Sli motherboard and 4GB of Corsair ram (more on the ram later) For a case I decided to go with a Thermaltake Armour+ full tower case. and a Kingwin MAIS800Watt Power supply (this PSU has the nifty modular connectors that allow you to only connect the power cables you need instead of being stuck with a mess of cables you have no use for and end up blocking that all important airflow inside your case which increases your system temperatures.

Video Card...
For my video card I ended with a ZOTAC geForce 8800GT 5122MB 256bit AMp edition (AMP edition means its overclocked out of the box). I bought the ZOTAC version after comparing other manufacturers 8800GT video cards specs and made my determination off of the fact ZOTAC bundles a DVI to HDMI connector along with the DVI to VGA adaptor where as all the other manufactures included 2 DVI to VGA adapters (nice job ZOTAC)

Cooling...
For cooling my processor I bought a masscool heatsink w/fan as well as 2 Cyclo hard drive coolers and a cyclo RAM cooler along with the case fans my system runs very cool on air only (I still dont trust liquid cooling systems (LCS) to not ruin my very nice and expensive rig sometime in the near future...

Overclocking...
I was able to get my Q6600 up to 3.2Ghz with only unlinking the ram and applying a QDR of 1600 (FSB) and a multiplier of 8 trying to get it stable at 3.6Ghz with a multiplier of 9x was a no go (sad really I believe its the Corsair RAM I recieved one module is being reported by my PC hardware Wizard as a TwinX 300MHz 5300 when it is supposed to be a 6400 400Mhz
My processor temps over this past week have been a steady 45C with GPU temps around 50C and hard drive temps running between the 28C and 38C for the 5 Dives I have

Oh yeah the drives....
I have 2 Hitachi 500GB SATA 3Gbs matched pair drives 2 Maxtor SATA 200GB drives and 1 EIDE ATA 133 200GB Western digital for a total of 1.6TB (terabytes) or 1600GB of hard drive goodness.

All in all I am extremely pleased with my new "Beast" and I have seen a marked improvement in response times and performance from my old rig, so much so Im finding I have gotten in the bad habit of "babying" my machine and not trying to put too much of a load on it at any one time.
My old pc had a AMD XP3000+ with 1.5GB of DDR Dual channel memory on a Abit NF7S motherboard and while at the time I built it it was a mid end machine and sufficed for my needs I have found myself wanting some more horsepower so as to be more productive and get more done while working on graphics or web development projects for my clients.

All told I spent around $1700 and have at least a $3000 computer Id say that is a good day at the office and my credit card isnt even sweating...

Thursday, November 8, 2007

Why you shouldnt do your own e-Commerce

Ok, so you got a great new product or a new spin on a old one or provide services to your customers and want to sell those goods or services online.

There are numerous companies out there waiting to take your money for a shopping cart system or e-commerce type hosting but only a few will deliver the goods so to speak.

Theres Zen Cart, X-Cart, OS Commerce and CubeCart to name the big 4 all of these carts have their good points and bad points. of the 4 I love CubeCart for several reasons.

  1. Its easy to skin or design the layout to fit what you want your online store to present to the world
  2. Its easy on Site /store owners to learn to manage, maintain, edit and update your products, site documents and products.
  3. Its extensible, meaning if you need a feature thats not part of the core CubeCart files you can have those new features written into the system. there are several excellent mod authors creating incredible tools and features for use with CubeCart
  4. Its Flexible, You can use CubeCart for everything from selling tickets to laundry detergent or your bands MP3's
Depending on which system you choose to use as your means of selling on the web you will need someone to get you up to speed on what it means to you and your customers to sell online securely and safely. emphasis on securely...

Unless you are very familiar with HTML, CSS, Graphic Design, php and MySQl I do not recommend anyone selling online w/o first getting a Proficient web developer who KNOWS the shopping cart system you will be using.

Most of the systems brag you can download, install and begin selling this is a plain out lie...
Heres why...

Most of these systems at a minimum need a site owner who knows web technologies to set up the system properly and skin and work out your payment gateway, shipping product options etc.
Selling online is not for the weak, timid or the broke.

To sell successfully online will take a web developer working with you to teach you the ins and outs on Search engine optimization, Payment gateways, SSL certificates, shipping methods and other areas to ensure your customers have a trouble free enjoyable experience shopping on your site.

Those who choose to sell online w/o at least researching these areas and not getting a qualified designer to at least design a custom layout for the shopping cart system (templates can be purchased cheaply for most of the above systems but remember if you bought it someone else has too and the only thing distinguishing your site from theirs will be your logo or company name. templates are cheap for a reason... and usually are not full skins but rather stock skins that come with the system and only mildly modified) are looking to go out of business if not quickly then slowly and painfully. I have had too many of my clients complain they never knew what it really takes to do e-Commerce properly so that they and their customers are not frustrated or fighting with a imporperly set up system that isnt using a SSL certificate to encrypt the information being submitted to the site. Hosting companies will take your money and give you the tools but at what cost? some hosting companies like Host Gator and Blue host have so many users that anyone using a pHp MySql driven website will wait long times to only have their site page fail because the sql server is way over sold and trying to push data to too many users at once. Other places will try to make it easy on you to install the system from your Cpanel via Fantastico but as anyone knows fantastico is the last to know when there has been updates to the system or will cause problems on the install because the server isn't configured properly and installation is only one step to getting setup...

  1. If you are going to sell online get a good shopping cart, research them all find the one you believe will serve you and your customers best.
  2. Research what it takes to shop and to sell online successfully
  3. and above all find a qualified web developer who knows the system you want to use (check each systems website for forums for people who know the system and will work with you to get you up to speed and level the playing field for your online store.
I hope this post helps anyone out there looking to sell online it can be fun, and lucrative if you DO IT RIGHT

Wednesday, November 7, 2007

Designing the Web - Where to start....

If you are a web developer or web designer or just a guy with a hobby site or a business owner doing your own site you need to know a few things about browser usage and display resolution. If you dont know what people are using when they are surfing the net you wont be able to effectively design websites that work in ALL the top browsers and wont be able to determine what WIDTH your site or your clients site should be. When people visit websites we keep their stats to help us understand the trends happening on our own sites. But their are sites out there with huge amounts of traffic that publish the BIG PICTURE. What internet users worldwide are using for a browser, their screen resolution, their IP and country of origin and much more.

Browser Stats
Sat Sep 1 00:01:01 2007 - Wed Oct 31 23:58:00 2007 61.0 Days
http://www.thecounter.com/stats/2007/October/browser.php

Thecounter.com's statistics clearly show Microsoft with a 75% usage share which is now at 80% for the first part of November with their 2 browsers and TheCounter.com isn't geared to any one segment of the internet population so it should give us a much broader view of actual usage. IE6 with a 48% share and IE7 with a very respectable 25% share which has grown 7% to 32% nearly one third of the internet population, already in November. But that is due in large part to MS making IE7 a recommended update. If you visit w3schools which is a site geared towards web developers and web designers, you will see a higher Firefox usage as more and more developers are adopting Firefox.

"W3Schools is a website for people with an interest for web technologies. This fact indicates that the figures below might not be 100% realistic. The average user might have display screens with a lower resolution. Anyway, our data, collected from W3Schools' log-files over five years, clearly shows the long and medium-term
trends".

Developers need to realize that you cant simply adopt a new browser like Firefox while it IS better and not design for IE because far too many people are still using IE6 which doesn't support PNG alpha transparency and haven't updated to IE7 which does support png transparency and IE7 like its older brother still doesn't follow the guidelines for the better box model.

Personally, I design for Firefox then tweak for IE. If that means I don't use or "zero out" my margins and simply nest another div inside the first one with lesser dimensions to give the effect putting a margin on the first div would have given me but because of the differences in Firefox and Internet explorer (internet exploder) We are forced to use "hacks", "tweaks", or simply not use margins or padding either with nested divs or with nested tables. A designer or developer who only designs their clients' site(s) for use in Firefox is doing that client and all the clients' web site visitors to come a huge disservice. As most of those website visitors will be using Internet explorer 5, Internet Explorer 6 or the new almost got it right browser from Microsoft, Internet, Explorer7.

Now don't get me wrong I'm no Mozilla shill. Although I do like Firefox better than IE and it is my main browser of choice I know it isn't perfect. It crashes far more often than Internet Explorer does (at least in my experience). Sometimes it crashes because Im working in a Firefox window using a wysiwyg editor called FCK editor that we use in our CMS, sometimes it crashes because Im switching windows from Firefox to WSFTP Pro, or sometimes Firefox crashes because I didn't touch anything and I looked at the screen too hard (crashes of its own accord).

W3Schools Browser Statistics Month by Month: 2006 - 2007
http://www.w3schools.com/browsers/browsers_stats.asp

Display Resolution

The current trend is that more and more computers are using
a screen size of 1024x768 pixels or more:

Resolution Stats: The Counter.com

Sat Sep 1 00:01:01 2007 - Wed Oct 31 23:58:00 2007 61.0 Days
http://www.thecounter.com/stats/2007/October/res.php

We are assuming the high Unknown users percentage are resolutions higher than
1600x1200 which TheCounter.com cant test for properly (1920x1200)

W3Schools Resolutions Stats: 2006 - 2007 (Semi-annual statistics)
http://www.w3schools.com/browsers/browsers_display.asp

A good web developer/designer will keep a watchful eye these trends and do it from multiple sources to get a good idea of what people are getting on the internet with. They should also take care in designing their website or their paying clients websites to ensure a enjoyable experience in visiting the website. By taking care to use valid XHTML and valid CSS and know the real differences from one browser to another in parsing the html and css to make that website they have designed "work" in as many of the top browsers and at the largest resolution currently showing the largest usage (1024x768) which means a fixed width site should be a minimum 776 pixels wide to a maximum 990 pixels wide with 923 pixels wide being recommended (923 pixels wide gives us a nice proportion on a 1024x768 screen with nice, not too wide gutters, outside of the page to the left and right).

Sunday, October 28, 2007

Why using a Contact Form is a Good Idea

Ive been a big fan of Ying Zhang of http://regretless.com/scripts/ and her other site http://pure-essence.net but especially of her dodosmail and randgen php apps.

I used to use in the bad old days of doing websites and the best thing around for processing form emails was Matt Wrights FormMail and the infamous FormMail clones almost every server had installed by default if they were doing virtual hosting. Face it Matts cgi script was a beautiful piece of cgi and perl but no matter how hard they tried to plug up the huge security holes in it it just became more sensible to not use it.

So what to use when processing a form? We need it secure, hardened from header injections (You deal with 4000+ emails all bounces from a BCC header injection of a 5000+ email list... not fun...)

We need it easy to implement. Since I love php I started searching for a php based mail processor and if it was free even better.

I came across dodosmail almost by accident a friend of a friend recommended it and knew I was looking for a solid php form mail processor, something light and secure.

dodosmail met all my needs and it is now the only form processor I use for our CMS and other instances where a client needs a good email processing app.

Why putting your email address on your site is a bad idea

You have seen it, lists of peoples names followed by their email address with a mailto: link on it and everyone of those people if you asked would all state they get alot of spam.

Why?

Because spam spiders live for mailto: links and the almighty @ they scour the internet spidering like the benign and helpful spiders googlebot and msn bot but in the case of spam spiders or email harvesters (sounds more like a plague of locusts if you ask me) they scour all the servers out for every followable link and not paying any attention to your robots.txt file they look for mailto: links and the @ symbol looking for emails addresses to spam.

So what is a guy supposed to do?

Get smart thats what. People try to hide their email addresses by typing it al AT out DOT COM.

Spiders will recognize a pattern of words and know to look for simple tricks like that. Using a script like dodosmail allows you to have the processing script or file hold the domain or query for the domain from a Database to make up the @mydomain.com of any email address you pass to it. and allows you to pass the user portion of the email address via HTTP GET or POST
http://www.mydomain.com/contact-form.html?send_to=dave
to pass the send_to variable to the form page and set the value of the hidden field that posts the user portion to the dodosmail form processor to complete the full email address.

SO if your company has a large member list or employee list with everyones email address after it get your web developer to get with the 21st century create "Contact Dave" type links that pass the user portion to the contact form and if no user id or name is passed then the php else condition could be to show a drop down menu where the visitor can select from a list of Departments or Employees or members names what ever the situation with your organization and use a single form and a single form processing file to do the job.

Narrowing the avenues for spambots to inject spam data into your form fields and if you like the captcha visual image code system dodosmail comes with that as well giving another layer of control over your contact forms and making sure you dont have to list your email address on the web but still allowing you have interactive ways of contacting yo about your business goodss, products and or services.

Sunday, September 30, 2007

Hotlinking is THEFT

Ok I do graphics and wallpapers for my enjoyment for others and my rules are simple
"You want one of my wallpapers you MUST link to my website and you MUST NOT hotlink..."

Some people just don't get or can't understand these 2 simple rules and continue to download my wallpapers and upload them to photo bucket or other websites or just plain steal from me and hotlink to my images.

Why is hotlinking theft?
Hotlinking to someone else's images is theft of that persons bandwidth. We pay for hosting and we pay for bandwidth and when you hotlink from myspace or somewhere else and anyone views your page the image is being pulled from my server using up my bandwidth which you arent paying for...
I am...

Downloading my images and posting it to photobucket or somewhere else and not giving me a link on your pageis just bad manners.

I appreciate that you like my images and my creativity so why not give me a link? It doesnt cost you anything and gives me much needed back links.

How to stop bandwidth theft in its tracks
To stop hotlinking of my images I had to get nasty, I wrote a simple .htaccess file to stop hotlinkers from unauthorized domains and write rules to allow those domains I want to allow to hotlink to my images.

Writing a htaccess file is fairly simple and almost all hosts support it.
heres an example htaccess file to stop (blacklist) and allow (white list) different domains

RewriteEngine on
RewriteCond %{HTTP_REFERER} ^http://(www.)?youtube.com/.*$ [NC,OR]
RewriteCond %{HTTP_REFERER} ^http://(www.)?myspace.com/.*$ [NC,OR]
RewriteCond %{HTTP_REFERER} ^http://profile.myspace.com/.*$ [NC,OR]
RewriteCond %{HTTP_REFERER} !^http://www.allowedsite.com/.*$ [NC]
RewriteCond %{HTTP_REFERER} !^http://www.allowedsite.com$ [NC]
RewriteCond %{HTTP_REFERER} !^http://www.yourdomain.com/.*$ [NC]
RewriteCond %{HTTP_REFERER} !^http://www.yourdomain.com$ [NC]
RewriteRule .*.(jpg|jpeg|png|bmp)$ http://www.yourdomain.com/images/hotlink.gif [R,NC]

The lines are pretty self explanatory anything with the [NC,OR] is the black listed site or domain
anything with just the [NC] is allowed

The rewrite rule is the part that does the magic if the condition is true
all my wallpapers are jpgs so I left out gifs from the rule so I could display a nasty image on the page of any offending page (the hotlink.gif) you can create an image or even an ad or shtml page instead of a gif file.

Personally I believe once you see my nasty hotlink.gif you wont be hotlinking to my images anymore and it has the benefits of showing my nasty gif when my images are used for a page background via css (imagine their shock when they see what their hotlinking got them...

Get smart dont hotlink and dont steal images without giving the artist credit on your site link to them, ask them for permission (if you ask I will give you permission unless your page is about rascism, hate crimes, violence against women or pets and animals or adult oriented) Artist are catching on that it is easy to stop leechers and if you do hotlink you just might find that the cool image you were linking to has been replaced by a mod_rewrite rule and a htaccess file with something you really dont want to be showing to your friends..

What to do about those people who download then upload to their site or some other domain?
Most hosting companies that provide Cpanel access as part of their hosting can easily find and track down people grabbing your images. look to the logs section of your cpanel and click on the latest visitors this will show you where peole are hotlinking from and what images are popular
you can also google your image names and see if they are showing up on someone else domain like photobucket or my-backgrounds.

If you find this is happening simply email the hosting company in charge of the offending domain and let them know one of their users is violating yourt copyrighted material. Most hosts will take immediate action because once they know about it they will comply because if they don't they are now just as liable as the person doing the stealing.

If you are an artist and need further information on how to stop these idjits from stealing from you don't hesitate to contact me I will be more than glad to help you stop the thefts.

Friday, September 28, 2007

Why Kinetic?

Ok I get asked this alot by people all the time "Why is your screen name kineticartist?"
Merriam Websters Online Dictionary has this to say about the word Kinetic
Main Entry: ki·net·ic
Pronunciation: k&-'ne-tik also kI-
Function: adjective
Etymology: Greek kinEtikos, from kinEtos, from kinein
1 : of or relating to the motion of material bodies and the forces and energy associated therewith
2 a : ACTIVE, LIVELY b : DYNAMIC, ENERGIZING kinetic performer>
3 : of or relating to kinetic art
- ki·net·i·cal·ly
/-ti-k(&-)lE/ adverb

and we all know what Artist means...
I put them together to make my screen name because my design philosphy is such that when I design web sites for people I try to give just enough "eye candy" to make the site visitor sit up and take notice to make the site stand out just enough from the crowd to make pople be interested in the content. I like my energy to be in the design exciting but not annoying intriguing but not so loaded with graphics it slows you down I like to see my design have movement and flow within them even if the image is static it should direct you to the message or content and besides its a cool screen name and makes people ask "Why Kinetic?