<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/">
  <channel>
    <title>JuiceBlog!</title>
    <link>http://juice10.com/blog/</link>
    <language>en-us</language>
    <ttl>40</ttl>
    <description>JuiceBlog!</description>
    <item>
      <title>TVnotify</title>
      <description>&lt;p&gt;&lt;a href="http://tvnotify.com"&gt;&lt;img src="http://tvnotify.com/images/tvnotify.gif" alt="TV notify" class="right" /&gt;&lt;/a&gt;
Recently I launched &lt;a href="http://tvnotify.com"&gt;TVnotify.com&lt;/a&gt;. TVnotify is a website that will send you notifications via &lt;span class="caps"&gt;RSS&lt;/span&gt;/E-mail and more, whenever a new episode of your favorite TV show airs.&lt;/p&gt;


	&lt;p&gt;The website was born out of frustration with the writers strike and the confusion that led from it. After rechecking TV series every week to see if there were any new episodes I got frustrated and decided to create a site devoted to my problem.&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://tvnotify.com/shows/8"&gt;&lt;img src="http://juice10.com/images/tvnotify_southpark_page.png" alt="" /&gt;&lt;/a&gt;&lt;/p&gt;


	&lt;p&gt;The site design, &lt;span class="caps"&gt;HTML&lt;/span&gt; and &lt;span class="caps"&gt;CSS&lt;/span&gt; was done by my good friend and colleague &lt;a href="http://jonnoriekwel.nl/"&gt;Jonno Riekwel&lt;/a&gt;. The rest of the site was built by me and was created using Ruby On Rails.&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://tvnotify.com/shows/my_notifications"&gt;&lt;img src="http://juice10.com/images/tvnotify_my_notifications_page.png" alt="" /&gt;&lt;/a&gt;&lt;/p&gt;


	&lt;p&gt;Soon I will be integrating twitter notifications and iCal feeds.&lt;/p&gt;


	&lt;p&gt;If anyone has any questions or suggestions I will be happy to hear them!&lt;/p&gt;</description>
      <pubDate>Mon, 14 Apr 2008 06:00:00 PDT</pubDate>
      <guid>http://juice10.com/blog/articles/2008/04/14/tvnotify</guid>
      <link>http://juice10.com/blog/articles/2008/04/14/tvnotify</link>
      <category>TVnotify</category>
      <category>web</category>
      <category>rails</category>
      <trackback:ping>http://juice10.com/blog/articles/trackback/28</trackback:ping>
    </item>
    <item>
      <title>Social network annihilation week</title>
      <description>&lt;p&gt;It&amp;#8217;s officially social network annihilation week over here at Juice10. All social networks that bug me get one last trip to the site so I can trash my account.&lt;/p&gt;


	&lt;p&gt;Its really simple, if a social network (or any other site) bugs me without enriching my life I remove my account from there site and never visit there site ever again.&lt;/p&gt;


The following sites have lost me as a customer because they bugged me today: 
	&lt;ul&gt;
	&lt;li&gt;Wayn&lt;/li&gt;
		&lt;li&gt;Ringo&lt;/li&gt;
	&lt;/ul&gt;


	&lt;p&gt;I&amp;#8217;m also removing friends from social networks that send me chain emails.&lt;/p&gt;</description>
      <pubDate>Mon, 25 Feb 2008 04:44:00 PST</pubDate>
      <guid>http://juice10.com/blog/articles/2008/02/25/social-network-annihilation-week</guid>
      <link>http://juice10.com/blog/articles/2008/02/25/social-network-annihilation-week</link>
      <category>web</category>
      <trackback:ping>http://juice10.com/blog/articles/trackback/27</trackback:ping>
    </item>
    <item>
      <title>IE removes object/embed activation click</title>
      <description>&lt;p&gt;The now launched preview of Internet Explorer will not require you to &amp;#8220;click to activate&amp;#8221; before being able to interact with object/embed elements (Flash, etc.)&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://blogs.msdn.com/ie/archive/2007/12/11/ie-automatic-component-activation-preview-now-available.aspx"&gt;The guys over at Microsoft&lt;/a&gt; have removed the click to activate after striking a deal with Eolas Technologies inc.&lt;/p&gt;
