Archive for June, 2011

Excellent embedding markup

I was playing around with Twitter’s new Follow Button and I couldn’t help but notice that the embedding markup is some of the best I’ve ever seen.

<a href="http://twitter.com/kneath" class="twitter-follow-button" data-show-count="false">Follow @kneath</a>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>

I love the idea of using regular HTML with feature-flags in data attributes combined with a common script. Can’t wait to play around with this style on Gist.


Understanding Copyright And Licenses

Advertisement in Understanding Copyright And Licenses
 in Understanding Copyright And Licenses  in Understanding Copyright And Licenses  in Understanding Copyright And Licenses

The Web is full of creative and practical resources that we can use to improve our projects. Photography, fonts, music and code are perfect examples. Finding stock objects and existing implementations is often quicker, cheaper and more practical than producing your own.

Whether free or not, these resources normally come with a license to ensure fair use. For professionals, understanding the limitations of a license is critical; with this knowledge, you’d be surprised by what’s available. Understanding copyright and licenses allows us to do what we do best: be creative.

Copyright in Understanding Copyright And Licenses

In this article, we’ll cover the basic principles that govern copyright and licenses. We’ll then explore common licenses in our industry, with examples. We’ll cover the following:

Quick disclaimer: I am not a lawyer! This is not legal advice, only the results of my own research. Please always read the entire license of any resource you use.

Copyright And Licensing

When we create something — let’s say a photograph — we own the copyright, which is our exclusive right as the author to own that work. We control who else can use our work and in what manner. For example, I could allow someone to print my photograph or adapt it in a piece of art. Rather than establishing verbal agreements, I can distribute my work with a license that sets the guidelines for use. The things that are copyrighted are sometimes referred to as “intellectual property.â€�

Licenses are granted by an authority to allow a usage; in my case, the use and distribution of resources by the copyright owner (i.e. me). I may decide to offer my photograph for free or charge a price; either way, I can include a license to limit usage, and I maintain the copyright. Just because someone pays money doesn’t mean they have full control or rights to what they’re buying. Licenses can dictate the number or uses, the bounds of use and even the length of time until the license expires.

Moreover, under “work for hire,� the employer holds the copyright, not the author or creative; in many cases, this is a company (such as a creative agency) or its client (by contractual agreement). In such cases, the creator retains “moral rights� to their work, including the right of attribution. This is partly why published articles refer to the author, although moral rights can include anonymity.

Copyright laws are incredibly complex, but this should be a good start.

What Is “Fair Use�

“Fair use� is an exception to the exclusive rights held by the copyright owner. It exists in some countries such as the US and UK. Under it, in certain cases, using work without permission is possible. If someone’s usage is defined as fair use, then they don’t need to obtain a license. Essentially, using copyrighted material is a legal right. Examples of fair use might include:

  • Educational purposes, such as teaching and student research;
  • Making commentary and criticism as part of a news report or published article.

There’s a misconception that noncommercial or nonprofit use is always acceptable. It isn’t. Fair use is a legal term and is judged case by case. Always research thoroughly if you think your use of copyrighted material is legal.

What Is “Public Domain�

Work that falls in the “public domain� basically has no copyright owner. You can use, modify and redistribute it to your heart’s content. An author can forfeit their copyright and, thus, put their work in the public domain (although it’s not quite that easy, as we’ll see later). Copyright ownership expires after the author’s death (generally 50 to 70 years after death in most countries).

Every country has its own interpretation of copyright law, but there are many agreements between nations. Licenses are enforced under copyright law, which is different than contract law. The distinction here is questionable within certain jurisdictions, each of which applies the law differently.

The Berne Convention (for the Protection of Literary and Artistic Works) was established in 1886 and is an international agreement that governs copyright. It states that each member state must recognize the copyright of work from other countries, and it must extend the same rights to foreign work that it gives to those of its own citizens. It also makes clear a minium standard of protection for copyright owners. To date, 164 countries have signed this agreement.

Licenses can be limited to certain jurisdictions. So, while something may be free in one country, the copyright owner could reserve all rights in other countries.

