peterkling

Apple lebt wirklich nicht von klassischer Innovation

Fri, 14 Sep 2012 09:35:04 +0200

Apple lebt wirklich nicht von klassischer Innovation. Sie schaffen es lediglich initiale Produkte auf den Markt zu bringen, die vorher niemand in der Qualität und Nutzbarkeit gemacht hatte. Die Technologie dahinter gab es vorher als Einzelkomponenten meist schon. Dabei konzentrieren sie sich auf die elementarsten Anforderungen des jeweiligen Produktes und sagen zu mindestens 90% möglicher Features “Nein”.

Der iPod konnte weniger als ein iRiver damals, beispielsweise nicht Aufnehmen. Dafür aber wahnsinnig leicht durch Listen von mehreren 1000 Liedern navigieren.
Das erste iPhone konnte weder MMS, kein 3G, hatte keine Tastatur – vieles nicht. Und auch aktuelle Modelle können heute noch nicht alle Bluetooth-Funktionen, die gerade bei Telefonen vor dem iPhone fast als Pflicht-Funktion galten. Das iPhone hat es aber als erstes Telefon geschafft vernünftig und praktikabel ins Web zu gehen.
Vor dem AppStore konnte man sich jede beliebige Software inkl. der teilweise beinhaltenden Trojanern und Co. herunterladen. Evtl. hat man sie sogar gekauft. Der AppStore (und das geschlossene Ecosystem) hat es inzwischen geschafft das sich jeder (und das heißt Nicht-Techie) traut einfach kostenlose Apps zu laden ohne Sorge zu haben. (oder dauernd den Virenscanner zu aktualisieren)
Das iPad war nicht das erste Tablett. Es hat bis heute nicht mal einen USB-Steckplatz, kein HDMI-Ausgang, kein SD-Slot, keinen Desktop, kein Was-Weiß-Ich-Nicht. Aber es lässt sich vernünftig und kinderleicht bedienen. Und es wird von den Leuten (1jährige Kinder bis 80jährige Senioren) tatsächlich benutzt. Menschen die vorher wenig bis gar nichts mit Computern anfangen konnten.

Die Innovation von Apple liegt nicht in der ursprünglichen Idee. Sie liegt in der Kombination von Ideen und deren perfekte Kombination und Ausführung, gepaart mit kinderleichter Bedienung. Die Qualität der Hard- & Software und deren möglichst perfektes Zusammenspiel ist das was Apple auszeichnet. Das war und ist beim Mac so und auch bei anderen Apple-Hardware-Produkten. Ein Unibody-Macbook fühlt sich durch die perfekte Verarbeitung einfach anders an als ein silberner Plastik-Laptop. Das iPhone komplett aus Glas und Alu, das sich perfekt ohne Spalten und Ritzen zusammenfügt, fühlt sich anders an als die Plastik-Telefone die zuvor Standard waren. Kurzgesagt ein Apple-Produkt spürt man, wenn man es in der Hand hält.

Das auch andere hervorragende Geräte bauen ist dabei auch klar. Und das Apple den eigenen Standard auch nicht durch die Bank einhält ist ebenfalls klar. (Mighty Mouse? die bisherigen Kopfhörer?)

uxrave: The definitive guide to Responsive Web Design by Brad...

Wed, 12 Sep 2012 11:07:33 +0200

uxrave:

The definitive guide to Responsive Web Design by Brad Frost.

We launched the blog last week, now Brad’s launched his amazing set of responsive patterns and resources. The patterns are hosted on Codepen.io so you can see and fork the code.

Woocommerce - Subcategories in Permalink

Thu, 06 Sep 2012 21:48:00 +0200

For SEO reasons you may want to have a hierachical url for your woocommerce-product page. By default woocommerce uses urls like:

/product/product_category/product_name

instead of:

/product/catgory/sub_category/product_category/product_name

To get this, just put the code into your functions.php. It will remove the default woocommerce “post_type_link” filter and replaces it with a new one. (Which is a copy of the original code, with 2 added lines).

