39 Posts tagged with design
Photoshop Template for Blueprint CSS Comps
PSD with vertical guides based on the 24 units provided by Blueprint
Design
Design is a suite of web-design and development assistive tools which can be utilised on any web-page. Encompassing utilities for grid layout, measurement and alignment, Design is a uniquely powerful JavaScript bookmarklet.
Facebox 1.0
Facebook-inspired lightbox plugin. It uses jQuery and works with images, divs, and ajaxes.
Premailer — preflight for HTML e-mail — dunae.ca
For the best HTML e-mail delivery results, CSS should be inline. This is a huge pain and a simple newsletter becomes un-managable very quickly. This script is my solution.
Text resize detection with Prototype
Detects changes to font sizes when user changes browser settings
Surfin’ Safari - Blog Archive » Downloadable Fonts
@font-face implemented in Safari trunk. The future is now.
Mobile Web Design ~ A Book by Cameron Moll
"A web standards approach for delivering content beyond the desktop"
Blueprint: A CSS Framework
Blueprint is a CSS framework, which aims to cut down on your CSS development time. It gives you a solid CSS foundation to build your project on top of, with an easy-to-use grid, sensible typography, and even a stylesheet for printing.
MileMarker
A Ruby on Rails plugin for visually setting expectations throughout application development. MileMarker adds a helper for marking page elements with the milestone they are slated to be developed, and makes them unable to be interacted with.
OmniGraffle Wireframe Palette | urlgreyhot
"a very basic set of shapes for making wireframes". Thanks Greg!
A List Apart: Articles: Conflicting Absolute Positions
A beautifully simple technique for liquid layouts
Incremental leading : Journal : Mark Boulton
A more reasonable approach to vertical typographical rhythm
YUI: CSS Grid Builder
GUI grid builder from Yahoo. Guaranteed to work in A class browsers. I won't ever do an new XHTML/CSS layout without this again.
IE NetRenderer - Browser Compatibility Check
IE NetRenderer allows you to check how a website is rendered by Internet Explorer 7, 6 or 5.5, as seen from a high speed datacenter located in Germany.
Seashore
A limited-feature GIMP based open-source image editing program for OSX. Great for those times when you don't want to wait an eternity for Photoshop to open for a simple change
fortuitous
Someday, I'd like to live in a remote place like this, screwing around on the web. All I need is a fast connection.
How to prevent HTML tables from becoming too wide | 456 Berea Street
The layout model of tables differ from that of block level elements in that they will normally expand beyond their specified width to make their contents fit. At first that may sound like a good thing....
A Guide to CSS Support in Email: 2007 Edition - Campaign Monitor Blog
'No doubt the Outlook 2007 "incident" had the biggest impact on CSS support in email over the last year.'
24 ways: Compose to a Vertical Rhythm
"On the Web, vertical rhythm – the spacing and arrangement of text as the reader descends the page – is contributed to by three factors: font size, line height and margin or padding. All of these factors must calculated with care...
caboose Tongue in Cheek goes to 1.1
Give your in-development web application that 'no I'm really not finished yet' look.
swfIR: swf Image Replacement
Nice standards based approach to processing images with Flash. If only they could get rid of that onLoad flicker.....
eXigo inCode | Expressing your design in XHTML/CSS code
PSD -> XHTML/CSS outsourcing. Looks better than xhtmlized.com, and cheaper.