&lt;blockquote&gt;
		&lt;p&gt;If you don’t recall, in April 2006, we made a change to how Internet Explorer handled embedded controls used on some webpages. Some sites required users to “click to activate” before they could interact with the control. Microsoft has now licensed the technologies from Eolas Technologies inc, removing the “click to activate” requirement in Internet Explorer.&lt;/p&gt;
	&lt;/blockquote&gt;


	&lt;blockquote&gt;
		&lt;p&gt;This change will require no modifications to existing web pages, and no new actions for developers creating new pages. We are simply reverting to the old behavior. Once Internet Explorer is updated, all pages that currently require “click to activate” will no longer require the control to be activated. They’ll just work.&lt;/p&gt;
	&lt;/blockquote&gt;


	&lt;p&gt;The preview is available today but the version will be launched to the mainstream in April 2008&lt;/p&gt;


	&lt;p&gt;Read the announcement on the &lt;a href="http://blogs.msdn.com/ie/archive/2007/12/11/ie-automatic-component-activation-preview-now-available.aspx"&gt;IEBlog&lt;/a&gt;&lt;/p&gt;</description>
      <pubDate>Thu, 13 Dec 2007 03:06:00 PST</pubDate>
      <guid>http://juice10.com/blog/articles/2007/12/13/ie-removes-object-embed-activation-click</guid>
      <link>http://juice10.com/blog/articles/2007/12/13/ie-removes-object-embed-activation-click</link>
      <trackback:ping>http://juice10.com/blog/articles/trackback/26</trackback:ping>
    </item>
    <item>
      <title>Dutch Guild of Front-Enders meeting this evening</title>
      <description>&lt;div style="float: right; width: 214px; font-family: tahoma, verdana, sans serif; font-size: 12px;"&gt;&lt;embed  src="http://www.meetup.com/swf/membership_badge.swf?chapterid=441504" width="214" height="142" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /&gt;&lt;/embed&gt;&lt;/div&gt;

	&lt;p&gt;Today is a busy day for the hard core web community members here in the Netherlands. This morning I attended the &lt;a href="http://entrepreneur.meetup.com/1068/"&gt;Amsterdam OpenCoffee Meetup&lt;/a&gt;. It was packed compared to last week, probably because there wasn&amp;#8217;t any lethal weather this time ;)&lt;/p&gt;


	&lt;p&gt;And this evening is the &lt;a href="http://www.quirksmode.org/branche/index.html"&gt;Gilde van Front-Enders&lt;/a&gt; is having their very own &lt;a href="http://www.quirksmode.org/branche/bijeenkomsten.html"&gt;meetup&lt;/a&gt; in Rotterdam.&lt;/p&gt;


	&lt;p&gt;Mangrove&amp;#8217;s Ruben Bos will give a talk that will hopefully make &lt;a href="http://www.quirksmode.org/blog/archives/2007/08/getting_rid_of.html"&gt;professionals more professional&lt;/a&gt;  and make &lt;a href="http://www.quirksmode.org/"&gt;ppk&lt;/a&gt; happy ;)&lt;/p&gt;


	&lt;p&gt;Beforehand HappyClog is having a beer @ a secret location somewhere in Rotterdam.&lt;/p&gt;


	&lt;p&gt;And afterwards as is custom with any social web related event, we will have more beers and fight over who has nicer class names in their css ;)&lt;/p&gt;</description>
      <pubDate>Thu, 23 Aug 2007 02:40:00 PDT</pubDate>
      <guid>http://juice10.com/blog/articles/2007/08/23/dutch-guild-of-front-enders-meeting-this-evening</guid>
      <link>http://juice10.com/blog/articles/2007/08/23/dutch-guild-of-front-enders-meeting-this-evening</link>
      <trackback:ping>http://juice10.com/blog/articles/trackback/25</trackback:ping>
    </item>
    <item>
      <title>Safari 3 Beta launched! (also for Windows)</title>
      <description>&lt;p&gt;Apple has released &lt;a href="http://apple.com/safari"&gt;Safari 3&lt;/a&gt; in beta to the public, running both on Mac &lt;span class="caps"&gt;OS X&lt;/span&gt; and on Windows. Its jam packed with all kind of cool &lt;span class="caps"&gt;CSS3&lt;/span&gt; stuff. But that is not the only thing.&lt;/p&gt;


	&lt;h2&gt;Form control elements&lt;/h2&gt;


	&lt;p&gt;The webkit team has enabled the styling of form elements.&lt;/p&gt;


	&lt;ul&gt;
	&lt;li&gt;&lt;input type="text" style="border: 2px dashed blue; background: #000; text-align: center; color: white" value="Safari" /&gt; &lt;button type="submit" style="padding: 5px;"&gt;Rules&lt;/button&gt; (check this out in safari to see the changes)&lt;/li&gt;
		&lt;li&gt;label element now works: &lt;br /&gt;&lt;label for="checker"&gt;Try clicking here&lt;/label&gt;&lt;input id="checker" type="checkbox" /&gt;&lt;/li&gt;
		&lt;li&gt;for more form element styling check out: &lt;a href="http://www.456bereastreet.com/archive/200701/styling_form_controls_with_css_revisited/"&gt;Styling form controls with &lt;span class="caps"&gt;CSS&lt;/span&gt; revisited&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;


	&lt;h2&gt;CSS3&lt;/h2&gt;


	&lt;p&gt;Safari 3 now has a bunch of new &lt;span class="caps"&gt;CSS3&lt;/span&gt; properties&lt;/p&gt;


	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://www.css3.info/preview/multi-column-layout.html"&gt;multiple columns&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.css3.info/preview/rounded-border.html"&gt;border radius&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.css3.info/preview/box-shadow.html"&gt;box shadow&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.css3.info/preview/background-size.html"&gt;background-size&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.css3.info/preview/"&gt;and allot more&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;


	&lt;h2&gt;Try it out!!!&lt;/h2&gt;


	&lt;p&gt;&lt;a href="http://apple.com/safari"&gt;Check out the new Safari and download it&lt;/a&gt;&lt;/p&gt;</description>
      <pubDate>Tue, 12 Jun 2007 07:03:00 PDT</pubDate>
      <guid>http://juice10.com/blog/articles/2007/06/12/safari-3-beta-launched-also-for-windows</guid>
      <link>http://juice10.com/blog/articles/2007/06/12/safari-3-beta-launched-also-for-windows</link>
      <category>css</category>
      <category>safari</category>
      <trackback:ping>http://juice10.com/blog/articles/trackback/24</trackback:ping>
    </item>
    <item>
      <title>Get to know me</title>
      <description>&lt;p&gt;After &lt;a href="http://wnas.nl/"&gt;Wilfred Nas&lt;/a&gt; passed me the ball I am now also going to share five things about me that you probably don&amp;#8217;t know or care about :)&lt;/p&gt;


	&lt;ul&gt;
	&lt;li&gt;I&amp;#8217;m a fashiongeek/metrogeek.&lt;/li&gt;
		&lt;li&gt;I love drawing illustrations in Illustrator and I have been doing this since I was seven.&lt;/li&gt;
		&lt;li&gt;I&amp;#8217;m a huge Apple junkie (although most probably already knew this).&lt;/li&gt;
		&lt;li&gt;I have been thinking about starting a fashion blog and a podcast for ages.&lt;/li&gt;
		&lt;li&gt;This is what I look like today:&lt;br /&gt;