CREDITS: The function for generating the hierachical product string is based on a function from bram at stackexchange (http://wordpress.stackexchange.com/questions/61491/breadcrumb-fix-only-show-parent-category-and-not-childs)

remove_filter( 'post_type_link', 'woocommerce_product_cat_filter_post_link', 10, 2 );
add_filter( 'post_type_link', 'woocommerce_subcategory_permalink', 10, 2 );
function woocommerce_subcategory_permalink( $permalink, $post ) {

    // Abort if post is not a product
    if ( $post->post_type !== 'product' )
    	return $permalink;

    // Abort early if the placeholder rewrite tag isn't in the generated URL
    if ( false === strpos( $permalink, '%product_cat%' ) )
    	return $permalink;

    // Get the custom taxonomy terms in use by this post
    $terms = get_the_terms( $post->ID, 'product_cat' );

    if ( empty( $terms ) ) {
    	// If no terms are assigned to this post, use a string instead (can't leave the placeholder there)
        $permalink = str_replace( '%product_cat%', _x('product', 'slug', 'woocommerce'), $permalink );
    } else {
    	// Get the first term
        $first_term = array_shift( $terms );
        
        // Get the hierachical product_category
        $parents = woo_get_term_parents( $first_term->term_id, 'product_cat' );

    	// Replace the placeholder rewrite tag hierachical product_category
        $permalink = str_replace( '%product_cat%/', $parents, $permalink );
    }

    return $permalink;
}


/* Credits: http://wordpress.stackexchange.com/questions/61491/breadcrumb-fix-only-show-parent-category-and-not-childs */
if ( ! function_exists( 'woo_get_term_parents' ) ) {
	function woo_get_term_parents( $id, $taxonomy ) {
		$chain = '';
		$parent = &get_term( $id, $taxonomy );
		if ( is_wp_error( $parent ) )
	    	return $parent;
	
	    $name = $parent->slug;
	
		if ( $parent->parent && ( $parent->parent != $parent->term_id )  ) {
		    $chain .= woo_get_term_parents( $parent->parent, $taxonomy);
		}
	
	    $chain .= $name."/";
	    return $chain;
	} // End woo_get_term_parents()
}

I want a mixture of @instagram @loopcam @picleapp @tadaa @SpinCamApp

Tue, 01 May 2012 20:41:57 +0200

Each of them does something pretty well or is a nice idea. Combined it could be awesome :)

Great UX
Nice filters
Easy sharing
Animated, not just plain pictures
gimme some sound, too
and spinning would be fun, too

In the end, let me share stories based on animated quality pictures. And please forget plain photosharing.

Welcome to Responsive Design | Responsive Web Design

Wed, 04 Apr 2012 19:03:22 +0200

Welcome to Responsive Design | Responsive Web Design

uxrave: Multi-Device Layout Patterns As usual, brilliant from...

Thu, 22 Mar 2012 23:12:43 +0100

uxrave:

Multi-Device Layout Patterns

As usual, brilliant from @lukew

responsive web design: missing the point

Thu, 22 Mar 2012 23:05:47 +0100

responsive web design: missing the point

Adobe Shadow

Fri, 09 Mar 2012 18:33:35 +0100

Adobe Shadow:

Macht nen guten ersten Eindruck. Vor allem endlich mal DOM & CSS Anpassungen an iPhone/iPad machen :-)

uxrave: Super useful free download: Bootstrap, from Twitter for...

Sat, 25 Feb 2012 11:22:32 +0100

uxrave:

Super useful free download: Bootstrap, from Twitter for Fireworks. Includes vectors for popular UI components and interactions. More Fireworks wireframing goodies at http://fireworkswireframingkit.com/

uxrave: Navigation patterns for responsive web design by...

Sat, 25 Feb 2012 11:19:07 +0100

uxrave:

Navigation patterns for responsive web design by @brad_frost

- Top Nav or “Do Nothing” Approach

- The Footer Anchor

- The Select Menu

- The Left Nav Flyout

- The Footer Only

- The “Hide and Cry”

Smashing Magazine on Hick's Law

Fri, 24 Feb 2012 23:53:14 +0100

Smashing Magazine on Hick's Law:

