cancelBubble

• 1

Feeling Lucky?

*HTML/CSS Semantically speaking: Why CSS frameworks make sense

After a good banter back-and-forth with my colleague here on the New Internationalist Web Team about CSS frameworks, I thought it would be helpful to jot down the key themes of the debate and possible solutions. Hopefully this will benefit other teams that are managing large collections of inter-linked sites that evolve over long periods of time. Tags: css, framework

*Programming typeface.js -- Rendering text with Javascript, , and VML

Instead of creating images or using flash just to show your site's graphic text in the font you want, you can use typeface.js and write in plain HTML and CSS, just as if your visitors had the font installed locally. Tags: typeface, font, fonts, typography, javascript

*Design Ultimate guide to table UI patterns

Tables are a phenomenon in user interface design: they are very important parts of user interfaces but often overlooked. Tables show structured data and their purpose is to make that data readable, scannable and easily comparable. The thing is that in many cases tabular data is obscured. Here are some of the patterns that can help in creating less evil tables. Tags: tables, data, design patterns

*Design Patterrific.com | Passion for Pattern

Patterrific offers free seamless repeat patterns in both vector and pixel format. Furthermore Patterrific looks for pattern design resources in both the print and digital form and collects them on this website. Tags:

*Accessibility Contrast-A: Find Accessible Color Combinations

Allows users to experiment with color combinations, examine them under the aspect of accessibility guidelines and to create custom color palettes. Contrast-A checks color combinations for sufficient contrast and displays the results according to WCAG 2.0 (Luminance Ratio) as well as the results according to older accessibility guidelines, WCAG 1.0 (Difference in Brightness and Color). Tags: color, palette, contrast, tool

*HTML/CSS CSS Gradient Tool; Build the Apple Navigation Bar

John Allsop has created a very cool CSS gradient exploration tool that lets you get the gradient you need, with the resulting sample and code right there (Safari only!) You could use it to do what he did, and recreate the Apple navigation bar in pure CSS instead of using images. John didn’t stop there, he already created tools for Box Shadows Shadows and Radial Gradients. Tags: css, gradient, shadow, tool