Wow, now this is really cool. I HATE figuring out Captchas! But this makes it a LOT easier to do and doesn’t scare people away!
NuCaptcha — Better Security, Easier to Use.
Archive for the ‘web development’ Category
NuCaptcha -Video Captcha!
Friday, August 6th, 2010
HTML5 / CSS3 Experiment for a Mail Signature in Apple Mail
Tuesday, July 6th, 2010Date: July 5th, 2010 by Tom Reitz
Top section is Best Viewed in HTML5 / CSS3
& (Apple Mail 3.6 running Mac OS X Leopard):
Looking at this closer, it seems WordPress is trying to take over my css a bit… I am sure I forgot to define something in the css… here is the original experiment.
A PNG screenshot of how it looks in HTML5 / CSS3
Without HTML5 / CSS3 coding:
(Gmail, Hotmail & Yahoo Interfaces)
Style CODE:
<div style="
-webkit-border-radius: 60px/30px;
-moz-border-radius: 60px/30px;
-khtml-border-radius: 60px/30px;
border-radius: 40px/25px;
border: solid 1px silver;
padding:10px;
width:220px;
text-align:center;
-webkit-box-shadow: silver 1px 1px 15px;
-moz-box-shadow: silver 1px 1px 15px;
-khtml-box-shadow: silver 1px 1px 15px;
box-shadow: silver 1px 1px 15px;
background: -webkit-gradient(linear, left top, right top, from(white), to(white), color-stop(.01, #00003f), color-stop(.10, silver), color-stop(.5, white), color-stop(.91, silver), color-stop(.99, #00004f));
background: -moz-gradient(linear, left top, left bottom, from(white), to(white), color-stop(0.4, silver), color-stop(0.4, silver));
background: -khtml-gradient(linear, left top, left bottom, from(white), to(white), color-stop(0.4, silver), color-stop(0.4, silver));
background: gradient(linear, left top, left bottom, from(white), to(white), color-stop(0.4, silver), color-stop(0.4, silver));
padding-top:6px;
-webkit-box-reflect: below 10px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.7)));
">
<span style="
-webkit-text-shadow: rgba(64, 64, 64, 0.8) 1px 1px 1px;
-moz-text-shadow: rgba(64, 64, 64, 0.8) 1px 1px 1px;
-khtml-text-shadow: rgba(64, 64, 64, 0.8) 1px 1px 1px;
text-shadow: rgba(64, 64, 64, 0.8) 1px 1px 1px;
">
ENTIRE CODE:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
</head>
<body>
<center>
<h1>HTML5 / CSS3 Experiment for a Mail Signature in Apple Mail</h1>
<h3>Top section is Best Viewed in HTML5 / CSS3<br />& (Apple Mail 3.6 running Mac OS X Leopard):</h3>
<div style="-webkit-border-radius: 60px/30px; -moz-border-radius: 60px/30px; -khtml-border-radius: 60px/30px; border-radius: 40px/25px; border: solid 1px silver; padding:10px; width:220px; text-align:center; -webkit-box-shadow: silver 1px 1px 15px; -moz-box-shadow: silver 1px 1px 15px; -khtml-box-shadow: silver 1px 1px 15px; box-shadow: silver 1px 1px 15px; background: -webkit-gradient(linear, left top, right top, from(white), to(white), color-stop(.01, #00003f), color-stop(.10, silver), color-stop(.5, white), color-stop(.91, silver), color-stop(.99, #00004f)); background: -moz-gradient(linear, left top, left bottom, from(white), to(white), color-stop(0.4, silver), color-stop(0.4, silver)); background: -khtml-gradient(linear, left top, left bottom, from(white), to(white), color-stop(0.4, silver), color-stop(0.4, silver)); background: gradient(linear, left top, left bottom, from(white), to(white), color-stop(0.4, silver), color-stop(0.4, silver)); padding-top:6px; -webkit-box-reflect: below 10px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.7)));">
<a href="http://seo9oneone.com" target="_blank" style="text-decoration: none;" title="...specializing in online strategies, web development, e-commerce and search engine marketing..."><span style="font-size:26px; -webkit-text-shadow: rgba(64, 64, 64, 0.8) 1px 1px 1px; -moz-text-shadow: rgba(64, 64, 64, 0.8) 1px 1px 1px; -khtml-text-shadow: rgba(64, 64, 64, 0.8) 1px 1px 1px; text-shadow: rgba(64, 64, 64, 0.8) 1px 1px 1px;">
<span style="color: #d60636; ">SEO</span><span style="color: #384e80;">9</span><span style="color: #d60636;">one</span><span style="color: #384e80;">one</span><span style="color: #d60636;">.com</span></span></a><br />
<span style="-webkit-text-shadow: rgba(64, 64, 64, 0.8) 1px 1px 1px; -moz-text-shadow: rgba(64, 64, 64, 0.8) 1px 1px 1px; -khtml-text-shadow: rgba(64, 64, 64, 0.8) 1px 1px 1px; text-shadow: rgba(64, 64, 64, 0.8) 1px 1px 1px;">Tom Reitz</span><br />
<a href="http://seo9oneone.com/googlevoice" target="_blank" title="Click and I'll call you via Google Voice!" style="text-decoration: none;"><span style="-webkit-text-shadow: rgba(64, 64, 64, 0.8) 1px 1px 1px; -moz-text-shadow: rgba(64, 64, 64, 0.8) 1px 1px 1px; -khtml-text-shadow: rgba(64, 64, 64, 0.8) 1px 1px 1px; text-shadow: rgba(64, 64, 64, 0.8) 1px 1px 1px; color: #384e80;">407-588-<span style="color: #d60636;">SEO</span>9</span> </a>
<a href="http://www.facebook.com/pages/Windermere-FL/SEO9oneone/83836645036?ref=ts" target="_blank" title="SEO9oneone on Facebook!"><img src="http://seo9oneone.com/facebookicon.png" border=0></a> <a href="http://www.linkedin.com/in/thomasereitz" target="_blank" title="SEO9oneone on LinkedIn!"><img src="http://seo9oneone.com/linkedin-logo.png" border=0></a> <a href="http://www.youtube.com/user/seo9oneone" target="_blank" title="SEO9oneone on YouTube!"><img src="http://seo9oneone.com/youtube-button.png" border=0></a> <a href="http://www.twitter.com/seo9oneone" target="_blank" title="SEO9oneone on Twitter!"><img src="http://seo9oneone.com/twitter-button.png" border=0></a>
</div>
<br /><br /><br /><br /><br /><br /><hr />
<br />
<h3>Without HTML5 / CSS3 coding:<br />(Gmail, Hotmail & Yahoo Interfaces)</h3>
<div style="border: solid 1px silver; padding:10px; width:220px; text-align:center;">
<a href="http://seo9oneone.com" target="_blank" style="text-decoration: none;" title="...specializing in online strategies, web development, e-commerce and search engine marketing..."><span style="font-size:26px;">
<span style="color: #d60636; ">SEO</span><span style="color: #384e80;">9</span><span style="color: #d60636;">one</span><span style="color: #384e80;">one</span><span style="color: #d60636;">.com</span></span></a><br />
<span>Tom Reitz</span><br />
<a href="http://seo9oneone.com/googlevoice" target="_blank" title="Click and I'll call you via Google Voice!" style="text-decoration: none;"><span style="color: #384e80;">407-588-<span style="color: #d60636;">SEO</span>9</span> </a>
<a href="http://www.facebook.com/pages/Windermere-FL/SEO9oneone/83836645036?ref=ts" target="_blank" title="SEO9oneone on Facebook!"><img src="http://seo9oneone.com/facebookicon.png" border=0></a> <a href="http://www.linkedin.com/in/thomasereitz" target="_blank" title="SEO9oneone on LinkedIn!"><img src="http://seo9oneone.com/linkedin-logo.png" border=0></a> <a href="http://www.youtube.com/user/seo9oneone" target="_blank" title="SEO9oneone on YouTube!"><img src="http://seo9oneone.com/youtube-button.png" border=0></a> <a href="http://www.twitter.com/seo9oneone" target="_blank" title="SEO9oneone on Twitter!"><img src="http://seo9oneone.com/twitter-button.png" border=0></a>
</div>
</center>
</body>
</html>
ProjectPier – Creating Task Lists Templates
Friday, May 28th, 2010I just starting using ProjectPier after using Basecamp for so long and I LOVE IT! I can customize any or all of it easily. Check it here: Zen Web Development Evolve Project Management. In it, I’ve created an easy Payment Tab via Google Checkout or Paypal, and an easy Tab for my Ajax Chat room. I’ll talk about those later! All you need to know is php and CSS and a bit of MySQL.
Ok so, one thing I instantly missed from Basecamp was the Task List Templates so I cooked up a little recipe below on how to do it. As usual, PLEASE BACKUP YOUR DATABASE BEFORE DOING MY INSTRUCTIONS! Here are the steps!
#1 – You’ll need access to PhpMyAdmin for MySQL
#2 – You’ll need to create the task list in Projectpier (but not the tasks)
#3 – After creating the task list, look in the browser to determine the numeric code for the task list. It should look like this: http://yourdomain.com/index.php?c=task&a=view_list&id=9&active_project=13 for instance. The active project is 13 and the task list itself is 9. The active project # is not important. What we want is the number 9 which corresponds to the task list itself.
#4 Find out which company to assign these tasks to: Go into the project where you want to do this task list. Click on PEOPLE. Then click on the company name you want to assign this to. In the URL, it should look like this: http://yourdomain.com/index.php?c=company&a=view_client&active_project=3&id=7 The number we want here is 7 which is the ID # for this company.
#5 Find out who you want to assign these tasks to. While still on the company page, click on the name of the person to whom you want to assign this to. In the URL, it should look like this: http://yourdomain.com/index.php?c=user&a=card&active_project=3&id=4 The number we want here is 4 which is the ID # for this user.
#6 Create your tasks for this task list: Pre-heat oven, Take out the dough, Knead the dough, Put it in a breadpan, Put in Oven, Set timer, Go watch TV, Remove pan from oven, Let Cool, Slice Bread, Eat Bread. I am not a cook so don’t yell at me if these bread making steps are wrong! 
#7 Assemble these into this format. If you have more tasks, add more lines just follow the pattern, the last number is important as it is the SORT ORDER. The lower numbers are first… :
INSERT INTO `project_tasks` (`id`, `task_list_id`, `text`, `assigned_to_company_id`, `assigned_to_user_id`, `completed_on`, `completed_by_id`, `created_on`, `created_by_id`, `updated_on`, `updated_by_id`, `order`) VALUES
(null, 9, ‘Pre-heat oven’, 7, 4, ‘null’, 0, ‘null’, 4, ‘null’, 4, 10),
(null, 9, ‘Take out the dough’, 7, 4, ‘null’, 0, ‘null’, 4, ‘null’, 4, 20),
(null, 9, ‘Knead the dough’, 7, 4, ‘null’, 0, ‘null’, 4, ‘null’, 4, 30),
(null, 9, ‘Put it in a breadpan’, 7, 4, ‘null’, 0, ‘null’, 4, ‘null’, 4, 40),
(null, 9, ‘Put in Oven’, 7, 4, ‘null’, 0, ‘null’, 4, ‘null’, 4, 50),
(null, 9, ‘Set timer’, 7, 4, ‘null’, 0, ‘null’, 4, ‘null’, 4, 60),
(null, 9, ‘Go watch TV’, 7, 4, ‘null’, 0, ‘null’, 4, ‘null’, 4, 70),
(null, 9, ‘Remove pan from oven’, 7, 4, ‘null’, 0, ‘null’, 4, ‘null’, 4, 80),
(null, 9, ‘Let Cool’, 7, 4, ‘null’, 0, ‘null’, 4, ‘null’, 4, 90),
(null, 9, ‘Slice Bread’, 7, 4, ‘null’, 0, ‘null’, 4, ‘null’, 4, 100),
(null, 9, ‘Eat Bread’, 7, 4, ‘null’, 0, ‘null’, 4, ‘null’, 4, 110);
#8 Insert the above code into PhpMyAdmin using the SQL tab. And PLEASE ONLY DO THE ABOVE if you REALLY UNDERSTAND IT. It is not too hard, but practice on a test site first to make sure you know what you are doing.
Using this, I just created a 38 line task list which I use over and over and over for build ZenCart eStores. I’ll be growing this list to be more precise on ALL of the tasks to do, so having this duplicatable task list is VITAL for me!
If there are others that REALLY want this to be an add-on for projectpier, I’ll consider developing it to make it basecamp-like.
-Tom
