<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
    <title>pearweed | simple notes</title>
    <link rel="alternate" type="text/html" href="http://www.pearweed.com/notes/" />
    <link rel="self" type="application/atom+xml" href="http://www.pearweed.com/notes/atom.xml" />
    <id>tag:www.pearweed.com,2010-01-13:/notes//1</id>
    <updated>2010-03-02T15:26:46Z</updated>
    <subtitle>everything I know, I learned the hard way</subtitle>
    <generator uri="http://www.sixapart.com/movabletype/">Movable Type 4.32-en</generator>

<entry>
    <title>mouseover script</title>
    <link rel="alternate" type="text/html" href="http://www.pearweed.com/notes/2010/03/mouseover-script.html" />
    <id>tag:www.pearweed.com,2010:/notes//1.36</id>

    <published>2010-03-02T15:17:27Z</published>
    <updated>2010-03-02T15:26:46Z</updated>

    <summary>You want text to appear when someone mouses over text on your page? Here&apos;s the script: pearweed artistic web design The first part of the script marked title is what will appear when a person mouses over the actual text....</summary>
    <author>
        <name>pearweed</name>
        
    </author>
    
        <category term="html" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="simple notes" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="graphicdesign" label="Graphic design" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="webdesign" label="Web design" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="webdesignanddevelopment" label="Web Design and Development" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="en" xml:base="http://www.pearweed.com/notes/">
        <![CDATA[<p>You want text to appear when someone mouses over text on your page? Here's the script:</p>
<br />

<pre name="code" class="html:nocontrols:firstline[10]">
<a target="_blank" href="http://www.pearweed.com/" title="pearweed artistic web design">pearweed artistic web design</a>
</pre>

<br />
<p>The first part of the script marked title is what will appear when a person mouses over the actual text.</p>

<p>The href is of course the URL for the link you've chosen and the target="_blank" part of the script will open a new browser. The actual text on the page is the last section just before the ending which closes the script.</p>

<p>It will look like this:</p>

<a target="_blank" href="http://www.pearweed.com/" title="pearweed artistic web design">pearweed artistic web design</a>

<br />
<br />

<p class="tags">goto &amp; tag <a rel="tag" href="http://technorati.com/tag/advertising">advertising</a>, <a rel="tag" href="http://technorati.com/tag/Apple">apple</a>, <a rel="tag" href="http://technorati.com/tag/computers">computers</a>, <a rel="tag" href="http://technorati.com/tag/copyright">copyright</a>, <a rel="tag" href="http://technorati.com/tag/copywrong">copywrong</a>, <a rel="tag" href="http://technorati.com/tag/css">css</a>, <a rel="tag" href="http://technorati.com/tag/design">design</a>, <a rel="tag" href="http://technorati.com/tag/design+notes">design notes</a>, <a rel="tag" href="http://technorati.com/tag/design+tips">design tips</a>, <a rel="tag" href="http://technorati.com/tag/dell">dell</a>, <a rel="tag" href="http://technorati.com/tag/economy">economy</a>, <a rel="tag" href="http://technorati.com/tag/fun+stuff">fun stuff</a>, <a rel="tag" href="http://technorati.com/tag/games">games</a>, <a rel="tag" href="http://technorati.com/tag/good+sense">good sense</a>, <a rel="tag" href="http://technorati.com/tag/goto+%26amp%3B+play">goto &amp; play</a>, <a rel="tag" href="http://technorati.com/tag/graphic+design">graphic design</a>, <a rel="tag" href="http://technorati.com/tag/html">html</a>, <a rel="tag" href="http://technorati.com/tag/infotainment">infotainment</a>, <a rel="tag" href="http://technorati.com/tag/javascript">javascript</a>, <a rel="tag" href="http://technorati.com/tag/Microsoft">microsoft</a>, <a rel="tag" href="http://technorati.com/tag/mac">mac</a>, <a rel="tag" href="http://technorati.com/tag/must+i+rant">must i rant</a>, <a rel="tag" href="http://technorati.com/tag/nifty+stuff">nifty stuff</a>, <a rel="tag" href="http://technorati.com/tag/observations">observations</a>, <a rel="tag" href="http://technorati.com/tag/PC">pc</a>, <a rel="tag" href="http://technorati.com/tag/pearweed">pearweed</a>, <a rel="tag" href="http://technorati.com/tag/pearweed+simple+notes">pearweed simple notes</a>, <a rel="tag" href="http://technorati.com/tag/pearweed+web+design">pearweed web design</a>, <a rel="tag" href="http://technorati.com/tag/simple+scripts">simple scripts</a>, <a rel="tag" href="http://technorati.com/tag/simple+notes">simple notes</a>, <a rel="tag" href="http://technorati.com/tag/simple+squares">simple squares</a>, <a rel="tag" href="http://technorati.com/tag/tech">tech</a>, <a rel="tag" href="http://technorati.com/tag/technology">technology</a>, <a rel="tag" href="http://technorati.com/tag/web+design">web design</a>, <a rel="tag" href="http://technorati.com/tag/web+design+tips">web design tips</a>, <a rel="tag" href="http://technorati.com/tag/Windows">windows</a></p>]]>
        
    </content>
</entry>

<entry>
    <title>bouncing balls</title>
    <link rel="alternate" type="text/html" href="http://www.pearweed.com/notes/2010/01/bouncing-balls.html" />
    <id>tag:www.pearweed.com,2010:/notes//1.33</id>

    <published>2010-01-18T14:42:39Z</published>
    <updated>2010-01-18T15:01:55Z</updated>

    <summary><![CDATA[Image via WikipediaThis is so cool that I wish I had designed it myself. yugop - bouncing balls page&nbsp;&nbsp; Well, perhaps not. If I designed stuff like that who would design the simple stuff? Anyway, I need to design a...]]></summary>
    <author>
        <name>pearweed</name>
        
    </author>
    
        <category term="goto &amp; play" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="graphic design" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="advertising" label="Advertising" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="apple" label="Apple" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="business" label="Business" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="businessandeconomy" label="Business and Economy" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="design" label="Design" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="graphicdesign" label="Graphic design" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="logo" label="Logo" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="microsoft" label="Microsoft" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="technology" label="Technology" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="webdesign" label="Web design" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="webdesignanddevelopment" label="Web Design and Development" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="en" xml:base="http://www.pearweed.com/notes/">
        <![CDATA[<div class="zemanta-img mt-image-right" style="margin-top: 1em; margin-right: 1em; margin-bottom: 1em; margin-left: 1em; display: block; float: left; width: 162px; "><div style="text-align: left;"><a href="http://en.wikipedia.org/wiki/Image:Apple-logo.png"><img src="http://upload.wikimedia.org/wikipedia/en/a/ab/Apple-logo.png" alt="Apple Inc." width="152" height="186" /></a></div><p class="zemanta-img-attribution" style="font-size:0.8em">Image via <a href="http://en.wikipedia.org/wiki/Image:Apple-logo.png">Wikipedia</a></p></div><p>This is so cool that I wish I had designed it myself.</p>
<br />
<a target="_blank" href="http://yugop.com/">yugop - bouncing balls page</a>&nbsp;<div><br /></div><div>&nbsp;
<br />Well, perhaps not. If I designed stuff like that who would design the simple stuff? Anyway, I need to design a <a class="zem_slink" href="http://en.wikipedia.org/wiki/Logo" title="Logo" rel="wikipedia">logo</a> today. Hmm... maybe I'll use an <a class="zem_slink" href="http://maps.google.com/maps?ll=37.33187,-122.029669&amp;spn=1.0,1.0&amp;q=37.33187,-122.029669 (Apple%20Inc.)&amp;t=h" title="Apple Inc." rel="geolocation">apple</a> in the logo:-)<div>&nbsp;
<br />
<br />

<p class="tags">goto &amp; tag <a rel="tag" href="http://technorati.com/tag/advertising">advertising</a>, <a rel="tag" href="http://technorati.com/tag/Apple">apple</a>, <a rel="tag" href="http://technorati.com/tag/computers">computers</a>, <a rel="tag" href="http://technorati.com/tag/copyright">copyright</a>, <a rel="tag" href="http://technorati.com/tag/copywrong">copywrong</a>, <a rel="tag" href="http://technorati.com/tag/css">css</a>, <a rel="tag" href="http://technorati.com/tag/design">design</a>, <a rel="tag" href="http://technorati.com/tag/design+notes">design notes</a>, <a rel="tag" href="http://technorati.com/tag/design+tips">design tips</a>, <a rel="tag" href="http://technorati.com/tag/dell">dell</a>, <a rel="tag" href="http://technorati.com/tag/economy">economy</a>, <a rel="tag" href="http://technorati.com/tag/fun+stuff">fun stuff</a>, <a rel="tag" href="http://technorati.com/tag/games">games</a>, <a rel="tag" href="http://technorati.com/tag/good+sense">good sense</a>, <a rel="tag" href="http://technorati.com/tag/goto+%26amp%3B+play">goto &amp; play</a>, <a rel="tag" href="http://technorati.com/tag/graphic+design">graphic design</a>, <a rel="tag" href="http://technorati.com/tag/html">html</a>, <a rel="tag" href="http://technorati.com/tag/infotainment">infotainment</a>, <a rel="tag" href="http://technorati.com/tag/javascript">javascript</a>, <a rel="tag" href="http://technorati.com/tag/Microsoft">microsoft</a>, <a rel="tag" href="http://technorati.com/tag/mac">mac</a>, <a rel="tag" href="http://technorati.com/tag/must+i+rant">must i rant</a>, <a rel="tag" href="http://technorati.com/tag/nifty+stuff">nifty stuff</a>, <a rel="tag" href="http://technorati.com/tag/observations">observations</a>, <a rel="tag" href="http://technorati.com/tag/PC">pc</a>, <a rel="tag" href="http://technorati.com/tag/pearweed">pearweed</a>, <a rel="tag" href="http://technorati.com/tag/pearweed+simple+notes">pearweed simple notes</a>, <a rel="tag" href="http://technorati.com/tag/pearweed+web+design">pearweed web design</a>, <a rel="tag" href="http://technorati.com/tag/simple+scripts">simple scripts</a>, <a rel="tag" href="http://technorati.com/tag/simple+notes">simple notes</a>, <a rel="tag" href="http://technorati.com/tag/simple+squares">simple squares</a>, <a rel="tag" href="http://technorati.com/tag/tech">tech</a>, <a rel="tag" href="http://technorati.com/tag/technology">technology</a>, <a rel="tag" href="http://technorati.com/tag/web+design">web design</a>, <a rel="tag" href="http://technorati.com/tag/web+design+tips">web design tips</a>, <a rel="tag" href="http://technorati.com/tag/Windows">windows</a></p></div>

<div class="zemanta-pixie" style="margin-top:10px;height:15px"><a class="zemanta-pixie-a" href="http://reblog.zemanta.com/zemified/c5912a37-2715-4f1f-b8d9-9a0235a4dd21/" title="Reblog this post [with Zemanta]"><img class="zemanta-pixie-img" src="http://img.zemanta.com/reblog_e.png?x-id=c5912a37-2715-4f1f-b8d9-9a0235a4dd21" alt="Reblog this post [with Zemanta]" style="border:none;float:right" /></a><span class="zem-script more-related pretty-attribution"><script type="text/javascript" src="http://static.zemanta.com/readside/loader.js" defer="defer"></script></span></div></div>]]>
        
    </content>
