30+ Very Useful Color Tools For Designers Choosing the right colors and color combination for your web or print design is crucial when trying to invoke a certain feel, reaction or emotion from your viewers. In this post I have assembled an amazing collection of color selectors / color combination tools to make the selection process a little easier when trying to figure out what colors to use in your next design. All these tools are unique in their own way, so find the one that is right for your design needs and good luck with that next big project. Enjoy! kuler.adobe.com Adobe.com | Kuler colorschemedesigner.com colorschemedesigner.com | Color Scheme Designer 3 dasplankton.de dasplankton.de | Contrast-A colorotate.org colorotate.org | ColoRotate neteffect.dk neteffect.dk | Unsafe Colormatch colorjack.com colorjack.com | Color Sphere aviary.com aviary.com | Toucan colorexplorer.com ColorExplorer colourmod.com ColourMod checkmycolours.com Check my colours pictaculous.com Pictaculous colourgrab.com ColourGrab colorblender.com ColorBlender colorschemer.com
CSS Layouts: The Fixed. The Fluid. The Elastic. - Beast-Blog.com Which Cascading Style Sheet (CSS) layout is best? All have their quirks and their unique pros and cons. Is one more accessible than the other? More usable? Fixed Width Layouts A fixed width site is one where the main wrapper is set to a specific immovable width independent of the user agent’s display resolution. This blog is an example of a fixed width site, albeit one that could be easily made fluid or elastic without altering the existing imagery. The Fixed Width Pros The main readable content area is tightly controlled without having to set minimum-maximum width (which isn’t universally supported, anyway).Fixed width layouts are sometimes easier to style depending on the effect you’re after. The Fixed Width Cons My precious “ideal width for optimum readability” pro-listing above can go bad if the text is enlarged greatly since the line-width-to-text-size ratio doesn’t increase along with text resizing. Some Fixed Width Advice A Fixed Width Example This fixed-width div is 500 pixels wide.
List of colors The following is a list of colors. A number of the color swatches below are taken from domain-specific naming schemes such as X11 or HTML4. RGB values are given for each swatch because such standards are defined in terms of the sRGB color space. It is not possible to accurately convert many of these swatches to CMYK values because of the differing gamuts of the two spaces, but the color management systems built into operating systems and image editing software attempt such conversions as accurately as possible. The HSV (hue, saturation, value) color space values, also known as HSB (hue, saturation, brightness), and the hex triplets (for HTML web colors) are also given in the following table. Colors in alphabetical order A-F[edit] For the continuation of the list of colors, please go to List of colors: G-M#Colors. Colors by shade[edit] White[edit] Gray/Grey[edit] Achromatic grays are colors between black and white with no hue. Pink[edit] Red[edit] Main articles: Red and Variations of red Sources
Colors of the Social World (Wide Web) [Infographic + Video] by COLOURlovers When a social network like Twitter allows a user to select a theme to represent themselves in the digital world, that user is choosing to identify their digital persona with colors... And we wanted to look at who chooses what colors... If the world is made up of people and those people have a color preference... what then is the color of Texas? What color are mothers? What color are we? By looking at the more than 1 Million people who have used our Themeleon tool to design their Twitter Profile in the past 3 months, we were able to paint a picture of the world connecting colors to locations and profile data. *A little note regarding the "World vs. Click The Image Below for the High Res Version A Colorful Tour of the Themeleon World We took the colors from 100,000 profiles designed with Themeleon and geolocated them to the designers location. Colors of the Social Web from CHROMAom on Vimeo. Team Written by COLOURlover
Good UI Design: Make It Easy, Show Me You Care - ReadWriteWeb When researching FuseCal this morning, one of the things that made it so appealing to try was the fact that you could just enter in a URL and see the service in action right away. No sign-up forms, no logins. This got us thinking about UI design as it applies to today's web services. Trend #1: Try It Now! An excerpt from an upcoming book by Luke Wroblewski, "Web Form Design: Filling in the Blanks," posted on A List Apart helps to point out the issue with sign-up forms on the web. Instead of forcing users through a dreadful sign-up process when really they just wanted to take a look, he promotes the idea of "gradual engagement." Luke uses a few examples to make his point: one, Geni, an online family tree creation tool lets users make a family tree as soon as they visit the web site. Geni's "Sign Up" Process Another example of gradual engagement came from TripIt, a service which lets you plan your trips. Twiddla's Buttons Trend #2: We Really Care WuFoo's Support Form Conclusion
Movies | New Releases | DVD Rental | Movie Trailers | Movie Reviews Psychology of Color [Infographic] | WebpageFX Blog Perhaps no choice is as vital to marketing as color. Whether you are selecting the color for a product or for your email marketing campaign, color has tremendous impact on all of us. Subconsciously, we associate different colors with different things. This infographic examines the psychology of color and looks at some common associations of different colors. While color can be appealing to us visually, a lot more is going on behind the scenes than just an aesthetic. Embed This Graphic On Your Site <img src=” alt=”Psychology of Color Infographic” />Infographic by <a title=”WebpageFX” href=” Embed the Psychology of Color Infographic The psychology of color directly plays into consumer behavior. When you are looking at the best visual choice for your next project, this color infographic should be a handy guide. Marketing with Color Psychology
WWWpic2 - A web server in a PIC WWWpic2 is a web server in a Microchip PIC 16F84 . Contents Package The current release is 0.2 See the Changelog for what's changed since the last revision. Notes I recently discovered some non commercial linux 24Cxxx programming code which will shortly mean I can provide external 24C256 eeprom support for page data! Basic Setup Install any necessary tools. Hardware Just a quick disclaimer, you fry something (especially yourself) even if my design is wrong it is your problem! Currently the hardware part of this project has been built on breadboard twice and strip-board, I plan to create a PCB layout as soon as the circuit design is more stable (see future expansion for proposed additions). Parts list and guide prices This is a quick list of parts, it doesn't include the strip-board or PCB nor does it include any cable. Software Please see the package section for the package download of everything you need. The basic structure of the code can be broken down into the following sections Licence
5 Ways To Hack Your Brain Into Awesomeness Much of the brain is still mysterious to modern science, possibly because modern science itself is using brains to analyze it. There are probably secrets the brain simply doesn't want us to know. But by no means should that stop us from tinkering around in there, using somewhat questionable and possibly dangerous techniques to make our brains do what we want. We can't vouch for any of these, either their effectiveness or safety. All we can say is that they sound awesome, since apparently you can make your brain... #5. So you just picked up the night shift at your local McDonald's, you have class every morning at 8am and you have no idea how you're going to make it through the day without looking like a guy straight out of Dawn of the Dead, minus the blood... hopefully. "SLEEEEEEEEEP... uh... What if we told you there was a way to sleep for little more than two hours a day, and still feel more refreshed than taking a 12-hour siesta on a bed made entirely out of baby kitten fur? Holy Shit!
The 5 best colour search tools for designers | Colour Have you ever felt the lack of a sophisticated and intuitive way to search for colour inspiration? If so, you'll find a remedy here. Whether you're looking for free or stock photos in a specific colour palette, or a CSS code shortcut for the perfect gradient, these five tools are the ultimate resources for searching, manipulating, and creating colour palettes on the web. You'll find all our colour-related articles here 01. Why it's great Colrd offers a unique way to search with colour by dividing its database into sections for solitary hues, multicoloured palettes, gradients, patterns and images, all of which are available for download. How it works After selecting the type of image you want to look for, you can scroll through popular examples or enter a search. 02. Color Explorer offers the tools for creating palettes and extracting hues from uploaded images. The Color Matching Tool allows you to make a palette using sliders that control RGB components, and hue, saturation, and lightness.
The bane and choice of Rich Text Editors Monday, October 13th, 2008 <>p> Whenever Abe Fettig is in town I think about how painful his live has been working with rich text editors :) Stuart Atkinson has kindly done a roundup of the state of rich text editors, and it covers: TinyMCE: There’s a modified version of this included in WordPress these days, and it’s extremely well supported by its developers. You get all the formatting options you’d expect, plus the ability to easily remove excess formatting tools with just a little code. Then, people in the comments linked to WYMEditor, OpenWYSIWYG, NicEdit, and Dojo’s editor (Abe Fettig in part). Are there others out there that you like?