background preloader

Design

Facebook Twitter

Webdesign

CSS. Colour. eXtreme Type Terminology | i love typography, the typography blo. Part Three: The ‘Black Art’—by Paul Dean An invisible grid of parallel horizontal lines is used as a constant reference in the creation of a font. It resembles a musical score and its four (or five) horizontal lines represent, from top to bottom, the ascender line (the height of the highest ascender), which is sometimes equivalent to and sometimes higher than the ascent or capline (the height of the capital letters).

Next comes the meanline or waist line (the height of a lowercase x), which can be referred to as a high waist line or a low waist line; the baseline (on which the letters appear to rest); and finally, at the very bottom, the descent, descender or beard line (the level to which the lowest descenders descend). Ascenders are the parts of some lowercase letters that rise above the meanline, and descenders are, conversely, the parts of some lowercase letters that fall below the baseline. The ascenders and descenders of a given typeface may be described as long, normal or short.

11 Of The Handy Free Tools To Increase Designer’s Productivity @ Don't Forget to participate in a contest where you can win an amazing e-Commerce template from TemplateMonster. This is one of the very best (Fresh) list of its kind where you can find the simplest online web designer’s tools that are developed for designers and may be very helpful for you as well when you want to get your work done or just for fun. I hope web designers will like this list, but you can also use them and will love them whether you are an office worker, a manager, a supervisor, a student, a home user, etc.

Most of them are not very well-known, but they are really amazing in respect to their features. This is the list of 11 Of The Handy Free Tools To Increase Designer’s Productivity. Just take a look at them and share your thought’s here. You are welcome to share more Useful web tools that will be helpful for web designers and our readers/viewers may like. Pictaculous Pictaculous is free color palette generator. ViewLike.Us PXtoEM Quick Thumbnail SlickMap CSS flipping typical.

Humanized. Css Zen Garden: The Beauty in CSS Design. So What is This About? There is a continuing need to show the power of CSS. The Zen Garden aims to excite, inspire, and encourage participation. To begin, view some of the existing designs in the list. Clicking on any one will load the style sheet into this very page. The HTML remains the same, the only thing that has changed is the external CSS file.

CSS allows complete and total control over the style of a hypertext document. Participation Strong visual design has always been our focus. You may modify the style sheet in any way you wish, but not the HTML. Download the sample HTML and CSS to work on a copy locally. Benefits Why participate? Requirements Where possible, we would like to see mostly CSS 1 & 2 usage. Luckily, designing this way shows how well various browsers have implemented CSS by now. We ask that you submit original artwork. This is a learning exercise as well as a demonstration.

By Dave Shea. Lightbox 2. Rails Engineer | Songbirdnest.com. At Songbird, music is our passion and we work tirelessly to create products that people love. Right now we are working on an exciting new generation of music experiences that will help fans and artists connect in a new era of digital music. Our products are music-focused, consumer-oriented, socially-driven, and chock filled with cutting-edge new technology.

At Songbird, our team is small, filled with rock star talent and focused on frequently shipping products. We work closely with music fans, artists, industry luminaries and consumer electronics companies to build products that are used by millions of people. Our work environment is open, fun and a place where everyone's opinion and contribution matters. Want to make a big impact with an awesome team developing the next big consumer music experience? Current Openings Senior Ruby on Rails Developer - Songbird Cloud Platform Responsibilities: Required Skills and Experience: Preferred Skills and Experience: Interested?

Vitamin Features » How C.R.A.P is Your Site Design? Eons ago when I was taking the Freshman web design course in college (okay, it was only 4 years ago) I was taught about the acronym of all acronyms, the one by which all other web design acronyms were judged. We learned that good design is based on the C.R.A.P. principles where C.R.A.P. stands for Contrast Repetition Alignment Proximity, and when Creative Directors tell you that your design is crap, they’re actually giving you positive reinforcement. Okay, that last part was made up, sorry. “Crappy work” is probably not a term of endearment but rather an indication that your pixels smell. There are various examples of what C.R.A.P. means on the web (Robin Williams first coined the acronym), but for me it’s this: Contrast Elements that aren’t the same should be very different so they stand out, making them “slightly different” confuses the user into seeing a relation that doesn’t exist.

Contrast This screenshot is a good example of bad contrast on the web. Repetition Alignment Proximity.