Permalink
Browse files

New post on chrome web store install notification

New blog post.
CSS font changes.
  • Loading branch information...
andregoncalves committed Jul 19, 2011
1 parent c19b6d8 commit 83aa152976303ba1fc844911aab11e0e1d7a2c6d
@@ -28,15 +28,15 @@
<div id="container">
<header>
- <h1>ANDRÉ GONÇALVES</h1>
+ <h1 class="title">ANDRÉ GONÇALVES</h1>
<p>Web developer and founder @ questionform.com</p>
</header>
<div id="main" role="main">
<aside id="sidebar">
<h2 class="first">WORK</h2>
<p>
- I may be available to work on your awesome projects, <a href="mailto:andre@questionform.com">email</a> or <a href="callto:andre.c.goncalves">call me</a> to discuss.
+ I may be available to work on your projects, <a href="mailto:andre@questionform.com">email</a> or <a href="callto:andre.c.goncalves">call me</a> to discuss.
</p>
<h2>PROJECTS</h2>
<ul>
@@ -71,13 +71,15 @@ <h2>FIND ME</h2>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script>!window.jQuery && document.write(unescape('%3Cscript src="js/lib/jquery-1.6.2.min.js"%3E%3C/script%3E'))</script>
<script src="/js/application.js"></script>
+
<!-- ANALYTICS -->
<script>
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
g.src=("https:"==location.protocol?"//ssl":"//www")+".google-analytics.com/ga.js";
s.parentNode.insertBefore(g,s)}(document,"script"));
</script>
<!-- END:ANALYTICS -->
+
<!--[if lt IE 8 ]>
<script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
<script>window.attachEvent("onload",function(){CFInstall.check({mode:"overlay"})})</script>
@@ -0,0 +1,24 @@
+---
+layout: post
+title: "Chrome Web Store Install Notification"
+---
+
+"Mappeo.net":http://mappeo.net, a geographic video search app, is one of my lab projects and I use it to try new techniques and technologies. Recently and to familiarize myself with the Google Chrome Web Store publishing process, I built a "packaged":http://code.google.com/chrome/extensions/apps.html version of mappeo and published on the "Web Store":https://chrome.google.com/webstore/detail/lnempicjilmahngopecohbcbldlijkib.
+
+Many Chrome Web Store apps are also available outside the store (like mappeo), and like me, you may want to notify visiting Chrome users that an optimized Chrome app is available.
+Inspired by "Jolicloud":http://www.jolicloud.com and Paul Kinlan's "badgemator":https://github.com/PaulKinlan/badgemator, I created a javascript library to display an animated notification like the one below.
+
+!http://mappeo.net/images/chrome-install-bar.png(Chrome Notification Bar)!
+
+The install button redirects the user to the Web Store "install page":https://chrome.google.com/webstore/detail/lnempicjilmahngopecohbcbldlijkib for your app.
+There's also a nice CSS3 animation, visit "mappeo.net":http://mappeo.net with Chrome to check it out.
+
+The <em><code>window.chrome.app</code></em> object is very handy to make sure we're not showing the notification if the app is already running. Also, to prevent the notification bar reappearing for returning visitors, a cookie is used to save state.
+
+<script src="https://gist.github.com/1090424.js"> </script>
+
+The library is small, has no dependencies and you can download it from the "github repository":https://github.com/andregoncalves/chrome-webstore-install-notification (MIT license).
+
+---
+
+<small><a href="http://twitter.com/andregoncalves">@andregoncalves</a></small>
View
@@ -1,5 +1,6 @@
+var _gaq = _gaq || [];
+
$(document).ready(function() {
- var _gaq = _gaq || [];
_gaq.push(['_setAccount', "UA-212686-7"]);
_gaq.push(['_trackPageview']);
_gaq.push(['_trackPageLoadTime']);
@@ -19,6 +20,4 @@ $(document).ready(function() {
_gaq.push(['_trackSocial', 'twitter', 'tweet', targetUrl]);
}
});
-
-
});

0 comments on commit 83aa152

Please sign in to comment.