If you’re reading this, I can guess pretty confidently that you work on the Web and that you are, or will be, purchasing licenses from copyright owners in different countries. These licenses are bound by the laws of those countries, and you must respect them.

We’re getting into political and legal territory here. Remember: if in doubt, get legal advice.

License Terminology

A license can be written from scratch, but most people choose a well-known one. We’ll cover the common licenses that relate to our industry of website design and development, specifically those that allow for free usage — “free,â€� meaning that no money is required. Generally, licenses that govern paid resources are written individually, but all licenses have commonalities.

There is obviously a fundamental difference between, say, development code and stock photography. So, it should come as no surprise that a range of licenses exist. Each is tailored to the usage. Before we dive into them, let’s go over some common terminology:

  • “Copyâ€�
    A simple copy of the original work.
  • “Modifyâ€�
    To alter copyrighted work in some way before using it.
  • “Derivative workâ€�
    The result of modifying copyrighted work to produce new work.
  • “Distributeâ€�
    The act of giving someone your work under a license.
  • “Redistributeâ€�
    The act of distributing work and its license after obtaining it under license from the original copyright owner.
  • “Share alikeâ€�
    Permission to distribute derivative work under the same or a similar license.
  • “Creditâ€� or “attributionâ€�
    The act of identifying the original copyright owner.
  • “Copyright noticeâ€�
    A written phrase or symbol (©) informing of copyright ownership (not necessarily required by law).
  • “All rights reservedâ€�
    A common copyright notice declaring that no usage rights exist (again, not necessarily required).
  • “Warrantyâ€�
    A written guarantee included with the license (or, usually, not).

With this in mind, let’s start with the creative licenses.

Creative Commons

Lawrence Lessig founded Creative Commons (CC) in 2001 to create a series of easy-to-understand copyright licenses for online creative work. These licenses established the notion of “some rights reserved.�

The Creative Commons license has six variations. It’s really a collection of licenses that cover particular uses. These include whether the licensed work can be used commercially, whether it can be modified, and whether derivative work can be redistributed under the same (or a compatible) license. A Creative Commons license can be restricted to certain jurisdictions or apply internationally.

Creative-commons-license in Understanding Copyright And Licenses

The basic Creative Commons license is CC Attribution. It allows for all copying, modification and redistribution (even commercially), provided that the original author is attributed (with no implication of endorsement). Work under CC Attribution is essentially free to use.

The CC Attribution license can be extended to CC Attribution-ShareAlike. The same rules apply, except that all derivative work must be licensed the same way. This distinction ensures that all resulting work remains free. Wikipedia uses this license for its text.

Here are the four other Creative Commons licenses:

  • CC Attribution-NoDerivs
    Redistribution is allowed, provided that attribution is given and no modifications are made.
  • CC Attribution-NonCommercial
    Everything is allowed with attribution, provided that it is not done commercially.
  • CC Attribution-NonCommercial-ShareAlike
    The same as above, but derivative work must be under the same license.
  • CC Attribution-NonCommercial-NoDerivs
    Redistribution is allowed for noncommercial use and without any modification.

As you can see, the Creative Commons licence has six separate versions, all of which at least require attribution to the copyright owner.

You should attribute by citing the title of the work, the copyright notice, the author’s name and the license name. For example:

This work includes the photo “Photo’s Title,â€� available under a Creative Commons Attribution license, © Author’s Name.

If the original work includes a copyright notice, it must be left intact. Otherwise, you are free to attribute appropriately. Also, link to the work and license if possible. Informing the author is courteous but not required.

CC0 also exists. It enables copyright owners to waive all of their rights. It’s essentially a way of saying that the work is in the public domain and that there are “no rights reserved.� The concept exists because many jurisdictions don’t have a clear process for putting work in the public domain, and many legal systems actually prohibit the surrendering of lawful rights such as copyright ownership.

The Creative Commons licenses are clear and readable. As mentioned, Wikipedia uses the Attribution-ShareAlike. Flickr makes it easy for users to select one of the CC licenses, and it’s a great source of photography for your projects. You can even search Google for Creative Commons content.