Leider wird die Wichtigkeit davon im Alltag unterschätzt (meist von Leuten die nichts davon wissen), oder der “Kampf” ständig zu Erklären das Design bei weitem mehr ist als nur etwas “hübsch” machen mit Verdruss aufgegeben.

Am Ende verlieren dabei die User…

Nothing new, but the “G+” part made me smile..

Wed, 22 Feb 2012 22:55:10 +0100

Nothing new, but the “G+” part made me smile..

Ruby On Rails 3 - AppConfig.yml

Wed, 08 Feb 2012 22:27:00 +0100

For each and every Rails app, I always needed some kind of app configuration file. Something simple, at best as a YML-file. With some research on google and stackoverflow I ended up with the following solution. It’s neither new nor groundbreaking and probably someone else has already done it that way.

This solution allows to:

Have a “default” configuration
For every environment changing some attributes
No need to copy all attributes for every environment
It allows nested attributes for easier access and better readability. (eg. homepage>head)
It’s hashed
You can access the AppConfig from everywhere in your rails app by using “AppConfig[:homepage][:head]”

(Tested with Rails 3.2.1)

New file at ‘config/app_config.yml’:

defaults:
  homepage:
    head: peterkling
    subline: "webdesign: analyse | konzeption | gestaltung | umsetzung"
development:
  homepage:
    head: "peterkling [DEV]"
test:
production:

New file at ‘lib/appconfig.rb’:

config = ActiveSupport::HashWithIndifferentAccess.new(YAML.load_file("#{Rails.root.to_s}/config/app_config.yml"))

if !config[Rails.env].nil?
  AppConfig = config[:defaults].deep_merge(config[Rails.env])
else
  AppConfig = config[:defaults]
end

Add to environment.rb

load 'lib/appconfig.rb'

Access AppConfig eq. in views:

 <h1><%= AppConfig[:homepage][:head]%></h1>
 <h2><%= AppConfig[: homepage][:subline]%></h2>

sieht interessant aus :) uxrave: Initializr Start an responsive...

Wed, 08 Feb 2012 18:48:50 +0100

sieht interessant aus :)

uxrave:

Initializr Start an responsive HTML5 project in 15 seconds via @brad_frost

uxrave: http://css3test.com/ Test which CSS3 features your...

Wed, 08 Feb 2012 18:35:43 +0100

uxrave:

http://css3test.com/ Test which CSS3 features your browser recognizes. Lea Verou explains more in her blog post

"Being a Web designer & not considering speed/performance is like being a print designer &..."

Sat, 04 Feb 2012 11:57:36 +0100

“Being a Web designer & not considering speed/performance is like being a print designer & not considering how your colors will print.”

- @lukew (via uxrave)

oh wie wahr! (via xkcd: Wisdom of the Ancients)

Thu, 02 Feb 2012 23:38:46 +0100

oh wie wahr!

(via xkcd: Wisdom of the Ancients)

CSS Sprites leicht gemacht mit dieser Adobe Fireworks Extension...

Thu, 02 Feb 2012 00:10:00 +0100

CSS Sprites leicht gemacht mit dieser Adobe Fireworks Extension von http://www.euchoice.com. Statt umständlichen rumgefummel einfach meinem Knopfdruck:

Alle Elemente automatisch anordnen
CSS Code mit x,y,width,height generieren

Damit kann man Ewigkeiten sparen! :)

Selbständig

Wed, 01 Feb 2012 22:17:12 +0100

So, seit heute bin ich selbst und ständig. Das kann manchmal schneller gehen als man denkt. Vor ein paar Wochen war mein Plan für jetzt noch leicht anders. Damit das Ganze auch seine Richtigkeit hat, hab ich heute erstmal ne einfache Webseite onlinegestellt. (Ja, ich weiß, noch ohne Kontakt – kommt noch).

Hier im Blog werd ich wenn sich was ergibt das ein oder andere zu Design, UX, Rails, Flex oder anderem posten..

greetz
.pete

uxrave: Infographic: The Most Used Design Tools On The Market

Wed, 01 Feb 2012 22:05:02 +0100

uxrave:

Infographic: The Most Used Design Tools On The Market