CINXE.COM

<!DOCTYPE html> <html dir="ltr" lang="en-US"> <head><script type="text/javascript" src="https://web-static.archive.org/_static/js/bundle-playback.js?v=7YQSqjSh" charset="utf-8"></script> <script type="text/javascript" src="https://web-static.archive.org/_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="https://web-static.archive.org/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("http://frontendbook.com/","20110716210421","https://web.archive.org/","web","https://web-static.archive.org/_static/", "1310850261"); </script> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/banner-styles.css?v=p7PEIJWi" /> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/iconochive.css?v=3PDvdIFv" />  <meta charset="UTF-8"/> <title>UX, Product and Web Development Blog by Mattias Hising | Frontendbook.com</title> <link href="https://web.archive.org/web/20110716210421cs_/http://fonts.googleapis.com/css?family=Droid+Serif:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css"/> <link href="https://web.archive.org/web/20110716210421cs_/http://fonts.googleapis.com/css?family=Carter+One:regular" rel="stylesheet" type="text/css"> <link rel="profile" href="http://gmpg.org/xfn/11"/> <link rel="stylesheet" type="text/css" media="all" href="https://web.archive.org/web/20110716210421cs_/http://frontendbook.com/wp3/wp-content/themes/twentyten/style.css"/> <link rel="pingback" href="http://frontendbook.com/wp3/xmlrpc.php"/> <link rel="alternate" type="application/rss+xml" title="frontendbook » Feed" href="https://web.archive.org/web/20110716210421/http://frontendbook.com/feed"/> <link rel="alternate" type="application/rss+xml" title="frontendbook » Comments Feed" href="https://web.archive.org/web/20110716210421/http://frontendbook.com/comments/feed"/> <script type="text/javascript" src="https://web.archive.org/web/20110716210421js_/http://frontendbook.com/wp3/wp-includes/js/jquery/jquery.js?ver=1.4.2"></script> <script type="text/javascript" src="https://web.archive.org/web/20110716210421js_/http://frontendbook.com/wp3/wp-content/plugins/google-analyticator/external-tracking.min.js?ver=6.1"></script> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://frontendbook.com/wp3/xmlrpc.php?rsd"/> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://frontendbook.com/wp3/wp-includes/wlwmanifest.xml"/> <link rel="index" title="frontendbook" href="http://frontendbook.com"/> <meta name="generator" content="WordPress 3.0-beta2"/>  <meta name="keywords" content="action,gtd,thoughts,cms,django,google,ipad 2,performance tuning,configuration,nginx,api,blog,google analytics,internal linking,javascript,jquery,seo,android,blackberry,chrome,css3,facebook,html5,internet explorer,ios,ipad,iphone,mdn,phonegap,safari,symbian,webos,app store,fear,freelance,salary,plugin"/> <link rel="canonical" href="https://web.archive.org/web/20110716210421/http://frontendbook.com/"/>  <meta property="og:site_name" content="Frontendbook.com"/> <meta property="og:type" content="blog"/> <meta property="fb:app_id" content="419185642424"/> <meta property="og:title" content="UX, Mobile, Web and Product Development"/> <meta property="og:url" content="https://web.archive.org/web/20110716210421/http://frontendbook.com/"/> <meta property="og:image" content="https://web.archive.org/web/20110716210421im_/http://frontendbook.com/wp3/wp-content/uploads/2010/05/cropped-bocker.jpg"/>  <script type="text/javascript">var AKPC_IDS = "";</script>  <script type="text/javascript"> var analyticsFileTypes = ['']; var analyticsEventTracking = 'enabled'; </script> <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/20110716210421/https://ssl' : 'https://web.archive.org/web/20110716210421/http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <script type="text/javascript" charset="utf-8" src="/web/20110716210421js_/http://frontendbook.com/js/feb.js"></script> </head> <body class="home blog"> <div id="wrapper" class="hfeed"> <div id="header"> <div id="masthead"> <div id="branding"> <h1 id="site-title"><span><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/" title="frontendbook" rel="home">frontendbook</a></span></h1> <div id="site-description">UX, Mobile, Web and Product Development</div> <img src="https://web.archive.org/web/20110716210421im_/http://frontendbook.com/wp3/wp-content/uploads/2010/05/cropped-bocker.jpg" width="940" height="198" alt=""/> </div> <div id="access"> <div class="skip-link screen-reader-text"><a href="#content" title="Skip to content">Skip to content</a></div> <div class="menu"><ul><li class="current_page_item"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/" title="Home">Home</a></li><li class="page_item page-item-149"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/wordpress" title="WordPress">WordPress</a><ul><li class="page_item page-item-285"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/wordpress/mumrik-wordpress-theme" title="Mumrik WordPress Theme">Mumrik WordPress Theme</a></li><li class="page_item page-item-284"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/wordpress/neewee-wordpress-theme" title="NeeWee Wordpress Theme">NeeWee Wordpress Theme</a></li><li class="page_item page-item-152"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/wordpress/plugins" title="Plugins">Plugins</a><ul><li class="page_item page-item-228"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/wordpress/plugins/wp-json" title="WP-JSON">WP-JSON</a></li></ul></li><li class="page_item page-item-151"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/wordpress/themes" title="Themes">Themes</a><ul><li class="page_item page-item-73"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/wordpress/themes/mumrik" title="Mumrik WordPress Theme">Mumrik WordPress Theme</a></li><li class="page_item page-item-155"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/wordpress/themes/neewee" title="NeeWee">NeeWee</a></li></ul></li></ul></li><li class="page_item page-item-13"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/about-2" title="About">About</a><ul><li class="page_item page-item-338"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/about-2/subscribe" title="Subscribe">Subscribe</a></li><li class="page_item page-item-178"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/about-2/write-for-us" title="Write for Us">Write for Us</a></li><li class="page_item page-item-71"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/about-2/contact" title="Contact">Contact</a></li></ul></li></ul></div> </div> </div> </div> <div id="main"> <div id="container"> <div id="content"> <div id="nav-above" class="navigation"> <div class="nav-previous"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/page/2"><span class="meta-nav">←</span> Older posts</a></div> <div class="nav-next"></div> </div> <div id="post-535" class="post-535 post type-post hentry category-web-development"> <h2 class="entry-title"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/if-developers-were-to-try-a-real-job-carpenter" title="Permalink to If Developers Were To Try a Real Job – Carpenter" rel="bookmark">If Developers Were To Try a Real Job – Carpenter</a></h2> <div class="entry-meta"> <span class="meta-prep meta-prep-author">Posted on </span><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/if-developers-were-to-try-a-real-job-carpenter" title="7:41 am" rel="bookmark"><span class="entry-date">June 7, 2011</span></a> <span class="meta-sep"> by </span> <span class="author vcard"><a class="url fn n" href="https://web.archive.org/web/20110716210421/http://frontendbook.com/author/mattias/" title="View all posts by mattias">mattias</a></span> </div> <div class="entry-content"> <div class="message"> <fieldset> <h3>Welcome!</h3> <p>It looks like it is the first time here. Make sure you dont miss out on these posts:</p> <ul> <li><a href="/web/20110716210421/http://frontendbook.com/search-still-the-next-killer-application">Search is Still the Next Killer App</a<> <li><a href="/web/20110716210421/http://frontendbook.com/evolutionary-or-revolutionary-product-development">Evolutionary or Revolutionary Product Development</a></li> <li><a href="/web/20110716210421/http://frontendbook.com/you-know-you-are-doing-things-right-when">You Know You Are Doing Things Right When…</a></li> <li><a href="/web/20110716210421/http://frontendbook.com/you-know-you-are-doing-it-wrong-when">You know you are doing it wrong when …</a></li> </ul> </fieldset> <p>Make sure you <a href="https://web.archive.org/web/20110716210421/http://twitter.com/hising">follow me on Twitter</a>.</p> </div><div id="_mcePaste">“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?”</div> <div></div> <div id="_mcePaste">“I don’t like plasterboards, I try to solve the wall problems with plain particleboard.”</div> <div></div> <div id="_mcePaste">“OK, good for you, but back to reality, I want a 2.40 x 5 meter interior wall with plasterboard. Can you do it?”</div> <div id="_mcePaste">“Of course I can, but I wont, only idiots use plasterboard.”</div> <div></div> <div id="_mcePaste">“OK, why is that?”</div> <div></div> <div id="_mcePaste">“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.”</div> <div></div> <div id="_mcePaste">“But that was not what I wanted.”</div> <div></div> <div id="_mcePaste">“You want wrong”</div> <div></div> <div id="_mcePaste">“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!”</div> <div></div> <div id="_mcePaste">“Standards are compromizes, I DO NOT COMPROMIZE.”</div> <div></div> <div id="_mcePaste">“So, you cant do it?”</div> <div></div> <div id="_mcePaste">“I wont do it.”</div> <div></div> <div id="_mcePaste">“You cant”</div> <div></div> <div id="_mcePaste">“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.”</div> <script type="text/javascript">AKPC_IDS += "535,";</script> </div> <div class="entry-utility"> <span class="cat-links"><span class="entry-utility-prep entry-utility-prep-cat-links">Posted in </span><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/category/web-development" title="View all posts in Web Development" rel="category tag">Web Development</a></span> <span class="meta-sep"> | </span> <span class="comments-link"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/if-developers-were-to-try-a-real-job-carpenter#comments" title="Comment on If Developers Were To Try a Real Job – Carpenter">1 Comment</a></span> </div> </div> <div id="post-524" class="post-524 post type-post hentry category-product-management category-user-experience category-web-development tag-action tag-gtd"> <h2 class="entry-title"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/action-is-the-killer-app" title="Permalink to Action is the Killer App" rel="bookmark">Action is the Killer App</a></h2> <div class="entry-meta"> <span class="meta-prep meta-prep-author">Posted on </span><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/action-is-the-killer-app" title="7:47 pm" rel="bookmark"><span class="entry-date">April 16, 2011</span></a> <span class="meta-sep"> by </span> <span class="author vcard"><a class="url fn n" href="https://web.archive.org/web/20110716210421/http://frontendbook.com/author/mattias/" title="View all posts by mattias">mattias</a></span> </div> <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><strong>I need a designer!</strong> – Solution: Call one and give him/her percentage on the product if you dont have any money</li> <li><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.</li> <li><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.</li> <li><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)</li> <li><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</li> <li><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.</li> <li><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.</li> <li><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.</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> <script type="text/javascript">AKPC_IDS += "524,";</script> </div> <div class="entry-utility"> <span class="cat-links"><span class="entry-utility-prep entry-utility-prep-cat-links">Posted in </span><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/category/product-management" title="View all posts in Product Management" rel="category tag">Product Management</a>, <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/category/user-experience" title="View all posts in User Experience" rel="category tag">User Experience</a>, <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/category/web-development" title="View all posts in Web Development" rel="category tag">Web Development</a></span> <span class="meta-sep"> | </span> <span class="tag-links"><span class="entry-utility-prep entry-utility-prep-tag-links">Tagged </span><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/action" rel="tag">action</a>, <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/gtd" rel="tag">gtd</a><span class="meta-sep"> | </span> <span class="comments-link"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/action-is-the-killer-app#comments" title="Comment on Action is the Killer App">1 Comment</a></span> </div> </div> <div id="post-520" class="post-520 post type-post hentry category-life tag-thoughts"> <h2 class="entry-title"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/you-cant-fight-youth" title="Permalink to You Can’t Fight Youth" rel="bookmark">You Can’t Fight Youth</a></h2> <div class="entry-meta"> <span class="meta-prep meta-prep-author">Posted on </span><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/you-cant-fight-youth" title="2:22 pm" rel="bookmark"><span class="entry-date">March 9, 2011</span></a> <span class="meta-sep"> by </span> <span class="author vcard"><a class="url fn n" href="https://web.archive.org/web/20110716210421/http://frontendbook.com/author/mattias/" title="View all posts by mattias">mattias</a></span> </div> <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>I am going to get married and have a family with kids</li> <li>I am going to build my own house</li> <li>I am going to have my own business</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>I cant fix everything by myself</li> <li>I try to be around people I like</li> <li>I try to work with smarter people than myself</li> <li>I try to do things I am good at differently from time-to-time</li> <li>I focus on stuff I can do something about</li> <li>I avoid things that burn me</li> <li>I do not lick frozen lamp posts</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>Try to do a better job than the young, skilled and risk taking youth</li> <li>Join them or make them join you</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> <script type="text/javascript">AKPC_IDS += "520,";</script> </div> <div class="entry-utility"> <span class="cat-links"><span class="entry-utility-prep entry-utility-prep-cat-links">Posted in </span><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/category/life" title="View all posts in Life" rel="category tag">Life</a></span> <span class="meta-sep"> | </span> <span class="tag-links"><span class="entry-utility-prep entry-utility-prep-tag-links">Tagged </span><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/thoughts" rel="tag">thoughts</a><span class="meta-sep"> | </span> <span class="comments-link"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/you-cant-fight-youth#respond" title="Comment on You Can’t Fight Youth">Leave a comment</a></span> </div> </div> <div id="post-518" class="post-518 post type-post hentry category-links-2 tag-cms tag-django tag-google tag-ipad-2 tag-performance-tuning"> <h2 class="entry-title"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/web-performance-django-cms-and-smileys" title="Permalink to Web Performance, Django CMS and Smileys" rel="bookmark">Web Performance, Django CMS and Smileys</a></h2> <div class="entry-meta"> <span class="meta-prep meta-prep-author">Posted on </span><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/web-performance-django-cms-and-smileys" title="8:51 pm" rel="bookmark"><span class="entry-date">March 3, 2011</span></a> <span class="meta-sep"> by </span> <span class="author vcard"><a class="url fn n" href="https://web.archive.org/web/20110716210421/http://frontendbook.com/author/mattias/" title="View all posts by mattias">mattias</a></span> </div> <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/20110716210421/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><a href="https://web.archive.org/web/20110716210421/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></li> <li><a href="https://web.archive.org/web/20110716210421/http://mezzanine.jupo.org/">Mezzanine – Django CMS</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://lifehacker.com/#!5574668/get-rid-of-the-smiley-j-problem-in-microsoft-office-applications">The mystic Smiley J</a></li> <li><a href="https://web.archive.org/web/20110716210421/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></li> <li><a href="https://web.archive.org/web/20110716210421/http://events.apple.com.edgesuite.net/1103pijanbdvaaj/event/index.html">Keynote from the iPad 2 Event yesterday</a></li> </ul> <p>Hope to deliver more links tomorrow.</p> <script type="text/javascript">AKPC_IDS += "518,";</script> </div> <div class="entry-utility"> <span class="cat-links"><span class="entry-utility-prep entry-utility-prep-cat-links">Posted in </span><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/category/links-2" title="View all posts in Links" rel="category tag">Links</a></span> <span class="meta-sep"> | </span> <span class="tag-links"><span class="entry-utility-prep entry-utility-prep-tag-links">Tagged </span><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/cms" rel="tag">cms</a>, <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/django" rel="tag">django</a>, <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/google" rel="tag">Google</a>, <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/ipad-2" rel="tag">ipad 2</a>, <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/performance-tuning" rel="tag">performance tuning</a><span class="meta-sep"> | </span> <span class="comments-link"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/web-performance-django-cms-and-smileys#respond" title="Comment on Web Performance, Django CMS and Smileys">Leave a comment</a></span> </div> </div> <div id="post-516" class="post-516 post type-post hentry category-web-development tag-configuration tag-nginx"> <h2 class="entry-title"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/redirect-www-to-non-www-on-nginx" title="Permalink to Redirect www to non-www on nginx" rel="bookmark">Redirect www to non-www on nginx</a></h2> <div class="entry-meta"> <span class="meta-prep meta-prep-author">Posted on </span><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/redirect-www-to-non-www-on-nginx" title="7:21 am" rel="bookmark"><span class="entry-date">March 2, 2011</span></a> <span class="meta-sep"> by </span> <span class="author vcard"><a class="url fn n" href="https://web.archive.org/web/20110716210421/http://frontendbook.com/author/mattias/" title="View all posts by mattias">mattias</a></span> </div> <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>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></pre> <script type="text/javascript">AKPC_IDS += "516,";</script> </div> <div class="entry-utility"> <span class="cat-links"><span class="entry-utility-prep entry-utility-prep-cat-links">Posted in </span><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/category/web-development" title="View all posts in Web Development" rel="category tag">Web Development</a></span> <span class="meta-sep"> | </span> <span class="tag-links"><span class="entry-utility-prep entry-utility-prep-tag-links">Tagged </span><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/configuration" rel="tag">configuration</a>, <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/nginx" rel="tag">nginx</a><span class="meta-sep"> | </span> <span class="comments-link"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/redirect-www-to-non-www-on-nginx#respond" title="Comment on Redirect www to non-www on nginx">Leave a comment</a></span> </div> </div> <div id="post-514" class="post-514 post type-post hentry category-web-development tag-api tag-blog tag-google-analytics tag-internal-linking tag-javascript tag-jquery tag-seo"> <h2 class="entry-title"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/my-upcoming-posts" title="Permalink to My Upcoming Posts" rel="bookmark">My Upcoming Posts</a></h2> <div class="entry-meta"> <span class="meta-prep meta-prep-author">Posted on </span><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/my-upcoming-posts" title="9:08 pm" rel="bookmark"><span class="entry-date">February 28, 2011</span></a> <span class="meta-sep"> by </span> <span class="author vcard"><a class="url fn n" href="https://web.archive.org/web/20110716210421/http://frontendbook.com/author/mattias/" title="View all posts by mattias">mattias</a></span> </div> <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> <script type="text/javascript">AKPC_IDS += "514,";</script> </div> <div class="entry-utility"> <span class="cat-links"><span class="entry-utility-prep entry-utility-prep-cat-links">Posted in </span><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/category/web-development" title="View all posts in Web Development" rel="category tag">Web Development</a></span> <span class="meta-sep"> | </span> <span class="tag-links"><span class="entry-utility-prep entry-utility-prep-tag-links">Tagged </span><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/api" rel="tag">api</a>, <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/blog" rel="tag">Blog</a>, <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/google-analytics" rel="tag">Google Analytics</a>, <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/internal-linking" rel="tag">Internal Linking</a>, <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/javascript" rel="tag">JavaScript</a>, <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/jquery" rel="tag">jQuery</a>, <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/seo" rel="tag">SEO</a><span class="meta-sep"> | </span> <span class="comments-link"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/my-upcoming-posts#respond" title="Comment on My Upcoming Posts">Leave a comment</a></span> </div> </div> <div id="post-485" class="post-485 post type-post hentry category-html5 tag-android tag-blackberry tag-chrome tag-css3 tag-facebook tag-google tag-html5 tag-internet-explorer tag-ios tag-ipad tag-iphone tag-javascript tag-mdn tag-phonegap tag-safari tag-symbian tag-webos"> <h2 class="entry-title"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/how-to-get-started-on-html5" title="Permalink to How to get started on HTML5" rel="bookmark">How to get started on HTML5</a></h2> <div class="entry-meta"> <span class="meta-prep meta-prep-author">Posted on </span><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/how-to-get-started-on-html5" title="9:12 am" rel="bookmark"><span class="entry-date">February 17, 2011</span></a> <span class="meta-sep"> by </span> <span class="author vcard"><a class="url fn n" href="https://web.archive.org/web/20110716210421/http://frontendbook.com/author/mattias/" title="View all posts by mattias">mattias</a></span> </div> <div class="entry-content"> <p><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/wp3/wp-content/uploads/2011/02/HTML5_sticker.png"><img class="alignleft size-medium wp-image-486" title="HTML5_sticker" src="https://web.archive.org/web/20110716210421im_/http://frontendbook.com/wp3/wp-content/uploads/2011/02/HTML5_sticker-300x150.png" alt="" width="300" height="150"/></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/20110716210421/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/20110716210421/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/20110716210421/http://html5demos.com/">html5demos.com</a> by <a href="https://web.archive.org/web/20110716210421/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/20110716210421/https://github.com/remy/html5demos">forked on GitHub</a>.</p> <h3>Dive into HTML5</h3> <p>“<a href="https://web.archive.org/web/20110716210421/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/20110716210421/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/20110716210421/http://diveintohtml5.org/detect.html">Detecting HTML5 features</a>, <a href="https://web.archive.org/web/20110716210421/http://diveintohtml5.org/canvas.html">Canvas Support</a> and <a href="https://web.archive.org/web/20110716210421/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/20110716210421/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/20110716210421/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/20110716210421/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/20110716210421/http://twitter.com/paul_irish">Paul Irish</a> and <a href="https://web.archive.org/web/20110716210421/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/20110716210421/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/20110716210421/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/20110716210421/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/20110716210421/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/20110716210421/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/20110716210421/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/20110716210421/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> <script type="text/javascript">AKPC_IDS += "485,";</script> </div> <div class="entry-utility"> <span class="cat-links"><span class="entry-utility-prep entry-utility-prep-cat-links">Posted in </span><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/category/html5" title="View all posts in HTML5" rel="category tag">HTML5</a></span> <span class="meta-sep"> | </span> <span class="tag-links"><span class="entry-utility-prep entry-utility-prep-tag-links">Tagged </span><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/android" rel="tag">android</a>, <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/blackberry" rel="tag">Blackberry</a>, <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/chrome" rel="tag">Chrome</a>, <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/css3" rel="tag">CSS3</a>, <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/facebook" rel="tag">Facebook</a>, <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/google" rel="tag">Google</a>, <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/html5" rel="tag">HTML5</a>, <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/internet-explorer" rel="tag">Internet Explorer</a>, <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/ios" rel="tag">iOS</a>, <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/ipad" rel="tag">iPad</a>, <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/iphone" rel="tag">iPhone</a>, <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/javascript" rel="tag">JavaScript</a>, <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/mdn" rel="tag">MDN</a>, <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/phonegap" rel="tag">PhoneGap</a>, <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/safari" rel="tag">Safari</a>, <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/symbian" rel="tag">Symbian</a>, <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/webos" rel="tag">WebOS</a><span class="meta-sep"> | </span> <span class="comments-link"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/how-to-get-started-on-html5#respond" title="Comment on How to get started on HTML5">Leave a comment</a></span> </div> </div> <div id="post-492" class="post-492 post type-post hentry category-mobile category-uncategorized tag-android tag-app-store tag-google tag-ios tag-iphone"> <h2 class="entry-title"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/my-thoughts-on-apple-subscriptions" title="Permalink to My Thoughts on Apple Subscriptions" rel="bookmark">My Thoughts on Apple Subscriptions</a></h2> <div class="entry-meta"> <span class="meta-prep meta-prep-author">Posted on </span><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/my-thoughts-on-apple-subscriptions" title="2:23 pm" rel="bookmark"><span class="entry-date">February 16, 2011</span></a> <span class="meta-sep"> by </span> <span class="author vcard"><a class="url fn n" href="https://web.archive.org/web/20110716210421/http://frontendbook.com/author/mattias/" title="View all posts by mattias">mattias</a></span> </div> <div class="entry-content"> <p><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/wp3/wp-content/uploads/2011/02/fat-banker.jpg"><img class="alignleft size-medium wp-image-494" title="fat banker" src="https://web.archive.org/web/20110716210421im_/http://frontendbook.com/wp3/wp-content/uploads/2011/02/fat-banker-229x300.jpg" alt="" width="229" height="300"/></a></p> <p>I have just read the <a href="https://web.archive.org/web/20110716210421/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/20110716210421/http://twitter.com/nollbit">@nollbit</a>, <a href="https://web.archive.org/web/20110716210421/http://twitter.com/sinex">@sinex</a>, <a href="https://web.archive.org/web/20110716210421/http://twitter.com/baskillen">@baskillen</a> and <a href="https://web.archive.org/web/20110716210421/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> <script type="text/javascript">AKPC_IDS += "492,";</script> </div> <div class="entry-utility"> <span class="cat-links"><span class="entry-utility-prep entry-utility-prep-cat-links">Posted in </span><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/category/mobile" title="View all posts in Mobile" rel="category tag">Mobile</a>, <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/category/uncategorized" title="View all posts in Uncategorized" rel="category tag">Uncategorized</a></span> <span class="meta-sep"> | </span> <span class="tag-links"><span class="entry-utility-prep entry-utility-prep-tag-links">Tagged </span><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/android" rel="tag">android</a>, <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/app-store" rel="tag">App Store</a>, <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/google" rel="tag">Google</a>, <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/ios" rel="tag">iOS</a>, <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/iphone" rel="tag">iPhone</a><span class="meta-sep"> | </span> <span class="comments-link"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/my-thoughts-on-apple-subscriptions#respond" title="Comment on My Thoughts on Apple Subscriptions">Leave a comment</a></span> </div> </div> <div id="post-481" class="post-481 post type-post hentry category-uncategorized tag-fear tag-freelance tag-salary"> <h2 class="entry-title"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/what-is-the-worst-thing-that-can-happen" title="Permalink to What is the Worst Thing That Can Happen" rel="bookmark">What is the Worst Thing That Can Happen</a></h2> <div class="entry-meta"> <span class="meta-prep meta-prep-author">Posted on </span><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/what-is-the-worst-thing-that-can-happen" title="1:16 pm" rel="bookmark"><span class="entry-date">February 3, 2011</span></a> <span class="meta-sep"> by </span> <span class="author vcard"><a class="url fn n" href="https://web.archive.org/web/20110716210421/http://frontendbook.com/author/mattias/" title="View all posts by mattias">mattias</a></span> </div> <div class="entry-content"> <p><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/wp3/wp-content/uploads/2011/02/garage.jpg"><img class="alignleft size-medium wp-image-482" title="IMG_7730" src="https://web.archive.org/web/20110716210421im_/http://frontendbook.com/wp3/wp-content/uploads/2011/02/garage-225x300.jpg" alt="" width="225" height="300"/></a></p> <p>You have probably read one of those Manager e-mails that go out once in a while in bigger organizations:</p> <blockquote><p>I am sorry to announce that John Doe has decided to leave Acme Inc and I wish him the best of luck taking on new challenges and opportunities.</p></blockquote> <p>It could mean anything of course, from John Doe is going to jail to John Doe got fired to John Doe has just decided to leave the building.</p> <p>I am leaving the building in a couple of weeks. I am not going to jail, I wasn’t fired, I just decided it was time to leave the building focusing on the stuff I have always wanted to focus on, building up my own company and trying to bring in enough money to keep me and my family running. The bills will still be there and I need to get up and running pretty quick.</p> <p>My findings in this process are more or less the same as I had when I decided 2 years ago that I was going to build our house myself. First there are a lot of brain ghosts you have to fight:</p> <p>- What happens if [any threat you can think of]<br/> - Maybe it is a stupid idea to [big project of any kind]<br/> - I will never have it as good as I have now [panic in any way you see fit]</p> <p>The house stands on solid ground, we have a warm and nice house to live in, I wouldn’t say that it is 100% done, there are still things to fix and polish on but it is a functional house and it was one hell of a project to take on, but the project was of the kind I need, a project that mustn’t fail. What would have had happened if I in the middle of the house building project just gave up? We would be in a big mess on all levels. Those circumstances kept me going even though there were times during the project I did not sleep more than a couple of hours a night because of all the fears and thoughts about stuff that could go wrong. Thinking back, I cant see any item that went wrong, it just took another direction than I had expected, sometimes for the better, sometimes for worse, always more expensive though.</p> <p>Learnings from that is of course that you shouldn’t think on all the stuff that could go wrong because it is better to deal with problems when they occur and the worst thing that can happen is often manageable.</p> <p>I am now in front of a similar project, building my own business and taking my first steps moving away from the monthly salary life, but I try to have the house building project in mind and just focus on the stuff that I really need to do and try to actually solve the problems when they come or adapt if they are of the non-solvable type.</p> <p>I am going to get this stuff running, it is going to one hell of a ride and I hope I do not have to see any more Middle Management E-mail Templates being sent out about seeking new challenges after mine has been sent out in a couple of weeks.</p> <p>And by the way, I am always looking for people to work with in any way, starting stuff up, freelancing. Just pitch a good idea or project and I will listen.</p> <p>Until next time, just do it and think “What is the worst thing that can happen”</p> <script type="text/javascript">AKPC_IDS += "481,";</script> </div> <div class="entry-utility"> <span class="cat-links"><span class="entry-utility-prep entry-utility-prep-cat-links">Posted in </span><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/category/uncategorized" title="View all posts in Uncategorized" rel="category tag">Uncategorized</a></span> <span class="meta-sep"> | </span> <span class="tag-links"><span class="entry-utility-prep entry-utility-prep-tag-links">Tagged </span><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/fear" rel="tag">fear</a>, <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/freelance" rel="tag">freelance</a>, <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/salary" rel="tag">salary</a><span class="meta-sep"> | </span> <span class="comments-link"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/what-is-the-worst-thing-that-can-happen#respond" title="Comment on What is the Worst Thing That Can Happen">Leave a comment</a></span> </div> </div> <div id="post-479" class="post-479 post type-post hentry category-javascript tag-javascript tag-jquery tag-plugin"> <h2 class="entry-title"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/small-jquery-plugin-for-table-of-contents" title="Permalink to Small jQuery plugin for Table of Contents" rel="bookmark">Small jQuery plugin for Table of Contents</a></h2> <div class="entry-meta"> <span class="meta-prep meta-prep-author">Posted on </span><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/small-jquery-plugin-for-table-of-contents" title="10:17 am" rel="bookmark"><span class="entry-date">December 4, 2010</span></a> <span class="meta-sep"> by </span> <span class="author vcard"><a class="url fn n" href="https://web.archive.org/web/20110716210421/http://frontendbook.com/author/mattias/" title="View all posts by mattias">mattias</a></span> </div> <div class="entry-content"> <p>I needed to create a ToC for a FAQ. I wrote a little jQuery plugin for it. Dead simple, no indenting or other magic, just creating anchors for headers, gets the job done.</p> <p>The Script: <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/js/jquery.toc-1.0.js">http://frontendbook.com/js/jquery.toc-1.0.js</a></p> <p>Feel free to use, hate, extend or whatever.</p> <script type="text/javascript">AKPC_IDS += "479,";</script> </div> <div class="entry-utility"> <span class="cat-links"><span class="entry-utility-prep entry-utility-prep-cat-links">Posted in </span><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/category/javascript" title="View all posts in JavaScript" rel="category tag">JavaScript</a></span> <span class="meta-sep"> | </span> <span class="tag-links"><span class="entry-utility-prep entry-utility-prep-tag-links">Tagged </span><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/javascript" rel="tag">JavaScript</a>, <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/jquery" rel="tag">jQuery</a>, <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/plugin" rel="tag">plugin</a><span class="meta-sep"> | </span> <span class="comments-link"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/small-jquery-plugin-for-table-of-contents#respond" title="Comment on Small jQuery plugin for Table of Contents">Leave a comment</a></span> </div> </div> <div id="nav-below" class="navigation"> <div class="nav-previous"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/page/2"><span class="meta-nav">←</span> Older posts</a></div> <div class="nav-next"></div> </div> </div> </div> <div id="primary" class="widget-area"> <ul class="xoxo"> <li id="text-5" class="widget-container widget_text"><h3 class="widget-title">Connect</h3> <div class="textwidget"><ul class="social_list"> <li class="twitter"><a class="social" href="https://web.archive.org/web/20110716210421/http://twitter.com/hising">Twitter</a></li> <li class="facebook"><a class="social" href="https://web.archive.org/web/20110716210421/http://www.facebook.com/pages/Frontendbookcom/320738355848">Facebook</a></li> <li class="linkedin"><a class="social" href="https://web.archive.org/web/20110716210421/http://linkedin.com/in/hising">LinkedIn</a></li> <li class="rss"><a class="social" href="https://web.archive.org/web/20110716210421/http://feeds.feedburner.com/frontendbook">RSS Feed</a></li> <li class="email"> <form action="https://web.archive.org/web/20110716210421/http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=FrontEndBook', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> <input id="emailsubscribe" type="text" style="width:140px" value="Get updates via e-mail" name="email"/> <input type="hidden" value="FrontEndBook" name="uri"/> <input type="hidden" name="loc" value="en_US"/> <input type="submit" value="Ok"/></form> </li> </ul> <p><sup>Icons by <a href="https://web.archive.org/web/20110716210421/http://jwloh.deviantart.com/">jwloh</a></sup></p> <div id="dreamhost"> <h4>Affordable Web Hosting</h4> <a href="https://web.archive.org/web/20110716210421/http://www.dreamhost.com/r.cgi?290709| FRONTENDBOOK"><img src="/web/20110716210421im_/http://frontendbook.com/img/dreamhost-logo.png" border="0"/></a> Promocode <strong>FRONTENDBOOK</strong> saves you $77 when you <a href="https://web.archive.org/web/20110716210421/http://www.dreamhost.com/r.cgi?290709| FRONTENDBOOK">sign up for DreamHost</a> </div> <script src="https://web.archive.org/web/20110716210421js_/http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="http://www.facebook.com/pages/Frontendbookcom/320738355848" width="200" show_faces="true" stream="false" header="true"></fb:like-box></div> </li> <li id="recent-posts-2" class="widget-container widget_recent_entries"> <h3 class="widget-title">Recent Posts</h3> <ul> <li><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/if-developers-were-to-try-a-real-job-carpenter" title="If Developers Were To Try a Real Job – Carpenter">If Developers Were To Try a Real Job – Carpenter </a></li> <li><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/action-is-the-killer-app" title="Action is the Killer App">Action is the Killer App </a></li> <li><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/you-cant-fight-youth" title="You Can’t Fight Youth">You Can’t Fight Youth </a></li> <li><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/web-performance-django-cms-and-smileys" title="Web Performance, Django CMS and Smileys">Web Performance, Django CMS and Smileys </a></li> <li><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/redirect-www-to-non-www-on-nginx" title="Redirect www to non-www on nginx">Redirect www to non-www on nginx </a></li> </ul> </li><li id="rss-3" class="widget-container widget_rss"><h3 class="widget-title"><a class="rsswidget" href="https://web.archive.org/web/20110716210421/http://awesome.hising.com/rss" title="Syndicate this content"><img style="background:orange;color:white;border:none;" width="14" height="14" src="https://web.archive.org/web/20110716210421im_/http://frontendbook.com/wp3/wp-includes/images/rss.png" alt="RSS"/></a> <a class="rsswidget" href="https://web.archive.org/web/20110716210421/http://awesome.hising.com/" title="On this page you find stuff I share because I either find them interesting, funny or just worth putting a link to.">awesome.hising.com</a></h3><ul><li><a class="rsswidget" href="https://web.archive.org/web/20110716210421/http://feedproxy.google.com/~r/hisingtumblr/~3/uwE0frTho40/7626539536" title="Hero - 1996 Altanta Olympics - Kerri Strug’s Gold Medal Vault (by BeijingOlympicForum) […]">Hero - 1996 Altanta Olympics - Kerri Strug’s Gold Medal...</a></li><li><a class="rsswidget" href="https://web.archive.org/web/20110716210421/http://feedproxy.google.com/~r/hisingtumblr/~3/qsGtvztVIUw/7334259501" title="Top 5 Phil Hellmuth Explosions (by BroadwayTables) via @krummas […]">Top 5 Phil Hellmuth Explosions (by BroadwayTables) via @krummas</a></li><li><a class="rsswidget" href="https://web.archive.org/web/20110716210421/http://feedproxy.google.com/~r/hisingtumblr/~3/_7TaO8jF1FA/7305744622" title="Spotify is coming to the U.S. Sign up to get your invite now - Spotify: About time. […]">Spotify is coming to the U.S. Sign up to get your invite now - Spotify</a></li><li><a class="rsswidget" href="https://web.archive.org/web/20110716210421/http://feedproxy.google.com/~r/hisingtumblr/~3/TteQA63_kS4/6969329387" title="Handlingskraftigt fack i samband med SAAB:s kris. Skrattretande. När Kristina Geers avgick var ni fackliga i majoritet i styrelsen. Är inte det ett läge ni hade kunnat använda till någonting? – Jag vet inte det, det är svårt att säga. Det beror på vad det är för frågor som kommer upp. […]">Handlingskraftigt fack i samband med SAAB:s kris. Skrattretande. När Kristina Geers avgick var ni...</a></li><li><a class="rsswidget" href="https://web.archive.org/web/20110716210421/http://feedproxy.google.com/~r/hisingtumblr/~3/ps8lM-ShsR8/6514897181" title="“Ruby on rails used to be about elegant simplicity, now it feels like it’s about disappearing up its own asshole.” - What the hell is happening to rails? - SteveC […]">"Ruby on rails used to be about elegant simplicity, now it feels like it’s about disappearing up its..."</a></li><li><a class="rsswidget" href="https://web.archive.org/web/20110716210421/http://feedproxy.google.com/~r/hisingtumblr/~3/bbB0BSqjyU4/6361285741" title="The Walking Dead Season 2 Production Photos […]">The Walking Dead Season 2 Production Photos</a></li><li><a class="rsswidget" href="https://web.archive.org/web/20110716210421/http://feedproxy.google.com/~r/hisingtumblr/~3/vhxG4Zbe3kY/6361074222" title="Rymdreglage - Terminator 2 - 20 years (by rymdreglage) […]">Rymdreglage - Terminator 2 - 20 years (by rymdreglage)</a></li><li><a class="rsswidget" href="https://web.archive.org/web/20110716210421/http://feedproxy.google.com/~r/hisingtumblr/~3/LtYy9bEnHMQ/6223556666" title="“Using OAuth authentication doesn’t map well for system-to-system interaction” - Couldnt agree more. I think API:s with OAuth authentication do not deliver as much value as they could with a simple integration solution for authentication. Suggested solutions in preferred order: 1. An open API 2. API with some kind of user-key attached to all queries 3. HTTP […]">"Using OAuth authentication doesn’t map well for system-to-system interaction"</a></li><li><a class="rsswidget" href="https://web.archive.org/web/20110716210421/http://feedproxy.google.com/~r/hisingtumblr/~3/-zgVckLR4PY/6119740465" title="Where Did Groupon’s Billion Dollars Go? – AllThingsD: In January, Groupon raised $950 million. By the end of March, it had $209 million in cash. […]">Where Did Groupon’s Billion Dollars Go? – AllThingsD</a></li><li><a class="rsswidget" href="https://web.archive.org/web/20110716210421/http://feedproxy.google.com/~r/hisingtumblr/~3/oTwCs6-WHog/6113822379" title="“Accept that HTTP isn’t a functional API” - Business SOA: What REST needs to do to succeed in the enterprise […]">"Accept that HTTP isn’t a functional API"</a></li></ul></li><li id="archives-2" class="widget-container widget_archive"><h3 class="widget-title">Archives</h3> <ul> <li><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/2011/06" title="June 2011">June 2011</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/2011/04" title="April 2011">April 2011</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/2011/03" title="March 2011">March 2011</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/2011/02" title="February 2011">February 2011</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/2010/12" title="December 2010">December 2010</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/2010/09" title="September 2010">September 2010</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/2010/07" title="July 2010">July 2010</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/2010/05" title="May 2010">May 2010</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/2010/02" title="February 2010">February 2010</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/2009/12" title="December 2009">December 2009</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/2009/11" title="November 2009">November 2009</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/2009/10" title="October 2009">October 2009</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/2009/09" title="September 2009">September 2009</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/2009/08" title="August 2009">August 2009</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/2009/07" title="July 2009">July 2009</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/2009/06" title="June 2009">June 2009</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/2009/05" title="May 2009">May 2009</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/2009/04" title="April 2009">April 2009</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/2009/03" title="March 2009">March 2009</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/2009/01" title="January 2009">January 2009</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/2008/12" title="December 2008">December 2008</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/2008/11" title="November 2008">November 2008</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/2008/10" title="October 2008">October 2008</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/2008/09" title="September 2008">September 2008</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/2008/08" title="August 2008">August 2008</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/2008/07" title="July 2008">July 2008</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/2008/05" title="May 2008">May 2008</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/2008/04" title="April 2008">April 2008</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/2008/03" title="March 2008">March 2008</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/2008/02" title="February 2008">February 2008</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/2008/01" title="January 2008">January 2008</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/2007/12" title="December 2007">December 2007</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/2007/11" title="November 2007">November 2007</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/2007/10" title="October 2007">October 2007</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/2007/09" title="September 2007">September 2007</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/2007/08" title="August 2007">August 2007</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/2007/07" title="July 2007">July 2007</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/2007/05" title="May 2007">May 2007</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/2007/04" title="April 2007">April 2007</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/2007/03" title="March 2007">March 2007</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/2007/02" title="February 2007">February 2007</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/2007/01" title="January 2007">January 2007</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/2006/12" title="December 2006">December 2006</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/2006/09" title="September 2006">September 2006</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/2006/08" title="August 2006">August 2006</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/2006/07" title="July 2006">July 2006</a></li> </ul> </li><li id="categories-2" class="widget-container widget_categories"><h3 class="widget-title">Categories</h3> <ul> <li class="cat-item cat-item-3"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/category/css" title="View all posts filed under CSS">CSS</a> </li> <li class="cat-item cat-item-4"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/category/design" title="View all posts filed under Design">Design</a> </li> <li class="cat-item cat-item-5"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/category/faq" title="View all posts filed under FAQ">FAQ</a> </li> <li class="cat-item cat-item-6"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/category/featured" title="View all posts filed under Featured">Featured</a> </li> <li class="cat-item cat-item-246"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/category/html5" title="View all posts filed under HTML5">HTML5</a> </li> <li class="cat-item cat-item-7"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/category/javascript" title="View all posts filed under JavaScript">JavaScript</a> </li> <li class="cat-item cat-item-265"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/category/life" title="View all posts filed under Life">Life</a> </li> <li class="cat-item cat-item-262"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/category/links-2" title="View all posts filed under Links">Links</a> </li> <li class="cat-item cat-item-243"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/category/mobile" title="View all posts filed under Mobile">Mobile</a> </li> <li class="cat-item cat-item-8"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/category/mobile-web" title="View all posts filed under Mobile Web">Mobile Web</a> </li> <li class="cat-item cat-item-9"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/category/online-marketing" title="View all posts filed under Online Marketing">Online Marketing</a> </li> <li class="cat-item cat-item-10"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/category/organization" title="View all posts filed under organization">organization</a> </li> <li class="cat-item cat-item-11"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/category/product-management" title="View all posts filed under Product Management">Product Management</a> </li> <li class="cat-item cat-item-12"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/category/seo" title="View all posts filed under SEO">SEO</a> </li> <li class="cat-item cat-item-13"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/category/themes" title="View all posts filed under themes">themes</a> </li> <li class="cat-item cat-item-14"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/category/tools" title="View all posts filed under tools">tools</a> </li> <li class="cat-item cat-item-15"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/category/tutorial" title="View all posts filed under Tutorial">Tutorial</a> </li> <li class="cat-item cat-item-16"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/category/tweets" title="View all posts filed under Tweets">Tweets</a> </li> <li class="cat-item cat-item-1"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/category/uncategorized" title="View all posts filed under Uncategorized">Uncategorized</a> </li> <li class="cat-item cat-item-17"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/category/usability" title="View all posts filed under Usability">Usability</a> </li> <li class="cat-item cat-item-18"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/category/user-experience" title="View all posts filed under User Experience">User Experience</a> </li> <li class="cat-item cat-item-237"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/category/web-2-0" title="View all posts filed under Web 2.0">Web 2.0</a> </li> <li class="cat-item cat-item-20"><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/category/web-development" title="View all posts filed under Web Development">Web Development</a> </li> </ul> </li> </ul> </div> <div id="secondary" class="widget-area"> <ul class="xoxo"> <li id="tag_cloud-3" class="widget-container widget_tag_cloud"><h3 class="widget-title">Tags</h3><div><a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/advertising" class="tag-link-26" title="8 topics" style="font-size: 12.414414414414pt;">Advertising</a> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/affiliation" class="tag-link-29" title="5 topics" style="font-size: 10.27027027027pt;">Affiliation</a> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/ajax" class="tag-link-31" title="12 topics" style="font-size: 14.432432432432pt;">Ajax</a> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/android" class="tag-link-33" title="3 topics" style="font-size: 8pt;">android</a> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/api" class="tag-link-34" title="3 topics" style="font-size: 8pt;">api</a> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/article" class="tag-link-39" title="4 topics" style="font-size: 9.2612612612613pt;">Article</a> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/blog" class="tag-link-44" title="11 topics" style="font-size: 14.054054054054pt;">Blog</a> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/branding" class="tag-link-48" title="4 topics" style="font-size: 9.2612612612613pt;">Branding</a> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/business" class="tag-link-51" title="7 topics" style="font-size: 11.783783783784pt;">Business</a> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/conversion-rates" class="tag-link-66" title="3 topics" style="font-size: 8pt;">conversion rates</a> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/css" class="tag-link-3" title="4 topics" style="font-size: 9.2612612612613pt;">CSS</a> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/design" class="tag-link-4" title="7 topics" style="font-size: 11.783783783784pt;">Design</a> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/facebook" class="tag-link-79" title="9 topics" style="font-size: 13.045045045045pt;">Facebook</a> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/featured" class="tag-link-6" title="8 topics" style="font-size: 12.414414414414pt;">Featured</a> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/front-end-architecture" class="tag-link-93" title="8 topics" style="font-size: 12.414414414414pt;">Front-End Architecture</a> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/google" class="tag-link-99" title="12 topics" style="font-size: 14.432432432432pt;">Google</a> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/google-adwords" class="tag-link-100" title="3 topics" style="font-size: 8pt;">Google Adwords</a> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/google-analytics" class="tag-link-101" title="3 topics" style="font-size: 8pt;">Google Analytics</a> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/information-architecture" class="tag-link-111" title="4 topics" style="font-size: 9.2612612612613pt;">Information Architecture</a> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/interaction-design" class="tag-link-112" title="14 topics" style="font-size: 15.315315315315pt;">Interaction Design</a> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/interface-development" class="tag-link-113" title="19 topics" style="font-size: 16.828828828829pt;">Interface Development</a> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/iphone" class="tag-link-114" title="4 topics" style="font-size: 9.2612612612613pt;">iPhone</a> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/java" class="tag-link-116" title="3 topics" style="font-size: 8pt;">java</a> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/javaone" class="tag-link-118" title="3 topics" style="font-size: 8pt;">javaone</a> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/javascript" class="tag-link-7" title="33 topics" style="font-size: 19.72972972973pt;">JavaScript</a> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/jquery" class="tag-link-119" title="50 topics" style="font-size: 22pt;">jQuery</a> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/jquery-ui" class="tag-link-122" title="5 topics" style="font-size: 10.27027027027pt;">jquery ui</a> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/links" class="tag-link-129" title="4 topics" style="font-size: 9.2612612612613pt;">links</a> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/list" class="tag-link-130" title="6 topics" style="font-size: 11.153153153153pt;">list</a> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/mac" class="tag-link-134" title="3 topics" style="font-size: 8pt;">Mac</a> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/misc" class="tag-link-138" title="5 topics" style="font-size: 10.27027027027pt;">Misc</a> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/offers" class="tag-link-148" title="4 topics" style="font-size: 9.2612612612613pt;">Offers</a> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/online-marketing" class="tag-link-9" title="13 topics" style="font-size: 14.936936936937pt;">Online Marketing</a> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/open-source" class="tag-link-150" title="4 topics" style="font-size: 9.2612612612613pt;">Open Source</a> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/seo" class="tag-link-12" title="12 topics" style="font-size: 14.432432432432pt;">SEO</a> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/smarty" class="tag-link-184" title="4 topics" style="font-size: 9.2612612612613pt;">Smarty</a> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/social-networking" class="tag-link-186" title="9 topics" style="font-size: 13.045045045045pt;">Social Networking</a> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/theme" class="tag-link-200" title="4 topics" style="font-size: 9.2612612612613pt;">theme</a> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/tweet" class="tag-link-205" title="37 topics" style="font-size: 20.36036036036pt;">tweet</a> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/tweets" class="tag-link-16" title="6 topics" style="font-size: 11.153153153153pt;">Tweets</a> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/twitter" class="tag-link-206" title="43 topics" style="font-size: 21.117117117117pt;">Twitter</a> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/web-development" class="tag-link-20" title="6 topics" style="font-size: 11.153153153153pt;">Web Development</a> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/weekly-twitter-digest" class="tag-link-223" title="5 topics" style="font-size: 10.27027027027pt;">weekly twitter digest</a> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/wordpress" class="tag-link-226" title="14 topics" style="font-size: 15.315315315315pt;">Wordpress</a> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/tag/yahoo" class="tag-link-231" title="4 topics" style="font-size: 9.2612612612613pt;">Yahoo</a></div> </li> </ul> </div> </div> <div id="footer"> <div id="colophon"> <div id="footer-widget-area"> <div id="first" class="widget-area"> <ul class="xoxo"> <li id="linkcat-2" class="widget-container widget_links"><h3 class="widget-title">Blogroll</h3> <ul class="xoxo blogroll"> <li><a href="https://web.archive.org/web/20110716210421/http://wordpress.org/development/">Development Blog</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://codex.wordpress.org/">Documentation</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://wordpress.org/extend/plugins/">Plugins</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://wordpress.org/extend/ideas/">Suggest Ideas</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://wordpress.org/support/">Support Forum</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://wordpress.org/extend/themes/">Themes</a></li> <li><a href="https://web.archive.org/web/20110716210421/http://planet.wordpress.org/">WordPress Planet</a></li> </ul> </li> </ul> </div> <div id="second" class="widget-area"> <ul class="xoxo"> <li id="akpc-widget-2" class="widget-container akpc-widget"><h3 class="widget-title">Popular Posts</h3> <div class="akpc_report" rel=""> <ol> <li> <span>100%</span> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/bruce-springsteen-the-river-in-copenhagen-off-topic">Bruce Springsteen, The River in Copenhagen - Off Topic</a> </li> <li> <span>53%</span> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/jquery-form-validation-plugin">jQuery Form Validation Plugin</a> </li> <li> <span>45%</span> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/form-validation-with-javascript">JavaScript Form Validation</a> </li> <li> <span>32%</span> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/textmate-and-transmit-4-settings">TextMate and Transmit 4 Settings</a> </li> <li> <span>27%</span> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/search-still-the-next-killer-application">Search - Still the Next Killer Application</a> </li> <li> <span>24%</span> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/front-end-book-is-a-comment-friendly-blog">Front-End Book is a Comment-friendly Blog</a> </li> <li> <span>21%</span> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/what-are-spotify-doing-right">What Are Spotify Doing Right?</a> </li> <li> <span>20%</span> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/rewrite-and-log-links-with-jquery">Rewrite and log links with jQuery</a> </li> <li> <span>19%</span> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/jquery-form-validation-as-smarty-plugins">jQuery Form Validation as Smarty Plugins</a> </li> <li> <span>19%</span> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/10-reasons-i-hate-flash">10 reasons why Flash sucks</a> </li> </ol> </div> </li> </ul> </div> <div id="third" class="widget-area"> <ul class="xoxo"> <li id="twitter-1" class="widget-container widget_twitter"><h3 class="widget-title"><a href="https://web.archive.org/web/20110716210421/http://twitter.com/hising" class="twitter_title_link">Latest Tweets</a></h3><ul class="twitter"><li class="twitter-item"> RT <a href="https://web.archive.org/web/20110716210421/http://twitter.com/cesc4official" class="twitter-user">@cesc4official</a>: Watching the WC (women) Sweeden vs France & i cant see any diference between them & the men. Some of them are better ... </li><li class="twitter-item"> RT <a href="https://web.archive.org/web/20110716210421/http://twitter.com/ulrikagood" class="twitter-user">@ulrikagood</a>: Nu har jag tittat på "Classic album" om en av värdens bästa plattor: Rumours med Fleetwood Mac. Rekommenderas till alla ... </li><li class="twitter-item"> <a href="https://web.archive.org/web/20110716210421/http://twitter.com/eggerts" class="twitter-user">@eggerts</a> :) </li><li class="twitter-item"> Det är så smärtsamt att arbeta i fel OS </li><li class="twitter-item"> RT <a href="https://web.archive.org/web/20110716210421/http://twitter.com/ludvigholtenas" class="twitter-user">@ludvigholtenas</a>: Finally got my invite to Google Wave! Where is everybody? </li><li class="twitter-item"> Video: Hero - 1996 Altanta Olympics - Kerri Strug’s Gold Medal Vault (by BeijingOlympicForum) <a href="https://web.archive.org/web/20110716210421/http://tumblr.com/xkb3i4n7kg" class="twitter-link">http://tumblr.com/xkb3i4n7kg</a> </li><li class="twitter-item"> If you need a Spotify invite, DM me your email. </li><li class="twitter-item"> <a href="https://web.archive.org/web/20110716210421/http://twitter.com/nollbit" class="twitter-user">@nollbit</a> det finns så mycket galenskap bland dagens föräldrar, du anar inte. </li><li class="twitter-item"> <a href="https://web.archive.org/web/20110716210421/http://twitter.com/nollbit" class="twitter-user">@nollbit</a> Den marknadsdirektören ska vi ha! </li><li class="twitter-item"> RT <a href="https://web.archive.org/web/20110716210421/http://twitter.com/nollbit" class="twitter-user">@nollbit</a>: Alltså, <a href="https://web.archive.org/web/20110716210421/http://twitter.com/SJ_AB" class="twitter-user">@SJ_AB</a>. "SJ och film2home erbjuder nu ... se film på tågen" <a href="https://web.archive.org/web/20110716210421/http://t.co/J7uFRz6" class="twitter-link">http://t.co/J7uFRz6</a>. Ur det finstilta: "Filmen kan inte ... </li></ul></li> </ul> </div> <div id="fourth" class="widget-area"> <ul class="xoxo"> <li id="text-3" class="widget-container widget_text"> <div class="textwidget">Header image from <a href="https://web.archive.org/web/20110716210421/http://www.flickr.com/photos/kartooner/32891895/">flickr</a> by <a href="https://web.archive.org/web/20110716210421/http://www.flickr.com/photos/kartooner/">kartooner</a></div> </li> </ul> </div> </div> <div id="site-info"> <a href="https://web.archive.org/web/20110716210421/http://frontendbook.com/" title="frontendbook" rel="home">frontendbook</a> </div> <div id="site-generator"> <a href="https://web.archive.org/web/20110716210421/http://wordpress.org/" title="Semantic Personal Publishing Platform" rel="generator">Proudly powered by WordPress.</a> </div> </div> </div> </div> <script type="text/javascript"> /* <![CDATA[ */ var wpAjax = { noPerm: "You do not have permission to do that.", broken: "An unidentified error has occurred." }; try{convertEntities(wpAjax);}catch(e){}; /* ]]> */ </script> <script type="text/javascript" src="https://web.archive.org/web/20110716210421js_/http://frontendbook.com/wp3/wp-includes/js/wp-ajax-response.js?ver=20091119"></script> <script type="text/javascript" src="https://web.archive.org/web/20110716210421js_/http://frontendbook.com/wp3/wp-includes/js/wp-lists.js?ver=20091128"></script> <div id="fb-root"></div> <script> window.fbAsyncInit = function() { FB.init({appId: '419185642424', status: true, cookie: true, xfbml: true}); }; (function() { var e = document.createElement('script'); e.type = 'text/javascript'; e.src = document.location.protocol + '//web.archive.org/web/20110716210421/http://connect.facebook.net/en_US/all.js'; e.async = true; document.getElementById('fb-root').appendChild(e); }()); </script> <fb:like href="http%3A%2F%2Ffrontendbook.com%2Fif-developers-were-to-try-a-real-job-carpenter" layout="standard" show_faces="true" width="" action="like" font="arial" colorscheme="light"></fb:like>   <script type="text/javascript"> jQuery(function() { jQuery.post("index.php",{ak_action:"api_record_view", ids: AKPC_IDS, type:"home"}, false, "json"); }); </script> </body> </html>