Software Licenses

Written code is copyrighted: you own what you write. Of course, the simplest line of code, like print('Hello World!');, can be rewritten totally independently, without knowledge of the original author, and both parties will own the copyright of their own version (however worthless it may be). But beyond a few lines, code does become valuable, and distributing it with a license is important.

Other intellectual property laws, such as patents, can also protect software. Software patent laws are hotly debated in the US, where they are granted. In many other countries, such as the UK and New Zealand, software cannot be patented. While copyright is a right, patents must be granted.

Software licenses cover the use of programming code. If you’re using a third-party library or elements from an open-source project, your usage must respect the relevant license.

Development licenses generally cover the following points:

  • How the work and modifications of it can be distributed,
  • Whether any derivative work must be made open source,
  • What copyright and other notices are required for redistribution.

Software licenses can be defined as “permissive� or “copyleft.� The latter removes the right to add further license restrictions upon redistribution.

Below is a quick rundown of common software licenses and how they’ve evolved over the decades.

MIT License

The MIT license is perhaps the most open of all. It effectively puts the work in the public domain. It explicitly gives permission, “without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sub license, and/or sell copies of the Software.� The only condition is that the full copyright notice (which declares no warranty or liability) be included. Work released under the MIT license can be used for anything, including commercial and proprietary software.

BSD License

The BSD license is similar to the MIT license.

The original version, published in 1990, had four clauses, the last being an “advertising clause� stating that all promotional material for derivative work had to refer to the original source. This was later removed in 1999 in the “New BSD� or “Modified BSD� license.

What separates the newer three-clause BSD license from the MIT license is a clause stating that the name of the original copyright owner cannot be used to endorse any derivative work without prior permission. This eliminates any doubt about the right to use the person or organization’s name. Whether this clause is even required is debatable, because copyright and trademark laws are separate issues. Even though the MIT license does not declare this, we cannot assume permission of endorsement.

An additional two-clause “FreeBSD� or “Simplified BSD� license exists, which omits this endorsement clause and instead includes a disclaimer to disassociate any views made in derivative work from the original copyright owner. This can be seen as explicitly stating the opposite of an endorsement.

Both the MIT and BSD licenses give us complete freedom to copy, distribute and modify work for any purpose, provided that the original license and copyright notice are included. Derivative work can be released under another license or as proprietary software.

The Apache License

You can see from the BSD example just how difficult it is to word a license. There are so many ambiguities and connections to other laws that getting the point across is nearly impossible. Many more essentially “free� licenses have appeared in an attempt to make such intention clear.

The Apache License is a free software license that does not require the same license of derivative work. This means that code under the license can be used in open, free and proprietary software (like the MIT and BSD licenses).

Apache Logo-screenshot1 in Understanding Copyright And Licenses

It imposes the conditions that in any licensed file, all original copyright, attribution and trademark notices must be preserved. Additionally, with any modified work, a notice of change must be included. Any existing notices of change must also be kept. All of these notices must be distributed in a text file and in the source code or documentation.

This requirement to preserve modification notices makes the Apache license different from the MIT and BSD licenses. It also includes many more legal terms and conditions that (among other purposes) dissolves any liability of the original copyright owner.

The Apache license (version 2) is said to be GPL-compatible, meaning that a project containing code licensed under both must also be licensed under GPL version 3.

GNU General Public License

First written by Richard Stallman in 1989, the General Public License (GPL) is now at version 3 as of 2007. It was founded on the principle that we should be free to use, change, share and share changes to free software. No matter how the software is distributed, it remains free. This concept is called “copyleft.�

The basic principles of the GPL mean that, unlike the MIT, BSD and Apache licenses, work under GPL must remain under this license. GPL code can be sold, but no proprietary software can be derived from it. If you distribute any derivative work, then your source code must be made available under the same license. Essentially, once a work is released under the GPL, it remains GPL and no further restrictions can be applied.

Version 3 of the GPL specifically states that while code under the GPL can be used to implement digital rights management (DRM), using GPL code does not count as effective “protection,� and as such, anyone who breaks it cannot be help accountable under digital rights law.

