November 13, 2011 at 1:08 pm · Filed under Web Dev
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!
.triangle-border.left {
margin-left: 30px;
}
.triangle-border {
border: 5px solid #5A8F00;
color: #333333;
margin: 1em 0 3em;
padding: 15px;
position: relative;
} |
April 27, 2011 at 11:32 am · Filed under Programming
Hi,
I was able to make this lib work with jQuery 1.2.6 by making only this one-liner change:
//this.element.hover(this.options.onHover);
this.element.hover(this.options.onHover, this.options.onHover); |
August 20, 2009 at 9:11 am · Filed under Programming
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
August 20, 2009 at 9:09 am · Filed under Programming
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/
September 8, 2008 at 2:02 pm · Filed under Programming
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.
Read the rest of this entry »