</entry>

<entry>
    <title>cruising more sites &amp; good grief</title>
    <link rel="alternate" type="text/html" href="http://www.pearweed.com/notes/2010/01/cruising-more-sites-good-grief.html" />
    <id>tag:www.pearweed.com,2010:/notes//1.32</id>

    <published>2010-01-17T00:49:06Z</published>
    <updated>2010-01-17T01:00:26Z</updated>

    <summary><![CDATA[Image via Wikipedia Cruising blogs again and just found another share badge service. You've got to see this one. Click on the Share/Save button. The number of communities out there is mind boggling. It's almost like cyberspace pollution. goto &amp;...]]></summary>
    <author>
        <name>pearweed</name>
        
    </author>
    
        <category term="simple notes" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="faqshelpandtutorials" label="FAQs Help and Tutorials" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="free" label="Free" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="hosting" label="Hosting" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="javascript" label="JavaScript" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="languages" label="Languages" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="programming" label="Programming" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="scripts" label="Scripts" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="webdesignanddevelopment" label="Web Design and Development" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="en" xml:base="http://www.pearweed.com/notes/">
        <![CDATA[<div class="zemanta-img mt-image-right" style="margin-top: 1em; margin-right: 1em; margin-bottom: 1em; margin-left: 1em; display: block; float: right; width: 310px; "><a href="http://en.wikipedia.org/wiki/Image:Crysis_MotionBlur.jpg"><img src="http://upload.wikimedia.org/wikipedia/en/9/92/Crysis_MotionBlur.jpg" alt="A screenshot from the 2007 video game Crysis d..." width="300" height="188" /></a><p class="zemanta-img-attribution" style="font-size:0.8em">Image via <a href="http://en.wikipedia.org/wiki/Image:Crysis_MotionBlur.jpg">Wikipedia</a></p></div>



<div>Cruising blogs again and just found another share badge service. You've got to see this one. Click on the Share/Save button.</div><div><br /></div><div><br /></div><a class="a2a_dd" href="http://www.addtoany.com/share_save"><img src="http://static.addtoany.com/buttons/share_save_171_16.png" width="171" height="16" border="0" alt="Share/Bookmark" /></a><script type="text/javascript" src="http://static.addtoany.com/menu/page.js"></script>

<br />
<br />
<div><br /></div><div>The number of communities out there is mind boggling. It's almost like cyberspace pollution.</div><div><br /></div><div><br /></div>
<br />
<br />

<p class="tags">goto &amp; tag <a rel="tag" href="http://technorati.com/tag/advertising">advertising</a>, <a rel="tag" href="http://technorati.com/tag/Apple">apple</a>, <a rel="tag" href="http://technorati.com/tag/computers">computers</a>, <a rel="tag" href="http://technorati.com/tag/copyright">copyright</a>, <a rel="tag" href="http://technorati.com/tag/copywrong">copywrong</a>, <a rel="tag" href="http://technorati.com/tag/css">css</a>, <a rel="tag" href="http://technorati.com/tag/design">design</a>, <a rel="tag" href="http://technorati.com/tag/design+notes">design notes</a>, <a rel="tag" href="http://technorati.com/tag/design+tips">design tips</a>, <a rel="tag" href="http://technorati.com/tag/dell">dell</a>, <a rel="tag" href="http://technorati.com/tag/economy">economy</a>, <a rel="tag" href="http://technorati.com/tag/fun+stuff">fun stuff</a>, <a rel="tag" href="http://technorati.com/tag/games">games</a>, <a rel="tag" href="http://technorati.com/tag/good+sense">good sense</a>, <a rel="tag" href="http://technorati.com/tag/goto+%26amp%3B+play">goto &amp; play</a>, <a rel="tag" href="http://technorati.com/tag/graphic+design">graphic design</a>, <a rel="tag" href="http://technorati.com/tag/html">html</a>, <a rel="tag" href="http://technorati.com/tag/infotainment">infotainment</a>, <a rel="tag" href="http://technorati.com/tag/javascript">javascript</a>, <a rel="tag" href="http://technorati.com/tag/Microsoft">microsoft</a>, <a rel="tag" href="http://technorati.com/tag/mac">mac</a>, <a rel="tag" href="http://technorati.com/tag/must+i+rant">must i rant</a>, <a rel="tag" href="http://technorati.com/tag/nifty+stuff">nifty stuff</a>, <a rel="tag" href="http://technorati.com/tag/observations">observations</a>, <a rel="tag" href="http://technorati.com/tag/PC">pc</a>, <a rel="tag" href="http://technorati.com/tag/pearweed">pearweed</a>, <a rel="tag" href="http://technorati.com/tag/pearweed+simple+notes">pearweed simple notes</a>, <a rel="tag" href="http://technorati.com/tag/pearweed+web+design">pearweed web design</a>, <a rel="tag" href="http://technorati.com/tag/simple+scripts">simple scripts</a>, <a rel="tag" href="http://technorati.com/tag/simple+notes">simple notes</a>, <a rel="tag" href="http://technorati.com/tag/simple+squares">simple squares</a>, <a rel="tag" href="http://technorati.com/tag/tech">tech</a>, <a rel="tag" href="http://technorati.com/tag/technology">technology</a>, <a rel="tag" href="http://technorati.com/tag/web+design">web design</a>, <a rel="tag" href="http://technorati.com/tag/web+design+tips">web design tips</a>, <a rel="tag" href="http://technorati.com/tag/Windows">windows</a></p>

<div class="zemanta-pixie" style="margin-top:10px;height:15px"><a class="zemanta-pixie-a" href="http://reblog.zemanta.com/zemified/56d9b17f-fcb2-45ef-ad77-f2534a57f748/" title="Reblog this post [with Zemanta]"><img class="zemanta-pixie-img" src="http://img.zemanta.com/reblog_e.png?x-id=56d9b17f-fcb2-45ef-ad77-f2534a57f748" alt="Reblog this post [with Zemanta]" style="border:none;float:right" /></a><span class="zem-script more-related pretty-attribution"><script type="text/javascript" src="http://static.zemanta.com/readside/loader.js" defer="defer"></script></span></div>]]>
        
    </content>
</entry>

