Zenovation's Blog » web design

Drawing a quote box with css

Michael — Sun, 13 Nov 2011 20:08:33 +0000

I recently searched El Goog for a way to drawing a quote box with only css and came across several ideas. Nicholas Gallagher had the simplest, and most compatible approach found during my quick surf, in his article titled “Pure CSS speech bubbles.”

Essentially, his quote box, or speech bubble, came down to the following simple CSS code (there is no HTML or JS involved) and even works in IE; nice!

^?View Code CSS

.triangle-border.left {
    margin-left: 30px;
}
 
.triangle-border {
    border: 5px solid #5A8F00;
    color: #333333;
    margin: 1em 0 3em;
    padding: 15px;
    position: relative;
}

making Freeow work with jQuery 1.2.6

Michael — Wed, 27 Apr 2011 18:32:53 +0000

Hi,

I was able to make this lib work with jQuery 1.2.6 by making only this one-liner change:

^?View Code JAVASCRIPT

    //this.element.hover(this.options.onHover); 
    this.element.hover(this.options.onHover, this.options.onHover);

Very Cheap, Really Nice Graphics

Michael — Thu, 20 Aug 2009 16:11:18 +0000

It takes a bit of surfing, but you can find some really nice graphics on this site at a fraction of the usual cost: http://graphicriver.net/category/graphics/backgrounds/nature

Great Compilation of CSS Techniques

Michael — Thu, 20 Aug 2009 16:09:55 +0000

This compilation is awesome, covering things like fluid horizontal and vertical layouts, sprites, and many other excellent techniques for CSS: http://www.smashingmagazine.com/2009/07/20/50-new-css-techniques-for-your-next-web-design/

Valid flash in XHTML (killing )

Michael — Mon, 08 Sep 2008 21:02:05 +0000

I wanted to validate my xhtml code for the new site design, and ran into the following fun errors from w3c:
Line 25, Column 15: there is no attribute "src". Line 26, Column 18: there is no attribute "wmode". Line 27, Column 17: there is no attribute "type". Line 28, Column 18: there is no attribute "width". Line 28, Column 31: there is no attribute "height". Line 28, Column 38: element "embed" undefined.

Which was caused by this tag, my Digsby chat widget:

^?View Code HTML

A little research and an article from A List Apart later, I’ve found valid input for including flash in Transitional XHTML:

^?View Code HTML