Where Licenses Are Used

We already know that Wikipedia uses the Creative Commons Attribute-ShareAlike license and that Flickr allows users to choose a Creative Commons license. What else should we know?

Most JavaScript libraries are available under license by nature. jQuery, for example, is available under dual license: either MIT or GPL v2. Other libraries are available under MIT, such as Modernizr (which is also under BSD), Raphaël and Respond.js (also under GPL v2). You can use all of these libraries while reserving rights for your own derivative work, provided that you include the relevant copyright notices for these libraries.

Plug-Ins and Themes

WordPress and Drupal are important ones to note because they’re available only under GPL v2. This means that any derivative work must also be licensed under GPL; and according to the WordPress license page, this includes all plug-ins and themes:

Part of this license outlines requirements for derivative works, such as plugins or themes. Derivatives of WordPress code inherit the GPL license. […] There is some legal grey area regarding what is considered a derivative work, but we feel strongly that plugins and themes are derivative work and thus inherit the GPL license. If you disagree, you might want to consider a non-GPL platform…

Drupal’s licensing FAQ is more specific about this:

The GPL requires that if you make a derivative work of Drupal and distribute it to someone else, you must provide that person with the source code under the terms of the GPL so that they may modify and redistribute it under the terms of the GPL as well. However, you are under no obligation to distribute the code to anyone else. If you do not distribute the code but use it only within your organization, then you are not required to distribute it to anyone at all.

What does this mean? If you’re developing a WordPress or Drupal theme, it must be under GPL. You can distribute your work, should you choose.

If you’re developing a theme for personal use or for a client, you have little to worry about because you are not technically “distributing� it.

Selling themes on the open market is a gray area, because distribution must be under the GPL. The GPL allows you to sell this work, but it also allows others to redistribute and sell it, too; you can’t do much about that. However, theoretically, the only derivative work that falls under GPL is the PHP code; any images, CSS and other content in your project remain yours. On top of that, you are free to charge extra for technical support and so on.

Remember that while WordPress is open source and free under the GPL, it is still copyrighted. You have to respect its chosen license.

Does My Work Need A License?

If you’re publishing content online — be it design work, photography, blog articles, audio or video — then the default is “all rights reservedâ€�. Unless you publish it under a license (or through a Web service that reserves some rights for itself — and most do), then only you hold copyright. That’s great, but what do you gain by giving others permission?

In his article “Pick a License, Any License,� Jeff Atwood highlights the interesting example of developers who publish code on their blogs. Unless the developer states otherwise, no one has permission to use that code in their project. Always consider the benefits of others using and attributing your work: it could be great self-promotion!

It’s worth noting that you do not need to issue a license in order to give permission for someone to use your work. Some areas of the law favor verbal and contractual agreements over copyright.

Additionally, when using services such as Twitter and Flickr, you are probably giving those websites full rights to your work as part of their terms of service. These websites couldn’t operate without your content, but they do take every advantage of reserving full rights over the content you publish. This allows them to develop their service in different ways on the strength of your content.

Take this excerpt from Yahoo’s terms of service, which Flickr uses:

[…] you grant Yahoo! the royalty-free, perpetual, irrevocable, non-exclusive and fully sub-licensable right and license to use, reproduce, modify, adapt, publish, translate, create derivative works from, distribute, perform and display such Content (in whole or part) worldwide and/or to incorporate it in other works in any form, media, or technology now known or later developed […]

That covers just about everything!

While Flickr allows you to upload photos under a Creative Commons license for others to use, you also grant Yahoo permission to do anything it likes with them. I’m not condemning Yahoo for this practice because it’s common to all Web services. I’m just highlight the importance of reading the terms and conditions and understanding where you publish work and what rights you’re giving away.

Final Thoughts

With this information, you should have a strong understanding of how copyright and licenses work, why they exist and what they achieve. Ignorance of copyright — as of any law — is no excuse. By understanding it, we can take advantage of the wealth of creative content across the Web. If you’re publishing work online, consider sharing it under a license. You never know what interesting things people will do with it.