<entry>
    <title>how connected do you want to be?</title>
    <link rel="alternate" type="text/html" href="http://www.pearweed.com/notes/2010/01/how-connected-do-you-want-to-be.html" />
    <id>tag:www.pearweed.com,2010:/notes//1.31</id>

    <published>2010-01-14T22:55:02Z</published>
    <updated>2010-03-02T14:56:40Z</updated>

    <summary>Image by mstephens7 via FlickrAs I cruise blogs; word and photoblogs, I notice links on sites of communities used by bloggers. Sometimes they&apos;ve installed a badge with multiple ways to share their post. Typically I accidentally find the badge when...</summary>
    <author>
        <name>pearweed</name>
        
    </author>
    
        <category term="simple notes" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="blog" label="Blog" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="delicious" label="Delicious" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="digg" label="Digg" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="graphicdesign" label="Graphic design" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="onlinecommunities" label="Online Communities" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="socialnetwork" label="Social network" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="twitter" label="Twitter" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="webdesign" label="Web design" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="en" xml:base="http://www.pearweed.com/notes/">
        <![CDATA[<div class="zemanta-img mt-image-right" style="margin: 1em; display: block; float: right; width: 250px;"><a href="http://www.flickr.com/photos/41894165897@N01/1338696283"><img src="http://farm2.static.flickr.com/1238/1338696283_9907ad8ad1_m.jpg" alt="this is me" width="240" height="180" /></a><p class="zemanta-img-attribution" style="font-size: 0.8em;">Image by <a href="http://www.flickr.com/photos/41894165897@N01/1338696283">mstephens7</a> via Flickr</p></div>As I cruise <a class="zem_slink" href="http://en.wikipedia.org/wiki/Blog" title="Blog" rel="wikipedia">blogs</a>; word and <a href="http://www.pearweed.net/">photoblogs</a>, I notice links on sites of communities used by bloggers. Sometimes they've installed a badge with multiple ways to share their post. Typically I accidentally find the badge when my mouse hovers over it as I attempt to click on another link.<div><br /></div><div>There was a time when I could have named the <a class="zem_slink" href="http://en.wikipedia.org/wiki/Social_network" title="Social network" rel="wikipedia">social networks</a>, but lately it seems like there's a newly released site everyday.</div><div><br /></div><div>I could be more wordy; nobody has ever accused me of be succinct:-), but I'll cut to the chase.</div><div><br /></div><div>If you go to addthis.com you can make a badge for your site with the following features. People can click on links from your badge and email it, print it, <a class="zem_slink" href="http://www.digg.com/" title="Digg" rel="homepage">digg</a> it, send it to <a class="zem_slink" href="http://myspace.com/" title="MySpace" rel="homepage">myspace</a> - (actually their space:-), <a class="zem_slink" href="http://facebook.com/" title="Facebook" rel="homepage">facebook</a>, <a class="zem_slink" href="http://twitter.com/" title="Twitter" rel="homepage">Twitter</a> (then it can be retweeted and twittered a zillion and one times).</div><div><br /></div><div>They can add the post to their favorites, make something <a class="zem_slink" href="http://delicious.com/" title="delicious" rel="homepage">Delicious</a> with it:-), see what the google boys say about it, make it Live, <a href="http://www.stumbleupon.com/">stumbleupon</a>&nbsp;it (or make someone else stumble:-), and last but not least they can do at least 225 more things to a post on a blog.</div><div><br /></div><div>About a month ago I read that any business in this economy must have a word blog to survive. I don't know if I believe that or not. I've had a word blog for a decade and it hasn't been the magic formula for generating new clients.</div><div><br /></div><div>The portrait of the man in this post brought a smile to my face as I viewed his glazed over eyes look and read the description he wrote in his post. There are days I feel like that:-)</div><div><br /></div><div>I thought the article entitled, "Time to Talk" was worthy of the cyberspace it's floating in:&nbsp;</div><div><br /></div><fieldset class="zemanta-related"><legend class="zemanta-related-title">Related articles by Zemanta</legend><ul class="zemanta-article-ul"><li class="zemanta-article-ul-li"><a href="http://www.publishingtalk.eu/blog/published-articles/time-to-talk-2/">Time to Talk</a> (publishingtalk.eu)</li></ul><div><br /></div><div>I should go now though. I need to download a desktop tweet(er). Everyone knows how useful those can be, she said with a straight face.</div><div><br /></div><div><br /></div></fieldset>

<br />
<br />
<br />
<p class="tags">goto &amp; tag <a rel="tag" href="http://technorati.com/tag/advertising">advertising</a>, <a rel="tag" href="http://technorati.com/tag/Apple">apple</a>, <a rel="tag" href="http://technorati.com/tag/computers">computers</a>, <a rel="tag" href="http://technorati.com/tag/copyright">copyright</a>, <a rel="tag" href="http://technorati.com/tag/copywrong">copywrong</a>, <a rel="tag" href="http://technorati.com/tag/css">css</a>, <a rel="tag" href="http://technorati.com/tag/design">design</a>, <a rel="tag" href="http://technorati.com/tag/design+notes">design notes</a>, <a rel="tag" href="http://technorati.com/tag/design+tips">design tips</a>, <a rel="tag" href="http://technorati.com/tag/dell">dell</a>, <a rel="tag" href="http://technorati.com/tag/economy">economy</a>, <a rel="tag" href="http://technorati.com/tag/fun+stuff">fun stuff</a>, <a rel="tag" href="http://technorati.com/tag/games">games</a>, <a rel="tag" href="http://technorati.com/tag/good+sense">good sense</a>, <a rel="tag" href="http://technorati.com/tag/goto+%26amp%3B+play">goto &amp; play</a>, <a rel="tag" href="http://technorati.com/tag/graphic+design">graphic design</a>, <a rel="tag" href="http://technorati.com/tag/html">html</a>, <a rel="tag" href="http://technorati.com/tag/infotainment">infotainment</a>, <a rel="tag" href="http://technorati.com/tag/javascript">javascript</a>, <a rel="tag" href="http://technorati.com/tag/Microsoft">microsoft</a>, <a rel="tag" href="http://technorati.com/tag/mac">mac</a>, <a rel="tag" href="http://technorati.com/tag/must+i+rant">must i rant</a>, <a rel="tag" href="http://technorati.com/tag/nifty+stuff">nifty stuff</a>, <a rel="tag" href="http://technorati.com/tag/observations">observations</a>, <a rel="tag" href="http://technorati.com/tag/PC">pc</a>, <a rel="tag" href="http://technorati.com/tag/pearweed">pearweed</a>, <a rel="tag" href="http://technorati.com/tag/pearweed+simple+notes">pearweed simple notes</a>, <a rel="tag" href="http://technorati.com/tag/pearweed+web+design">pearweed web design</a>, <a rel="tag" href="http://technorati.com/tag/simple+scripts">simple scripts</a>, <a rel="tag" href="http://technorati.com/tag/simple+notes">simple notes</a>, <a rel="tag" href="http://technorati.com/tag/simple+squares">simple squares</a>, <a rel="tag" href="http://technorati.com/tag/tech">tech</a>, <a rel="tag" href="http://technorati.com/tag/technology">technology</a>, <a rel="tag" href="http://technorati.com/tag/web+design">web design</a>, <a rel="tag" href="http://technorati.com/tag/web+design+tips">web design tips</a>, <a rel="tag" href="http://technorati.com/tag/Windows">windows</a></p>

<div class="zemanta-pixie" style="margin-top: 10px; height: 15px;"><a class="zemanta-pixie-a" href="http://reblog.zemanta.com/zemified/93f28e41-c5a4-4435-b541-4ba7199d374c/" title="Reblog this post [with Zemanta]"><img class="zemanta-pixie-img" src="http://img.zemanta.com/reblog_e.png?x-id=93f28e41-c5a4-4435-b541-4ba7199d374c" alt="Reblog this post [with Zemanta]" style="border: medium none; float: right;" /></a><span class="zem-script more-related pretty-attribution"><script type="text/javascript" src="http://static.zemanta.com/readside/loader.js" defer="defer"></script></span></div>]]>
        
    </content>
</entry>

<entry>
    <title>I can see this happening</title>
    <link rel="alternate" type="text/html" href="http://www.pearweed.com/notes/2010/01/i-can-see-this-happening.html" />
    <id>tag:www.pearweed.com,2010:/notes//1.30</id>

    <published>2010-01-14T19:38:01Z</published>
    <updated>2010-01-14T19:43:44Z</updated>

    <summary><![CDATA[ goto &amp; tag advertising, apple, computers, copyright, copywrong, css, design, design notes, design tips, dell, economy, fun stuff, games, good sense, goto &amp; play, graphic design, html, infotainment, javascript, microsoft, mac, must i rant, nifty stuff, observations, pc, pearweed,...]]></summary>
    <author>
        <name>pearweed</name>
        
    </author>
    
        <category term="videos" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="videos" label="videos" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="en" xml:base="http://www.pearweed.com/notes/">
        <![CDATA[<br />
<br />
<object width="500" height="280"><param name="movie" value="http://www.youtube.com/v/3Z2vU8M6CYI&amp;hl=en_US&amp;fs=1&amp;rel=0" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="http://www.youtube.com/v/3Z2vU8M6CYI&amp;hl=en_US&amp;fs=1&amp;rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="500" height="280"></object>
<br />
<br />
<br />
<p class="tags">goto &amp; tag <a rel="tag" href="http://technorati.com/tag/advertising">advertising</a>, <a rel="tag" href="http://technorati.com/tag/Apple">apple</a>, <a rel="tag" href="http://technorati.com/tag/computers">computers</a>, <a rel="tag" href="http://technorati.com/tag/copyright">copyright</a>, <a rel="tag" href="http://technorati.com/tag/copywrong">copywrong</a>, <a rel="tag" href="http://technorati.com/tag/css">css</a>, <a rel="tag" href="http://technorati.com/tag/design">design</a>, <a rel="tag" href="http://technorati.com/tag/design+notes">design notes</a>, <a rel="tag" href="http://technorati.com/tag/design+tips">design tips</a>, <a rel="tag" href="http://technorati.com/tag/dell">dell</a>, <a rel="tag" href="http://technorati.com/tag/economy">economy</a>, <a rel="tag" href="http://technorati.com/tag/fun+stuff">fun stuff</a>, <a rel="tag" href="http://technorati.com/tag/games">games</a>, <a rel="tag" href="http://technorati.com/tag/good+sense">good sense</a>, <a rel="tag" href="http://technorati.com/tag/goto+%26amp%3B+play">goto &amp; play</a>, <a rel="tag" href="http://technorati.com/tag/graphic+design">graphic design</a>, <a rel="tag" href="http://technorati.com/tag/html">html</a>, <a rel="tag" href="http://technorati.com/tag/infotainment">infotainment</a>, <a rel="tag" href="http://technorati.com/tag/javascript">javascript</a>, <a rel="tag" href="http://technorati.com/tag/Microsoft">microsoft</a>, <a rel="tag" href="http://technorati.com/tag/mac">mac</a>, <a rel="tag" href="http://technorati.com/tag/must+i+rant">must i rant</a>, <a rel="tag" href="http://technorati.com/tag/nifty+stuff">nifty stuff</a>, <a rel="tag" href="http://technorati.com/tag/observations">observations</a>, <a rel="tag" href="http://technorati.com/tag/PC">pc</a>, <a rel="tag" href="http://technorati.com/tag/pearweed">pearweed</a>, <a rel="tag" href="http://technorati.com/tag/pearweed+simple+notes">pearweed simple notes</a>, <a rel="tag" href="http://technorati.com/tag/pearweed+web+design">pearweed web design</a>, <a rel="tag" href="http://technorati.com/tag/simple+scripts">simple scripts</a>, <a rel="tag" href="http://technorati.com/tag/simple+notes">simple notes</a>, <a rel="tag" href="http://technorati.com/tag/simple+squares">simple squares</a>, <a rel="tag" href="http://technorati.com/tag/tech">tech</a>, <a rel="tag" href="http://technorati.com/tag/technology">technology</a>, <a rel="tag" href="http://technorati.com/tag/web+design">web design</a>, <a rel="tag" href="http://technorati.com/tag/web+design+tips">web design tips</a>, <a rel="tag" href="http://technorati.com/tag/Windows">windows</a></p>]]>
        
    </content>
