background preloader

Webtools

Facebook Twitter

Issues

Web Design Toolbox: 130+ New Tools to Make You a Better and Faster Designer. Last year we did a post on 50+ tools for Web design. A lot has changed in the past year, and there are tons of new tools available to designers. Whether you're just starting out and need a drag-and-drop builder or you've been coding for years and need tools to help you be more efficient, there's something on this list for you. Here are over 130 tools to make you a better and faster designer. Feel free to add more in the comments. Beginner Resources YAML Builder - Easy to use YAML (Yet Another Multicolumn Layout) XHTML/CSS site layout builder. Sky CSS Tool - JavaScript CSS authoring app. The Box Office - CSS formatting tool for wrapping text around images. CSSTXT - Online CSS text style generator. izzyMenu.com - Free CSS menu builder. pForm - HTML form builder.

Roxer - Drag and drop website creator. Wirenode - Create your own mobile websites. dotemplate - Template site that allows you to customize templates before downloading them. templatr - Online tool for creating website templates. SeeYouThen! The W3C Markup Validation Service.

Custom Search Engine. Making Your Form Work with FormMail. Demo. Simple "hello world" example. search: <input type="text" name="search" class="jsrequired" /><br /><input type="submit" value="go" /> Here's a single field example that is required and it must be a US or Canada zip code. zip: <input type="text" name="zip" class="jsrequired jsvalidate_uscanzip" /><br /><input type="submit" value="go" /> This is an example of a very simple "contact us" form with an example of a custom error message. (* means required) *Your Name: <input type="text" name="visitor" class="jsrequired jsvalidate_alpha" /><br /> *Your Email Address: <input type="text" name="email" class="jsrequired jsvalidate_email" alt="We require a valid email address.

" (* means required) Not impressed yet? Here's the first example formatted just a little better. HTML Form Builder » Frequently Asked Questions. What is Wufoo? Wufoo is an Internet application that helps anybody build amazing online forms. When you design a form with Wufoo, it automatically builds the database, backend and scripts needed to make collecting and understanding your data easy, fast and fun. Because we host everything, all you need is a browser, an Internet connection and a few minutes to build a form and start using it right away.

What can I build with this? Basically, the possibilities are endless. Here’s a short list of examples to give you an idea of Wufoo’s versatility: Contact Form Mailing List Survey Job Application Workshop Registration Event Calendar Account Management Customer Management Bug Tracker Invitations / RSVP Online Orders Wedding Planner Address Book Home Finances Classifieds Personal Journal Quizzes / Tests Media Collection Definitely check out our examples page to see some of the more popular forms created in Wufoo along with descriptions of how to introduce them into your web site and workflow. GeForms software: Your time saving solution for design and filling forms. Free HTML Form Builder - Create Forms, Surveys and Invitations. Protolize.org - Essential web tools in one place. Tools : Spanky Corners -- The SitePoint Corners Store. Generator To use the generator select your preferred foreground color (hex), background color (hex), corner radius (pixels: 5-60) and hit 'Spank Me!

'. The generator will reload 'wearing' your selection while providing you 4 corner GIFs, the basic CSS and the HTML to obtain the effect. Or if you're lazy, try these preset values. Spanky Corners What? 'Spanky Corners' is an experimental technique for using only CSS to produce 'round-cornered content boxes' with semantically pure markup. Why? SpankyCorners has a number of advantages over alternative rounded corners methods. Spanky requires no extra HTML markup to act as 'CSS hooks'. News We're always happy to hear any feedback/suggestions for Spanky via this blog entry. Update: 8 May, 2006: Fixed a Firefox 1.0 render bug which was making the site look wacky. Update: 3 May, 2006: Solved the IE6 scaling problem. Update: 28 April, 2006: A few changes. Update: 15 April, 2006: Updated the way the images are generated and the code algorithms. Codswallop » The Freelancer’s Toolset: 100 Web Apps for Everything You Will Possibly Need.

Posted by nitzan on Thursday, May 10th, 2007 Running a business for yourself means you have to be inventive and always on the lookout for a new and better way to get things done. Innovation junkies, take note: the Internet has a lot to offer. From invoicing to marketing, these are tools that freelancers need to know about. Organization If you’re busy with lots of client work, it’s easy for things to get out of hand. Backpack: Get your projects organized by using Backpack. Calendars & To-Do Lists Client meetings, important events and a never-ending list of things to do can wear you down if you can’t make them manageable. Your Money Money is what keeps your freelance business going, but managing it can be tedious and time consuming.

InstaCalc: InstaCalc is a web based calculator with lots of bells and whistles including spreadsheet capabilities, unit conversions and programming commands. Storage Do you have too many client files clogging up your hard drive? Project Management & Productivity.