<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0">
<channel><generator>http://textpattern.com/?v=4.0.8</generator>
<title>OK Sushi</title>
<link>http://oksushi.com/</link>

<description>New site, same site</description>
<pubDate>Mon, 22 Jun 2009 09:30:16 GMT</pubDate>

<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" href="http://feeds.feedburner.com/OkSushi" type="application/rss+xml" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com" /><item><title>Broccoli &amp; Bacon Quiche</title>
<description>
<![CDATA[<p>Making a quiche is a great way to use up extra vegetables you have in the fridge, and also ensure you have lunches prepared for the week!</p>

	<p>This is a simple one, that takes only a few minutes to prepare, but tastes great.</p>

	<h3>Ingredients</h3>

	<ul>
		<li>Big pot of thickened cream</li>
		<li>Half a dozen eggs</li>
		<li>Frozen puff pastry (you can make your own if you like, I&#8217;m lazy)</li>
		<li>One head of broccoli, cut into florets</li>
		<li>Some bacon rashers, diced</li>
		<li>One large shallot (or a couple of smaller ones), diced</li>
		<li>One tomato</li>
		<li>Cheese to taste</li>
		<li>Butter</li>
	</ul>

	<h3>Method</h3>

	<p>Put the broccoli in a steamer, and cook until it&#8217;s tender. The crunchiness is up to you.</p>

	<p>In the frypan, gently melt the butter, then add the shallot. Cook until it starts to go transparent, then add the bacon, and cook for a while.</p>

	<p>In a mixing bowl, crack the eggs and whisk gently. Once they start to combine, add some cream. You want the mixture to be as tough to mix as a light pancake batter. If it&#8217;s too tough, add a dollop of milk.</p>

	<p>Add the shallot and bacon from the pan to the mixing bowl and mix gently.</p>

	<p>Grease a quiche dish with butter, liberally. Cover the bottom and sides with the pastry.</p>

	<p>Place the broccoli florets over the bottom of the pastry, then pour over the egg mixture.</p>

	<p>Place slices of tomato over the top of the mixture, and then sprinkle with cheese if you like.</p>

	<p>Bake at 180&ordm;C for about 30 minutes. You want it to be wobbly, but not wet, when you remove it from the oven.</p>

	<p>Enjoy!</p>]]>
</description>
<link>http://oksushi.com/article/broccoli-bacon-quiche</link>
<pubDate>Mon, 22 Jun 2009 09:29:43 GMT</pubDate>
<dc:creator>Cal Wilson</dc:creator>
<guid isPermaLink="false">tag:oksushi.com,2009-06-22:5734d53606bb0df9c13505b4a882ac69/2755722a23f88937e392bf3d7a0fe452</guid>
</item>
<item>
<description>
<![CDATA[<div style="float: right; margin-left: 10px; margin-bottom: 10px;"> <a href="http://www.flickr.com/photos/birdbrid/3543658366/" title="photo sharing"><img src="http://farm4.static.flickr.com/3556/3543658366_39b611838b_m.jpg" alt="" style="border: solid 2px #000000;" /></a> <br />
 <span style="font-size: 0.9em; margin-top: 0px;">  <a href="http://www.flickr.com/photos/birdbrid/3543658366/"></a>  <br />
  Originally uploaded by <a href="http://www.flickr.com/people/birdbrid/">andy gilmore</a>. </span></div><br clear="all" />]]>
</description>
<link>http://oksushi.com/article/3-pattern</link>
<pubDate>Sat, 20 Jun 2009 04:01:58 GMT</pubDate>
<dc:creator>Cal Wilson</dc:creator>
<guid isPermaLink="false">tag:oksushi.com,2009-06-20:5734d53606bb0df9c13505b4a882ac69/9f7d91785a5b7800c35223fa04c98212</guid>
</item>
<item><title>Jelly coworking at Agency Rainford</title>
<description>
<![CDATA[<p><div style="float: right; margin-left: 10px; margin-bottom: 10px;"> <a href="http://www.flickr.com/photos/toolmantim/3597111908/" title="photo sharing"><img src="http://farm3.static.flickr.com/2471/3597111908_24a1ce3fb6_m.jpg" alt="" style="border: solid 2px #000000;" /></a> <br />
 <span style="font-size: 0.9em; margin-top: 0px;">  <a href="http://www.flickr.com/photos/toolmantim/3597111908/">First Jelly @ AR</a>  <br />
  Originally uploaded by <a href="http://www.flickr.com/people/toolmantim/">toolmantim</a>. </span></div>New Jelly coworking begins tomorrow at <a href="http://agencyrainford.com/hq">Agency Rainford</a>, and I&#8217;m excited. Should be great! And, there is the prospect of beer :)<br clear="all" /></p>]]>
</description>
<link>http://oksushi.com/article/jelly-coworking-at-agency-rainford</link>
<pubDate>Wed, 17 Jun 2009 21:17:08 GMT</pubDate>
<dc:creator>Cal Wilson</dc:creator>
<guid isPermaLink="false">tag:oksushi.com,2009-06-18:5734d53606bb0df9c13505b4a882ac69/082b8846c4a920c413538819fdf2bd4d</guid>
</item>
<item><title>the "No IE6 Club"</title>
<description>
<![CDATA[<div style="float: right; margin-left: 10px; margin-bottom: 10px;"> <a href="http://www.flickr.com/photos/robotjohnny/3629069606/" title="photo sharing"><img src="http://farm4.static.flickr.com/3609/3629069606_66992626e7_m.jpg" alt="" style="border: solid 2px #000000;" /></a> <br />
 <span style="font-size: 0.9em; margin-top: 0px;">  <a href="http://www.flickr.com/photos/robotjohnny/3629069606/">IE6 denial message for Momentile.com</a>  <br />
  Originally uploaded by <a href="http://www.flickr.com/people/robotjohnny/">John Martz</a>. </span></div>

	<p>I laughed at this &#8211; users with IE6 receive it at <a href="http://oksushi.com/Momentile.com">Momentile.com</a></p>]]>
</description>
<link>http://oksushi.com/article/the-no-ie6-club-</link>
<pubDate>Tue, 16 Jun 2009 01:57:19 GMT</pubDate>
<dc:creator>Cal Wilson</dc:creator>
<guid isPermaLink="false">tag:oksushi.com,2009-06-16:5734d53606bb0df9c13505b4a882ac69/90591ab13df0bd2fd4264a196edfcf1c</guid>
</item>
<item><title>Test Post</title>
<description>
<![CDATA[<p>Hi everyone, disregrd this. I&#8217;m posting from TextMate using <a href="http://hypertexthero.com/logbook/post-to-textpattern-from-textmate-with-xml-rpc">this useful article</a></p>

	<p>Content goes on here</p>]]>
</description>
<link>http://oksushi.com/article/test-post</link>
<pubDate>Sat, 13 Jun 2009 02:59:55 GMT</pubDate>
<dc:creator>Cal Wilson</dc:creator>
<guid isPermaLink="false">tag:oksushi.com,2009-06-13:5734d53606bb0df9c13505b4a882ac69/9dff7903aa789ce23643da1e5fc5eb7a</guid>
</item>
<item><title>Mini testcases for your css pleasure</title>
<description>
<![CDATA[<p>When you spend a bit of time hanging out on <span class="caps">IRC</span> helping people, you tend to create a whole bunch of little test cases, proving one thing or another.</p>

	<p>I&#8217;m no exception, and I&#8217;ve decided to make a more concerted effort to keep them up-to-date.</p>

	<p>You can <a href="http://oksushi.com/test">view my testcases here</a> – hopefully they are of use to somebody.</p>

	<p>Some popular ones are:</p>

	<ul>
		<li><a href="http://www.oksushi.com/test/centered-tabs/">Centred navigation menu</a></li>
		<li><a href="http://www.oksushi.com/test/2col/">Basic two column layout</a> (explains the <a href="http://www.alistapart.com/articles/fauxcolumns/">faux columns</a> technique)</li>
		<li><a href="http://www.oksushi.com/test/dl-fixed.html">Styling Definition Lists</a></li>
		<li><a href="http://www.oksushi.com/test/full-height-div/">Making a div the full height of the viewport</a></li>
		<li><a href="http://www.oksushi.com/test/contain/">Containing floats with overflow: hidden</a></li>
		<li><a href="http://www.oksushi.com/test/list-form/">Marking up forms with lists</a></li>
	</ul>]]>
</description>
<link>http://oksushi.com/article/mini-testcases-for-your-css-pleasure</link>
<pubDate>Fri, 12 Jun 2009 17:15:28 GMT</pubDate>
<dc:creator>Cal Wilson</dc:creator>
<guid isPermaLink="false">tag:oksushi.com,2009-06-13:5734d53606bb0df9c13505b4a882ac69/186ad8d068bd029523225b04fe9ea21d</guid>
</item>
<item><title>Chilli Jam</title>
<description>
<![CDATA[<p>We found some delicious-looking chillies at the market yesterday: perfect for making chilli jam!</p>

	<p>A good chilli jam is sweet, but not too sweet, and leaves a delicious heat in your mouth. This recipe is my own concoction, although <a href="http://jaymis.com/2008/09/chilli-jam-recipe/">jaymis has a good alternative, sans tomato</a></p>

	<h3>Ingredients</h3>

	<ul>
		<li>2 cans of diced tomatoes (I use roma tomatoes &#8211; cherry tomatoes would be a nice alternative)</li>
		<li>5 chillies (more or less &#8211; do what you think is right for your audience) &#8211; seeds removed and set aside</li>
		<li>Garlic (I used 5 very large cloves &#8211; I suppose about half a standard-size garlic would be sufficient) &#8211; peeled and roughly chopped (chop it finer if you don&#8217;t like bits of garlic)</li>
		<li>3 tsp tamarind paste</li>
		<li>1 cup sugar (raw sugar works well &#8211; the more unrefined the better)</li>
		<li>1 cup red wine (I used some leftover tempranillo )</li>
		<li>1/2 cup fish sauce</li>
	</ul>

	<p>Put all the ingredients into a largish saucepan, bring to the boil, then reduce the heat to very low. Cook for at least 2 hours, until such a time where you can see the mixture becoming non-runny. </p>

	<p>Remove from heat, put into pre-boiled jars. Enjoy!</p>]]>
</description>
<link>http://oksushi.com/article/chilli-jam</link>
<pubDate>Sat, 16 May 2009 22:15:17 GMT</pubDate>
<dc:creator>Cal Wilson</dc:creator>
<guid isPermaLink="false">tag:oksushi.com,2009-05-17:5734d53606bb0df9c13505b4a882ac69/42110273802d702e193c3f95a08aec24</guid>
</item>
<item><title> Styling Wordpress Images</title>
<description>
<![CDATA[<p>No doubt if you have used Wordpress for a website, you have used it&#8217;s <span class="caps">WYSIWYG</span> to insert images into posts. The class names that it gives images is pretty bad:</p>

	<ul>
		<li>Want the image floated left? You get the class name &#8216;alignleft&#8217;</li>
		<li>How about right? You guessed it: &#8216;alignright&#8217;</li>
		<li>What about if you want it displayed in the centre of the post? Try &#8216;aligncenter&#8217; on for size</li>
	</ul>

	<h3>Styling these tags</h3>

	<p>So, depending on your styles, you&#8217;ll want something like this:</p>

<pre>
	.alignleft {float: left; margin: 0 1em 1em 0;}
	.alignright {float: right; margin: 0 0 1em 1em;}
	.aligncenter {display: block; margin: 0 auto 1em auto;}
</pre>

	<p>The above styles pretty things a little bit. However, what happens if you have a rogue person editing your content who uses the &#8216;align&#8217; attribute on your images? How can you standardise the display of images?</p>

	<p>Using attribute selectors, it&#8217;s pretty easy:</p>

<pre>
	.alignleft, img[align=left] {float: left; margin: 0 1em 1em 0;}
	.alignright, img[align=right] {float: right; margin: 0 0 1em 1em;}
	.aligncenter {display: block; margin: 0 auto 1em auto;}
</pre>

	<p>In the perfect world that I dream of, no <span class="caps">CMS</span> would allow people to use &#8216;align&#8217; on images (or any other element), but in the immortal words of John Bender: <q lang="en-us">Screws fall out all the time, the world is an imperfect place.</q> <cite>http://www.imdb.com/title/tt0088847/quotes</cite> (that&#8217;s from the Breakfast Club)</p>]]>
</description>
<link>http://oksushi.com/article/styling-wordpress-images</link>
<pubDate>Sun, 03 May 2009 23:42:59 GMT</pubDate>
<dc:creator>Cal Wilson</dc:creator>
<guid isPermaLink="false">tag:oksushi.com,2009-05-04:5734d53606bb0df9c13505b4a882ac69/87126b33587614dd63ac674244cbd5ad</guid>
</item>
<item><title>Sampology Super Visual Disco Party Sampler</title>
<description>
<![CDATA[<p>Sam&#8217;s <span class="caps">HOT</span>! He&#8217;s so on fire that his records melted. This short little video has it <span class="caps">ALL</span></p>

	<p><object width="550" height="440"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=4305594&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00adef&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=4305594&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00adef&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="550" height="440"></embed></object><br />
<a href="http://vimeo.com/4305594">Untitled</a> from <a href="http://vimeo.com/user1556785">Green Eggs and Ham</a> on <a href="http://vimeo.com">Vimeo</a>.</p>]]>
</description>
<link>http://oksushi.com/article/sampology-super-visual-disco-party-sampler</link>
<pubDate>Fri, 24 Apr 2009 04:18:31 GMT</pubDate>
<dc:creator>Cal Wilson</dc:creator>
<guid isPermaLink="false">tag:oksushi.com,2009-04-24:5734d53606bb0df9c13505b4a882ac69/b87da8ae1b5201fee5b6e7021b0fdde9</guid>
</item>
<item><title>Grafica Fidalga</title>
<description>
<![CDATA[<p>Fantastic little documentary about a letterpress workshop in São Paulo, must see. Keeping here so I don&#8217;t lose it.</p>

	<p><object width="560" height="340"><param name="movie" value="http://www.youtube.com/v/kI5RekPMh_c&hl=en&fs=1&rel=0&color1=0x3a3a3a&color2=0x999999"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/kI5RekPMh_c&hl=en&fs=1&rel=0&color1=0x3a3a3a&color2=0x999999" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="340"></embed></object></p>]]>
</description>
<link>http://oksushi.com/article/grafica-fidalga</link>
<pubDate>Thu, 23 Apr 2009 21:15:08 GMT</pubDate>
<dc:creator>Cal Wilson</dc:creator>
<guid isPermaLink="false">tag:oksushi.com,2009-04-24:5734d53606bb0df9c13505b4a882ac69/b8b4a51011fe45f7e7775745206f7869</guid>
</item></channel>
</rss>