</entry>

<entry>
    <title>It&apos;s 12.01.09 and I&apos;ve only just found this?</title>
    <link rel="alternate" type="text/html" href="http://www.pearweed.com/notes/2009/12/its-120109-and-ive-only-just-found-this.html" />
    <id>tag:www.pearweed.com,2009:/notes//1.27</id>

    <published>2009-12-01T15:00:27Z</published>
    <updated>2010-01-14T19:46:33Z</updated>

    <summary><![CDATA[ How in the name of every thing sane have I managed to survive without it? goto &amp; tag advertising, apple, computers, copyright, copywrong, css, design, design notes, design tips, dell, economy, fun stuff, games, good sense, goto &amp; play,...]]></summary>
    <author>
        <name>pearweed</name>
        
    </author>
    
        <category term="videos" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="videos" label="videos" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="en" xml:base="http://www.pearweed.com/notes/">
        <![CDATA[<br />
<p>How in the name of every thing sane have I managed to survive without it?</p>
<br />
<br />
<object width="500" height="315"><param name="movie" value="http://www.youtube.com/v/dYq9JnCzw-I&amp;hl=en_US&amp;fs=1&amp;rel=0" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="http://www.youtube.com/v/dYq9JnCzw-I&amp;hl=en_US&amp;fs=1&amp;rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="500" height="315"></object>

<br />
<br />
<br />
<p class="tags">goto &amp; tag <a rel="tag" href="http://technorati.com/tag/advertising">advertising</a>, <a rel="tag" href="http://technorati.com/tag/Apple">apple</a>, <a rel="tag" href="http://technorati.com/tag/computers">computers</a>, <a rel="tag" href="http://technorati.com/tag/copyright">copyright</a>, <a rel="tag" href="http://technorati.com/tag/copywrong">copywrong</a>, <a rel="tag" href="http://technorati.com/tag/css">css</a>, <a rel="tag" href="http://technorati.com/tag/design">design</a>, <a rel="tag" href="http://technorati.com/tag/design+notes">design notes</a>, <a rel="tag" href="http://technorati.com/tag/design+tips">design tips</a>, <a rel="tag" href="http://technorati.com/tag/dell">dell</a>, <a rel="tag" href="http://technorati.com/tag/economy">economy</a>, <a rel="tag" href="http://technorati.com/tag/fun+stuff">fun stuff</a>, <a rel="tag" href="http://technorati.com/tag/games">games</a>, <a rel="tag" href="http://technorati.com/tag/good+sense">good sense</a>, <a rel="tag" href="http://technorati.com/tag/goto+%26amp%3B+play">goto &amp; play</a>, <a rel="tag" href="http://technorati.com/tag/graphic+design">graphic design</a>, <a rel="tag" href="http://technorati.com/tag/html">html</a>, <a rel="tag" href="http://technorati.com/tag/infotainment">infotainment</a>, <a rel="tag" href="http://technorati.com/tag/javascript">javascript</a>, <a rel="tag" href="http://technorati.com/tag/Microsoft">microsoft</a>, <a rel="tag" href="http://technorati.com/tag/mac">mac</a>, <a rel="tag" href="http://technorati.com/tag/must+i+rant">must i rant</a>, <a rel="tag" href="http://technorati.com/tag/nifty+stuff">nifty stuff</a>, <a rel="tag" href="http://technorati.com/tag/observations">observations</a>, <a rel="tag" href="http://technorati.com/tag/PC">pc</a>, <a rel="tag" href="http://technorati.com/tag/pearweed">pearweed</a>, <a rel="tag" href="http://technorati.com/tag/pearweed+simple+notes">pearweed simple notes</a>, <a rel="tag" href="http://technorati.com/tag/pearweed+web+design">pearweed web design</a>, <a rel="tag" href="http://technorati.com/tag/simple+scripts">simple scripts</a>, <a rel="tag" href="http://technorati.com/tag/simple+notes">simple notes</a>, <a rel="tag" href="http://technorati.com/tag/simple+squares">simple squares</a>, <a rel="tag" href="http://technorati.com/tag/tech">tech</a>, <a rel="tag" href="http://technorati.com/tag/technology">technology</a>, <a rel="tag" href="http://technorati.com/tag/web+design">web design</a>, <a rel="tag" href="http://technorati.com/tag/web+design+tips">web design tips</a>, <a rel="tag" href="http://technorati.com/tag/Windows">windows</a></p>]]>
        
    </content>
</entry>

<entry>
    <title>screen resolution stats</title>
    <link rel="alternate" type="text/html" href="http://www.pearweed.com/notes/2009/11/screen-resolution-stats.html" />
    <id>tag:www.pearweed.com,2009:/notes//1.25</id>

    <published>2009-11-11T12:51:58Z</published>
    <updated>2010-01-13T22:13:32Z</updated>

    <summary> As you design a web site, never assume the world is viewing cyberspace from your monitor. One place I&apos;ve noticed some big ut-oh&apos;s are on the backgrounds people use on Twitter. Your background may look like it&apos;s filling the...</summary>
    <author>
        <name>pearweed</name>
        
    </author>
    
        <category term="web design" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="webdesign" label="web design" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="en" xml:base="http://www.pearweed.com/notes/">
        <![CDATA[ <p>As you design a web site, never assume the world is viewing cyberspace from your monitor.</p>
<p>One place I've noticed some big ut-oh's are on the backgrounds people use on Twitter. Your background may look like it's filling the screen on your monitor, but I've seen quite a few where the background doesn't go all the way to the right.</p>
<p>Reminds me of a comment I left on a photoblog. I said, "Exceptional!" and because I'm normally wordy, the site owner emailed me and said, "So I guess that's your word for 'it sucks'?"</p>
<p>I emailed the person back and said, "No, my word for that would be, 'uh, yeah, not so much'," which is precisely what I think when a site has been designed and the designer has failed to plan for all screen resolutions.</p>
<br />
<p>stats in 2006:</p>
<p>
</p><ul>
<li>1024 x 768 = 28%</li>
<li>1280 x 1024 = 13%</li>
<li>1280 x 800 = 8%</li>
<li>800 x 600 = 7%</li>
<li>640 x 480 = 6%</li>
<li>1152 x 864 = 2%</li>
<li>1680 x 1050 = 1%</li>
<li>1400 x 1050 = 1%</li>
<li>1800 x 1440 = 1%</li>
<li>1440 x 900 = 1%</li>
<li>1024 x 640 = 1%</li>
</ul>

<br />
<br />
<p>stats in 2008:</p>
<p>

</p><ul>
<li>640 x 480 = 0%</li>
<li>800 x 600 = 8%</li>
<li>1024 x 768 = 48%</li>
<li>Higher = 38%</li>
<li>Unknown = 6%</li>
</ul>

<br />
<br />

<p>stats in 2009:</p>
<br />
<p>
</p><ul>

<li>640 x 480 = 0%</li>
<li>800 x 600 = 4%</li>
<li>1024 x 768 = 36%</li>
<li>Higher = 57%</li>
<li>Unknown = 3%</li>

</ul>

<br />
<br />


<p class="tags">goto &amp; tag <a rel="tag" href="http://technorati.com/tag/advertising">advertising</a>, <a rel="tag" href="http://technorati.com/tag/Apple">apple</a>, <a rel="tag" href="http://technorati.com/tag/computers">computers</a>, <a rel="tag" href="http://technorati.com/tag/copyright">copyright</a>, <a rel="tag" href="http://technorati.com/tag/copywrong">copywrong</a>, <a rel="tag" href="http://technorati.com/tag/css">css</a>, <a rel="tag" href="http://technorati.com/tag/design">design</a>, <a rel="tag" href="http://technorati.com/tag/design+notes">design notes</a>, <a rel="tag" href="http://technorati.com/tag/design+tips">design tips</a>, <a rel="tag" href="http://technorati.com/tag/dell">dell</a>, <a rel="tag" href="http://technorati.com/tag/economy">economy</a>, <a rel="tag" href="http://technorati.com/tag/fun+stuff">fun stuff</a>, <a rel="tag" href="http://technorati.com/tag/games">games</a>, <a rel="tag" href="http://technorati.com/tag/good+sense">good sense</a>, <a rel="tag" href="http://technorati.com/tag/goto+%26amp%3B+play">goto &amp; play</a>, <a rel="tag" href="http://technorati.com/tag/graphic+design">graphic design</a>, <a rel="tag" href="http://technorati.com/tag/html">html</a>, <a rel="tag" href="http://technorati.com/tag/infotainment">infotainment</a>, <a rel="tag" href="http://technorati.com/tag/javascript">javascript</a>, <a rel="tag" href="http://technorati.com/tag/Microsoft">microsoft</a>, <a rel="tag" href="http://technorati.com/tag/mac">mac</a>, <a rel="tag" href="http://technorati.com/tag/must+i+rant">must i rant</a>, <a rel="tag" href="http://technorati.com/tag/nifty+stuff">nifty stuff</a>, <a rel="tag" href="http://technorati.com/tag/observations">observations</a>, <a rel="tag" href="http://technorati.com/tag/PC">pc</a>, <a rel="tag" href="http://technorati.com/tag/pearweed">pearweed</a>, <a rel="tag" href="http://technorati.com/tag/pearweed+simple+notes">pearweed simple notes</a>, <a rel="tag" href="http://technorati.com/tag/pearweed+web+design">pearweed web design</a>, <a rel="tag" href="http://technorati.com/tag/simple+scripts">simple scripts</a>, <a rel="tag" href="http://technorati.com/tag/simple+notes">simple notes</a>, <a rel="tag" href="http://technorati.com/tag/simple+squares">simple squares</a>, <a rel="tag" href="http://technorati.com/tag/tech">tech</a>, <a rel="tag" href="http://technorati.com/tag/technology">technology</a>, <a rel="tag" href="http://technorati.com/tag/web+design">web design</a>, <a rel="tag" href="http://technorati.com/tag/web+design+tips">web design tips</a>, <a rel="tag" href="http://technorati.com/tag/Windows">windows</a></p>]]>
        
    </content>
