CINXE.COM

<!DOCTYPE html>   <html class="no-js" lang="en"> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("http://hising.net:80/","20121216044448","https://web.archive.org/","web","/_static/", "1355633088"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />  <meta charset="utf-8"> <title>Mattias Hising - Product and Web Developer</title> <meta name="author" content="Mattias"> <meta name="description" content="I have had problem with my SASS-styles not being compiled automatically when I change a partial file, so first I got help from @chriseppstein, Sass …">  <meta name="HandheldFriendly" content="True"> <meta name="MobileOptimized" content="320"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="canonical" href="https://web.archive.org/web/20121216044448/http://hising.net/index.html"> <link href="/web/20121216044448im_/http://hising.net/favicon.png" rel="icon"> <link href="/web/20121216044448cs_/http://hising.net/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css"> <script src="/web/20121216044448js_/http://hising.net/javascripts/modernizr-2.0.js"></script> <script src="/web/20121216044448js_/http://hising.net/javascripts/ender.js"></script> <script src="/web/20121216044448js_/http://hising.net/javascripts/octopress.js" type="text/javascript"></script> <link href="/web/20121216044448/http://hising.net/atom.xml" rel="alternate" title="Mattias Hising - Product and Web Developer" type="application/atom+xml">  <link href="https://web.archive.org/web/20121216044448cs_/http://fonts.googleapis.com/css?family=PT+Serif:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css"> <link href="https://web.archive.org/web/20121216044448cs_/http://fonts.googleapis.com/css?family=PT+Sans:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css"> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-186744-31']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://web.archive.org/web/20121216044448/https://ssl' : 'https://web.archive.org/web/20121216044448/http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> </head> <body> <header role="banner"><hgroup> <h1><a href="/web/20121216044448/http://hising.net/">Mattias Hising - Product and Web Developer</a></h1> <h2>How to build profitable high performance web products that user loves</h2> </hgroup> </header> <nav role="navigation"><ul class="subscription" data-subscription="rss"> <li><a href="/web/20121216044448/http://hising.net/atom.xml" rel="subscribe-rss" title="subscribe via RSS">RSS</a></li> </ul> <form action="https://web.archive.org/web/20121216044448/http://google.com/search" method="get"> <fieldset role="search"> <input type="hidden" name="q" value="site:hising.net"/> <input class="search" type="text" name="q" results="0" placeholder="Search"/> </fieldset> </form> <ul class="main-navigation"> <li><a href="/web/20121216044448/http://hising.net/">Blog</a></li> <li><a href="/web/20121216044448/http://hising.net/blog/archives">Archives</a></li> </ul> </nav> <div id="main"> <div id="content"> <div class="blog-index"> <article> <header> <h1 class="entry-title"><a href="/web/20121216044448/http://hising.net/2011/11/fixing-sass-watch-on-os-x-lion.html">Fixing SASS –watch on OS X Lion</a></h1> <p class="meta"> <time datetime="2011-11-12T09:51:23+01:00" pubdate data-updated="true">Nov 12<span>th</span>, 2011</time> </p> </header> <div class="entry-content"><p>I have had problem with my <a href="https://web.archive.org/web/20121216044448/http://sass-lang.com/">SASS</a>-styles not being compiled automatically when I change a partial file, so first I got help from <a href="https://web.archive.org/web/20121216044448/http://twitter.com/#!/chriseppstein">@chriseppstein</a>, Sass Core Developer via Twitter suggesting I should watch the directory instead of the file. Then I ran into this:</p> <pre><code><code>sass --watch public_html/css >>> Sass is watching for changes. Press Ctrl-C to stop. overwrite public_html/css/style.css /Library/[...]/fsevents.rb:27: [BUG] Segmentation fault ruby 1.8.7 (2010-01-10 patchlevel 249) [universal-darwin11.0] </code> </code></pre> <p>@chriseppstein suggested I try to reinstall fsevents, I did not get that to work so I searched some more, and found <a href="https://web.archive.org/web/20121216044448/http://miekd.com/articles/how-to-make-sass-not-crash-on-lion/">this resource</a> suggesting running this command:</p> <pre><code><code> gem install fssm </code> </code></pre> <p>When that has finished and you start watching a folder you get promted to:</p> <pre><code><code> FSSM -> An optimized backend is available for this platform! FSSM -> gem install rb-fsevent </code> </code></pre> <p>So, just do what you are told</p> <pre><code><code> gem install rb-fsevent </code> </code></pre> <p>Now it works. Thanks for helping. Just putting this down for people experience the same issues (and myself when I have forgot the solution)</p> </div> </article> <article> <header> <h1 class="entry-title"><a href="/web/20121216044448/http://hising.net/2011/11/mumrik-2-work-has-started.html">Mumrik 2 - Work Has Started</a></h1> <p class="meta"> <time datetime="2011-11-04T18:37:30+01:00" pubdate data-updated="true">Nov 4<span>th</span>, 2011</time> </p> </header> <div class="entry-content"><p>For a long time (2 years+) I have had the intention to start working on Mumrik 2, a web framework and Wordpress theme aiming at getting a good looking web up quickly. Today I started working on it. It will be a web framework mainly and the wordpress theme will be based on the framework. If you are interested, make sure you follow the project on Github:</p> <p><a href="https://web.archive.org/web/20121216044448/https://github.com/hising/m2">https://github.com/hising/m2</a></p> <p>Mumrik 2 is a follow-up to my old <a href="https://web.archive.org/web/20121216044448/http://wordpress.org/extend/themes/mumrik">Wordpress theme named Mumrik</a></p> </div> </article> <article> <header> <h1 class="entry-title"><a href="/web/20121216044448/http://hising.net/2011/06/if-developers-were-to-try-a-real-job-carpenter.html">If Developers Were to Try a Real Job - Carpenter</a></h1> <p class="meta"> <time datetime="2011-06-07T07:41:15+02:00" pubdate data-updated="true">Jun 7<span>th</span>, 2011</time> </p> </header> <div class="entry-content"><p>“How many hours do you need to build this interior wall, it is 2.40 x 5 meters. Just a standard wall with 2-by-4 studs and covered with plasterboard?”</p> <p>“I don’t like plasterboards, I try to solve the wall problems with plain particleboard.”</p> <p>“OK, good for you, but back to reality, I want a 2.40 x 5 meter interior wall with plasterboard. Can you do it?”</p> <p>“Of course I can, but I wont, only idiots use plasterboard.”</p> <p>“OK, why is that?”</p> <p>“Plasterboard was invented 1938 as a solution to another problem, and it has come to my attention that it is not perfect in all conditions. You must use another solution in order to create a better quality. That is why I use glue and particleboard on steel studs. It is the smartest and best solution.”</p> <p>“But that was not what I wanted.”</p> <p>“You want wrong”</p> <p>“No, I WANT A 2.40 x 5 meter interior wall with tree 2-by-4 studs and plasticboard, because that is the freaking standard!”</p> <p>“Standards are compromizes, I DO NOT COMPROMIZE.”</p> <p>“So, you cant do it?”</p> <p>“I wont do it.”</p> <p>“You cant”</p> <p>“I can, but I suggest you go to India, hrrm, sorry Poland because they just build what you want with high skills and quality at a good price. If you want something expensive and not what you expected, please call me.”</p> </div> </article> <article> <header> <h1 class="entry-title"><a href="/web/20121216044448/http://hising.net/2011/04/action-is-the-killer-app.html">Action Is the Killer App</a></h1> <p class="meta"> <time datetime="2011-04-16T19:47:58+02:00" pubdate data-updated="true">Apr 16<span>th</span>, 2011</time> </p> </header> <div class="entry-content"><p>Everybody is looking for the killer app. Everyone wants the billion dollar idea, sell it to Google and sit back and just watch the money roll in. I got a question a couple a weeks ago on how much value I would be able to generate as a developer if I got to work 100% on developing new stuff together with one of the best guys in the industry. I have not worked for more than 4 hours focused the last couple of years due to enterprise architecture, meetings and family. My answer was:</p> <blockquote><p>If I get to work on something 100% for three months with skilled people I am sure I will be able to create a new religion.</p></blockquote> <p>It felt so absurd. Once when time was an infinite factor action was just something that came along. Now when time is finite and is competed for, a timespan such as three months is just absurd.</p> <p>Whether you have 4 hours a week to focus or three months, there is only one hidden secret for creating great value and moving towards the billion dollar idea. Action. There are probably 1000 reasons for not being able to deliver the idea you have. Below I have listed a few, just to show that it is all about mindset. Dont take the items to serious, they are just examples of the 1000 reasons people use in order to not get things done.</p> <ul> <li><p><strong>I need a designer!</strong> - Solution: Call one and give him/her percentage on the product if you dont have any money</p></li> <li><p><strong>The pricing model is not set yet</strong> - Solution: Pricing and income should not be the key elements for building a product from the beginning, user expectations and experience should. Go with the first pricing model you have in mind, if you dont have one in mind, start without.</p></li> <li><p><strong>There may be legal problems with the product</strong> - Solution: Yep, there may be, do your best to find out, start, this will only be a problem if usage picks up, then you can hire people for this, of course you should avoid things that are illegal to start with, like selling drugs, offer online poker to americans or similiar.</p></li> <li><p><strong>There may be scaling issues if we get 100,000 users</strong> - Solution: If you have 100,000 users that is a good thing, fix it when you have 100,000 users, IF it is a problem (choose your tech solution wisely)</p></li> <li><p><strong>I will only be able to support payments in USD, I would like to offer a solution that works for all</strong> - Solution: Offer only payments in USD, prioritize other currencies in your product backlog after launch</p></li> <li><p><strong>I need to get me a computer with Windows XP and Internet Explorer and test that everything works</strong> - Solution: Do it or use your users. There are a lot of users using Internet Explorer, they will contact you if stuff doesn’t work, or be a pioneer and dont give a f**k about user of IE8 and below. You should build the product according to some development principle such as accessible, mobile first, graceful degradation or progressive enhancement, so this shouldnt be a big problem.</p></li> <li><p><strong>I have written inline styles, inline scripts and run business code in the view</strong> - Solution: Hell yeah! The thing with products is that the user buys the product not the components it was built of. Forget it, or fix it when you have the time and money to fix it. Sometimes problem solving forces ugly solutions, hard fact, so forget it.</p></li> <li><p><strong>There are someone who does the same thing online already</strong> - Yeah, as there is only one brand of cereals or toothpaste. Do your thing, find your niche and execute it better than the competition.</p></li> </ul> <p>The important thing with the list is not the actual problems or the solutions, but the thing that there is always a way to move forward when you run into trouble. Think <strong>action</strong> and <strong>get things done</strong>. It is better to release a product that fails than not to release a product at all. You are not that smart that you can think it all out. Get it out there, let people feel it. If they dont like it, build something new. If you still believe in your product, keep building, but release often in order to be able to fail early. Sooner or later your product will be good, and if it is good you will gain users. The big problem is that a lot of people has to move away from the idea that the idea is the killer app, when it is action. Any idea is the killer application with action bundled into its implementation. Now go and build what you love and users will show their love.</p> </div> </article> <article> <header> <h1 class="entry-title"><a href="/web/20121216044448/http://hising.net/2011/03/you-cant-fight-youth.html">You Can’t Fight Youth</a></h1> <p class="meta"> <time datetime="2011-03-09T14:22:26+01:00" pubdate data-updated="true">Mar 9<span>th</span>, 2011</time> </p> </header> <div class="entry-content"><p>I am not old. If you ask my sons, they probably say I am though. A couple of days ago my oldest son said that when he is a grown up, me and my wife will be an old man and an old woman. True in it is simplicity of course and not so much to argue about. You can’t fight aging, it will happen whether you like it or not. You can’t fight death either, sooner or later it will occur and you have to leave it to your kids and their kids to make sure the wheels are still spinning. Why not start right away.</p> <p>When I started my walk towards where I am now I was young and thought that I was a pretty smart guy. I was 22, had just started studying at the University and thought that changing stuff was easy, it was all about heart, knowledge and wanting it. I set up some goals, goals that may sound stupid as hell for a 22 year old, those were:</p> <ol> <li><p>I am going to get married and have a family with kids</p></li> <li><p>I am going to build my own house</p></li> <li><p>I am going to have my own business</p></li> </ol> <p>I probably scared of a number of good-looking-20-somethings-potential-wifes communicating these goals after one or two beer too many. 2001 I fooled a woman who now is the mother of my two kids, married to me and live in the house I have built. Right now she is the one who pushes me when I want to quit on running my own business. It took me 15 years to accomplish these goals. Now I am setting three new goals, the big difference is youth. I am not as young anymore and I need that inspiring feeling that everything is possible. I think I am blessed with a lot of heart and focus, but to be honestly true, I am having tougher times now getting things done than I had 10 years ago. How to cure that? With the kids and age I have a different view of myself, I am not that smart as I thought I was 15 years ago, but I try to use my bits and pieces to do good, focus on the things I like and are somewhat talented in. I have realized a couple of things (sometimes the hard way):</p> <ul> <li><p>I cant fix everything by myself</p></li> <li><p>I try to be around people I like</p></li> <li><p>I try to work with smarter people than myself</p></li> <li><p>I try to do things I am good at differently from time-to-time</p></li> <li><p>I focus on stuff I can do something about</p></li> <li><p>I avoid things that burn me</p></li> <li><p>I do not lick frozen lamp posts</p></li> </ul> <p>I have hundreds of different business ideas. I know that ideas alone just sucks. You need to get them out there. You need to stop thinking and start building, otherwise it will all just be ideas. But what if there are 22-year-olds with the same ideas, better stamina, more risk taking tendency and new skills acquired by the life they have lived, which I have not. There are two options:</p> <ul> <li><p>Try to do a better job than the young, skilled and risk taking youth</p></li> <li><p>Join them or make them join you</p></li> </ul> <p>Stop thinking that your brilliant idea together with your long experience is superior to the idea of the younger and less experienced. It is not. But it may be one hell of an idea to go for together with younger minds.</p> <p>It is a rule so simple it is easy to forget. The young ones today will be the older ones tomorrow with a lot of experience. Why not join forces with these people giving them your excellent ideas and experience and get heart, inspiration and getting-things-done mentality in return. Lets face it, they are producing young people in numbers you simply can’t fight, it is impossible. Instead of fighting them, join them or make them join you and get fuel enough for you to finish the idea you have come to love.</p> <p>The moral of this story is that it is often a good idea to ally oneself with other people and how experienced you may be you will have a lot to learn from people with less experience. Nothing beats the heart and getting things done mentality from a 20-something. We dont see a lot of 40-years old starting riots. Sometimes it is very helpful to have someone starting the riot and enjoy the ride.</p> </div> </article> <article> <header> <h1 class="entry-title"><a href="/web/20121216044448/http://hising.net/2011/03/web-performance-django-cms-and-smileys.html">Web Performance, Django CMS and Smileys</a></h1> <p class="meta"> <time datetime="2011-03-03T20:51:18+01:00" pubdate data-updated="true">Mar 3<span>rd</span>, 2011</time> </p> </header> <div class="entry-content"><p>Below is some links I got today in my inbox after different discussions on Twitter (<a href="https://web.archive.org/web/20121216044448/http://twitter.com/hising">follow me on Twitter</a>). Putting them here for two reasons, first for myself, I may forget to read them otherwise, second, if any of you are interested in reading.</p> <ul> <li><p><a href="https://web.archive.org/web/20121216044448/http://www.webperformancetoday.com/2010/06/15/everything-you-wanted-to-know-about-web-performance/">Cheat Sheet: Everything you wanted to know about web performance but were afraid to ask</a></p></li> <li><p><a href="https://web.archive.org/web/20121216044448/http://mezzanine.jupo.org/">Mezzanine - Django CMS</a></p></li> <li><p><a href="https://web.archive.org/web/20121216044448/http://lifehacker.com/#!5574668/get-rid-of-the-smiley-j-problem-in-microsoft-office-applications">The mystic Smiley J</a></p></li> <li><p><a href="https://web.archive.org/web/20121216044448/https://docs.google.com/document/d/16KltSuXtoPLF42JC2HAPyDVbEsYiVyQAmreqZNBO23I/edit?hl=en&authkey=COTh6McP&ndplr=1&pli=1">Google are looking for a Graphic/Visual Designer</a></p></li> <li><p><a href="https://web.archive.org/web/20121216044448/http://events.apple.com.edgesuite.net/1103pijanbdvaaj/event/index.html">Keynote from the iPad 2 Event yesterday</a></p></li> </ul> <p>Hope to deliver more links tomorrow.</p> </div> </article> <article> <header> <h1 class="entry-title"><a href="/web/20121216044448/http://hising.net/2011/03/redirect-www-to-non-www-on-nginx.html">Redirect Www to Non-www on Nginx</a></h1> <p class="meta"> <time datetime="2011-03-02T07:21:19+01:00" pubdate data-updated="true">Mar 2<span>nd</span>, 2011</time> </p> </header> <div class="entry-content"><p>Logging this as a note for myself (and eventually someone else) so I dont forget it. Solves the problem of coexisting contexts www and non-www. With this all requests to www.* are redirected to * on the nginx webserver</p> <pre><code><code>server { listen 80; server_name www.domain.com domain.com; root /var/www/domain.com/public_html; index /index.html; if ($host = 'www.domain.com' ) { rewrite ^/(.*)$ http://domain.com/$1 permanent; } location / { #whatever } location ~ /\.ht { deny all; } }</code> </code></pre> <p>Update. <a href="https://web.archive.org/web/20121216044448/http://wiki.nginx.org/Pitfalls">According to Nginx</a> the above code is a common pitfall, and should instead read:</p> <pre><code><code>server { server_name www.domain.com; rewrite ^ $scheme://domain.com$request_uri redirect; } server { listen 80; server_name domain.com; root /var/www/domain.com/public_html; index /index.html; location / { #whatever } }</code> </code></pre> <blockquote><p>There are actually three problems here. The first being the if. That’s what we care about now. Why is this bad? Did you read <a href="https://web.archive.org/web/20121216044448/http://wiki.nginx.org/IfIsEvil">If is Evil</a>? When nginx receives a request no matter what is the subdomain being requested, be it www.domain.com or just the plain domain.com this if directive is always evaluated. Since you’re requesting nginx to check for the Host header for every request. It’s extremely inefficient. You should avoid it. Instead use two server directives like the example below.</p></blockquote> <p>Thanks to Johan as well who pointed me in this direction in his comments. However, if you use the first setup, I dont think you have to hurry to change it, it is almost certain of academic value on 90%+ of all nginx-setups.</p> </div> </article> <article> <header> <h1 class="entry-title"><a href="/web/20121216044448/http://hising.net/2011/02/my-upcoming-posts.html">My Upcoming Posts</a></h1> <p class="meta"> <time datetime="2011-02-28T21:08:36+01:00" pubdate data-updated="true">Feb 28<span>th</span>, 2011</time> </p> </header> <div class="entry-content"><p>Below you can find the upcoming blog posts on Frontendbook.com with a short excerpt for them. Please come with input if you find some of them more interesting than others.</p> <h3>jQuery Plugin Template</h3> <p>In this article I will show how easily you can write your own plugin template for jquery plugins. Having a template for this eases development and lets you get up to speed quickly. I will also share this template for Textmate so that you easily can use the best editor out there for writing your jQuery plugins.</p> <h3>Extend Google Analytics</h3> <p>In this post I will go into details on how you can extend Google Analytics to better suit your needs. We will look into custom reports, user types, tracking external links, tracking downloads and more. After reading this article you will be able to better track and analyze the behavior of your visitors.</p> <h3>Writing a SEO-friendly Widget</h3> <p>In this article we will go through the steps needed in order to setup a SEO-friendly widget. If someone is willing to put your content on their website, you should thank them, but you should also take the advantage to send some link-juice back to your site with the preferred keywords you are targeting. I show you how.</p> <h3>Piggybacking API-loading</h3> <p>Sometimes you will have to write some generic JavaScript code that can be used in a wide variety of environments, maybe on platforms not hosted by you (read our Writing a SEO-friendly Widget article) or maybe as script used in a plugin on some CMS or blogging platform. Of course you should make use of any of the nice libraries that exists (jQuery, Prototype, YUI, MooTools or Dojo) but at the same time, you should not distribute these libraries as a lot of websites already have them included, and if not better alternatives exists. I show you how.</p> <h3>The Zen of Internal Linking</h3> <p>Why is internal linking important? I see internal linking as way describing your content in a more dynamic and interactional type of pattern, adding usability to the user. Internal linking done right is very close to the first idea of hypertext or hyperlinking. Look at Wikipedia, they have taken internal linking to perfection. This article will discuss the philosophy and zen behind internal linking and discuss why and who users and search engines likes it.</p> </div> </article> <article> <header> <h1 class="entry-title"><a href="/web/20121216044448/http://hising.net/2011/02/how-to-get-started-on-html5.html">How to Get Started on HTML5</a></h1> <p class="meta"> <time datetime="2011-02-17T09:12:57+01:00" pubdate data-updated="true">Feb 17<span>th</span>, 2011</time> </p> </header> <div class="entry-content"><p><a href="https://web.archive.org/web/20121216044448/http://frontendbook.com/wp3/wp-content/uploads/2011/02/HTML5_sticker.png"><img src="https://web.archive.org/web/20121216044448im_/http://frontendbook.com/wp3/wp-content/uploads/2011/02/HTML5_sticker-300x150.png" alt=""/></a></p> <p>You all have read and heard about <strong>HTML5</strong> and how all this new beauty will change the world. Now is the time for web based applications. Some people even think HTML5 will make native desktop and mobile apps redundant as we will be able to build all our interfaces as web based applications with rich interfaces built on the features and new standards HTML5 offers. The trend is pretty straightforward, <strong>Google</strong> builds an OS on web technology, <strong>Facebook</strong> chooses HTML5 as its common future platform, pushes it as a game platform, <strong>PhoneGap</strong> lets you build web based applications in <strong>JavaScript</strong> and build and deploy them on a wide variety of mobile platforms, such as <strong>iOS</strong>, <strong>Android</strong>, <strong>WebOS</strong>, <strong>Blackberry</strong>, <strong>Symbian</strong>. In this post I try to collect some links and articles for you that makes it easier for you to get started on developing HTML5 based web apps. In the next post I will focus more on how to get started with CSS3 and the post after that will focus on the JavaScript parts of all these new standards available.</p> <h3>Introduction to HTML5 by Robert Nyman</h3> <p><a href="https://web.archive.org/web/20121216044448/http://twitter.com/robertnyman">Robert Nyman</a> has an thorough article on his blog about HTML5 with examples, pros and cons with the approach and code examples. Head over there and read <a href="https://web.archive.org/web/20121216044448/http://robertnyman.com/2009/10/14/an-introduction-to-html5/">An introduction to HTML5</a></p> <h3>HTML5 Demos and Examples</h3> <p>On <a href="https://web.archive.org/web/20121216044448/http://html5demos.com/">html5demos.com</a> by <a href="https://web.archive.org/web/20121216044448/http://twitter.com/rem">Remy Sharp</a> you find some code examples, table with supported features of HTML5 in different browsers and some experiments with HTML5. The code is Creative Commons and can be <a href="https://web.archive.org/web/20121216044448/https://github.com/remy/html5demos">forked on GitHub</a>.</p> <h3>Dive into HTML5</h3> <p>“<a href="https://web.archive.org/web/20121216044448/http://diveintohtml5.org/">Dive Into HTML5</a> seeks to elaborate on a hand-picked Selection of features from the HTML5 specification and other fine Standards”</p> <p>Dive into HTML5 is an online book by <a href="https://web.archive.org/web/20121216044448/http://twitter.com/diveintomark">Mark Pilgrim</a> where he goes into different bits and pieces of HTML5. He writes about stuff such as <a href="https://web.archive.org/web/20121216044448/http://diveintohtml5.org/detect.html">Detecting HTML5 features</a>, <a href="https://web.archive.org/web/20121216044448/http://diveintohtml5.org/canvas.html">Canvas Support</a> and <a href="https://web.archive.org/web/20121216044448/http://diveintohtml5.org/offline.html">Offline Support</a>. Recommended reading.</p> <h3>HTML5 Showcase by Apple</h3> <p>Apple has made some clear statements the last couple of years supporting HTML5 over proprietary software such as Flash from Adobe. Their top sellers iPhone and iPad does not support Flash and will rely on HTML5 for richer interfaces on web apps. They have set up a landing page where you can find <a href="https://web.archive.org/web/20121216044448/http://www.apple.com/html5/">HTML5 demos</a> that shows what Safari can do.</p> <h3>HTML5Rocks</h3> <p>Google has a website named <a href="https://web.archive.org/web/20121216044448/http://www.html5rocks.com/">HTML5Rocks</a> where they push the new standards as well. You can find a studio with examples of what can be done with these standards, a code playground where you can easily start playing with the code behind all this fancy magic. They also offer tutorials and and interactive presentation on HTML5. Feel free to <a href="https://web.archive.org/web/20121216044448/http://code.google.com/p/html5rocks/wiki/ContributorsGuide">contribute code to the project</a> to show off how HTML5 rocks.</p> <h3>HTML5 Boilerplate</h3> <p>When you just want to start building stuff that works in all major browsers there are some stuff that needs to be set up, a lot of boilerplate code, lucky enough <a href="https://web.archive.org/web/20121216044448/http://twitter.com/paul_irish">Paul Irish</a> and <a href="https://web.archive.org/web/20121216044448/http://twitter.com/nimbuin">Divya Manian</a> already did that for you. From time to time I use <a href="https://web.archive.org/web/20121216044448/http://html5boilerplate.com/">the HTML5 Boilerplate template</a> for getting HTML5-frontends up quick. It is also available <a href="https://web.archive.org/web/20121216044448/https://github.com/paulirish/html5-boilerplate">directly from GitHub</a>.</p> <h3>Introduction to HTML5 by Mozilla</h3> <p>On MDN there is <a href="https://web.archive.org/web/20121216044448/https://developer.mozilla.org/en/HTML/HTML5">a list of links to different HTML5 articles</a> covering different parts of the new standards and features that build up HTML5.</p> <h3>Chrome Experiments</h3> <p>Another Google product, focusing on what can be done with JavaScript and tools such as WebGL is <a href="https://web.archive.org/web/20121216044448/http://www.chromeexperiments.com/">Chrome Experiments - Not your mother’s JavaScript</a>. It is user-driven and they describe the project in this way:</p> <blockquote><p>Chrome Experiments is a showcase for creative web experiments, the vast majority of which are built with the latest open technologies, including HTML5, Canvas, SVG, and WebGL. All of them were made and submitted by talented artists and programmers from around the world.</p></blockquote> <h3>Internet Explorer Test Drive</h3> <p>With Internet Explorer 9 Microsoft finally delivers a browser that more or less supports the standards web developers and designers would like to use in order to utilize the web as it was intended. Microsoft has released a<a href="https://web.archive.org/web/20121216044448/http://msdn.microsoft.com/en-us/ie/ff468705.aspx"> Internet Explorer 9 Developer Guide</a> and a page for <a href="https://web.archive.org/web/20121216044448/http://ie.microsoft.com/testdrive/">HTML5 Demos</a> that show off the new browsers capabilities.</p> <h3>Acid3 Browser Test</h3> <p><a href="https://web.archive.org/web/20121216044448/http://acid3.acidtests.org/">Test how well the different browsers support a subset of the standards</a> available for web developers and designers. Primarily Acid3 is for web browser vendors to ensure that their browsers match a set of features that enable a richer and better web.</p> </div> </article> <article> <header> <h1 class="entry-title"><a href="/web/20121216044448/http://hising.net/2011/02/my-thoughts-on-apple-subscriptions.html">My Thoughts on Apple Subscriptions</a></h1> <p class="meta"> <time datetime="2011-02-16T14:23:20+01:00" pubdate data-updated="true">Feb 16<span>th</span>, 2011</time> </p> </header> <div class="entry-content"><p><a href="https://web.archive.org/web/20121216044448/http://frontendbook.com/wp3/wp-content/uploads/2011/02/fat-banker.jpg"><img src="https://web.archive.org/web/20121216044448im_/http://frontendbook.com/wp3/wp-content/uploads/2011/02/fat-banker-229x300.jpg" alt=""/></a></p> <p>I have just read the <a href="https://web.archive.org/web/20121216044448/http://www.apple.com/pr/library/2011/02/15appstore.html">official statement about subscription plans</a> in app store from Apple. On top of that I have had an interesting discussion today on Twitter with <a href="https://web.archive.org/web/20121216044448/http://twitter.com/nollbit">@nollbit</a>, <a href="https://web.archive.org/web/20121216044448/http://twitter.com/sinex">@sinex</a>, <a href="https://web.archive.org/web/20121216044448/http://twitter.com/baskillen">@baskillen</a> and <a href="https://web.archive.org/web/20121216044448/http://twitter.com/jbripley">@jbripley</a> (all smart guys you should follow) about whether or not this is a good or a bad thing. From what I have read and heard almost everyone thinks it is a bad idea, I on the other hand think that it is a natural step for mazimizing revenue from its application publishing platform. It is quite easy to figure out the arguments against giving Apple 30% on all in-app subscriptions. This has nothing to do with doing good, doing bad or doing no evil. This is pure business and as such Apple is of course tuning all the different revenue streams. After all, why wouldn’t Apple take a fee on all transactions made in their ecosystem, transactions that would not have been made if the Apple app store had not exist.</p> <p>It is not hard to figure out how this change came about. With more and more subscription based apps, free of charge for download in the App store but with premium content available in-app, Apple saw that they offered a market place more or less free of charge if the publisher used their own in-app payment solutions. That is of course a good thing for the publisher, and I am pretty sure that the ones crying out loudest about this change is the ones with their own payment solution.</p> <p>If someone offers a market with millions of daily transactions, the same someone will wanna get payed for handing publishers that system. You might argue that the publisher payed for the iOS Development Program and the user for the iPhone but compared to the revenue streams that Wired, Amazon, Netflix and Sony could generate, the fees are nothing compared to what a revenue share will generate for Apple. Of course, one could argue about the right share for Apple, 30% is pretty high, especially for products that totally rely on incomes from iPhone and subscriptions. One could also argue that having that relationship with one big platform is unhealthy for business, it is not a good thing to rely on revenue streams from one source.</p> <p>My prediction is that all publishers will adapt since there are no marketplace today that offer the same liquidity of paying customers. In two or three weeks we will see apps that climbs high in the top lists that use Apples subscription payments in a smart way. I am pretty sure that this is nothing that Steve Jobs pulled without a second thought, it has nothing to do with monopolizing, since the publishers has the right to leave the marketplace, it is all about monetizing on the user base Apple has managed to put together via hardware, software and revenue sharing. There will always be people who shouts that it should be up to the publisher to decide how he/she handles payments. The thing is that it still is! If you do not like what is on TV, please change the channel or shut down the TV. If you think VISA stores too much information about your payments, stop paying with VISA, if you think that CIA stores too much information about your behaviors online, stop using online services. Everything comes with a price, and there are no such things as companies that do no evil, they are all in it for the money. And I would recommend you all to think what the price is to have a free marketplace with open payment solutions on an application market handled by the worlds largest ad network. The greatest trick the Devil pulled was that he did not exist.</p> </div> </article> <div class="pagination"> <a class="prev" href="/web/20121216044448/http://hising.net/blog/page/2/">← Older</a> <a href="/web/20121216044448/http://hising.net/blog/archives">Blog Archives</a> </div> </div> <aside class="sidebar"> <section> <h1>About</h1> <p>I run my own business, <a href="https://web.archive.org/web/20121216044448/http://ridgestreet.com/">80 Ridge Street Media</a> (<a href="https://web.archive.org/web/20121216044448/http://ridgestreet.se/">Svenska</a>). I build profitable web products. I am available for consulting in User Experience, JavaScript, Python, Product Management and Web Performance Tuning. Send me an email at <a href="https://web.archive.org/web/20121216044448/mailto:mattias@rdg.st">mattias@rdg.st</a> if you are interested in discussing consultant gigs.</p> </section> <section> <h1>Recent Posts</h1> <ul id="recent_posts"> <li class="post"> <a href="/web/20121216044448/http://hising.net/2011/11/fixing-sass-watch-on-os-x-lion.html">Fixing SASS –watch on OS X Lion</a> </li> <li class="post"> <a href="/web/20121216044448/http://hising.net/2011/11/mumrik-2-work-has-started.html">Mumrik 2 - Work has started</a> </li> <li class="post"> <a href="/web/20121216044448/http://hising.net/2011/06/if-developers-were-to-try-a-real-job-carpenter.html">If Developers Were To Try a Real Job - Carpenter</a> </li> <li class="post"> <a href="/web/20121216044448/http://hising.net/2011/04/action-is-the-killer-app.html">Action is the Killer App</a> </li> <li class="post"> <a href="/web/20121216044448/http://hising.net/2011/03/you-cant-fight-youth.html">You Can’t Fight Youth</a> </li> <li class="post"> <a href="/web/20121216044448/http://hising.net/2011/03/web-performance-django-cms-and-smileys.html">Web Performance, Django CMS and Smileys</a> </li> <li class="post"> <a href="/web/20121216044448/http://hising.net/2011/03/redirect-www-to-non-www-on-nginx.html">Redirect www to non-www on nginx</a> </li> <li class="post"> <a href="/web/20121216044448/http://hising.net/2011/02/my-upcoming-posts.html">My Upcoming Posts</a> </li> <li class="post"> <a href="/web/20121216044448/http://hising.net/2011/02/how-to-get-started-on-html5.html">How to get started on HTML5</a> </li> <li class="post"> <a href="/web/20121216044448/http://hising.net/2011/02/my-thoughts-on-apple-subscriptions.html">My Thoughts on Apple Subscriptions</a> </li> </ul> </section> <section> <h1>GitHub Repos</h1> <ul id="gh_repos"> <li class="loading">Status updating…</li> </ul> <a href="https://web.archive.org/web/20121216044448/https://github.com/hising">@hising</a> on GitHub <script type="text/javascript"> $.domReady(function(){ if (!window.jXHR){ var jxhr = document.createElement('script'); jxhr.type = 'text/javascript'; jxhr.src = '/javascripts/libs/jXHR.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(jxhr, s); } github.showRepos({ user: 'hising', count: 0, skip_forks: true, target: '#gh_repos' }); }); </script> <script src="/web/20121216044448js_/http://hising.net/javascripts/github.js" type="text/javascript"> </script> </section> <section> <h1>Latest Tweets</h1> <ul id="tweets"> <li class="loading">Status updating…</li> </ul> <script type="text/javascript"> $.domReady(function(){ getTwitterFeed("hising", 4, false); }); </script> <script src="/web/20121216044448js_/http://hising.net/javascripts/twitter.js" type="text/javascript"> </script> <a href="https://web.archive.org/web/20121216044448/http://twitter.com/hising" class="twitter-follow-button" data-show-count="true">Follow @hising</a> </section> <section class="googleplus"> <h1> <a href="https://web.archive.org/web/20121216044448/https://plus.google.com/108159897663209173007?rel=author"> <img src="https://web.archive.org/web/20121216044448im_/http://www.google.com/images/icons/ui/gprofile_button-32.png" width="32" height="32"> Google+ </a> </h1> </section> </aside> </div> </div> <footer role="contentinfo"><p> Copyright © 2012 - Mattias - <span class="credit">Powered by <a href="https://web.archive.org/web/20121216044448/http://octopress.org/">Octopress</a></span> </p> </footer> <script type="text/javascript"> var disqus_shortname = 'hising'; var disqus_script = 'count.js'; (function () { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true; dsq.src = 'http://' + disqus_shortname + '.disqus.com/' + disqus_script; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); }()); </script> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "//web.archive.org/web/20121216044448/http://connect.facebook.net/en_US/all.js#appId=212934732101925&xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <script type="text/javascript"> (function() { var script = document.createElement('script'); script.type = 'text/javascript'; script.async = true; script.src = 'https://web.archive.org/web/20121216044448/https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(script, s); })(); </script> <script type="text/javascript"> (function(){ var twitterWidgets = document.createElement('script'); twitterWidgets.type = 'text/javascript'; twitterWidgets.async = true; twitterWidgets.src = 'https://web.archive.org/web/20121216044448/http://platform.twitter.com/widgets.js'; document.getElementsByTagName('head')[0].appendChild(twitterWidgets); })(); </script> </body> </html>