As mentioned, this article is the result of my own research and is not legal advice. You’ll need the latter if you’re unsure about copyright licenses.

Further Reading

(al)


© dbushell for Smashing Magazine, 2011. | Permalink | Post a comment | Smashing Shop | Smashing Network | About Us
Post tags: ,


How to Create a Realistic Soccer Ball in Adobe Illustrator

Advertisement in How to Create a Realistic Soccer Ball in Adobe Illustrator
 in How to Create a Realistic Soccer Ball in Adobe Illustrator  in How to Create a Realistic Soccer Ball in Adobe Illustrator  in How to Create a Realistic Soccer Ball in Adobe Illustrator

In this tutorial we will demonstrate how to create realistic Soccer ball in Adobe Illustrator. Creating an illustration like this may seem complicated, but we will try to keep it simple. There are many different ways to create a Soccer ball, but we will use the simplest method – tracing the reference image with the Pen Tool. The main challenge will be to achieve a realistic look of the ball by using simple gradients and just a few details.

Let’s get down to business!

We will be creating this.

Final-look in How to Create a Realistic Soccer Ball in Adobe Illustrator

Tracing the Reference Image with the Pen Tool

Create a new illustrator document at 500 x 500 pixels in size. Open a reference image and lock the layer. This way the image won’t get in our way during creation process.

001 in How to Create a Realistic Soccer Ball in Adobe Illustrator

