Drag and drop table rows with Javascript Summary: This article tells you how to implement drag and drop for HTML tables in Javascript. You can download the source here and play with the demo here. Updated: now copes with multiple tables on the same page, non-drag and non-drop rows (such as headers) and embedding form elements. Also see my jQuery plug-in which does much more. There are many articles on implementing drag and drop in Javascript and many excellent frameworks and libraries that provide you with everything you need. Drag and Drop basics I won’t spend a great deal of time explaining the basics of drag and drop. The steps you need are: capture the mouse move event for the whole document so you can track where the mouse is.capture the onmouseup event for the whole document so we know when our dragged thing is dropped.add onmousedown functions for each draggable row so that we know which row is being dragged. Setting up the event handlers The onmouseup method is much more straight forward. Getting the coordinates Which rows?
Color Schemes, Color Palettes, Color Theory Color in Motion Available in English and Spanish, this flash presentation presents an animated, interactive demonstration of the symbolism and emotions associated with various colors, including the best uses of these colors. Colors on the Web Color theory, color combinations, color physics, and the use of colors on web pages are discussed, and a color wheel allows users to test out what they have learned. ColorExplorer This online toolbox permits users to work with palettes in a variety of ways, creating, managing and evaluating color palettes for use in graphic or web designs. Adobe Kuler Color Scheme The Kuler color wheel allows users to experiment with various color combinations. Color Scheme Designer This web page design tool can be used to create color combinations and to visualize them, in order to determine which work well together. ColorRotate Color palettes may be browsed, created, adjusted, mixed, or blended, then viewed in 3D. Color Palette Peter Piper’s Palette Picker Mudcube EasyRGB
10 Absolute "Nos!" for Freelancers | creativebits 1) Can you show me a mock-up to help us choose a designer/developer? No. I fell for this once when I was young and naive. I made no money and wasted lots of time. Don't do unpaid work for the chance to be paid -- this wouldn't fly in any other industry, so why web design? The best case scenario (though rare) is that you get a job with a client who knows that you'll work for free when necessary. 2) Can you give us a discount rate? There are A LOT of companies out there that do not see web design as a service worth more than $20 an hour. 3) Will you register and host my site? Sure it seems like a good idea -- free recurring revenue right? 4) Can you copy this site? Now you may think that I answer "No" strictly from a moral standpoint, and although that is true, there are other equally important reasons. 5) Can I pay for my e-commerce site from my website sales? 6) I have a great idea. Not much different from #5, but could be a much larger time waster if you buy in.
Erratic Wisdom Simple JavaScript DropDown Menu with timeout effect « Scripts and Tricks « JavaScript DHTML Tutorials It is a One Level Menu with Timeout effect. If you are looking for advanced script, see the Multi-Level Drop-Down Menu based on simple treelike unordered list. Internet has a lot of scripts with the name "Drop Down Menu". One day I needed to make such menu for my site. I have rummaged a heap of sites and archives with scripts. And I just wrote this simple script: Sample This menu can be located anywhere on the page: HTML Code HTML code is very simple and without tables. Parent items and hidden layers have unique identifiers. CSS Code <li> tag have loat: left; declaration. sumbmenu layer have visibility: hidden; and position: absolute;. Everything else is usual decoration: JavaScript Code Insert this code between your <head></head> tags. Thats it!
Design View / Andy Rutledge CSS Gallery Web Design Gallery For Inspiration Web Form Factory (v0.1.6 beta) - Open Source Web Form Generator