</entry>

<entry>
    <title>typoGenerator</title>
    <link rel="alternate" type="text/html" href="http://www.pearweed.com/notes/2009/11/typogenerator.html" />
    <id>tag:www.pearweed.com,2009:/notes//1.26</id>

    <published>2009-11-09T16:26:45Z</published>
    <updated>2010-01-13T22:13:32Z</updated>

    <summary> This is one of my favorite sites on the web. typoGenerator - logo maker web thingy site place A person could build a site around one of those if they happened to hit on just the right colors and...</summary>
    <author>
        <name>pearweed</name>
        
    </author>
    
        <category term="goto &amp; play" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="graphic design" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="useful sites" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="gotoplay" label="goto &amp; play" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="graphicdesign" label="graphic design" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="usefulsites" label="useful sites" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="en" xml:base="http://www.pearweed.com/notes/">
        <![CDATA[ <p>This is one of my favorite sites on the web.</p>
<br />
<ul>
	<li><a target="_blank" href="http://www.typogenerator.net/">typoGenerator - logo maker web thingy site place</a></li>
</ul>
<br />
<p>A person could build a site around one of those if they happened to hit on just the right colors and fonts, providing they could break away from playing with it long enough to focus on building a site:-).</p>
<br />
<br />


<p class="tags">goto &amp; tag <a rel="tag" href="http://technorati.com/tag/advertising">advertising</a>, <a rel="tag" href="http://technorati.com/tag/Apple">apple</a>, <a rel="tag" href="http://technorati.com/tag/computers">computers</a>, <a rel="tag" href="http://technorati.com/tag/copyright">copyright</a>, <a rel="tag" href="http://technorati.com/tag/copywrong">copywrong</a>, <a rel="tag" href="http://technorati.com/tag/css">css</a>, <a rel="tag" href="http://technorati.com/tag/design">design</a>, <a rel="tag" href="http://technorati.com/tag/design+notes">design notes</a>, <a rel="tag" href="http://technorati.com/tag/design+tips">design tips</a>, <a rel="tag" href="http://technorati.com/tag/dell">dell</a>, <a rel="tag" href="http://technorati.com/tag/economy">economy</a>, <a rel="tag" href="http://technorati.com/tag/fun+stuff">fun stuff</a>, <a rel="tag" href="http://technorati.com/tag/games">games</a>, <a rel="tag" href="http://technorati.com/tag/good+sense">good sense</a>, <a rel="tag" href="http://technorati.com/tag/goto+%26amp%3B+play">goto &amp; play</a>, <a rel="tag" href="http://technorati.com/tag/graphic+design">graphic design</a>, <a rel="tag" href="http://technorati.com/tag/html">html</a>, <a rel="tag" href="http://technorati.com/tag/infotainment">infotainment</a>, <a rel="tag" href="http://technorati.com/tag/javascript">javascript</a>, <a rel="tag" href="http://technorati.com/tag/Microsoft">microsoft</a>, <a rel="tag" href="http://technorati.com/tag/mac">mac</a>, <a rel="tag" href="http://technorati.com/tag/must+i+rant">must i rant</a>, <a rel="tag" href="http://technorati.com/tag/nifty+stuff">nifty stuff</a>, <a rel="tag" href="http://technorati.com/tag/observations">observations</a>, <a rel="tag" href="http://technorati.com/tag/PC">pc</a>, <a rel="tag" href="http://technorati.com/tag/pearweed">pearweed</a>, <a rel="tag" href="http://technorati.com/tag/pearweed+simple+notes">pearweed simple notes</a>, <a rel="tag" href="http://technorati.com/tag/pearweed+web+design">pearweed web design</a>, <a rel="tag" href="http://technorati.com/tag/simple+scripts">simple scripts</a>, <a rel="tag" href="http://technorati.com/tag/simple+notes">simple notes</a>, <a rel="tag" href="http://technorati.com/tag/simple+squares">simple squares</a>, <a rel="tag" href="http://technorati.com/tag/tech">tech</a>, <a rel="tag" href="http://technorati.com/tag/technology">technology</a>, <a rel="tag" href="http://technorati.com/tag/web+design">web design</a>, <a rel="tag" href="http://technorati.com/tag/web+design+tips">web design tips</a>, <a rel="tag" href="http://technorati.com/tag/Windows">windows</a></p>]]>
        
    </content>
</entry>

