Posts Tagged ‘CSS’

HTML Email design guidelines – Campaign Monitor

April 7, 2010

A handy roundup of hints and tips on designing HTML email from the Campaign Monitor team.

The number and variety of email clients and their frequent lack of support for web standards means that you have to put your web design hat on from nearly a decade ago to get anything like consistent results.

This article gives you a great summary of how to achieve that.

Email design guidelines – Articles & Tips – Campaign Monitor.

Advertisements

TipTip jQuery Tooltip Plugin

March 21, 2010

A simple and effective jQuery Tooltip plugin by Drew Wilson. It uses the title attribute so can be applied to most elements on the page and uses CSS for display, with some CSS3 enhancements.

It’s also clever enough to position itself appropriately (top, bottom, left right etc) in relation to the element and the browser window edges.

TipTip jQuery Plugin | Drewwilson.com.

Custom Borders Using CSS2.1

March 21, 2010

Román Cortés consistently demonstrates some amazing effects using just CSS on his blog at http://www.romancortes.com/blog.  A couple of rather famous ones are his Pure CSS Coke Can and 3D Meninas.

However, he also has a nice little effect styling a blockquote  as an effective “pull quote” with a single background image and use of the :after pseudo-element.  The blockquote expands to accommodate the text, and is simple and neat.

Find it here:  http://www.romancortes.com/blog/custom-borders-with-css-21/

Also, check out his brilliant contact form.

Thanks Román!

Pure CSS Speech Bubbles

March 18, 2010

Do you ever have a blockquote and feel the need to make it render as a speech bubble?  Possibly, possibly not; but just in case you do, Nicholas Gallagher shows us how to do it using just CSS (admittedly with some CSS3).

http://nicolasgallagher.com/progressive-enhancement-pure-css-speech-bubbles/