<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="https://notiz.blog/wp-content/plugins/pretty-feeds/pretty-feed-v4.xsl" type="text/xsl" media="screen" ?>


<!--

	Feeds whisper secrets,
	In the RSS Club's embrace,
	Knowledge blooms in grace.

-->

<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/"
	xmlns:source="http://source.scripting.com/"
xmlns:creativeCommons="http://backend.userland.com/creativeCommonsRssModule"
>

<channel>
	<title>Jetpack &#8211; notizBlog</title>
	<atom:link href="https://notiz.blog/tag/jetpack/feed/" rel="self" type="application/rss+xml" />
	<link>https://notiz.blog</link>
	<description>a weblog mainly about the open, portable, interoperable, small, social, synaptic, semantic, structured, distributed, (re-)decentralized, independent, microformatted and federated social web</description>
	<lastBuildDate>Tue, 31 Jan 2023 08:01:54 +0000</lastBuildDate>
	<language>de</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://notiz.blog/wp-content/uploads/2019/10/cropped-notizblog-icon-1-32x32.png</url>
	<title>Jetpack &#8211; notizBlog</title>
	<link>https://notiz.blog</link>
	<width>32</width>
	<height>32</height>
</image> 
<source:blogroll>https://reader.pfefferle.org/i/?a=opml&amp;get=c_2</source:blogroll>
<creativeCommons:license>https://creativecommons.org/licenses/by-sa/4.0/</creativeCommons:license>
<atom:link rel="hub" href="https://pubsubhubbub.appspot.com"/>
<atom:link rel="hub" href="https://pubsubhubbub.superfeedr.com"/>
<atom:link rel="hub" href="https://switchboard.p3k.io/"/>
<atom:link rel="self" href="https://notiz.blog/tag/jetpack/feed/"/>
<atom:link rel="search" type="application/opensearchdescription+xml" title="Search notizBlog" href="https://notiz.blog/wp-api/opensearch/1.1/document" />	<item>
		<title>Mozilla Jetpack (und Microformats)</title>
		<link>https://notiz.blog/2009/06/05/mozilla-jetpack-und-microformats/</link>
					<comments>https://notiz.blog/2009/06/05/mozilla-jetpack-und-microformats/#comments</comments>
		
		<dc:creator><![CDATA[Matthias Pfefferle]]></dc:creator>
		<pubDate>Fri, 05 Jun 2009 06:50:38 +0000</pubDate>
				<category><![CDATA[Open Web]]></category>
		<category><![CDATA[FediBlog]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Jetpack]]></category>
		<category><![CDATA[Microformats]]></category>
		<category><![CDATA[Mozilla]]></category>
		<guid isPermaLink="false">http://notizblog.org/?p=1627</guid>

					<description><![CDATA[Jetpack ist das jüngste Baby der Mozilla Labs und bietet eine Art API, die es Entwicklern ermöglicht, den Firefox mit klassischen Web-Techniken (HTML, JavaScript und CSS) zu erweitern. Statt mit XUL kann man seine Firefox Addons demnächst vielleicht wirklich mit HTML und CSS gestalten. Großartige Idee! Übrigens unterstützt Jetpack, wie auch Ubiquity, die ab der [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p><a href="https://wiki.mozilla.org/Jetpack" data-type="URL" data-id="https://wiki.mozilla.org/Jetpack">Jetpack</a> ist das jüngste Baby der <em>Mozilla Labs</em> und bietet eine Art API, die es Entwicklern ermöglicht, den Firefox mit klassischen Web-Techniken (HTML, JavaScript und CSS) zu erweitern. Statt mit <abbr title="XML User Interface Language"><a href="http://www.mozilla.org/projects/xul/">XUL</a></abbr> kann man seine Firefox Addons demnächst vielleicht wirklich mit HTML und CSS gestalten. Großartige Idee!</p>



<figure class="wp-block-embed alignwide is-type-video is-provider-vimeo wp-block-embed-vimeo"><div class="wp-block-embed__wrapper">
<span class="embed-privacy-url"><a href="https://vimeo.com/4752576">Eingebetteten Inhalt von Vimeo öffnen</a></span>
</div></figure>



<p>Übrigens unterstützt Jetpack, <a href="https://notiz.blog/2008/09/16/ubiquity-und-microformats/">wie auch Ubiquity</a>, die ab der Version 3 in Firefox nativ implementierte <a href="https://developer.mozilla.org/En/Using_microformats">Microformats API</a>. Der folgende Code zeigt, wie man die Microformats API in Jetpack-Skripte integrieren kann. Das Beispiel zählt z.B. alle hCards der Seite, auf der man sich gerade befindet und zeigt das Ergebnis per Info-Message an:</p>


<pre class="wp-block-code"><span><code class="hljs language-javascript">Components.utils.import(<span class="hljs-string">"resource://gre/modules/Microformats.js"</span>);
<span class="hljs-comment">// count hCards</span>
jetpack.tabs.onFocus(<span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{
  <span class="hljs-comment">// load HTML</span>
  <span class="hljs-keyword">var</span> doc = jetpack.tabs.focused.contentDocument;
  <span class="hljs-comment">// count microformats </span>
  <span class="hljs-keyword">var</span> uFcount = Microformats.count(<span class="hljs-string">'hCard'</span>, doc);
  <span class="hljs-comment">// load notifier</span>
  jetpack.notifications.show({
    <span class="hljs-attr">title</span>: <span class="hljs-string">'hCards'</span>,
    <span class="hljs-attr">body</span>: <span class="hljs-string">'number of hCards on this website: '</span> + uFcount,
    <span class="hljs-attr">icon</span>: <span class="hljs-string">'http://microformats.org/favicon.ico'</span>
  });
});</code></span></pre>


<p><ins><strong>Nachtrag</strong></ins>:</p>



<p>Unter Windows und Linux scheinen die Messages nicht so ganz zu funktionieren, deshalb gibt&#8217;s hier nochmal nen Beispiel wo der Counter in der Statusbar ausgegeben wird:</p>


<pre class="wp-block-code"><span><code class="hljs language-javascript">Components.utils.import(<span class="hljs-string">"resource://gre/modules/Microformats.js"</span>);
jetpack.statusBar.append({
  <span class="hljs-attr">html</span>: <span class="hljs-string">'&lt;img src="http://microformats.org/favicon.ico"&gt; hCards: &lt;span id="hcard-count"&gt;0&lt;/span&gt;'</span>,
  <span class="hljs-attr">onReady</span>: <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">jetpackWidget</span>) </span>{
    <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">counthCard</span>(<span class="hljs-params"></span>)</span>{
      <span class="hljs-comment">//load HTML</span>
      <span class="hljs-keyword">var</span> doc = jetpack.tabs.focused.contentDocument;
      <span class="hljs-comment">// count microformats</span>
      <span class="hljs-keyword">var</span> uFcount = Microformats.count(<span class="hljs-string">'hCard'</span>, doc);
      <span class="hljs-keyword">if</span> (uFcount &gt; <span class="hljs-number">0</span>) {
        $(jetpackWidget).find(<span class="hljs-string">'#hcard-count'</span>).html(uFcount);
      }
    }
    jetpack.tabs.onFocus(counthCard);
  }
});</code></span></pre>


<p>Mal schaun ob mir demnächst noch etwas sinnvolleres Einfällt 😉</p>
<p>Hey there, RSS reader! You’re one of a special few, choosing this old-school yet awesome way of staying informed. Kudos!</p>]]></content:encoded>
					
					<wfw:commentRss>https://notiz.blog/2009/06/05/mozilla-jetpack-und-microformats/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
			</item>
	</channel>
</rss>
