Back in the autumn of 2008, I have written a tutorial about how you can create a basic AJAX Contact Form that works with PHP Back-end. The post is one of the most popular here on Bit {Repository} having over 4,000 monthly page views and over 200 comments so far. Since many people asked me how they can do this and even hired me to offer them assistance with this application, I have decided to write a more advanced script with many features including CAPTCHA and RealTime Validation. Unlike many AJAX Captchas out there that rely on JavaScript as an Anti-spam measure and have a medium security level, the one I have chosen to implement uses PHP to securely generate and register the required code in the background. Moreover, you can specify whether to show letter, numbers or both on the verification image.

Interested in downloading the AJAX Contact Form? Click here!

Icojoy is sharing a new free weather icon set containing 16 (24×24 sized) icons made in web 2.0 style. The download package contains 5 icon file types: .png, .gif, .bmp, .ico and .tif. The images are colored with and without shadows, with a subtle grey shade and transparent .bmp, .gif formats are optimized for lighter backgrounds. The icons are free to use in any kind of personal and commercial projects unlimited times.

If you are a web developer that needs a documentation template page for his (software) products than this post should raise your interest. I will share with you 2 templates that I found and really liked because they are very easy to customize. Why spending time creating a template when you could use a free one and focus your attention on just writing the content and improve product’s quality? Each template has common fields that should be on every doc template such as contact section, author information, overview, and usage.

The HTML/CSS format is preferable since it can be viewed by anyone in a browser. PDF’s and other Video files might require extra software for the buyer/client to view.

1) Help File Template

2) DocTemplate v1.0

If you’re an affiliate marketer that looks to increase his income than this product is definitely a choice to consider.

MaxBlogPress Ninja Affiliate is a WordPress Plugin that automatically converts keywords on your blog into money-making affiliate links. With this plugin, you can easily manage your affiliate links to increase your commission earnings with almost no effort on your part.

Besides the most important feature which is the conversion of the affiliate links into more user friendly readable links, Ninja Affiliate offers many advanced features such as:

• Easy Affiliate Link Management: Set an easy-to-remember name for each affiliate link
• Flexible Link Management: Every affiliate link format is accepted so you do not have to waste time with various affiliate marketing tools.
• Create Professional Redirect Links: Use professional looking redirect links that lets your prospects know you’re a pro marketer.
• Organize links into groups: Very useful if you have many affiliate links
• Cloaking: Improve conversions by cloaking links; useful to prevent link theft and affiliate sabotage
• Transform keywords into links: Transform keywords from your blog into affiliate links. You also have the option of settings a limit too, so your blog won’t look like a spam blog.

Normally, this plugin costs $97 but if you hurry up and order it by Friday (5th of February) you can benefit of a special discount of $30.

For just $97, you can start making affiliate sales like only a ninja can. Additionally you will also get:

• FREE Lifetime Upgrades for MaxBlogPress Ninja Affiliate
• Peer to Peer Forum Support
• 24/7 Email Support
• License to install this plugin in any number of blogs you personally own
• Supports up to the latest version of wordpress (Wordpress 2.8)

It’s in your best interest to buy it today if you want to SAVE a ton of time, effort and energy on editing links and actually dedicating yourself on what makes you real money [writing posts and driving traffic to your blog].

Get a copy of this plugin now!

Vector Social Media Icons is a free set that includes 50 icons of the most popular social media network from the internet. With the vector format (16px and 32px), you can scale the icon to any size ideal to fit in your web design projects or in any high quality print materials. The icons come in 3 different files format: vector EPS, PNG, and GIF.

Icons include: AOL Amazon, App Store, Apple, Bebo, Behance Network, Blogger, Delicious, Design Bump, Design Float, Deviant Art, Digg, Email, Facebook, Flickr, FriendFeed, Friendster, Google, Google Talk, Last.fm, LinkedIn, MSN, Microsoft, Mister Wong, Mixx, MobileMe, MySpace, Netvibes, Newsvine, Posterous, Qik, RSS, Reddit, Retweet Button, Share This, Skype, Slash Dot, SlideShare, Squidoo, StumbleUpon, Technorati, Tumblr, Twitter, Viddler, Vimeo, Virb, WordPress, Yahoo, Yahoo Buzz, YouTube.

The Envato Team launched recently a new sub-category on Themeforest specifically for CVs/Resumes optimized for web. It’s becoming more and more common for potential customers to request a link to your personal website/CV page rather than a sheet of paper. More and more recruiters are browsing online for prospective applicants instead of advertising their position and calling for applicants. Whether you are a freelancer or you’re looking for a job, these beautiful designed HTML templates will broaden your chance of getting more clients.

1) Clean CV / Resume Html Template + 4 Bonuses!

The download package includes:

• 2 CV / Resume HTML + CSS Template Layouts
• Print ready CSS stylesheet besides the regular one
• An awesome AJAX Contact Form
• PNG and PSD Source Files
• Bonus folder with Envelope, CV, Business card, Letter in .indd format + jpg previews
• Extensive step-by-step documentation on customizing each section of the template

Buy Now | Live Preview | View Screenshots

View more awesome resume web templates…

Ashley Ford from PaperMashup is a sharing a nice tutorial about creating a set of pretty CSS3 buttons that are both cross browser compliant and degrade gracefully for non CSS3 compliant browsers. Currently, compatible CSS3 browsers are Safari, Chrome and FireFox 3+. It is worth noting that if you’re using Internet Explorer you’re not going to see all the effects as Microsoft’s browser still doesn’t support CSS3.

A button is customized by adding a chain of CSS classes. This way you can set the color and size. The button uses an overlay background image. This is useful for the gradient effect. For IE6 you’ll need to use a PNG transparency hack to make a 24 bit PNG’s render correctly. Another thing to notice is the way colors are defined. All are set using RGBA which brings much more flexibility when rendering shadows.

Inspired by the article ‘Make Your Mockup in Markup’ by Meagan Fisher, Sebastian Senf developed a plugin useful to style your markup right in your browser with a build-in element selector and CSS editor.

Just generate the CSS code of altered elements with one click and use it in your own stylesheet. Being annoyed by the process of designing the mockup with markup, Sebastian coded this plugin as an alternative to the classical ways of designing (e.g. change the CSS code and then check the results in your browser). He is one of the persons who can’t stand Photoshop to design every bit of a website in it.

ie-css3.js is JS Script that allows Internet Explorer browser to identify CSS3 pseudo-class selectors and render any style rules defined with them. To use it, you will have to download ie-css3.js and one of the supported JavaScript libraries and include them both in the page of your
website.

First, ie-css3.js makes a check for known JavaScript libraries and selects the one with the best CSS3 selector support. Next, the stylesheets are downloaded and each of their selectors are parsed. Any CSS3 pseudo-classes are replaced by a standard CSS class of a similar name (e.g. div:nth-child(2) becomes div.iecss-nth-child-2). After that, the detected JavaScript library is used to find the DOM nodes matching the original CSS3 selector and the same CSS class is applied to them. Finally, the stylesheet gets replaced with the new one and any elements targeted with CSS3 pseudo-classes will be styled.

A few things you should know:

• Style sheets MUST be added using the <link> tag. Page level style sheets won’t pe parsed
• Style sheets that use the file:// protocol will not work due to browser security restrictions
• Style sheets MUST be hosted on the domain as the page
• The emulation is not dynamic. The styles are fixed once they are applied. Changes to the DOM won’t be reflected.
• The :not() pseudo selector is not supported (it’s coming though)