Create a new layer. Grab the Ellipse Tool (L) from the Tool Panel and try to draw the circle (don’t forget to hold a Shift key on the keyboard for creating a proportional circle) that will match the shape of the ball. Set the Fill color to white (#FFFFF) and a Stroke color to none. You can make this object invisible in order to be able to draw other parts of the pattern, but don’t forget to make it visible later.

001a1 in How to Create a Realistic Soccer Ball in Adobe Illustrator

With a Zoom Tool (Z) zoom in for easier drawing. Grab the Pen Tool (P) from the Tool Panel and try to draw each part of the ball pattern. You will notice that the sides of the polygons are slightly curved.

002 in How to Create a Realistic Soccer Ball in Adobe Illustrator

002a in How to Create a Realistic Soccer Ball in Adobe Illustrator

002b in How to Create a Realistic Soccer Ball in Adobe Illustrator

002c in How to Create a Realistic Soccer Ball in Adobe Illustrator

003 in How to Create a Realistic Soccer Ball in Adobe Illustrator

Repeat the previous steps to complete other parts of the pattern as well. Set the Fill color of the each part to black (#00000) or white (#FFFFF) to match the reference image. You should end up with something like this.

004 in How to Create a Realistic Soccer Ball in Adobe Illustrator

005 in How to Create a Realistic Soccer Ball in Adobe Illustrator

Applying gradients

You have to admit that the ball looks quite flat. To be honest, it doesn’t look like a ball at all. To change that we will need to apply radial gradients. It will help us to create an illusion of 3D effects and to simulate the influence of imaginary source of the light. For that purpose we will use white-gray and black-gray radial gradients. Just imagine that the source of the light is above the ball.

As we have said, for the black parts we will use black – gray radial gradient.

006 in How to Create a Realistic Soccer Ball in Adobe Illustrator

007 in How to Create a Realistic Soccer Ball in Adobe Illustrator

008 in How to Create a Realistic Soccer Ball in Adobe Illustrator

009 in How to Create a Realistic Soccer Ball in Adobe Illustrator

010 in How to Create a Realistic Soccer Ball in Adobe Illustrator

011 in How to Create a Realistic Soccer Ball in Adobe Illustrator

For the white parts create a nice white – gray radial gradient.

012 in How to Create a Realistic Soccer Ball in Adobe Illustrator

013 in How to Create a Realistic Soccer Ball in Adobe Illustrator

014 in How to Create a Realistic Soccer Ball in Adobe Illustrator

015 in How to Create a Realistic Soccer Ball in Adobe Illustrator

0161 in How to Create a Realistic Soccer Ball in Adobe Illustrator

017 in How to Create a Realistic Soccer Ball in Adobe Illustrator

018 in How to Create a Realistic Soccer Ball in Adobe Illustrator

019 in How to Create a Realistic Soccer Ball in Adobe Illustrator

The Final Touch

Our illustration begins to resemble a real ball. In this step we will create some details that would let help the ball look even better. Let’s create them.

With a Zoom Tool (Z) zoom in the illustration so we can be more precise. Grab the Pen Tool (P) from the Tool Panel and try to draw the shape as it shown on the picture below.

020 in How to Create a Realistic Soccer Ball in Adobe Illustrator

021 in How to Create a Realistic Soccer Ball in Adobe Illustrator

022 in How to Create a Realistic Soccer Ball in Adobe Illustrator

023 in How to Create a Realistic Soccer Ball in Adobe Illustrator

024 in How to Create a Realistic Soccer Ball in Adobe Illustrator

025 in How to Create a Realistic Soccer Ball in Adobe Illustrator

Keep drawing small details for other parts of the pattern as well. It will create a nice depth for our illustration. Feel free to set the Fill color for some of the details to gray. This way it will look like shadows and highlights.

On the following screenshots you can track the process of creating a details.

026 in How to Create a Realistic Soccer Ball in Adobe Illustrator

027 in How to Create a Realistic Soccer Ball in Adobe Illustrator

028 in How to Create a Realistic Soccer Ball in Adobe Illustrator

029 in How to Create a Realistic Soccer Ball in Adobe Illustrator

030 in How to Create a Realistic Soccer Ball in Adobe Illustrator

031 in How to Create a Realistic Soccer Ball in Adobe Illustrator

On the next pictures you can see all of the details we’ve created for the Soccer ball.

032 in How to Create a Realistic Soccer Ball in Adobe Illustrator

033 in How to Create a Realistic Soccer Ball in Adobe Illustrator

034 in How to Create a Realistic Soccer Ball in Adobe Illustrator

There is one more thing to do. Select the Ellipse Tool (L) from the Tool Panel and create an ellipse. Apply gray – white radial gradient. Select the Gradient Tool (G), and drag the anchor point on the top of the ellipse gradient down and in towards the center of the ellipse to skew the gradient. Make sure the gradient smoothly fades from gray to white inside of the ellipse as shown below. Send the ellipse behind the Soccer ball ( Shift + Ctrl / Cmd + [ ) and place it right underneath the ball.

035 in How to Create a Realistic Soccer Ball in Adobe Illustrator

And Voila!

Final-look1 in How to Create a Realistic Soccer Ball in Adobe Illustrator

In this tutorial we have shown how to turn a photograph into realistic vector illustration by using very simple techniques such as, tracing a reference image with a Pen Tool and applying nice radial gradients. Feel free to use your creativity and imagination to create other types of sport balls. If you happen to have any questions feel free to post it in the comment section below. I hope you like the tutorial. Thank you for following along!

(rb)


Build your business around an idea

Living in San Francisco and working in tech right now is absolutely insane. Employers and recruiters battle for employees while VCs rain down millions of dollars without meeting founders or even knowing what kind of company they’re building. It’s a crazy world to live in and can feel like money is growing on trees and the only spending limit is your imagination. If you have just a little bit of initiative, you can take any idea and start a company with absolutely zero personal risk.

And that’s one of the biggest reasons San Francisco is so special to me. Everyone out here knows they can do anything. Spend a few weeks hanging out in bars and cafes asking what people do and you’ll hear some of the most idiotic business ideas in the world. A lot of journalists use this argument to call San Francisco an echo chamber whose sole purpose is burning money. And you know, they’re right.

This city does burn through money on terrible ideas. But that’s a tradeoff for fostering a city of people who believe they can do anything. And that spawns an incredible number of amazing companies — so it doesn’t bother me. What does bother me is the lack of imagination most startup founders have.

Build something incredible

Most founders I talk to are pretty complacent building something mediocre. They won’t admit if you flat out ask them — but try pressing them to describe what makes their company special. Most cop out and give you an answer like:

We’re building [technology x] because [company y] hasn’t built it and [people z] need it.

Want a more concrete example? How about something like:

We’re building a cloud sync solution for iOS because Apple hasn’t built it and almost every iOS application needs sync.

There are thousands of people building products like this. They’re filling holes. Filling holes is mediocre and boring. Dare to build something incredible – something unique, something lasting, something special.

Ideas are lasting, products are not

The easiest way to build something incredible is to base your business around an idea. Products are just the manifestation of the idea.

This is something I think about at GitHub a lot. We’ve built an amazing product (github.com) — but when you ask us what the company is about we say:

We make it easier to collaborate with others and share your projects with the universe.

There’s a lot of interesting things you don’t see it that description: Git, version control, issue tracking, wikis, or website. We know that our product (a website hosting git repositories with built-in issue tracking & wikis) is great — but if it doesn’t serve a higher purpose, it would be mediocre. So we focus on the idea.

That means looking at version control, wikis, and issue tracking as tools for collaboration. It means that as important as it is for our website to be easy to use — it’s equally important for Git to be easy to use. Or to create tools that let people use Git without even knowing they’re using Git.

If I look into the future, I know that the idea of collaboration is lasting — but Git? That’s a hard bet to make. I know that if we focus our business on collaboration we can build something lasting. If we focus our business on being a Git host we’re doomed.

Ideas are sexy

One of the more awesome things about building your business around an idea is how easy it is to pitch to others. Ideas are sexy and draw people in — they invite passion and commitment. And pitching people is all about displaying passion and commitment. It doesn’t matter if you’re pitching for VC funding, trying to land a new customer, or interviewing a prospective employee — having a good pitch is critical to any successful business.

People want to be part of ideas. Being part of a company who builds a successful product is cool… but being part of an idea is a lot more attractive. If you can build a business where both your employees and your customers think they’re part of an idea, you’ve created something special.

Evolving ideas from products

The trouble is that founding a company around an idea doesn’t actually work. Apple Computer is a great example. They take bleeding edge technology, marry it with exceptional design, and sell it at a premium price. But the company wasn’t always like that. It was founded around a product — the personal computer. Yet in 2011, Apple’s biggest business is mobile phones.

You have to ask… how did a company founded around building personal computers come to generate most of its revenue from mobile phones? They evolved. They found their strengths (design, technology), and evolved the company around those values. This manifested itself into new products — the iPod, iPhone, iPad, TV, MobileMe, Airport Expresses, Cinema Displays, etc. Some successes. Some failures.

The core component of all these products is that they are manifestations of an idea. When the iPod took off in popularity, Apple didn’t rearrange the company around portable music devices. They kept focusing on building exceptionally designed hi-tech gadgets with bleeding edge technology.

So it’s okay to focus on a product at first. But as soon as you find your strengths as a company, abstract it out into an idea and focus on that. Do that and you won’t have your entire business invalidated by a feature that Facebook or Apple rolled out at their last keynote. Because ideas will last, products won’t.


On using h1 for all heading levels in HTML5

One of the problems that HTML5 aims to solve is that of heading levels, particularly in documents where content is cut and pasted from other documents or inserted through syndication from another source. In previous versions of HTML you need to manually make sure that any headings in the inserted or copied content are of the right level, i.e. h1-h6.

You can keep using h1-h6 in HTML5, but you can also choose to use only h1 elements for all headings and rely on the HTML5 outline algorithm to sort out the heading hierarchy. If you do this, however, you should be aware that currently there is very little support for the HTML5 outline in web browsers, screen readers and developer tools.

I bring this up because I have seen some HTML5 articles and blog posts that mention the new document outline without emphasising the current lack of support. That lack of support is a problem because it makes headings less useful to people who need a proper document outline to better understand content structure and use them as an aid for navigating within web documents. The most common example is screen reader users.

Read full post

Posted in , .

Copyright © Roger Johansson



  •   
  • Copyright © 1996-2010 BlogmyQuery - BMQ. All rights reserved.
    iDream theme by Templates Next | Powered by WordPress