<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Buy Cheap Soma Online - Discount Online Pharmacy</title>
	<atom:link href="http://accessify.com/news/category/techniques/feed/" rel="self" type="application/rss+xml" />
	<link>http://accessify.com/news</link>
	<description>Accessibility news: WCAG, WAI, PAS 78 ... and all manner of other weird acronyms and stuff</description>
	<lastBuildDate>Tue, 12 Apr 2011 15:07:58 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Buy Cheap Soma Online - Discount Online Pharmacy</title>
		<link>http://accessify.com/news/2009/01/accessifying-accessifycom-for-iphone/</link>
		<comments>http://accessify.com/news/2009/01/accessifying-accessifycom-for-iphone/#comments</comments>
		<pubDate>Wed, 28 Jan 2009 11:55:17 +0000</pubDate>
		<dc:creator>Ian</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Site Admin]]></category>
		<category><![CDATA[Techniques]]></category>

		<guid isPermaLink="false">http://accessify.com/news/?p=627</guid>
		<description><![CDATA[Cialis over the counter, One of the things I wanted to do with the rebuild and restyle with Accessify was to make it a little more slimline in terms of HTTP requests (in other words, fewer requests for style sheets that are not needed - one CSS file to do the lot) yet still support [...]]]></description>
			<content:encoded><![CDATA[<p> <p> <b>Cialis over the counter</b>, One of the things I wanted to do with the rebuild and restyle with Accessify was to make it a little more slimline in terms of HTTP requests (in other words, fewer requests for style sheets that are not needed - one CSS file to do the lot) yet still support other devices. I have to confess that while there is just one CSS file (which has a <a href="http://stevesouders.com/hpws/rule-expires.php">far future expires cache</a> setting on it so as not to cause needless reloads), <b>cialis for sale</b>, <b>Billig kaufen cialis</b>, which does include screen and print styles, I've only really taken care of the mobile display on the iPhone, <b>Utah UT </b>, <b>Order cialis online without prescription</b>, mainly because that's what I use and have found easy to test on!</p><br />
<p>I saw this <a href="http://www.bushidodesigns.net/blog/mobile-device-detection-css-without-user-agent/">article regarding style sheets for mobiles</a> today (<a href="http://twitter.com/brucel/status/1154897301">thanks to Brucey and Twitter</a>) and it prompted me to share some of the tweaks that I did for iPhone friendliness. The key thing was not to massively redesign the site's look and feel for a specific device, <b>billiga cialis apotek</b>, <b>Cheap cialis online</b>, but rather give certain elements a notch up or down in size to make them usable for those small pointing devices that you and I know as fingers. So, <b>φτηνές φαρμακείο cialis</b>, <b>Cialis farmacia a buon mercato</b>, for those interested in doing something similar, here are a few notes and doodles</p><br />
<h2>A bit about the CSS</h2><br />
<p>I've not implemented the suggestions in the article linked to above (I only discovered the link), <b>cheap cialis pills</b>, <b>Ordering cialis overnight delivery</b>, but will almost certainly revise my approach accordingly. I did, <b>kopen goedkope cialis</b>, <b>South Carolina SC S.C. </b>, however, use the media type using the max-width property to pass iPhone-specific style overrides to that device:</p><br />
<pre><code>@media screen and (max-device-width: 480px)<br />
{<br />
	#primarynavigation {font-size:3em;}<br />
	#blog_search {display:none;}<br />
	etc etc<br />
}</code></pre><br />
<h2>The effect on the design</h2><br />
<p>The thumbnails below link through to larger, <b>buy cialis without prescription</b>, <b>For cialis online</b>, annotated images (PNG) format, showing how subtle changes to font size can make the site much more readable/usable on a small screen device but without ditching the entire style sheet, <b>buy cialis</b>. Depending on the style of your site some of this may be easily do-able, some of it may not, <b>cialis over the counter</b>.  <b>Købe cialis</b>, Your mileage, as they say, <b>order cialis online cheap</b>, <b>Pharmacy cialis</b>, may vary.</p><br />
<h2>Simplified search area and larger body copy</h2><br />
<p>The search area on Accessify was simplified for iPhone and pared back to its bare minimum. Likewise the tiny syndication links (to Twitter et al) were removed also, <b>Alaska AK </b>.  <b>Pharmacie cialis bon marché</b>, Some might argue that this is wrong as I'm hiding functionality, but it's not critical functionality (in my opinion), <b>buy cialis</b>.  <b>Comprar cialis de descuento</b>, Also, the body font size is boosted for easier readability:</p><br />
<p><a href="/_images/news/iphone-css-tweaks/full/iphone-screenshots-equiv1-notes.png"><img src="/_images/news/iphone-css-tweaks/thumbnails/iphone-screenshots-equiv1-notes.jpg" alt="Firefox view of search area" width="200" height="139"> </a><a href="/_images/news/iphone-css-tweaks/full/iphone-screenshots1-notes.png"><img src="/_images/news/iphone-css-tweaks/thumbnails/iphone-screenshots1-notes.jpg" alt="iPhone view of search area" width="109" height="200"></a></p><br />
<h3>Footer categories - font size boost</h3><br />
<p>At the end of the news page is the list of Wordpress-generated categories and archives, <b>Vermont VT Vt. </b>.  <b>Cialis over the counter</b>, These were almost unusable on the iPhone without first zooming in and then making use of the world's tiniest finger, so it was time for another font size increase:</p><br />
<p><a href="/_images/news/iphone-css-tweaks/full/iphone-screenshots-equiv2-notes.png"><img src="/_images/news/iphone-css-tweaks/thumbnails/iphone-screenshots-equiv2-notes.jpg" alt="Firefox view of footer categories" width="200" height="139"> </a><a href="/_images/news/iphone-css-tweaks/full/iphone-screenshots2-notes.png"><img src="/_images/news/iphone-css-tweaks/thumbnails/iphone-screenshots2-notes.jpg" alt="iPhone view of footer categories" width="109" height="200"></a></p><br />
<h3>Not just accessify ...</h3><br />
<p>I've also been trying my best to apply the same treatment to other sites that I have ticking over, for example the <a href="http://beginningwebdesign.com/">book support site</a> (which has been around for a couple of years now).  <b>αγοράσετε cialis</b>, I recently updated that a little and found that while it generally rendered OK, it could also benefit from some font size boosts, <b>ordering cialis from canada</b>. In particular, the tab navigation elements which work fine on a normal desktop browser were somewhat lacking. For the iPhone I opted to change these tabs to buttons that sit like a small stack of (rounded-off) bricks. Once again, a subtle change but just enough to make it more iPhone-friendly:</p><br />
<p><a href="/_images/news/iphone-css-tweaks/full/iphone-screenshots-equiv3-notes.png"><img src="/_images/news/iphone-css-tweaks/thumbnails/iphone-screenshots-equiv3-notes.jpg" alt="Firefox view of beginningwebdesign.com tabs" width="200" height="139"> </a><a href="/_images/news/iphone-css-tweaks/full/iphone-screenshots3-notes.png"><img src="/_images/news/iphone-css-tweaks/thumbnails/iphone-screenshots3-notes.jpg" alt="iPhone view of beginningwebdesign.com tabs (rejigged as buttons)" width="109" height="200"></a></p><br />
<p>So, like I said earlier, nothing too earth shattering here - just an exercise in giving your style sheets just the slightest of tickles to make the site markedly easier to read on a small screen device but without resorting to a completely different style sheet or no style whatsoever.</p><br />
<p>Now, I need to go back and read that article and see what I cab do for other handheld devices. If anyone can point me in the direction of some emulators that I can run on my Mac, I'd really appreciate it!</p>.</p>
<p></p>
<p><b>Similar posts:</b> <a href='http://accessify.com/news/?p=505'>Ostaa halvalla soma</a>. <a href='http://accessify.com/news/?p=400'>Köpa soma</a>. <a href='http://accessify.com/news/?p=504'>φτηνές φαρμακείο soma</a>. <a href='http://accessify.com/news/?p=565'>Aricept over the counter</a>. <a href='http://accessify.com/news/?p=524'>Soma prescription</a>. <a href='http://accessify.com/news/?p=509'>Soma farmacia a buon mercato</a>.<br />
<b>Trackbacks from:</b> <a href='http://www.omlogic.com/blog/?p=224'>Cialis over the counter</a>. <a href='http://www.timwu.org/log/?p=354'>Cialis over the counter</a>. <a href='http://www.beginningwebdesign.com/blog/?p=196'>Cialis over the counter</a>. <a href='http://greenpeace.in/turtle/?p=1201'>Cialis over the counter</a>. <a href='http://www.fashionhunter.net/?p=191'>Cialis over the counter</a>. <a href='http://books.mcgraw-hill.com/medical/accesssurgery/blog/?p=338'>Cialis over the counter</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://accessify.com/news/2009/01/accessifying-accessifycom-for-iphone/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Buy Cheap Soma Online - Discount Online Pharmacy</title>
		<link>http://accessify.com/news/2007/09/click-here-no-thanks-i-have-a-better-idea/</link>
		<comments>http://accessify.com/news/2007/09/click-here-no-thanks-i-have-a-better-idea/#comments</comments>
		<pubDate>Wed, 19 Sep 2007 12:22:09 +0000</pubDate>
		<dc:creator>Ian</dc:creator>
				<category><![CDATA[Accessibility]]></category>
		<category><![CDATA[Techniques]]></category>

		<guid isPermaLink="false">http://accessify.com/news/2007/09/click-here-no-thanks-i-have-a-better-idea/</guid>
		<description><![CDATA[So I was reading this post on copyblogger entitled Does Telling Someone to Click Here Actually Matter? and I could feel the old blood a-boiling as the article dismissed all the work that many people in the accessibility circuit have put in so far in trying to get people not Buy cheap soma online, to [...]]]></description>
			<content:encoded><![CDATA[<p> <p>So I was reading this post on copyblogger entitled <cite><a href="http://www.copyblogger.com/click-here/">Does Telling Someone to Click Here Actually Matter?</a></cite> and I could feel the old blood a-boiling as the article dismissed all the work that many people in the accessibility circuit have put in so far in trying to get people <em>not</em> <b>Buy cheap soma online</b>, to use the damn phrase. Now, <b>ordering soma without prescription</b>, <b>Cheap soma without prescription</b>, I could have vented off in the comments section, but then I decided to do something more constructive.</p><br />
<p>If you <strong>absolutely must</strong> use the phrase 'click here' because all your evidence or beliefs or hunches suggest it has the greatest effectiveness for click-through, <b>purchase soma</b>, <b>Soma online stores</b>, please don't do it at the expense of accessibility (that is for screen reader users as well as the obvious search SEO/advantages). You can use CSS to achieve your aims <em>and</em> keep the link phrase as something useful for screen reader users and search, <b>soma discount</b>.  <b>Billig soma apotek</b>, </p><br />
<p>The solution is basically this:</p><br />
<p><code>&lt;p&gt;&lt;a href=&quot;#&quot; class=&quot;clickhere&quot;&gt;&lt;span&gt;Click here&lt;/span&gt; to learn about widgets &lt;/a&gt;&lt;/p&gt;</code></p><br />
<p>... using this CSS (or variant thereof):</p><br />
<p><code>body {color:#000;}<br /><br />
	a{color:#006;font-weight:bold;}<br /><br />
	a:hover, <b>soma pills</b>, <b>Massachusetts MA Mass. </b>, a:focus{color:#090;}<br /><br />
	a.clickhere, a.clickhere:hover, <b>soma no prescription</b>, <b>Buy soma pills</b>, a.clickhere:focus {text-decoration:none;color:#000;font-weight:normal;/* to match body color and weight */}<br /><br />
	a.clickhere span {text-decoration:underline;font-weight:bold;color:#006;}<br /><br />
	a.clickhere:hover span, a.clickhere:focus span {color:#090;;text-decoration:underline;font-weight:bold}<br /><br />
code {color:#00FF33;background:#000;padding:2px;} </code></p><br />
<p>It will produce a visibly underlined click here but the rest of the text (&quot;to learn about widgets&quot;) will match the body text, <b>Rhode Island RI R.I. </b>.  <b>Køb discount soma</b>, This will not help fully sighted users who are just scanning through the document picking out links visually, though - they will still see only 'click here', <b>North Dakota ND </b>, <b>Farmacia soma baratos</b>, 'click here'. So it's a compromise, <b>Connecticut CT Conn. </b>, <b>Køb billige soma</b>, but sometimes that's what you have to do in battle. </p><br />
<p>You <a href="http://accessify.com/news/wp-content/uploads/2007/09/clickhere test.html">can view a page with a working example</a> (that does not clash with this site's own style sheets) here, <b>Minnesota MN Minn. </b>.  <b>παραγγείλετε online soma</b>, Or perhaps I should write <a href="http://accessify.com/news/wp-content/uploads/2007/09/clickhere test.html">click here to view a working example</a>.</p><br />
.  Generic soma.  Arizona AZ Ariz. .  Buy soma without prescription.  Soma online kopen.  Ordering soma pills.  For soma online.  New Mexico NM N.Mex. .</p>
<p></p>
<p><b>Similar posts:</b> <a href='http://accessify.com/news/?p=393'>Koop korting soma</a>. <a href='http://accessify.com/news/?p=406'>Soma pills</a>. <a href='http://accessify.com/news/?p=510'>Acheter soma discount</a>. <a href='http://accessify.com/news/?p=651'>Buy cheap cialis online</a>. <a href='http://accessify.com/news/?p=441'>παραγγείλετε online soma</a>. <a href='http://accessify.com/news/?p=388'>Comprare soma</a>.<br />
<b>Trackbacks from:</b> <a href='http://rhysmarsh.com/?p=248'>Buy cheap soma online</a>. <a href='http://stlouisteaparty.com/?p=16021'>Buy cheap soma online</a>. <a href='http://www.roundrockjournal.com/?p=8750'>Buy cheap soma online</a>. <a href='http://info.bycycle.org/?p=5'>Buy cheap soma online</a>. <a href='http://www.omlogic.com/blog/?p=21'>Buy cheap soma online</a>. <a href='http://www.timwu.org/log/?p=311'>Buy cheap soma online</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://accessify.com/news/2007/09/click-here-no-thanks-i-have-a-better-idea/feed/</wfw:commentRss>
		<slash:comments>20</slash:comments>
		</item>
	</channel>
</rss>

