<?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:georss="http://www.georss.org/georss" xmlns:gml="http://www.opengis.net/gml"
xmlns:creativeCommons="http://backend.userland.com/creativeCommonsRssModule">

<channel>
	<title>Isotype&#187; Markup code</title>
	<atom:link href="http://isotype.org/category/resources/media_type/code/markup_code/feed/" rel="self" type="application/rss+xml" />
	<link>http://isotype.org</link>
	<description>&#60;!--:en--&#62;Information design &#38; commons&#60;!--:--&#62;&#60;!--:it--&#62;Design dell’informazione e beni comuni&#60;!--:--&#62;</description>
	<pubDate>Mon, 29 Dec 2008 10:39:00 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.7</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<creativeCommons:license>http://creativecommons.org/licenses/by-sa/2.5/it/</creativeCommons:license>		<item>
		<title>YouMap. Young urban cartographies</title>
		<link>http://isotype.org/2008/11/04/youmap/</link>
		<comments>http://isotype.org/2008/11/04/youmap/#comments</comments>
		<pubDate>Tue, 04 Nov 2008 15:15:47 +0000</pubDate>
		<dc:creator>Lorenzo De Tomasi</dc:creator>
		<category><![CDATA[Codes]]></category>

		<category><![CDATA[Ethical communication]]></category>

		<category><![CDATA[Free and open source software]]></category>

		<category><![CDATA[Geolocation]]></category>

		<category><![CDATA[Information architecture]]></category>

		<category><![CDATA[Information design]]></category>

		<category><![CDATA[Interface design]]></category>

		<category><![CDATA[Markup code]]></category>

		<category><![CDATA[Multimedia]]></category>

		<category><![CDATA[Online community]]></category>

		<category><![CDATA[Our portfolio]]></category>

		<category><![CDATA[Style sheet code]]></category>

		<category><![CDATA[Webgis]]></category>

		<category><![CDATA[European Commission]]></category>

		<category><![CDATA[Templates]]></category>
		<guid isPermaLink="false">http://isotype.org/?p=630</guid>
		<description><![CDATA[Online community
2008 - in progress
Lorenzo De Tomasi has designed the information architecture and the interface of an online community on collaborative cartography, that permits to young people from all Europe to edit contents and organize them geographically on interactive maps.
The project has been ideated by Lunaria and funded with support from the European Commission (Youth [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://isotype.org/wp-content/uploads/2008/11/youmap-community.png" ><img class="alignleft size-thumbnail wp-image-631" title="Youmap, community homepage" src="http://isotype.org/wp-content/uploads/2008/11/youmap-community-150x150.png" alt="" width="150" height="150" /></a><strong>Online community</strong></p>
<p>2008 - in progress</p>
<p>Lorenzo De Tomasi has designed the information architecture and the interface of an online community on collaborative cartography, that permits to young people from all Europe to edit contents and organize them geographically on interactive maps.</p>
<p>The project has been ideated by Lunaria and funded with support from the <em>European Commission</em> (<a href="http://ec.europa.eu/youth/index_en.htm" onclick="javascript:urchinTracker ('/outbound/article/ec.europa.eu');"><em>Youth in action</em></a> program). <span id="more-630"></span></p>
<p>The website has been developed by Marco Ridoni and  <a href="http://www.lynxlab.com" onclick="javascript:urchinTracker ('/outbound/article/www.lynxlab.com');">Lynx</a> and release under a Gnu/Gpl license.</p>
<p><a href="http://isotype.org/wp-content/uploads/2008/11/youmap-map.png" ><img class="alignnone size-medium wp-image-632" title="YouMap, map management" src="http://isotype.org/wp-content/uploads/2008/11/youmap-map-300x277.png" alt="" width="300" height="277" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://isotype.org/2008/11/04/youmap/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Oryx XForms Editor, a web-based tool for creating XForms</title>
		<link>http://isotype.org/2008/11/04/oryx-xforms-editor-a-web-based-tool-for-creating-xforms/</link>
		<comments>http://isotype.org/2008/11/04/oryx-xforms-editor-a-web-based-tool-for-creating-xforms/#comments</comments>
		<pubDate>Tue, 04 Nov 2008 09:45:04 +0000</pubDate>
		<dc:creator>Lorenzo De Tomasi</dc:creator>
		<category><![CDATA[Codes]]></category>

		<category><![CDATA[Free and open source software]]></category>

		<category><![CDATA[Information architecture]]></category>

		<category><![CDATA[Information design]]></category>

		<category><![CDATA[Interface design]]></category>

		<category><![CDATA[Markup code]]></category>

		<category><![CDATA[Programming code]]></category>

		<category><![CDATA[Semantic web]]></category>

		<category><![CDATA[Web applications]]></category>

		<category><![CDATA[Xforms]]></category>

		<category><![CDATA[Google]]></category>

		<category><![CDATA[Google Inc.]]></category>

		<category><![CDATA[Hasso Plattner
Institute of IT Systems Engineering]]></category>

		<category><![CDATA[Jan-Felix Schwarz]]></category>

		<category><![CDATA[MIT license]]></category>

		<category><![CDATA[University of Potsdam]]></category>
		<guid isPermaLink="false">http://isotype.org/?p=620</guid>
		<description><![CDATA[On W3C’s XForms mailing list, Jan-Felix Schwarz has announced the Oryx XForms Editor, a web-based tool for creating XForms. You can visually edit forms, export and import them in XForms format. The editor runs in your web browser (Firefox), zero software installation required. The editor is still in an early stage and is currently available [...]]]></description>
			<content:encoded><![CDATA[<p>On W3C’s XForms mailing list, <a href="mailto:jan-felix.schwarz@student.hpi.uni-potsdam.de">Jan-Felix Schwarz</a> has announced the <a href="http://www.xforms-editor.org/Oryx/XForms" onclick="javascript:urchinTracker ('/outbound/article/www.xforms-editor.org');">Oryx XForms Editor</a>, a web-based tool for creating XForms. You can visually edit forms, export and import them in XForms format. The editor runs in your web browser (Firefox), zero software installation required. The editor is still in an early stage and is currently available for testing and feedback. <span id="more-620"></span><br />
Oryx is an open platform for web-based modeling developed by the Business Process Technology research group at the Hasso Plattner Institute of IT Systems Engineering at the University of Potsdam. Besides XForms, Oryx supports various modeling languages, like BPMN, EPC and Petri nets.</p>
<p>Everyone is invited to contribute new features and knowledge to Oryx. The project is <a href="http://code.google.com/p/oryx-editor/" onclick="javascript:urchinTracker ('/outbound/article/code.google.com');">hosted as a Google Code project</a> under MIT license.</p>
]]></content:encoded>
			<wfw:commentRss>http://isotype.org/2008/11/04/oryx-xforms-editor-a-web-based-tool-for-creating-xforms/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Wordpress page-template: page with posts in a category</title>
		<link>http://isotype.org/2008/10/31/wp-page_category/</link>
		<comments>http://isotype.org/2008/10/31/wp-page_category/#comments</comments>
		<pubDate>Fri, 31 Oct 2008 17:50:25 +0000</pubDate>
		<dc:creator>Lorenzo De Tomasi</dc:creator>
		<category><![CDATA[Codes]]></category>

		<category><![CDATA[Markup code]]></category>

		<category><![CDATA[Programming code]]></category>

		<category><![CDATA[Templates]]></category>

		<category><![CDATA[free software]]></category>

		<category><![CDATA[page template]]></category>

		<category><![CDATA[php]]></category>

		<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">http://isotype.org/?p=585</guid>
		<description><![CDATA[With wp-page_category template you can customize your Wordpress adding a page template with a typical page followed by the index of posts in a specific category (look at an example). 

Open the page-template Page with category and save it from your browser (File &#62; Save page as…).
Rename the file wp-page_category.txt in wp-page_category.php.
Open the template Navigate posts [...]]]></description>
			<content:encoded><![CDATA[<p>With wp-page_category template you can customize your Wordpress adding a page template with a typical page followed by the index of posts in a specific category (<a href="http://isotype.org/projects/" >look at an example</a>). <span id="more-585"></span></p>
<ol>
<li>Open the page-template <a href="http://isotype.org/wp-content/uploads/2008/11/pagecategory.txt" >Page with category</a> and save it from your browser (File &gt; Save page as…).</li>
<li>Rename the file <code>wp-page_category.txt</code> in <code>wp-page_category.php</code>.</li>
<li>Open the template <a href="http://isotype.org/wp-content/uploads/2008/11/navigate_posts.txt" >Navigate posts</a> and save it from your browser (File &gt; Save page as…).</li>
<li>Rename the file <code>navigate_posts.txt</code> in <code>navigate_posts.php</code>.</li>
<li>Using an free software ftp client (like <a href="http://filezilla-project.org" onclick="javascript:urchinTracker ('/outbound/article/filezilla-project.org');">Filezilla</a>) copy both the files <code>wp-page_category.php</code> and <code>navigate_posts.php </code>into your <code>wp-content/themes/&lt;your theme folder&gt;/</code>.</li>
<li>Login at your website and write a new page.</li>
<li>Select the <em>Page with category</em> template as page-template.</li>
<li>Create a custom field with <code>displayed_categories</code> as <em>Key</em> and the numeric id of the category you want to display as <em>Value</em>.</li>
<li>Publish the page.</li>
<li>Visit the page you have just published.</li>
</ol>
<h2>License</h2>
<p>©2008 by Lorenzo De Tomasi. Copyleft/Some rights reserved. The php code has been released under a <a href="http://www.gnu.org/licenses/gpl.html" onclick="javascript:urchinTracker ('/outbound/article/www.gnu.org');">Gnu/Gpl 3.0 license</a>.</p>
<p><a href="http://www.gnu.org/licenses/gpl.html" onclick="javascript:urchinTracker ('/outbound/article/www.gnu.org');"><img class="alignnone" title="Gnu/Gpl v3" src="http://www.gnu.org/graphics/gplv3-88x31.png" alt="" width="88" height="31" /></a></p>
<h2>Future improvements</h2>
<ul>
<li>Make the <code>&lt;!--more--&gt;</code> work. [Can you help to understand the problem? Thanks]</li>
<li>Set the number of post listed for each page, using pagination buttons. If no value is set, display the default number of posts.</li>
<li>Display more than one category at time (for example <em>books</em> and <em>dvds</em>), using comma separated numeric category-ids (131, 12, 36).</li>
<li>Check if <code>displayed_categories</code> is set.</li>
<li>Check if categories exist.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://isotype.org/2008/10/31/wp-page_category/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Semantic WordPress: first steps</title>
		<link>http://isotype.org/2008/09/01/semantic-wordpress-first-steps/</link>
		<comments>http://isotype.org/2008/09/01/semantic-wordpress-first-steps/#comments</comments>
		<pubDate>Mon, 01 Sep 2008 20:44:11 +0000</pubDate>
		<dc:creator>Lorenzo De Tomasi</dc:creator>
		<category><![CDATA[Announcements]]></category>

		<category><![CDATA[Blog]]></category>

		<category><![CDATA[Codes]]></category>

		<category><![CDATA[Content management system (cms)]]></category>

		<category><![CDATA[Free and open source software]]></category>

		<category><![CDATA[Geolocation]]></category>

		<category><![CDATA[Information architecture]]></category>

		<category><![CDATA[Information design]]></category>

		<category><![CDATA[Interface design]]></category>

		<category><![CDATA[Markup code]]></category>

		<category><![CDATA[Our resources]]></category>

		<category><![CDATA[Plugins]]></category>

		<category><![CDATA[Programming code]]></category>

		<category><![CDATA[Resources]]></category>

		<category><![CDATA[Semantic web]]></category>

		<category><![CDATA[Style sheet code]]></category>

		<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">http://isotype.org/?p=304</guid>
		<description><![CDATA[Some features of our project for a semantic WordPress have been implemented. Please test, evaluate and suggest.

default license selector for the whole site, based on Creative Commons wpLicense;
event description based on Event Calendar: resolving date and time translations, please help; adding microformats and rdfa support;
subpages menu for each page with children or siblings, based on [...]]]></description>
			<content:encoded><![CDATA[<p>Some features of our project for a semantic WordPress have been implemented. Please test, evaluate and suggest.</p>
<ul>
<li><strong>default license selector for the whole site</strong>, based on Creative Commons <a href="http://wiki.creativecommons.org/WpLicense" onclick="javascript:urchinTracker ('/outbound/article/wiki.creativecommons.org');">wpLicense</a>;</li>
<li><strong>event description</strong> based on <a href="http://wpcal.firetree.net/" onclick="javascript:urchinTracker ('/outbound/article/wpcal.firetree.net');">Event Calendar</a>: resolving date and time translations, please help; adding microformats and rdfa support;</li>
<li><strong>subpages menu</strong> for each page with children or siblings, based on Sub Pages widget: adding expand/collapse folders by javascript;</li>
<li><strong>advanced category management</strong>, based on <a href="http://enhanced-categories.vincentprat.info/" onclick="javascript:urchinTracker ('/outbound/article/enhanced-categories.vincentprat.info');">Enhanced Categories</a>;</li>
<li><strong>multiple languages plugin</strong> that affects the whole interface (header, footer, pages,  templates, categories, calendar etc.), based on <a href="http://www.qianqin.de/qtranslate/" onclick="javascript:urchinTracker ('/outbound/article/www.qianqin.de');">qTranslate</a>: solving last incompatibilities with other plugins;</li>
<li><strong>integrated geolocation</strong> for each post, based on <a href="http://georss.org/geopress" onclick="javascript:urchinTracker ('/outbound/article/georss.org');">GeoPress</a>;</li>
<li>xhtml strict + css validated code.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://isotype.org/2008/09/01/semantic-wordpress-first-steps/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Apple like accesible search field</title>
		<link>http://isotype.org/2008/06/20/apple-like-accesible-search-field/</link>
		<comments>http://isotype.org/2008/06/20/apple-like-accesible-search-field/#comments</comments>
		<pubDate>Fri, 20 Jun 2008 19:36:31 +0000</pubDate>
		<dc:creator>Lorenzo De Tomasi</dc:creator>
		<category><![CDATA[Articles]]></category>

		<category><![CDATA[Codes]]></category>

		<category><![CDATA[Free and open source software]]></category>

		<category><![CDATA[Information design]]></category>

		<category><![CDATA[Interface design]]></category>

		<category><![CDATA[Markup code]]></category>

		<category><![CDATA[Search engines]]></category>

		<category><![CDATA[Style sheet code]]></category>
		<guid isPermaLink="false">http://isotype.org/?p=178</guid>
		<description><![CDATA[Add to your website an Apple like search field, with rounded borders, shadows, the lens and the reset button. This solution, specific for Wordpress, is based on xhtml strict + css accessible codes, compatible with Mozilla Firefox, Apple Safari, Internet Explorer 7 and 6. You can customize graphics editing the images and localize the widget [...]]]></description>
			<content:encoded><![CDATA[<p>Add to your website an Apple like search field, with rounded borders, shadows, the lens and the reset button. This solution, specific for <a href="http://wordpress.org" onclick="javascript:urchinTracker ('/outbound/article/wordpress.org');">Wordpress</a>, is based on xhtml strict + css accessible codes, compatible with Mozilla Firefox, Apple Safari, Internet Explorer 7 and 6. You can customize graphics editing the images and localize the widget in infinite languages, thanks to php-gettext support. With few changes to the code you can use it in your non-Wordpress-based website. <span id="more-178"></span></p>
<h2>The xhtml strict code</h2>
<p>In Wordpress, edit both the files <code>wp-content/themes/[your theme]/searchform.php</code> and <code>/wp-includes/widgets.php</code>, commenting the following code.</p>
<p><code>__()</code> and <code>_e()</code> are for localization with gettext.</p>
<p><code>&lt;!--</code></p>
<p>&lt;form id=&#8221;searchform&#8221; method=&#8221;get&#8221; action=&#8221;&lt;?php bloginfo(&#8217;home&#8217;); ?&gt;&#8221;&gt;</p>
<p>&lt;div&gt;</p>
<p>&lt;input type=&#8221;text&#8221; name=&#8221;s&#8221; id=&#8221;s&#8221; size=&#8221;15&#8243; /&gt;&lt;br /&gt;</p>
<p>&lt;input type=&#8221;submit&#8221; value=&#8221;&lt;?php echo attribute_escape(__(&#8217;Search&#8217;)); ?&gt;&#8221; /&gt;</p>
<p>&lt;/div&gt;</p>
<p>&lt;/form&gt;</p>
<p>&#8211;&gt;</p>
<p>…and insert the following code:</p>
<p><code>&lt;?php</code></p>
<p>function wp_widget_search($args) {</p>
<p>extract($args);<code> echo $before_widget;</code></p>
<p>?&gt;</p>
<p>&lt;form id=&#8221;searchform&#8221; method=&#8221;get&#8221; action=&#8221;&lt;?php bloginfo(&#8217;home&#8217;); ?&gt;&#8221;&gt;</p>
<p>&lt;p&gt;</p>
<p>&lt;label for=&#8221;s&#8221;&gt;&lt;span&gt;<code>&lt;?php _e('Search'); ?&gt;</code><code>&lt;/span&gt;&lt;/label&gt;</code></p>
<p>&lt;input name=&#8221;s&#8221; id=&#8221;s&#8221; type=&#8221;text&#8221; accesskey=&#8221;s&#8221; /&gt;</p>
<p>&lt;input type=&#8221;reset&#8221; value=&#8221;&lt;?php _e(&#8217;Reset&#8217;); ?&gt;&#8221; accesskey=&#8221;r&#8221;  /&gt;</p>
<p>&lt;input type=&#8221;submit&#8221; value=&#8221;&lt;?php echo attribute_escape(__(&#8217;Search&#8217;)); ?&gt;&#8221; /&gt;</p>
<p>&lt;/p&gt;</p>
<p>&lt;/form&gt;</p>
<p><code> &lt;?php</code></p>
<p>echo $after_widget;</p>
<p>}</p>
<p>?&gt;</p>
<h2>The css code</h2>
<p><code></p>
<p>#searchform {</p>
<p>margin: 0;</p>
<p>padding: 0;</p>
<p>overflow: hidden;</p>
<p>}</p>
<p>#searchform label {</p>
<p>float: left;</p>
<p>width: 20px;</p>
<p>height: 19px;</p>
<p>background: url(media/images/search_label.gif) no-repeat;</p>
<p>}</p>
<p>#searchform label span {</p>
<p>visibility: hidden;</p>
<p>}</p>
<p>#searchform input[type="text"] {</p>
<p>float: left;</p>
<p>width:  120px;</p>
<p>height: 13px;</p>
<p>font-size: .9em;</p>
<p>border-right: none;</p>
<p>border-left: none;</p>
<p>background-color: white;</p>
<p>}</p>
<p>#searchform input[type="text"]:focus {</p>
<p>border-color: silver;</p>
<p>}</p>
<p>#searchform input[type="reset"] {</p>
<p>float: left;</p>
<p>border: none;</p>
<p>width: 19px;</p>
<p>height: 19px;</p>
<p>background: url(media/images/search_reset.gif) no-repeat;</p>
<p>padding-left: 20px;</p>
<p>margin-right: -6px;</p>
<p>overflow: hidden;</p>
<p>color: transparent;</p>
<p>}</p>
<p>#searchform input[type=reset]:active {</p>
<p>background: url(media/images/search_reset_hover.gif) no-repeat;</p>
<p>}</p>
<p>#searchform input[type=submit]{</p>
<p>display: none;</p>
<p>}</p>
<p></code></p>
]]></content:encoded>
			<wfw:commentRss>http://isotype.org/2008/06/20/apple-like-accesible-search-field/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