&lt;img src="http://juice10.com/images/justin_halsall_20070213.jpg" title="Mugshot of Justin Halsall." alt="Mugshot of Justin Halsall." /&gt; &lt;br /&gt; (yeah I know my eyes look weird, its the reflection of my screen I&amp;#8217;m not a mutant ;)&lt;/li&gt;
	&lt;/ul&gt;


	&lt;p&gt;The next people I&amp;#8217;m passing the ball to are: &lt;a href="http://pinupgeek.nl" title="pinupgeek"&gt;Rodney Ramdas&lt;/a&gt;, &lt;a href="http://www.fngtps.com/" title="fingertips"&gt;Norbert Crombach, Thijs van der Vossen, Manfred Stienstra&lt;/a&gt; &amp;#38; &lt;a href="http://pebble.windgazer.nl/"&gt;Martin &amp;#8216;Windgazer&amp;#8217; Reurings&lt;/a&gt;&lt;/p&gt;</description>
      <pubDate>Tue, 13 Feb 2007 04:15:00 PST</pubDate>
      <guid>http://juice10.com/blog/articles/2007/02/13/get-to-know-me</guid>
      <link>http://juice10.com/blog/articles/2007/02/13/get-to-know-me</link>
      <category>personal</category>
      <trackback:ping>http://juice10.com/blog/articles/trackback/23</trackback:ping>
    </item>
    <item>
      <title>Great news: New Dutch Accessibility Law</title>
      <description>&lt;p&gt;On 1 September last 2006 the &lt;a href="http://webrichtlijnen.overheid.nl/besluit/tekst-besluit-en-toelichting/"&gt;new Dutch law on the quality of government websites&lt;/a&gt; went into effect. &lt;a href="http://www.quirksmode.org/blog/archives/2007/01/new_dutch_acces.html"&gt;Read all ppk&amp;#8217;s notes&lt;/a&gt; over at &lt;a href="http://www.quirksmode.org"&gt;Quirksmode&lt;/a&gt;.&lt;/p&gt;


	&lt;p&gt;This is a great milestone for webstandards in the Netherlands.&lt;/p&gt;</description>
      <pubDate>Thu, 18 Jan 2007 14:31:00 PST</pubDate>
      <guid>http://juice10.com/blog/articles/2007/01/18/great-news-new-dutch-accessibility-law</guid>
      <link>http://juice10.com/blog/articles/2007/01/18/great-news-new-dutch-accessibility-law</link>
      <category>webstandards</category>
      <category>netherlands</category>
      <trackback:ping>http://juice10.com/blog/articles/trackback/22</trackback:ping>
    </item>
    <item>
      <title>Happy Clog Meeting 17 februari 2007</title>
      <description>&lt;p&gt;The Dutch Webstandards group is having another meeting.&lt;/p&gt;


	&lt;p&gt;Check out &lt;a href="http://wiki.novemberborn.net/hc/Meeting+17+februari+2007"&gt;the wiki entry&lt;/a&gt; or the &lt;a href="http://groups.google.com/group/Happy-Clog/browse_thread/thread/60da169257f0a623/a49d1c76f213f9c9#a49d1c76f213f9c9"&gt;Google groups entry&lt;/a&gt;.&lt;/p&gt;


	&lt;p&gt;I hope to see you all there!&lt;/p&gt;</description>
      <pubDate>Sat,  6 Jan 2007 04:26:51 PST</pubDate>
      <guid>http://juice10.com/blog/articles/2007/01/06/happy-clog-meeting-17-februari-2007</guid>
      <link>http://juice10.com/blog/articles/2007/01/06/happy-clog-meeting-17-februari-2007</link>
      <category>webstandards</category>
      <category>netherlands</category>
      <trackback:ping>http://juice10.com/blog/articles/trackback/21</trackback:ping>
    </item>
    <item>
      <title>Semantic Spam-Proof Email Display</title>
      <description>&lt;p&gt;After deleting quite a bit of spam from my inbox I came up with a semantic way of displaying email addresses on a &lt;span class="caps"&gt;HTML&lt;/span&gt; page.&lt;/p&gt;


	&lt;p&gt;The concept is very simple, you add text within a &lt;code&gt;&amp;lt;del&amp;gt;&lt;/code&gt; element to an email address needs to be removed from in order to show the real address.&lt;/p&gt;


	&lt;h2&gt;Example&lt;/h2&gt;


	&lt;p&gt;Your email address is: &lt;code&gt;nobody@example.com&lt;/code&gt;
Then you would add some text to scramble the email address from spam engines: &lt;code&gt;nscrableobody@examscrableple.coremovem&lt;/code&gt;&lt;/p&gt;


	&lt;p&gt;To make sure that people can still see what the real address is wrap the fake text in the &lt;code&gt;&amp;lt;del&amp;gt;&lt;/code&gt; element: &lt;code&gt;n&amp;lt;del&amp;gt;scrable&amp;lt;/del&amp;gt;obody@exam&amp;lt;del&amp;gt;scrable&amp;lt;/del&amp;gt;ple.co&amp;lt;del&amp;gt;remove&amp;lt;/del&amp;gt;m&lt;/code&gt; 
This would give you the following:
n&lt;del&gt;scrable&lt;/del&gt;obody@exam&lt;del&gt;scrable&lt;/del&gt;ple.co&lt;del&gt;remove&lt;/del&gt;m&lt;/p&gt;


	&lt;p&gt;This makes it quite hard to read even for the person wanting your email address. So to simplify this we could do two things:&lt;/p&gt;


&lt;ol&gt;
&lt;li&gt;just add one bit of fake text to it:  nobody@&lt;del&gt;remove&lt;/del&gt;example.com&lt;/li&gt;
&lt;li&gt;make sure the &lt;code&gt;&amp;lt;del&amp;gt;&lt;/code&gt; element is hidden. This can be done multiple ways. You could add an inline style tag to the &lt;code&gt;&amp;lt;del&amp;gt;&lt;/code&gt; element: &lt;code&gt;&amp;lt;del style="display:none"&amp;gt;&amp;lt;/del&amp;gt;&lt;/code&gt;.
Or you could give it a class: &lt;code&gt;&amp;lt;del class="fake_email_text"&amp;gt;&amp;lt;/del&amp;gt;&lt;/code&gt; and add a little snippet of &lt;span class="caps"&gt;CSS&lt;/span&gt; to your page/css file: 
&lt;pre&gt;&lt;code&gt;.fake_email_text {
  display: none;
}&lt;/code&gt;&lt;/pre&gt;&lt;/li&gt;&lt;/ol&gt;

	&lt;h2&gt;Pros&lt;/h2&gt;


	&lt;ul&gt;
	&lt;li&gt;Screen readers will not read the text that is not being displayed by the &lt;span class="caps"&gt;CSS&lt;/span&gt;.&lt;/li&gt;
		&lt;li&gt;You can copy paste the email address.&lt;/li&gt;
		&lt;li&gt;It works with &lt;span class="caps"&gt;CSS&lt;/span&gt;, Javascript &amp;#38; images off.&lt;/li&gt;
	&lt;/ul&gt;


	&lt;h2&gt;Cons&lt;/h2&gt;


	&lt;ul&gt;
	&lt;li&gt;It isn&amp;#8217;t a link.&lt;/li&gt;
	&lt;/ul&gt;


	&lt;p&gt;(If anyone can think of more just shoot)&lt;/p&gt;</description>
      <pubDate>Mon, 13 Nov 2006 04:56:00 PST</pubDate>
      <guid>http://juice10.com/blog/articles/2006/11/13/semantic-spam-proof-email-display</guid>
      <link>http://juice10.com/blog/articles/2006/11/13/semantic-spam-proof-email-display</link>
      <category>email</category>
      <category>html</category>
      <category>css</category>
      <trackback:ping>http://juice10.com/blog/articles/trackback/20</trackback:ping>
    </item>
    <item>
      <title>HappyClog Meeting 28 oktober 2006</title>
      <description>&lt;p&gt;Tomorrow is the third &lt;a href="http://happyclog.nl/"&gt;Happy Clog&lt;/a&gt; &lt;a href="http://wiki.novemberborn.net/hc/Meeting+28+Oktober+2006"&gt;meeting&lt;/a&gt; in Utrecht. And I&amp;#8217;m there. You could be too!&lt;/p&gt;


	&lt;p&gt;The meeting will be held in &lt;a href="http://www.kingarthur-utrecht.com/"&gt;King Arthur&lt;/a&gt; at 15:00 and the following will be some of the topics discussed:&lt;/p&gt;


	&lt;h2&gt;Topics&lt;/h2&gt;


	&lt;ul&gt;
	&lt;li&gt;The Happy Clog website&lt;/li&gt;
		&lt;li&gt;Webstandards and eductaion&lt;/li&gt;
		&lt;li&gt;Where does Happy Clog stand for?&lt;/li&gt;
		&lt;li&gt;What goals do we want to reach?&lt;/li&gt;
		&lt;li&gt;How do we want to reach them?&lt;/li&gt;
		&lt;li&gt;How do we want to profile ourselves in the future?&lt;/li&gt;
	&lt;/ul&gt;


	&lt;p&gt;If your coming, add yourself to the &lt;a href="http://wiki.novemberborn.net/hc/Meeting+28+Oktober+2006"&gt;wiki&lt;/a&gt;.&lt;/p&gt;
&lt;h2&gt;Related Links&lt;/h2&gt;


	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://happyclog.nl"&gt;Happy Clog&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://wiki.novemberborn.net/hc/"&gt;Happy Clog Wiki&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.kingarthur-utrecht.com/"&gt;King Arthur&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://groups.google.com/group/Happy-Clog/"&gt;Happy Clog Google Group&lt;/a&gt;
	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://groups.google.com/group/Happy-Clog/browse_frm/thread/36edb457da09069b" title="Dutch"&gt;Who is coming?&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://groups.google.com/group/Happy-Clog/browse_frm/thread/ce40cb27dc694902"&gt;Topic agenda&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;&lt;/li&gt;
	&lt;/ul&gt;


	&lt;h2&gt;Others who annouced it&lt;/h2&gt;


	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://pebble.windgazer.nl:80/2006/10/23/happy_clog_meeting_in_the_pub.html"&gt;Martin &amp;#8216;Windgazer&amp;#8217; Reurings&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.wnas.nl/?p=184"&gt;Wilfred Nas&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://annevankesteren.nl/2006/10/happy-clog"&gt;Anne van Kesteren&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;</description>
      <pubDate>Fri, 27 Oct 2006 11:09:00 PDT</pubDate>
      <guid>http://juice10.com/blog/articles/2006/10/27/happyclog-meeting-28-oktober-2006</guid>
      <link>http://juice10.com/blog/articles/2006/10/27/happyclog-meeting-28-oktober-2006</link>
      <category>events</category>
      <category>webstandards</category>
      <category>netherlands</category>
      <trackback:ping>http://juice10.com/blog/articles/trackback/19</trackback:ping>
    </item>
  </channel>
</rss>