<entry>
    <title>rounded corners without images</title>
    <link rel="alternate" type="text/html" href="http://www.pearweed.com/notes/2009/11/rounded-corners-without-images.html" />
    <id>tag:www.pearweed.com,2009:/notes//1.24</id>

    <published>2009-11-09T15:19:27Z</published>
    <updated>2010-01-13T22:13:32Z</updated>

    <summary><![CDATA[ Looking for a way to have rounded corners on a web site without using images? Here's a site I found back in 2005 in a search for the word "nifty". Nifty Corners goto &amp; tag advertising, apple, computers, copyright,...]]></summary>
    <author>
        <name>pearweed</name>
        
    </author>
    
        <category term="web design" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="webdesign" label="web design" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="en" xml:base="http://www.pearweed.com/notes/">
        <![CDATA[ <p>Looking for a way to have rounded corners on a web site without using images?</p>
<br />
<p>Here's a site I found back in 2005 in a search for the word "nifty".</p>
<br />
<ul>
	<li><a target="_blank" href="http://pro.html.it/esempio/nifty/">Nifty Corners</a></li>
</ul>
<br />
<br />

<p class="tags">goto &amp; tag <a rel="tag" href="http://technorati.com/tag/advertising">advertising</a>, <a rel="tag" href="http://technorati.com/tag/Apple">apple</a>, <a rel="tag" href="http://technorati.com/tag/computers">computers</a>, <a rel="tag" href="http://technorati.com/tag/copyright">copyright</a>, <a rel="tag" href="http://technorati.com/tag/copywrong">copywrong</a>, <a rel="tag" href="http://technorati.com/tag/css">css</a>, <a rel="tag" href="http://technorati.com/tag/design">design</a>, <a rel="tag" href="http://technorati.com/tag/design+notes">design notes</a>, <a rel="tag" href="http://technorati.com/tag/design+tips">design tips</a>, <a rel="tag" href="http://technorati.com/tag/dell">dell</a>, <a rel="tag" href="http://technorati.com/tag/economy">economy</a>, <a rel="tag" href="http://technorati.com/tag/fun+stuff">fun stuff</a>, <a rel="tag" href="http://technorati.com/tag/games">games</a>, <a rel="tag" href="http://technorati.com/tag/good+sense">good sense</a>, <a rel="tag" href="http://technorati.com/tag/goto+%26amp%3B+play">goto &amp; play</a>, <a rel="tag" href="http://technorati.com/tag/graphic+design">graphic design</a>, <a rel="tag" href="http://technorati.com/tag/html">html</a>, <a rel="tag" href="http://technorati.com/tag/infotainment">infotainment</a>, <a rel="tag" href="http://technorati.com/tag/javascript">javascript</a>, <a rel="tag" href="http://technorati.com/tag/Microsoft">microsoft</a>, <a rel="tag" href="http://technorati.com/tag/mac">mac</a>, <a rel="tag" href="http://technorati.com/tag/must+i+rant">must i rant</a>, <a rel="tag" href="http://technorati.com/tag/nifty+stuff">nifty stuff</a>, <a rel="tag" href="http://technorati.com/tag/observations">observations</a>, <a rel="tag" href="http://technorati.com/tag/PC">pc</a>, <a rel="tag" href="http://technorati.com/tag/pearweed">pearweed</a>, <a rel="tag" href="http://technorati.com/tag/pearweed+simple+notes">pearweed simple notes</a>, <a rel="tag" href="http://technorati.com/tag/pearweed+web+design">pearweed web design</a>, <a rel="tag" href="http://technorati.com/tag/simple+scripts">simple scripts</a>, <a rel="tag" href="http://technorati.com/tag/simple+notes">simple notes</a>, <a rel="tag" href="http://technorati.com/tag/simple+squares">simple squares</a>, <a rel="tag" href="http://technorati.com/tag/tech">tech</a>, <a rel="tag" href="http://technorati.com/tag/technology">technology</a>, <a rel="tag" href="http://technorati.com/tag/web+design">web design</a>, <a rel="tag" href="http://technorati.com/tag/web+design+tips">web design tips</a>, <a rel="tag" href="http://technorati.com/tag/Windows">windows</a></p>]]>
        
    </content>
</entry>

<entry>
    <title>image opacity mouseover effect</title>
    <link rel="alternate" type="text/html" href="http://www.pearweed.com/notes/2009/10/image-opacity-mouseover-effect.html" />
    <id>tag:www.pearweed.com,2009:/notes//1.23</id>

    <published>2009-10-14T14:46:51Z</published>
    <updated>2010-01-13T22:13:32Z</updated>

    <summary> For those desiring a navigation structure with an artistic flair, you might consider using and image in lieu of text. I prefer this for what I call a site of exploration. Using a mouseover text out of courtesy is...</summary>
    <author>
        <name>pearweed</name>
        
    </author>
    
        <category term="html" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="web design" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="html" label="html" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="webdesign" label="web design" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="en" xml:base="http://www.pearweed.com/notes/">
        <![CDATA[ <p>For those desiring a navigation structure with an artistic flair, you might consider using and image in lieu of text.</p>
<p>I prefer this for what I call a site of exploration. Using a mouseover text out of courtesy is recommended.</p>
<p>Here's the html:</p>
<br />
<form contenteditable="false"><textarea cols="50" rows="15" style="width: 380px; height: 160px;">&lt;a title="pearweed" href="index.html"&gt;&lt;img src="ss/50/116511278650.jpg" width="50" height="50" style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" /&gt;&lt;/a&gt;</textarea></form>
<br />
<p>To implement this for your own site you would change the title, the img src (image source), and the size of your images.</p>
<p>See it in action → <a href="http://www.pearweed.com/reference.html" target="_blank">image opacity navigation</a>




<br />
<br />
</p><p class="tags">goto &amp; tag <a rel="tag" href="http://technorati.com/tag/advertising">advertising</a>, <a rel="tag" href="http://technorati.com/tag/Apple">apple</a>, <a rel="tag" href="http://technorati.com/tag/computers">computers</a>, <a rel="tag" href="http://technorati.com/tag/copyright">copyright</a>, <a rel="tag" href="http://technorati.com/tag/copywrong">copywrong</a>, <a rel="tag" href="http://technorati.com/tag/css">css</a>, <a rel="tag" href="http://technorati.com/tag/design">design</a>, <a rel="tag" href="http://technorati.com/tag/design+notes">design notes</a>, <a rel="tag" href="http://technorati.com/tag/design+tips">design tips</a>, <a rel="tag" href="http://technorati.com/tag/dell">dell</a>, <a rel="tag" href="http://technorati.com/tag/economy">economy</a>, <a rel="tag" href="http://technorati.com/tag/fun+stuff">fun stuff</a>, <a rel="tag" href="http://technorati.com/tag/games">games</a>, <a rel="tag" href="http://technorati.com/tag/good+sense">good sense</a>, <a rel="tag" href="http://technorati.com/tag/goto+%26amp%3B+play">goto &amp; play</a>, <a rel="tag" href="http://technorati.com/tag/graphic+design">graphic design</a>, <a rel="tag" href="http://technorati.com/tag/html">html</a>, <a rel="tag" href="http://technorati.com/tag/infotainment">infotainment</a>, <a rel="tag" href="http://technorati.com/tag/javascript">javascript</a>, <a rel="tag" href="http://technorati.com/tag/Microsoft">microsoft</a>, <a rel="tag" href="http://technorati.com/tag/mac">mac</a>, <a rel="tag" href="http://technorati.com/tag/must+i+rant">must i rant</a>, <a rel="tag" href="http://technorati.com/tag/nifty+stuff">nifty stuff</a>, <a rel="tag" href="http://technorati.com/tag/observations">observations</a>, <a rel="tag" href="http://technorati.com/tag/PC">pc</a>, <a rel="tag" href="http://technorati.com/tag/pearweed">pearweed</a>, <a rel="tag" href="http://technorati.com/tag/pearweed+simple+notes">pearweed simple notes</a>, <a rel="tag" href="http://technorati.com/tag/pearweed+web+design">pearweed web design</a>, <a rel="tag" href="http://technorati.com/tag/simple+scripts">simple scripts</a>, <a rel="tag" href="http://technorati.com/tag/simple+notes">simple notes</a>, <a rel="tag" href="http://technorati.com/tag/simple+squares">simple squares</a>, <a rel="tag" href="http://technorati.com/tag/tech">tech</a>, <a rel="tag" href="http://technorati.com/tag/technology">technology</a>, <a rel="tag" href="http://technorati.com/tag/web+design">web design</a>, <a rel="tag" href="http://technorati.com/tag/web+design+tips">web design tips</a>, <a rel="tag" href="http://technorati.com/tag/Windows">windows</a></p>]]>
        
    </content>
</entry>

<entry>
    <title>typewriter text</title>
    <link rel="alternate" type="text/html" href="http://www.pearweed.com/notes/2009/10/typewriter-text.html" />
    <id>tag:www.pearweed.com,2009:/notes//1.22</id>

    <published>2009-10-05T14:46:46Z</published>
    <updated>2010-01-13T22:13:32Z</updated>

    <summary>Typewriter text is a fixed width text with the old fashioned typewriter looking font. It&apos;s a useful method of drawing the eye to a particular word or phrase; possibly a hyperlink in a section of text. It&apos;s particularly useful when...</summary>
    <author>
        <name>pearweed</name>
        
    </author>
    
        <category term="html" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="html" label="html" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="en" xml:base="http://www.pearweed.com/notes/">
        <![CDATA[<p>Typewriter text is a fixed width text with the old fashioned typewriter looking font.</p>
<p>It's a useful method of drawing the eye to a particular word or phrase; possibly a hyperlink in a section of text.</p>
<p>It's particularly useful when the normal text style on a site is another font such as Verdana, etc.</p>
<br />
<form contenteditable="false"><textarea cols="40" rows="5" style="width: 342px; height: 30px;">&lt;tt&gt;your text goes here&lt;/tt&gt;</textarea></form>
<br />
<p><font face="Verdana, Arial, Helvetica, sans-serif" size="2">Our normal text is very close to the typewriter text, but suppose your normal text looked like this particular paragraph and you wanted to catch the eye of your reader. Inserting the typewriter text html to point them to a hyperlink like</font> [<tt><a href="http://www.pearweed.com/" target="_blank">pearweed</a></tt>] <font face="Verdana, Arial, Helvetica, sans-serif" size="2">would make your text stand apart.</font></p>


<br />
<br />

<p class="tags">goto &amp; tag <a rel="tag" href="http://technorati.com/tag/advertising">advertising</a>, <a rel="tag" href="http://technorati.com/tag/Apple">apple</a>, <a rel="tag" href="http://technorati.com/tag/computers">computers</a>, <a rel="tag" href="http://technorati.com/tag/copyright">copyright</a>, <a rel="tag" href="http://technorati.com/tag/copywrong">copywrong</a>, <a rel="tag" href="http://technorati.com/tag/css">css</a>, <a rel="tag" href="http://technorati.com/tag/design">design</a>, <a rel="tag" href="http://technorati.com/tag/design+notes">design notes</a>, <a rel="tag" href="http://technorati.com/tag/design+tips">design tips</a>, <a rel="tag" href="http://technorati.com/tag/dell">dell</a>, <a rel="tag" href="http://technorati.com/tag/economy">economy</a>, <a rel="tag" href="http://technorati.com/tag/fun+stuff">fun stuff</a>, <a rel="tag" href="http://technorati.com/tag/games">games</a>, <a rel="tag" href="http://technorati.com/tag/good+sense">good sense</a>, <a rel="tag" href="http://technorati.com/tag/goto+%26amp%3B+play">goto &amp; play</a>, <a rel="tag" href="http://technorati.com/tag/graphic+design">graphic design</a>, <a rel="tag" href="http://technorati.com/tag/html">html</a>, <a rel="tag" href="http://technorati.com/tag/infotainment">infotainment</a>, <a rel="tag" href="http://technorati.com/tag/javascript">javascript</a>, <a rel="tag" href="http://technorati.com/tag/Microsoft">microsoft</a>, <a rel="tag" href="http://technorati.com/tag/mac">mac</a>, <a rel="tag" href="http://technorati.com/tag/must+i+rant">must i rant</a>, <a rel="tag" href="http://technorati.com/tag/nifty+stuff">nifty stuff</a>, <a rel="tag" href="http://technorati.com/tag/observations">observations</a>, <a rel="tag" href="http://technorati.com/tag/PC">pc</a>, <a rel="tag" href="http://technorati.com/tag/pearweed">pearweed</a>, <a rel="tag" href="http://technorati.com/tag/pearweed+simple+notes">pearweed simple notes</a>, <a rel="tag" href="http://technorati.com/tag/pearweed+web+design">pearweed web design</a>, <a rel="tag" href="http://technorati.com/tag/simple+scripts">simple scripts</a>, <a rel="tag" href="http://technorati.com/tag/simple+notes">simple notes</a>, <a rel="tag" href="http://technorati.com/tag/simple+squares">simple squares</a>, <a rel="tag" href="http://technorati.com/tag/tech">tech</a>, <a rel="tag" href="http://technorati.com/tag/technology">technology</a>, <a rel="tag" href="http://technorati.com/tag/web+design">web design</a>, <a rel="tag" href="http://technorati.com/tag/web+design+tips">web design tips</a>, <a rel="tag" href="http://technorati.com/tag/Windows">windows</a></p>]]>
        
    </content>
</entry>

<entry>
    <title>bulleted list styles</title>
    <link rel="alternate" type="text/html" href="http://www.pearweed.com/notes/2009/09/bulleted-list-styles.html" />
    <id>tag:www.pearweed.com,2009:/notes//1.21</id>

    <published>2009-09-25T13:25:47Z</published>
    <updated>2010-01-13T22:13:32Z</updated>

    <summary>There are three basic styles for non-graphic bullets for a list. Square Disc Circle They may be used in conjunction with one another on one page where there is a need to indent as in an outline, or they may...</summary>
    <author>
        <name>pearweed</name>
        
    </author>
    
        <category term="html" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="html" label="html" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="en" xml:base="http://www.pearweed.com/notes/">
        <![CDATA[<p>There are three basic styles for non-graphic bullets for a list.</p>

<ul>
	<li>Square</li>
	<li>Disc</li>
	<li>Circle</li>
</ul>
<br />
<p>They may be used in conjunction with one another on one page where there is a need to indent as in an outline, or they may be used individually for one list.</p>


<br />

<p>The square bullet:</p>
<br />
<form><textarea cols="40" rows="5" style="width: 342px; height: 93px;">&lt;ul type="square"&gt;&lt;li&gt;your text goes here&lt;/li&gt;&lt;/ul&gt;</textarea></form>
<br />
<p>The disc bullet:</p>
<br />
<form><textarea cols="40" rows="5" style="width: 342px; height: 93px;">&lt;ul type="disc"&gt;&lt;li&gt;your text goes here&lt;/li&gt;&lt;/ul&gt;</textarea></form>
<br />
<p>The circle bullet:</p>
<br />
<form><textarea cols="40" rows="5" style="width: 342px; height: 93px;">&lt;ul type="circle"&gt;&lt;li&gt;your text goes here&lt;/li&gt;&lt;/ul&gt;</textarea></form>
<br />

<p>There's one thing to keep in mind when attempting to change the appearance of your bullet. If your CSS has the bullet style built in it would be necessary to have an alternate code to use these three bullet styles.</p>


<br />
<br />
<p>Design in art, is a recognition of the relation between various things, various elements in the creative flux. You can't invent a design. You recognize it, in the fourth dimension. That is, with your blood and your bones, as well as with your eyes.<br />
- D.H. Lawrence</p>
<br />
<br />
<p class="tags">goto &amp; tag <a rel="tag" href="http://technorati.com/tag/advertising">advertising</a>, <a rel="tag" href="http://technorati.com/tag/Apple">apple</a>, <a rel="tag" href="http://technorati.com/tag/computers">computers</a>, <a rel="tag" href="http://technorati.com/tag/copyright">copyright</a>, <a rel="tag" href="http://technorati.com/tag/copywrong">copywrong</a>, <a rel="tag" href="http://technorati.com/tag/css">css</a>, <a rel="tag" href="http://technorati.com/tag/design">design</a>, <a rel="tag" href="http://technorati.com/tag/design+notes">design notes</a>, <a rel="tag" href="http://technorati.com/tag/design+tips">design tips</a>, <a rel="tag" href="http://technorati.com/tag/dell">dell</a>, <a rel="tag" href="http://technorati.com/tag/economy">economy</a>, <a rel="tag" href="http://technorati.com/tag/fun+stuff">fun stuff</a>, <a rel="tag" href="http://technorati.com/tag/games">games</a>, <a rel="tag" href="http://technorati.com/tag/good+sense">good sense</a>, <a rel="tag" href="http://technorati.com/tag/goto+%26amp%3B+play">goto &amp; play</a>, <a rel="tag" href="http://technorati.com/tag/graphic+design">graphic design</a>, <a rel="tag" href="http://technorati.com/tag/html">html</a>, <a rel="tag" href="http://technorati.com/tag/infotainment">infotainment</a>, <a rel="tag" href="http://technorati.com/tag/javascript">javascript</a>, <a rel="tag" href="http://technorati.com/tag/Microsoft">microsoft</a>, <a rel="tag" href="http://technorati.com/tag/mac">mac</a>, <a rel="tag" href="http://technorati.com/tag/must+i+rant">must i rant</a>, <a rel="tag" href="http://technorati.com/tag/nifty+stuff">nifty stuff</a>, <a rel="tag" href="http://technorati.com/tag/observations">observations</a>, <a rel="tag" href="http://technorati.com/tag/PC">pc</a>, <a rel="tag" href="http://technorati.com/tag/pearweed">pearweed</a>, <a rel="tag" href="http://technorati.com/tag/pearweed+simple+notes">pearweed simple notes</a>, <a rel="tag" href="http://technorati.com/tag/pearweed+web+design">pearweed web design</a>, <a rel="tag" href="http://technorati.com/tag/simple+scripts">simple scripts</a>, <a rel="tag" href="http://technorati.com/tag/simple+notes">simple notes</a>, <a rel="tag" href="http://technorati.com/tag/simple+squares">simple squares</a>, <a rel="tag" href="http://technorati.com/tag/tech">tech</a>, <a rel="tag" href="http://technorati.com/tag/technology">technology</a>, <a rel="tag" href="http://technorati.com/tag/web+design">web design</a>, <a rel="tag" href="http://technorati.com/tag/web+design+tips">web design tips</a>, <a rel="tag" href="http://technorati.com/tag/Windows">windows</a></p>]]>
        
    </content>
</entry>

<entry>
    <title>navigation structures</title>
    <link rel="alternate" type="text/html" href="http://www.pearweed.com/notes/2009/09/navigation-structures.html" />
    <id>tag:www.pearweed.com,2009:/notes//1.20</id>

    <published>2009-09-23T15:29:51Z</published>
    <updated>2010-01-13T22:13:32Z</updated>

    <summary> Unless you&apos;re trying to achieve a design for exploration only, the navigation structure should always be kept simple. Here&apos;s an example of a fun site, but it has no practical purpose. a fun flash site Pretty cool, huh? I...</summary>
    <author>
        <name>pearweed</name>
        
    </author>
    
        <category term="simple notes" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="web design" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="simplenotes" label="simple notes" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="webdesign" label="web design" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="en" xml:base="http://www.pearweed.com/notes/">
        <![CDATA[ <p>Unless you're trying to achieve a design for exploration only, the navigation structure should always be kept simple.</p>

<p>Here's an example of a fun site, but it has no practical purpose.</p>

<p></p><ul><li><a href="http://www.leoburnett.ca/FLASH/index.htm" target="_blank"><tt>a fun flash site</tt></a></li></ul><p>

</p><p>Pretty cool, huh? I personally enjoy visiting sites like this and admire the creativity, but...</p>
<br />
<p>Any intelligent fool can make things bigger, more complex, and more violent. It takes a touch of genius and a lot of courage to move in the opposite direction.<br />
- E.F. Schumacker</p>
<br />
<br />
<p class="tags">goto &amp; tag <a rel="tag" href="http://technorati.com/tag/advertising">advertising</a>, <a rel="tag" href="http://technorati.com/tag/Apple">apple</a>, <a rel="tag" href="http://technorati.com/tag/computers">computers</a>, <a rel="tag" href="http://technorati.com/tag/copyright">copyright</a>, <a rel="tag" href="http://technorati.com/tag/copywrong">copywrong</a>, <a rel="tag" href="http://technorati.com/tag/css">css</a>, <a rel="tag" href="http://technorati.com/tag/design">design</a>, <a rel="tag" href="http://technorati.com/tag/design+notes">design notes</a>, <a rel="tag" href="http://technorati.com/tag/design+tips">design tips</a>, <a rel="tag" href="http://technorati.com/tag/dell">dell</a>, <a rel="tag" href="http://technorati.com/tag/economy">economy</a>, <a rel="tag" href="http://technorati.com/tag/fun+stuff">fun stuff</a>, <a rel="tag" href="http://technorati.com/tag/games">games</a>, <a rel="tag" href="http://technorati.com/tag/good+sense">good sense</a>, <a rel="tag" href="http://technorati.com/tag/goto+%26amp%3B+play">goto &amp; play</a>, <a rel="tag" href="http://technorati.com/tag/graphic+design">graphic design</a>, <a rel="tag" href="http://technorati.com/tag/html">html</a>, <a rel="tag" href="http://technorati.com/tag/infotainment">infotainment</a>, <a rel="tag" href="http://technorati.com/tag/javascript">javascript</a>, <a rel="tag" href="http://technorati.com/tag/Microsoft">microsoft</a>, <a rel="tag" href="http://technorati.com/tag/mac">mac</a>, <a rel="tag" href="http://technorati.com/tag/must+i+rant">must i rant</a>, <a rel="tag" href="http://technorati.com/tag/nifty+stuff">nifty stuff</a>, <a rel="tag" href="http://technorati.com/tag/observations">observations</a>, <a rel="tag" href="http://technorati.com/tag/PC">pc</a>, <a rel="tag" href="http://technorati.com/tag/pearweed">pearweed</a>, <a rel="tag" href="http://technorati.com/tag/pearweed+simple+notes">pearweed simple notes</a>, <a rel="tag" href="http://technorati.com/tag/pearweed+web+design">pearweed web design</a>, <a rel="tag" href="http://technorati.com/tag/simple+scripts">simple scripts</a>, <a rel="tag" href="http://technorati.com/tag/simple+notes">simple notes</a>, <a rel="tag" href="http://technorati.com/tag/simple+squares">simple squares</a>, <a rel="tag" href="http://technorati.com/tag/tech">tech</a>, <a rel="tag" href="http://technorati.com/tag/technology">technology</a>, <a rel="tag" href="http://technorati.com/tag/web+design">web design</a>, <a rel="tag" href="http://technorati.com/tag/web+design+tips">web design tips</a>, <a rel="tag" href="http://technorati.com/tag/Windows">windows</a></p>]]>
        
    </content>
</entry>

<entry>
    <title>applying the CSS with code/html</title>
    <link rel="alternate" type="text/html" href="http://www.pearweed.com/notes/2009/09/applying-the-css-with-codehtml.html" />
    <id>tag:www.pearweed.com,2009:/notes//1.19</id>

    <published>2009-09-18T14:53:45Z</published>
    <updated>2010-03-02T16:32:13Z</updated>

    <summary> When it comes to sites such as this blog who offer design tips, there&apos;s nothing I find more aggravating than an incomplete explanation of how to accomplish a design technique. I&apos;ve observed there are designers who offer a portion...</summary>
    <author>
        <name>pearweed</name>
        
    </author>
    
        <category term="CSS" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="html" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="css" label="CSS" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="html" label="html" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="en" xml:base="http://www.pearweed.com/notes/">
        <![CDATA[ <p>When it comes to sites such as this blog who offer design tips, there's nothing I find more aggravating than an incomplete explanation of how to accomplish a design technique.</p>

<p>I've observed there are designers who offer a portion of the whole without telling you it's only a portion and then there's a note like..."If you have any problems you can email me at suchandsuch@ihelpedyou.com"</p>

<p>That's a good way to make contact with a potential client.</p> 

<p>I figure it this way. If you already know how to do anything posted on this blog then you don't need the information and if you've found this blog and do need the information, you've probably already made the conscience decision to design your own site and the last thing you need are incomplete instructions. It's infuriating to work on something for days and then find out that person only gave you a portion of the script.</p>

<p>The last two posts have given you the code for the CSS, but how do you apply the code to the page?</p>

<p>If you have the page open and can see the design and code section, click on the table in the design section and the code/html section of the page will be quickly located.</p>

<p>If you're working straight through the code/html side of the page, locate the table you want to work with.</p>
<br />
<p><i>(<b>NOTE:</b> I've left a space between all &lt; and the info for posting purposes, but a space should not be in your actual code/html)</i></p>
<br />
<p>You should see &lt; table and other info. After that you should see script beginning with &lt; tr and after that is a section beginning with &lt; td.</p>

<p>Following the &lt; td will be info like width="200" etc.</p>

<p>In the &lt; td line of script is where you place the code/html to apply the table cellpadding. Some programs will prompt you as you begin typing in the code/html section, but either way enter the following text in the &lt; tr line.</p>
<br />
<br />
 


<pre name="code" class="html:nocontrols:firstline[10]">class="table_cellpadding"
</pre><br />


<p>You'll want a space before and after the html if you place it in the middle of the line.</p>


<br />
<br />
<p class="tags">goto &amp; tag <a rel="tag" href="http://technorati.com/tag/advertising">advertising</a>, <a rel="tag" href="http://technorati.com/tag/Apple">apple</a>, <a rel="tag" href="http://technorati.com/tag/computers">computers</a>, <a rel="tag" href="http://technorati.com/tag/copyright">copyright</a>, <a rel="tag" href="http://technorati.com/tag/copywrong">copywrong</a>, <a rel="tag" href="http://technorati.com/tag/css">css</a>, <a rel="tag" href="http://technorati.com/tag/design">design</a>, <a rel="tag" href="http://technorati.com/tag/design+notes">design notes</a>, <a rel="tag" href="http://technorati.com/tag/design+tips">design tips</a>, <a rel="tag" href="http://technorati.com/tag/dell">dell</a>, <a rel="tag" href="http://technorati.com/tag/economy">economy</a>, <a rel="tag" href="http://technorati.com/tag/fun+stuff">fun stuff</a>, <a rel="tag" href="http://technorati.com/tag/games">games</a>, <a rel="tag" href="http://technorati.com/tag/good+sense">good sense</a>, <a rel="tag" href="http://technorati.com/tag/goto+%26amp%3B+play">goto &amp; play</a>, <a rel="tag" href="http://technorati.com/tag/graphic+design">graphic design</a>, <a rel="tag" href="http://technorati.com/tag/html">html</a>, <a rel="tag" href="http://technorati.com/tag/infotainment">infotainment</a>, <a rel="tag" href="http://technorati.com/tag/javascript">javascript</a>, <a rel="tag" href="http://technorati.com/tag/Microsoft">microsoft</a>, <a rel="tag" href="http://technorati.com/tag/mac">mac</a>, <a rel="tag" href="http://technorati.com/tag/must+i+rant">must i rant</a>, <a rel="tag" href="http://technorati.com/tag/nifty+stuff">nifty stuff</a>, <a rel="tag" href="http://technorati.com/tag/observations">observations</a>, <a rel="tag" href="http://technorati.com/tag/PC">pc</a>, <a rel="tag" href="http://technorati.com/tag/pearweed">pearweed</a>, <a rel="tag" href="http://technorati.com/tag/pearweed+simple+notes">pearweed simple notes</a>, <a rel="tag" href="http://technorati.com/tag/pearweed+web+design">pearweed web design</a>, <a rel="tag" href="http://technorati.com/tag/simple+scripts">simple scripts</a>, <a rel="tag" href="http://technorati.com/tag/simple+notes">simple notes</a>, <a rel="tag" href="http://technorati.com/tag/simple+squares">simple squares</a>, <a rel="tag" href="http://technorati.com/tag/tech">tech</a>, <a rel="tag" href="http://technorati.com/tag/technology">technology</a>, <a rel="tag" href="http://technorati.com/tag/web+design">web design</a>, <a rel="tag" href="http://technorati.com/tag/web+design+tips">web design tips</a>, <a rel="tag" href="http://technorati.com/tag/Windows">windows</a></p>]]>
        
    </content>
</entry>

<entry>
    <title>multiple table cellpadding with CSS</title>
    <link rel="alternate" type="text/html" href="http://www.pearweed.com/notes/2009/09/multiple-table-cellpadding-with-css.html" />
    <id>tag:www.pearweed.com,2009:/notes//1.18</id>

    <published>2009-09-16T13:32:42Z</published>
    <updated>2010-01-14T20:51:22Z</updated>

    <summary>Let&apos;s say you have nested tables on one page, or more simply explained you have one large table with several small tables inside the large one. You have text and/or a pic in one of the tables and you&apos;ve used...</summary>
    <author>
        <name>pearweed</name>
        
    </author>
    
        <category term="CSS" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="css" label="CSS" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="en" xml:base="http://www.pearweed.com/notes/">
        <![CDATA[<p>Let's say you have nested tables on one page, or more simply explained you have one large table with several small tables inside the large one.</p>

<p>You have text and/or a pic in one of the tables and you've used the info from our previous post to accomplish your requirements. Now, you have a need for the text and/or pic in another table to float differently. What can you do?</p>

<p>It's really quite simple. In your CSS write another script like the following:</p>
<p></p>
<p></p>
<pre class="brush: css;">
.table_cellpadding_two {
padding-top: 10px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 30px;
}
</pre>
<p></p>
<p>Notice it's named _two to differentiate it from the other script. You could name it most anything you want, but this is just for an example.</p>
<p>You'll also notice we've chosen different padding from the first script and again you can tweak it to suit your requirements.</p>

<p><br /><br />
<br /><br />
<p class="tags">goto &amp; tag <a rel="tag" href="http://technorati.com/tag/advertising">advertising</a>, <a rel="tag" href="http://technorati.com/tag/Apple">apple</a>, <a rel="tag" href="http://technorati.com/tag/computers">computers</a>, <a rel="tag" href="http://technorati.com/tag/copyright">copyright</a>, <a rel="tag" href="http://technorati.com/tag/copywrong">copywrong</a>, <a rel="tag" href="http://technorati.com/tag/css">css</a>, <a rel="tag" href="http://technorati.com/tag/design">design</a>, <a rel="tag" href="http://technorati.com/tag/design+notes">design notes</a>, <a rel="tag" href="http://technorati.com/tag/design+tips">design tips</a>, <a rel="tag" href="http://technorati.com/tag/dell">dell</a>, <a rel="tag" href="http://technorati.com/tag/economy">economy</a>, <a rel="tag" href="http://technorati.com/tag/fun+stuff">fun stuff</a>, <a rel="tag" href="http://technorati.com/tag/games">games</a>, <a rel="tag" href="http://technorati.com/tag/good+sense">good sense</a>, <a rel="tag" href="http://technorati.com/tag/goto+%26amp%3B+play">goto &amp; play</a>, <a rel="tag" href="http://technorati.com/tag/graphic+design">graphic design</a>, <a rel="tag" href="http://technorati.com/tag/html">html</a>, <a rel="tag" href="http://technorati.com/tag/infotainment">infotainment</a>, <a rel="tag" href="http://technorati.com/tag/javascript">javascript</a>, <a rel="tag" href="http://technorati.com/tag/Microsoft">microsoft</a>, <a rel="tag" href="http://technorati.com/tag/mac">mac</a>, <a rel="tag" href="http://technorati.com/tag/must+i+rant">must i rant</a>, <a rel="tag" href="http://technorati.com/tag/nifty+stuff">nifty stuff</a>, <a rel="tag" href="http://technorati.com/tag/observations">observations</a>, <a rel="tag" href="http://technorati.com/tag/PC">pc</a>, <a rel="tag" href="http://technorati.com/tag/pearweed">pearweed</a>, <a rel="tag" href="http://technorati.com/tag/pearweed+simple+notes">pearweed simple notes</a>, <a rel="tag" href="http://technorati.com/tag/pearweed+web+design">pearweed web design</a>, <a rel="tag" href="http://technorati.com/tag/simple+scripts">simple scripts</a>, <a rel="tag" href="http://technorati.com/tag/simple+notes">simple notes</a>, <a rel="tag" href="http://technorati.com/tag/simple+squares">simple squares</a>, <a rel="tag" href="http://technorati.com/tag/tech">tech</a>, <a rel="tag" href="http://technorati.com/tag/technology">technology</a>, <a rel="tag" href="http://technorati.com/tag/web+design">web design</a>, <a rel="tag" href="http://technorati.com/tag/web+design+tips">web design tips</a>, <a rel="tag" href="http://technorati.com/tag/Windows">windows</a></p></p></p>]]>
        
    </content>
</entry>

</feed>
