Irgendwann im Herbst 2020 bin ich zu meinem Hausarzt gegangen für eine Vorsorgeuntersuchung. Mit meinen mittlerweile 37 Jahren, soll man sowas ja hin und wieder mal machen. Das ganze war auch alles OK bis die nette Ärztin meinen Blutdruck gemessen hat. Ihr etwas überraschter Gesichtsausdruck und die mehrfache Absicherung dieser Messung kamen mir dann aber doch etwas komisch vor. Irgendwas von 186/130 stand auf dem kleinen Gerät. Ich bin ja kein Profi aber auch mir war klar, dass dieser Wert eindeutig zu hoch war. Nach dem sich Arzt und Ärztin abgesprochen hatten wurde mir gesagt, dass man mich so nicht gehen lässt. Ich wurde ins Nebenzimmer gebracht und dort wurde mir eine Infusion gegeben. Dann eine Zweite. Doch der Blutdruck wollte nicht wirklich sinken. Das letzte was dann gemacht wurde war so ein rotes Spray unter die Zunge was mich dann mehr oder weniger umgehauen hat. Senkt den Blutdruck dann relativ schnell.

All das war der Anfang von vielen Arztbesuchen um heraus zu finden was denn der Auslöser für den hohen Blutdruck ist. Denn in meinem Alter sollte der dann doch nicht so hoch sein. Und gesund ist das alles natürlich auch nicht. Neben meinen ganzen Arztbesuchen ging es dann auch los mit Blutdruck Medikamenten und wie mein Arzt so nett zu mir sagte: die Dosis eines alten Mannes. Der Hausarzt schickte mich dann zum Internisten wo einige Tests mit dem Herz gemacht wurden die alle positiv verlaufen sind. Dann ging es weiter zu CT, MRT und diversen Bluttests. Ein weiterer Besuch beim Internist war dann so etwas wie der Dosenöffner. Er hatte eine Vermutung und zwar das Conn-Syndrom. Vermutungen sind natürlich nicht viel wert also wurde das ganze durch diverse weitere Untersuchungen weiter Abgesichert. Bis man sich dann mehr oder weniger sicher war, dass es wirklich das Conn-Syndrom ist. Das ganze hat dann grob sechs Monate gedauert. Für mich, der tatsächlich in seinem Leben eher weniger beim Arzt war, war das alles etwas seltsam, langsam, träge und einfach ungewohnt. Persönlich bin ich damit recht locker umgegangen weil es Sachen sind, die ich nicht wirklich beeinflussen konnte. Mir war klar das ich das nicht lösen können werde sondern ich den Ärzten einfach vertrauen schenken musste, dass sie das richtige tun. Im Juli 2021 war es dann soweit. Ein Termin im Krankenhaus, eine Operation stand an. Man sagte mir, dass es ein kleiner Routineeingriff ist. Meine Gedanken waren dann in etwa so: Mittwoch rein. Donnerstag OP. Freitag heim. Na gut, man sagte mir dann recht schnell, dass ich nach der OP noch 4-5 Tage im Krankenhaus bleiben müsse.

Es war mein erster Krankenhausaufenthalt seit keine Ahnung? 20 Jahren? 25 Jahren? Mittwoch war Aufnahme. Dort musste ich natürlich auch wieder ein paar Tests machen. Wurde über Narkose und Operation aufgeklärt und dann hieß es warten. Warten auf Donnertag. Ich alter Glückspilz hab den ersten Slot bekommen. 7 Uhr ging es los. Eine super seltsame Erfahrung da auf dem Bett durchs Krankenhaus in den OP-Wartesaal geschoben zu werden. Dort liegend bekommt man dann noch mit wie der Raum nach und nach voller wurde. Kurz drauf ging es auch schon los. Eine Dame schob mich in den OP Saal. Dort wurde ich dann von meinem Bett auf den OP Tisch gehoben und dann kam auch schon die Dame mit der Narkose zu mir. Ein zwei Sätze zu meinem Tattoo und schwupp, weg war ich. Von der OP selber kann ich jetzt nicht viel berichten, ich war etwas müde. Doch ans aufwachen im Aufwachraum kann ich mich dann schon wieder erinnern. Und zugegeben. Das war alles andere als schön. So halb im Delirium wachte ich dann irgendwann wieder auf. Ich sag einfach mal es war so 10 Uhr. Irgendwann kam dann eine nette Schwester zu mir (Ja, die waren alle sehr nett) und fragte wie es mir geht. Mir ist warm! Man hat ja so nette Thrombosestrümpfe an und meine dicke Bettdecke. Die nette Dame tauschte dann dicke Bettdecke gegen dünnes Bettlagen. Immerhin ein Anfang. Langsam bemerkte ich dann auch, dass da ein Katheter in mir steckte. Nichts was man braucht aber war dann auch schon egal.

Das rumliegen da war super nervig. Es war hell. Es war viel los. Ich wechselte immer zwischen einschlafen und herum schauen und war nach wie vor recht benommen. Irgendwann Mittag sagte man mir, dass soweit alles gut sei und ich zurück auf Station kann. Also ging es wieder hoch auf mein Zimmer und da lag ich dann. An aufstehen war nicht zu denken. Bettruhe bis zum nächsten morgen und da wird dann mal geschaut wie es weiter geht. Mein Vorteil von der OP sehr früh wurde dann irgendwie zum Nachteil, da der Tag noch endlos lang zu sein schien. Meine Kniestrümpfe haben mich fertig gemacht. Ich war super genervt. Ein paar Nachrichten mit Martina geschrieben um ihr dann zu sagen, dass ich keine Lust habe zu schreiben. Sagte ich schon, dass ich super genervt war?! Aber im ernst, das war ein total scheiss Gefühl am Bett gefesselt zu sein. Die Zeit verging nicht. Es war nach wie vor warm. Das war der Tag, wo ich mich während Corona wirklich gefangen gefühlt habe. Hatte aber halt nichts mit Corona zu tun. Ja, der musste sein, sorry.

Der Tag erschien endlos lange und die Freude war groß, als es dann endlich gegen Abend ging. Das beste was ich machen konnte war, dass ich versuche früh einzuschlafen. Alles was den Tag schneller vergehen lässt war eine gute Entscheidung. Am nächsten morgen war der nächste Meilenstein für mich die Visite um zu erfahren wie es mit mir weiter geht. Aber erstmal war Frühstück angesagt. Ich durfte mich nun - nach mehr als 24 Stunden - mal wieder in eine sitzende Position begeben. Auch das war komisch aber es ging und ich konnte mein erstes post OP Essen zu mir nehmen. Dann war wieder liegen angesagt und irgendwann kam dann die Visite. Kleine Diskussionen in der Gruppe und ich hörte den Satz: Katheter kann raus. JACKPOT! Eine Schwester entledigte mich dann also von dem Teil und das war der Weg zurück in die Freiheit.

Der schönste Moment im Krankenhaus war dann aber der, als die Zimmertüre aufging und Martina reinkam. Magic Moments würde ich sagen. Ab dann ging es nur noch darum die nächsten Tage rum zu bringen und jeden Tag nett zu fragen, wann sich mich denn entlassen würden. Zugegeben hatte ich aber schon gut Schmerzen an zwei der vier OP Narben. Jedes drehen im Bett schmerzte trotz Schmerztabletten. Aber ich will nicht jammern. Es hätte schlimmer sein können. Und wer sich jetzt fragt was denn nun überhaupt operiert wurde. Es wurde per laparoskopischem Eingriff ein Teil meiner rechten Nebenniere entfernt. Dieser hat - vereinfacht gesagt - meinen Hormonhaushalt durcheinander gebracht und zu den hohen Blutdruck werten geführt. Vor der OP war noch nicht klar ob die ganze Nebenniere entfernt wird oder nur ein Teil. Es blieb dann bei einem Teil davon. War soweit OK für mich.

Irgendwann durfte ich dann wieder nach zurück in die eigene vier Wände und da kam es dann auch zum wohl lustigsten Moment. Zuhause angekommen setzte ich mich erstmal auf Sofa. Endlich wieder zuhause. Blöd war nur, dass ich durch die schmerzen nicht mehr vom Sofa hochkam. Das Krankenhaus Bett ist so hoch, dass man die Beine hat baumeln lassen können. Das Sofa eher so, dass man die Knie fast schon am Kinn hat. Martina und ich holten dann also eine Matratze aus dem Schlafzimmer und das war dann für die nächsten zwei Wochen mein Reich. Die schmerzen begleiteten mich noch 2-3 Wochen aber wurden in der Zeit immer besser. Mein erster Gedanke, dass ich nach einer Woche wieder normal arbeiten kann, war dann wohl doch etwas zu optimistisch.

Festhalten kann man, dass jetzt mit meinem Blutdruck wieder alles in Ordnung ist und sich das alles so gesehen mehr als gelohnt hat. Dennoch muss man auch sagen, dass so eine Erfahrung einen auch den ein oder anderen Moment - vor allem im Krankenhaus selber - sehr nachdenklich gemacht hat. Nachdenklich, weil irgendwie sich Dinge so schnell ändern. Nachdenklich, weil man viele anderen Menschen gesehen hat denen es wohl deutlich schlechter ging als mir. Nachdenklich, dass man die Zeit die man hat, genießen sollte. Nachdenklich, um zu verstehen wie gut es einem geht. Wie unbeschwert man eigentlich lebt. Nachdenklich, um zu verstehen was es bedeutet, jemanden an seiner Seite zu haben mit dem man all die kostbare Zeit verbringen kann. Ich bin ein positiver Mensch (meistens). Das glas ist immer halb voll. Dinge sind wie sie sind. Dinge kommen wie sie kommen. Das einzigste was ich persönlich in der Hand habe ist das, dass ich einfach das beste aus dem mache was kommt. Und dadurch das man viel Zeit zum nachdenken hat im Krankenhaus, denkt man halt auch viel nach. Und mir ist klar geworden, dass ich keine zwanzig mehr bin. Mir ist klar geworden, dass es halt nur dieses eine Leben gibt. Mir ist klar geworden, dass älter werden auch heißt, dass man ganz andere Probleme zu bewältigen haben wird. Und was dann wirklich wichtig ist nur das: eine schöne Zeit haben. Und eine schöne Zeit heisst für mich nicht, dass ich alles oder so viel wie möglich erleben muss. Es heisst auch nicht das ich die ganze Welt bereisen muss. Es heißt schlicht und einfach: das hier und jetzt genießen. Egal ob es ein langweiliger Tag zuhause auf der Couch ist. Eine 100km Radfahrt irgendwo über Stock und Stein. Eine besondere Reise. Es ist vollkommen egal, denn alles kann eine schöne Erfahrung sein.

Aber nach so viel geschriebenen… Das Jahr hatte auch noch andere Momente. Fotos, Fahrräder. Tastaturen. Kurztrips. Radtouren. Leckeres Essen. Corona. Viel Zeit mit meiner liebsten. Fotos nachts mit Stativ. Noch mehr leckeres Essen. Einen neuen TV. Ein neues Bett. Aber schaut selbst: https://www.instagram.com/davidhellmann/

Guten rutsch!

It does the same, and I could remove the overhead from my config file. The current release is 1.2.1 and it offers the same options as tailwind default font-size options like line-height and letter-spacing.

Why should I use this plugin? 

Good question, as for every plugin out there.

It's simple. Fluid type is one solution to many problems, especially on mobile devices. In modern designs, we often use large font sizes for headlines to make them impactful. However, on mobile devices, these fonts can sometimes be too big, leading to strange scrolling behaviors or awkward word breaks because there isn't enough space to display the entire word.

We have two options to solve these problems. The first option is to declare different font sizes, like text-md md:text-xl, and this works perfectly fine. But you have to do this all the time, and it can be a bit error-prone, primarily when multiple people work on a project. For instance, one person might write text-md sm:text-xl, and another might write text-md lg:text-xl.

The second approach, and in my opinion the better one, is to use fluid type. Simply put, it involves declaring a minimum and maximum font size that adjusts based on the viewport size, allowing the font size to scale fluidly. This method eliminates the need to set font sizes for different viewports. Additionally, we use a modular scale to set font sizes proportionally. More information and a configurator can be found here: Modularscale

Any questions about this topic? Let me know.

Fluid Type

Check Github for more details.

• TailwindCSS Fluid Type
• Second Link

One point that bothers me about TailwindCSS is how to handle font sizes. In sum, there are just too many jumps that I have to remember, and that a team has to remember. Here, you quickly get a problem with consistency. Is the breakpoint set? Is the breakpoint correct? Are the sizes right? There are many sources of error.

Fortunately, there are ways to simplify the whole thing significantly. Since IE11 support is becoming a less and less common requirement for projects, you can use CSS features like Clamp (Can I use), a pretty powerful CSS property that fits perfectly for this purpose.

It looks like this

/* CSS Clamp */
/* clamp(MIN_VALUE, FLUID_VALUE, MAX_VALUE) */

.sample {
  font-size: clamp(18px, 2vw, 24px); 
}

Integrating the whole thing into Tailwind CSS is a bit more complicated. The FLUID_VALUE calculation is a more complex calculation that requires more values from the TailwindCSS config. Let's have a look at the whole thing in detail.

tailwind.settings.js

/*
 * Tailwind Settings
 */

module.exports = {
  typography: {
    fontSizeMin: 1.125,
    fontSizeMax: 1.25,
    msFactorMin: 1.125,
    msFactorMax: 1.2,
    lineHeight: 1.6,
  },
  screensRem: {
    min: 20,
    sm: 40,
    md: 48,
    lg: 64,
    xl: 80,
    '2xl': 96,
  },
  grid: {
    cols: 24,
  },
}

This is a part of my Tailwind CSS Config, where I store some global stuff. In our case the typography and screens stuff is relevant.

tailwind.settings.screens.js

/*
 * Tailwind Screens Settings
 */

const settings = require('./tailwind.settings')

const remToPx = (rem) => {
  return `${rem * 16}px`
}

module.exports = {
  sm: remToPx(settings.screensRem.sm),
  md: remToPx(settings.screensRem.md),
  lg: remToPx(settings.screensRem.lg),
  xl: remToPx(settings.screensRem.xl),
  '2xl': remToPx(settings.screensRem['2xl']),
}

Here I get my breakpoint values from the tailwind.settings.js file, which are stored there, without unit, as REM values and then convert them to pixels, since I use the breakpoints within TailwindCSS with pixel values.

tailwind.settings.fontSizes.js

/*
 * Tailwind Font Size Settings
 */

const settings = require('./tailwind.settings')
const fsMin = settings.typography.fontSizeMin
const fsMax = settings.typography.fontSizeMax
const msFactorMin = settings.typography.msFactorMin
const msFactorMax = settings.typography.msFactorMax
const screenMin = settings.screensRem.min
const screenMax = settings.screensRem['2xl']

// Calc Min and Max Fontsize
const calcMulti = (multiMin = 0, multiMax = null) => {
  return {
    fsMin: fsMin * Math.pow(msFactorMin, multiMin),
    fsMax: fsMax * Math.pow(msFactorMax, multiMax || multiMin),
  }
}

// build the clamp property
const clamp = (multiMin = 0, multiMax = null) => {
  const _calcMulti = calcMulti(multiMin, multiMax || multiMin)
  const _fsMin = _calcMulti.fsMin
  const _fsMax = _calcMulti.fsMax
  return `clamp(${_fsMin}rem, calc(${_fsMin}rem + (${_fsMax} - ${_fsMin}) * ((100vw - ${screenMin}rem) / (${screenMax} - ${screenMin}))), ${_fsMax}rem)`
}

module.exports = {
  xs: clamp(-2),
  sm: clamp(-1),
  base: clamp(0),
  lg: clamp(1),
  xl: clamp(2),
  '2xl': clamp(3),
  '3xl': clamp(4),
  '4xl': clamp(5),
  '5xl': clamp(6),
  '6xl': clamp(7),
  '7xl': clamp(8),
  '8xl': clamp(9),
  '9xl': clamp(10),
}

Let's move on to the most exciting config file. In the tailwind.settings.fontSizes.js file, we assemble our clamp property. First, we get some settings from tailwind.config.js, and then there are two helper functions.

One is calcMulti, where we simply calculate the minimum and maximum font sizes depending on our multiplier. The whole thing happens without units and in REM.

The second helper function clamp assembles our clamp property. Details about this calculation can be found here: Fluid-responsive font-size calculator, where everything is explained quite well.

tailwind.config.js

/*
 * TailwindCSS Config
 * */

// Settings
const settingsScreens = require('./tailwind.settings.screens')
const settingsFontSizes = require('./tailwind.settings.fontSizes')


module.exports = {
  ...
  theme: {
    ...
    screens: settingsScreens,
    fontSize: settingsFontSizes,
    ...
  },
}

Our tailwind.config.js then looks like this (shortened version).

Final output

If we look at the whole thing in the DEV tools in the browser, we see the following line of code for our body font (.text-base). This means nothing else than that our body font has a minimum value of: 1.125rem (18px) and a maximum value of 1.25rem (20px). Everything in between is fluid. The minimum value in our example starts at 20rem (320px), and the maximum value is reached at 96rem (1536px). That means the middle value controls everything in between. No more breakpoints are needed. Love it!

The example .text-5xl shows the whole thing with the multiplier 6. In this case, this is my H1.

typography.css

.text-base {
  font-size: clamp(1.125rem, calc(1.125rem + (1.25 - 1.125) * ((100vw - 20rem) / (96 - 20))), 1.25rem);
}

.text-5xl {
  font-size: clamp(2.2806973457336426rem, calc(2.2806973457336426rem + (3.732479999999999 - 2.2806973457336426) * ((100vw - 20rem) / (96 - 20))), 3.732479999999999rem);
}

<?php
return [
    'translate.component.code.show' => 'Show',
    'translate.component.code.hide' => 'Hide',
    'translate.component.code.copy' => 'Copy',
    'translate.component.code.copied' => '✅ Copied!',
];

This helped us have more explicit strings and context in our translation file. All our strings start with: translate, so it's easy to search against all templates for translations. Great advantage! But it does not solve the problem that you can have a massive file at the end. Yes, working with a file like that is possible, but we don't like it.

A much better approach

We thought about how we could optimize here. It's pretty simple. Place your files where they belong. That means we say goodbye to one large and messy file and say hello to component/page-based translations. Let me explain with a small example. Our folder structure looks like this:

...
templates
-- _components
----- code
------- code.js
------- code.twig
------- translate.de.component.code.php
------- translate.en.component.code.php
...
translations
-- de
---- site.php
-- en
---- site.php
...

In our components folder, we find all our components. Each component can have a different set of files. If we have a template file (twig in our case) and need static translations, we also place a PHP file for each language in that folder. Our naming for this file is:

TRANSLATE.LANG.CONTEXT.COMPONENT.php
translate.en.component.code.php

Let's look at a complete example

We have two sites (German and English), and we have a code component in our example. That means we need two translation files.

templates/_components/code/translate.de.component.code.php

<?php
return [
    'translate.component.code.show' => 'Zeigen',
    'translate.component.code.hide' => 'Verbergen',
    'translate.component.code.copy' => 'Kopieren',
    'translate.component.code.copied' => '✅ Kopiert!',
];

templates/_components/code/translate.en.component.code.php

<?php
return [
    'translate.component.code.show' => 'Show',
    'translate.component.code.hide' => 'Hide',
    'translate.component.code.copy' => 'Copy',
    'translate.component.code.copied' => '✅ Copied!',
];

In our main translation file, we have to include this component translation file and we have to merge it all. In this example, we import our code file and two other components. We also have a global array where we can place global translations like weekdays or stuff like that. In the end, it looks like this:

translations/de/site.php

<?php
// Vars
$page = '/../../templates/';
$lang = 'de';

// Global Translations
$globalTranslations = [
    'translate.global.days.monday' => 'Montag',
    'translate.global.days.tuesday' => 'Dienstag',
    'translate.global.days.wednesday' => 'Mittwoch',
    'translate.global.days.thursday' => 'Donnerstag',
    'translate.global.days.friday' => 'Freitag',
    'translate.global.days.saturday' => 'Samstag',
    'translate.global.days.sunday' => 'Sonntag',
];

// Comp Translations
$compTranslations = [];

// Get all Files
$translationFiles = glob(__DIR__ . $page . "**/*/translate." . $lang . "*.php");

// Merge Files
foreach ($translationFiles as $translationFile) {
    $data = include $translationFile;
    if (!is_array($data)) {
        continue;
    }
    $compTranslations[] = $data;
}


// Return All Translations
return array_merge(...$compTranslations, ...[$globalTranslations]);

translations/en/site.php

<?php
// Vars
$page = '/../../templates/';
$lang = 'en';

// Global Translations
$globalTranslations = [
    'translate.global.days.monday' => 'Monday',
    'translate.global.days.tuesday' => 'Tuesday',
    'translate.global.days.wednesday' => 'Wednesday',
    'translate.global.days.thursday' => 'Thursday',
    'translate.global.days.friday' => 'Friday',
    'translate.global.days.saturday' => 'Saturday',
    'translate.global.days.sunday' => 'Sunday',
];

// Comp Translations
$compTranslations = [];

// Get all Files
$translationFiles = glob(__DIR__ . $page . "**/*/translate." . $lang . "*.php");

// Merge Files
foreach ($translationFiles as $translationFile) {
    $data = include $translationFile;
    if (!is_array($data)) {
        continue;
    }
    $compTranslations[] = $data;
}


// Return All Translations
return array_merge(...$compTranslations, ...[$globalTranslations]);

What do you think? Let me know!

Eine sehr gute Frage! Woher wir uns kennen, weiß ich nicht. Seit wann wir uns kennen, weiß ich auch nicht. OK, cool! Ganz sicher bin ich mir aber, dass es aus dem Internet ist und das auch schon ein paar viele Jahre. Bis wir uns dann am 24. Februar 2015 mal live gesehen haben. In Barcelona, zur AWWWARDS Konferenz. Ein klein wenig war ich aufgeregt, da Socializing jetzt nicht meine Paradedisziplin ist aber nach 5 Minuten war es so, als ob wir uns schon ewig kennen. Das ganze wurde natürlich ausgiebig — mit ein paar Gläsern feinstem Wodka + Cola — gefeiert. Justin ist auch eine Inspirierende Persönlichkeit für mich und mit ziemlicher Sicherheit auch für andere da draußen. Er hat meinen großen Respekt für das was er macht und auch wenn wir nicht immer einer Meinung sind, können wir dennoch über alles ausgiebig diskutieren. So, genug gelobt. Fangen wir an!

Ahoi Justin! Wir kennen uns ja schon ein paar Jahre aber viele andere nicht. Ein paar Worte über dich, jetzt!

Hej David! Danke für’s Interview. Ich bin Justin Schüler, lebe und arbeite in Leipzig und habe mich vor 12 Jahren selbständig gemacht. Seitdem bin ich als freiberuflicher Designer für digitale Produkte tätig und arbeite an einem eigenem Produkt namens Heev. Meine Kunden sind größtenteils Startups, Agenturen und manchmal auch der ein oder andere Konzern. Dabei arbeite ich seit jeher zu 90% remote.

2018 haben ein paar Freunde und du etwas gestartet was wir heute unter Namen Heev kennen. Bevor wir ins Detail gehen, beschreibe Heev doch mal in einem Satz.

Damit hauste gleich in die Kerbe. Das eigene Produkt in einem, möglichst knackigen Satz zu beschreiben, ist extrem schwer. Das spielt ja vor allem für die Website und das ganze Marketing eine sehr große Rolle. Aber eben auch, wenn man es mal eben jemanden erklären will. Schwierig. Auf unserer Website schreiben wir selbst:

Deine Freelancer Software - Heev erleichtert deinen Alltag als Freelancer, damit du dich auf's Wesentliche konzentrieren kannst.

Das habe ich selbst formuliert. Finde es aber schwach, beliebig und nicht unbedingt selbsterklärend.

Daher probier ich’s hier jetzt noch mal anders:

Unsere Software macht die lästige Arbeit eines Freelancers einfacher und erträglicher – Angebote und Rechnungen schreiben, Zeiten erfassen, Ausgaben festhalten und alles in allem den Überblick über das eigene Business behalten. Alles in schick, minimalistisch, modern, performant und sicher.

Justin Schüler

Wie habt ihr euch gefunden? War es eine Idee die in der Gruppe entstand oder hast du dir die richtigen Leute zusammengesucht wo du das Gefühl hattest, das sie deine Idee teilen und dich beim Verwirklichen unterstützen wollen?

Eine Mischung, würde ich sagen (: Die Idee und das Bedürfnis, da was geiles in der Richtung zu bauen, hatte ich schon vor einiger Zeit. 2017 ca. habe ich mich recht ausführlich mit vielen auf dem Markt vorhandenen Tools in dem Bereich befasst. Eben, ganz klassisch, aus der eigenen Notwendigkeit heraus. Bis zu dem Zeitpunkt habe ich „nur“ mit nativen Mac tools wie Grand Total gearbeitet. Da gab’s dann noch keine direkt integrierte und elegante Möglichkeit, Zeiten zu tracken + abzurechnen, Ausgaben zu erfassen usw. Das ging schon, aber nur mit weiteren lokalen Tools. Nicht so sexy jedenfalls.

Nach monatelangem Recherchieren und Testen bin ich dann jedenfalls bei Debitoor gelandet und war grundlegend auch ganz happy damit. Der Gedanke, dass man das alles smarter, eleganter, modular und insgesamt attraktiver machen könnte ging mir aber nicht aus dem Kopf.

2018 habe ich dan mit Alex und Marcel für Spreadshirt an einem größeren Web-App-Projekt gearbeitet. Dort haben wir uns kennengelernt und intensiv zusammen gearbeitet. Das lief so gut, dass wir uns irgendwann im Oktober zusammen gesetzt haben und ich erzählte ihnen von der Idee zu Heev. Damals hatten wir natürlich noch keinen Namen dafür. "Lasst uns mal nen geiles all-in-one tool für Freelancer bauen, was wir selbst auch wirklich gerne nutzen würden." - sinngemäß. Das räsonierte glaube ganz gut mit den Vorstellungen der Beiden.

Ein weiterer Grund war aber auch ganz einfach, dass wir Bock auf ein eigenes Projekt und Produkt hatten. Zusammen daran arbeiten, wachsen, Neues lernen, Mehrwert für Freelancer schaffen und potenziell auch Geld verdienen.

Ihr habt Heev ja quasi als Sideproject gegründet und so läuft es auch aktuell noch. Wie darf man sich das vorstellen? Wie ist eure Arbeitsweise und wie bringt ihr neue Features auf die Straße?

Yes, es ist auf jeden Fall noch ein Nebenprojekt. Jeder investiert im Schnitt 1 Tag / Woche. Mal mehr, mal weniger. Was natürlich echt überschaubar ist. Macht mich aber einmal mehr stolz, auf das, was wir bisher umgesetzt haben.

Konkret sieht das inzwischen so aus, dass wir alle Aufgaben, Anforderungen, Dokumentation, Nutzerfeedback usw. in Notion festhalten. Wir haben ein großes Kanban-Board, in dem wir alle Aufgaben möglichst strukturiert und priorisiert auflisten. Dabei arbeiten wir nicht nach scrum, sprint-basiert oder ähnlichem. Wäre bei unseren unregelmäßigen "Arbeitszeiten" glaube eher "Prozess-Overhead". Wir versuchen jedoch immer uns klar zu comitten, sobald wir an einem Feature arbeiten.

Der Ansatz ist insgesamt recht nah an der typischen Produktentwicklung, wie man ihn vielleicht auch von Kundenprojekten kennt. Aber eben sehr "lean". Für die Umsetzung eines Features wird zuerst recherchiert, konzipiert (alles schriftlich in Notion + gemeinsame Call), wenn nötig Designs ausgearbeitet (in Figma - ist allerdings ein riesiges Chaos und unsere Live App ist auf dem korrekteren Stand, als das Design haha, Klassiker). Wir versuchen den Schritt zwischen Design und Entwicklung so klein wie möglich zu halten. Inzwischen haben wir 'nen relativ solides, Komponenten-basiertes Design System im Storybook, mit dem man viele Szenarien sehr gut umsetzen kann, ohne jedes mal im Figma anzusetzen.

Wir nutzen ein Staging und ein Prod System. Sobald etwas greifbar ist, wird's auf Staging deployed und jeder kann seinen Senf dazu geben. Das geht dann wieder über Calls, Slack oder direkt Kommentare im jeweiligen Notion Ticket. Aktuell testen konkret also auch nur wir drei. Keine Beta Tester usw. Das wäre zwar sicher sinnvoll, würde uns aber noch mehr Zeit kosten. Da wir die App selbst alle im Alltag nutzen, sind wir auch ganz gut als unsere eigenen Tester geeignet. Bisher läuft das auch super smooth. Nennenswerte Bugs gab's bisher kaum und wenn doch, bekommen wir das über den Support Chat von unseren Kunden und können das meistens zeitnah fixen.

Eure Zielgruppe scheint auf den ersten Blick recht klar. Selbstständige die gern Ihre Zeiten, Angebote und Rechnungen — also kurz gesagt alles was mit Geld verdienen zu tun hat — in einem Tool vereint möchten. Aber erzähl du doch mal für wen Heev interessant ist und warum man es sich auf jeden Fall anschauen sollte.

Richtig, unser Fokus liegt ganz klar auf Freelancern und Selbständigen. Dort dann auch eher auf den moderneren und im digitalen Bereich tätigen. DesignerInnen, EntwicklerInnen, BeraterInnen usw. Als Selbständiger hast du halt recht viel Business-Zeug, dass erledigt werden muss. Eben das, was du in deiner Frage bereits genannt hast. Dabei soll es aber auch nicht bleiben. Wir arbeiten ja ständig an neuen, nützlichen Features. Demnächst kommt die Ausgabenerfassung und Berichte. Damit hat man dann jederzeit einen guten Überblick über den Stand des Geschäfts. Dadurch lässt sicher besser planen und mit potenziellen Kunden kommunizieren. Alles in einem Tool - Es muss also nichts von tool a nach tool b portiert werden. Was noch mal zusätzlich Zeit kosten würde. Heev spart dir also Zeit das dabei recht unaufdringlich und elegant.

Was sind die kern Features von Heev? Wir haben schon über die Zielgruppe gesprochen. Die meisten Selbstständigen werden schon irgendwas nutzen um Sachen wie Zeiterfassung Rechnung etc. zu bewältigen. Muss man voll bei euch einsteigen oder kann man auch langsam zu euch wechseln?

Wie oben schon kurz beschrieben, kannst du mit Heev deine Kunden und Projekte verwalten. Zeiten tracken, Angebote und Rechnungen schreiben und alle Dokumente deinem Branding anpassen, mit unserem Layoutdesigner.

Wir dachten auch, dass die meisten Selbständigen bereits auf entsprechende tools zurückgreifen. Umfragen, von uns und anderen Anbietern in ähnlichen Bereichen (wie bspw. Kontist), ein Bankkonto für Freelancer, für die ich ebenfalls arbeite), haben aber gezeigt, dass viele noch immer auf excel listen oder verteilte tools setzen.

Modulares Preismodell. Da sagst du was. Das heißt ich könnte Heev nutzen und auch erstmal nur meine Zeit tracken, richtig? Würdest du das empfehlen oder sagst du Heev spielt seine Vorteile am besten aus, wenn man es in Gänze nutzt?

Du bist völlig flexibel. Jederzeit. Aus dem vollen schöpfst du aber definitiv, mit allen Modulen, da dann die Verknüpfungen ihre Stärke ausspielen können. So kannst du bspw. alle erfassten Zeiten eines Projektes, direkt in eine Rechnung importieren (2 klicks). Die Zeiten werden dann als "abgerechnet" markiert.

Heev modular aufzubauen, war eine Idee, die wir von Anfang an umgesetzt haben. Du kannst jedes Modul (aktuell Zeiterfassung, Angebote und Rechnungen) aktivieren oder deaktivieren. Das spiegelt sich dann auch entsprechend im UI wieder. Ein Anspruch, der uns wichtig war. Viele (eigentlich alle) Tools wirken schnell überladen und lassen sich dahingehend auch nicht anpassen. Wir wollten das unbedingt anders haben und fanden es auch nur logisch.

Heißt also ganz konkret für dich als NutzerIn: Wenn ich keine Rechnungen schreiben muss, dass Modul also nicht aktiviere, warum sollte ich dann ständig in der App darüber stolpern? Es muss natürlich auffindbar und aktivierbar sein. Aber eben nicht permanent im UI sitzen.

Technisch macht es die ganze Sache nicht leichter, da es viele Abhängigkeiten gibt, die wiederum viele Möglichkeiten für dich als Nutzer bieten. Führt aber eben zu mehr Komplexität in der Architektur und man kann nicht mal eben irgendwas völlig losgelöst anpassen. Das Konzept der Architektur ist daher von grundauf darauf ausgelegt. So das wir auch für weitere Features zukunftssicher modular konzipieren können.

Auf welches Feature seid Ihr / bist du am meisten Stolz?

Es ist eigentlich das Gesamtpaket und nichts im speziellen. Modernes Design, Einfachheit und sehr gute Performance.

Aber um dennoch eins zu nennen: Der Layout-Designer. Das ding ist super einfach zu bedienen, performant und gibt dir die Möglichkeit, elegante Rechnungs- und Angebotsvorlagen im gewissen Rahmen zu individualisieren. In einem Maße und Qualität, wie wir das bei keinem anderen Tool in diesem Bereich finden konnten (wir haben sehr viel recherchiert und getestet - die meisten sind dahingehend wirklich sehr enttäuschend).

Mobile ist ein großes Thema (hehe). Wie seid ihr hier aufgestellt? Gibt es mobile Apps oder bietet eure WebApp alles was man sich wünschen kann? Wie sind die Zukunftspläne diesbezüglich?

Ja, da haste natürlich Recht. Das Frontend und die gesamte Architektur ist so gebaut, dass eine Responsive-Optimierung oder spezifische Adaption gut machbar wäre. Es kostet aber relativ viel Zeit und impliziert auch einige konzeptionelle Herausforderungen. Also ganz grundlegend schon: Was bräuchte es wirklich für mobile? Die gesamte App "einfach" responsive runterzustampfen, halte ich nicht für sinnvoll oder nutzerzentriert bei dem Thema. Einige Funktionen müsste man also ggf. komplett umbauen, um sie Mobile wirklich mit ner guten UX zu versehen.

Aber sagen wir mal so - "Responsive Optimierung" liegt als Karte schon lange im Notion und wir haben's auch auf'm Schirm. Wann wir dazu kommen, hängt, wie alles, was und wie wir an Heev arbeiten, vom Nutzerfeedback und einer sinnvollen Prio für's Business ab.

Konkurrenz belebt das Geschäft sagt man gern. Ihr seid neu am Markt und quasi die, die neuen Schwung hinein bringen. Wie seht ihr euch im Vergleich zur Konkurrenz? Warum sollte ich zu euch kommen?

Sehr gute Frage. In dem Bereich ist's auf jeden Fall mega schwer Fuß zu fassen. Wir hatten aber auch keine illusorischen Vorstellungen. Schwierigkeit ist natürlich, dass der Markt schon gut gesättigt ist und das teils von den großen Playern, wie Lexoffice, Debitoor oder Sevdesk, um nur einige zu nennen. Ich glaube, unsere Liste von "Konkurrenten" war um die 60 - 70 Einträge lang.

Um's mal bissl im Business und Marketing Gesabbel zu verpacken: Heevs USP ist die Einfachheit, das moderne Design, in Verbindung mit einer extrem robusten und guten Performance. Das kann man jetzt als fundamental oder basics bezeichnen, ist es aber meiner Erfahrung nach nicht. Auf Feature-Ebene ist es definitiv der Layout-Designer, in Verbindung mit Angeboten und Rechnungen. In Heev ist denken wir halt auch nichts isoliert. Wir versuchen immer möglichst viele, smarte Verknüpfungen zu schaffen, die so erstmal nicht sichtbar sind, im Alltag aber schnell die Arbeit erleichtern. Und mit dem aktuellen Featureumfang kratzen wir damit nur an der Oberfläche. Je mehr Daten wir (aus den Featuren heraus) verarbeiten können, desto mehr Intelligenz und Automatisierung können wir dir als Nutzer bieten. Sei es in Form von Metriken, Charts, Vorschlagen oder Prognosen. Technologisch geht 'ne Menge und Ideen haben wir viele.

Transparenz ist ein spannendes Buzzword heutzutage. Du teilst euren Progress gern auf Twitter. Hast auch kein Problem über zahlende Benutzer und Einnahmen zu sprechen. Bist du der Meinung, dass genau das viel mehr passieren sollte heute? Wie kommt es da draußen an?

Ich sehe auf unserem Level zumindest keinen Grund es nicht zu tun. Ich selbst finde es bei anderen Unternehmen spannend, wenn man nachvollziehen kann, was wirklich Phase ist. Da ist natürlich auch ein (aus meiner Sicht positiver) Trend, gerade im Tech / SAAS / Startup Bereich. Firmen wie Buffer oder auch unsere Freunde von Scrumpy, sind da schon ein sehr gutes Beispiel.

Wir messen nicht, ob oder wie gut es ankommt. Gefühlt würde ich aber sagen, dass dem schon so ist. Man kennt das ja von sich selbst und ich glaube, da geht es dir und vielen aus der Tech Branche nicht anders - es ist immer spannend zu sehen, was so hinter den Kulissen passiert. Im Bezug auf Zahlen und Geld ist mir das persönlich auch recht wichtig, da ich auch mit meinem eigene Freelance Business sehr transparent umgehe. Es ist ne weirde Gesellschaftliche Konvention, kaum oder nur ungern über Geld zu sprechen. Bin ich kein fan von.

Ist es ein Ziel Heev irgendwann mal Full Time zu machen?

Wir drei haben uns sehr klar und einheitlich darauf geeinigt, dass Heev vorerst ein Nebenprojekt bleiben soll. Zum einen, weil zumindest Alex und Marcel nicht auf ihre Kundenprojekte als Freelancer verzichten wollen. Zum anderen, da Heev nicht das einzige Produkt bleiben soll, an dem wir zusammen arbeiten. Zum Glück leidet darunter aber nicht die Qualität des Produktes. Eher das Marketing und das "Vorantreiben" (:

Der Gedanke ist hin und wieder dennoch verlockend, für mich zumindest. Aber die investierbare Zeit hängt letztlich auch davon ab, wie viele Kunden wir haben, daran verdienen und dementsprechend leisten können. Aktuell ist’s ja noch ein reiner Invest.

Mit dem Wissen von heute… Was würdest du Rückblickend anders machen?

Lustiger weise kommt jetzt wirklich der Satz, den man in unseren Kreisen extrem häufig liest oder hört: do not overthink, keep it simple! Lieber 2-3 Sachen weglassen und erstmal loslegen, live gehen, Feedback sammeln. Das ganze Geschwurbel. Es ist nicht so, dass wir das nicht so gemacht hätten und es ist wichtig zu bedenken, dass dieser Hinweis immer so einfach und praktikabel daherkommt.
 

In der Realität sind es aber vor allem die Nuancen, die Abstimmung im Team und all die vielen Faktoren, die so mit reinspielen, die jene Entscheidungen nicht Gerade einfach machen.

Biste ne one (wo)men show, gehste einfach deinem best guess nach und musst ggf. Die Suppe auslöffeln. Im Team gibt es unterschiedliche Expertisen und Ansichten. Jede hat ihre Berechtigung und selbe Gewichtung. Umso wichtiger ist daher ne gute, klare und ehrliche Kommunikation untereinander.

Einen Kompromiss zu finden, ist nicht immer leicht, dass muss man im Team lernen. Kommunikation ist also, wie so oft, extrem wichtig.

Bin gespannt wie Heev sich entwickeln wird und wünsche euch natürlich gutes Gelingen das es sich so entwickelt wie ihr euch das vorstellt. Jetzt darfst du gern noch irgendwas loswerden. Musst du aber nicht… Wobei, doch!

Haha! Ich will dir Auf jeden fall für die Idee mit dem Interview und der direkten Umsetzung danken :* es ist auch noch mal spannend, auf diese weise über das Projekt zu reflektieren.

Außerdem bin ich wirklich sehr stolz auf dieses Baby und unsere Arbeit. Wenn man bedenkt, welche Hürden und Komplikationen es bei vielen Projekten so gibt, dann find ich es schon bemerkenswert, wie gut die Zusammenarbeit bei uns flutscht.

• Heev.me Website

Danke Justin für die interessanten Einblicke in und um Heev. Bin gespannt wo die Reise für euch hingeht.

Zuhause angekommen war der erste Griff zur Kaffeemaschine. Schalter in die Position ON und voller Vorfreude einen Kaffee zu trinken der hoffentlich meine Kopfschmerzen vergehen lässt. Kaffee #1 sollte das schon mal nicht schaffen. Aber ein Doppelter Kaffee #2 brachte mich weiter mit dem Problem. Ab auf die Couch und TV. Irgendwie nichts mehr machen heute was anstrengt. Fussball wäre ein Plan aber das Spiel startet erst 21 Uhr und aktuell ist es 19:51 Uhr. Schauen wir doch mal ob es was neues auf Netflix gibt. Da ich mein Abo letzte Woche gelöscht habe (wieder Preiserhöhung), könnte ich es ja zumindest noch etwas nutzen…

In letzter Zeit wurde ich eher weniger fündig aber heute war gleich der Treffer ein Volltreffer: Das Dilemma mit den sozialen Medien — und die Dokumentation hatte es in sich. Nein, es war nichts was mich überrascht hat. Nein, es war nichts was wirklich neu war. Ja, es war ein Schlag ins Gesicht!

Warum, wenn es doch nicht wirklich was neues war? Einfach weil es gut veranschaulicht hat was da passiert. Es war nachvollziehbar. Es war glaubhaft und selten war ich bei einer Dokumentation so genervt. Genervt weil ich weiß das ich genauso in dem Hamsterrad mit drinnen hänge wie die meisten anderen auch. Genervt weil ich weiß das man schwer aus dem Hamsterrad wieder herauskommt. Genervt weil ich weiß das ich viel Zeit damit verbringe etwas anzuschauen nur um es anzuschauen. Genervt weil ich weiß, dass es nicht gut, ist den ganzen Tag andere Leute zu "stalken", nur um zu wissen was sie tun, ohne das es für mich einen tatsächlichen Mehrwert hat, außer meine Sucht zu befriedigen. Genervt weil ich mir oft vornehme etwas zu ändern aber es nicht konsequent mache. Genervt weil die ganzen Netzwerke viel wichtiger erscheinen als sie sind. Genervt weil alle dieser Dienste im Ende auch immer nur auf das gleiche abzielen. Man könnte es wohl endlos weiterführen…

Warum ist loslassen so schwer?

Ist es nicht! Zumindest nicht immer. Vor ein paar Monaten hab ich mich entschlossen Facebook mehr oder weniger zu meiden. Die App habe ich von meinem Smartphone gelöscht und auf der Website war ich im Grunde nicht mehr bis auf ein paar Ausnahmen. Habe ich etwas vermisst? Nein, gar nicht! Nun gut, Facebook war aber auch schon länger nicht mehr interessant. So richtig auf die Schulter klopfen kann ich mir da also nicht, schade!

Beim schauen der Doku war klar, dass ich danach etwas tun werde und zwar Instagram von meinem Smartphone zu verbannen. Für immer? Wahrscheinlich nicht aber zumindest mal für einen gewissen Zeitraum. Und Instagram wird mir wirklich schwer Fallen. Ich mag Fotos anschauen! Für mich ist Instagram nach wie vor ein Tagebuch von Ereignissen die ich auf Fotos festgehalten habe. Es macht mir Spaß durch mein Profil zu scrollen. Zu sehen ich gemacht habe. Erinnerungen kommen zurück und die Ereignisse sind vor meinem Auge als wären sie gestern erst passiert. Ich mag Fotos machen! Einen gewissen Anspruch habe ich an mein Profil. Schöne Fotos sollen es sein. Mit einem gewissen Anspruch an mich selbst. Momente sollen festgehalten werden. Meist aus meiner Sicht. Selten soll mein Gesicht zu sehen sein. Aber ich sehe auch gern wer hinter Profilen steckt und möchte das auch von mir Preis geben. Ich mag likes! Aber bitte nur weil euch das Foto gefällt. Nicht weil ihr denkt ihr müsst mir was gutes tun oder mich heute besonders hübsch findet. Nein, der like soll nicht mehr sein als: Schickes Foto David! Aber ein Like macht mein Leben nicht besser.

Aber ganz ohne Fotos geht es nicht. Das ist etwas was mir Spaß macht. VSCO schafft da vielleicht Abhilfe. Dort sollte ich mich wieder mehr aufhalten. Nicht das da alles super ist aber es ist sicher mehr vertretbar als Instagram. Mal schauen ob es wirklich ein Ersatz werden kann.

Etwas weniger Google bitte. DuckDuckGo ist seit ca. 26 Minuten meine Standard Suchmaschine im Chrome und auf dem Smartphone. Auch das sicher wieder nur ein kleiner Tropfen aber immerhin.

Twitter werde ich nicht löschen. Da ist meine Bubble sehr Berufsbezogen und das ist für mich Informationsquelle und einfach ein Stück weit meine Tageszeitung. Und irgendwie hab ich mich auch selten in Twitter verloren. Mal ein paar swipes durch den Stream. Ein paar interessante Links geklickt und dann war es auch meist wieder gut.

Die Dokumentation hat mir gezeigt, dass ich mich vielleicht hin und wieder mehr mit diesem Thema beschäftigen und mich einfach öfters hinterfragen sollte. Weniger Zeit damit zu verbringen, dieses System zu unterstützen. Es geht mir auch nicht darum alle meine Accounts zu löschen. Sondern einfach alles wieder etwas herunter zu fahren. Und vielleicht einfach die Zeit für andere Dinge nutzen.

Ende.

Design hat schon seine Berechtigung für Brand und Wahrnehmung, aber am Ende gewinnt die UX

dannux — webdevs.xyz

Nicht viel neues in dieser Aussage aber gut sich das auch immer mal wieder vor Augen zu führen. Schön anzuschauen ist das eine. Aber es muss gleichzeitig auch funktionieren. Ist das nicht gegeben, ist das andere auch nicht viel wert.

Signed.

Fynn war in Linz

Es war mal wieder FRTG Zeit bei Fredmansky und da war es doch naheliegend, dass Fynn mal vorbeischaut. Das hat mich persönlich sehr gefreut das wir uns so auch mal persönlich kennenlernen durften. Und die anderen hatten sicher auch etwas Spass an diesem Abend.

New Bike day!

Es musste auch mal wieder ein neues Rad her. Ihr habt recht, müssen ist hier völlig der falsche Begriff aber nun gut. Da doppelt bekanntlich besser hält hat Martina sich auch gleich eins mit gegönnt. #teamspecialized heisst es von nun an. Sie auf nem Stumpjumper und ich auf einem Stumpjumper Evo. Macht spaß! Sorry Capra das ich dich weitergegeben habe. Aber du wirst sicher weiterhin Spaß haben.

Mechanical Keyboard (ANSI)

Auf meine alten Tage noch mal was neues lernen beim herum tippen am Computer? Why not! Die Mechanical Keyboard Fanboys haben mich irgendwann doch überzeugt mir so einen Teil mal zuzulegen. Es wurden eine zwei VORTEX Race3 RGBA (ANSI) Keyboards. Zwei, da ich natürlich auch zuhause das gleiche Gefühl beim tippen haben möchte wie auf Arbeit. Das Keyboard neu war nun das eine aber das umstellen von deutschen auf englisches Layout das andere. Es hat sicher ein bis zwei Monate gedauert, bis es schmerzfrei funktionierte mit dem schreiben aber inzwischen bin ich Happy es gemacht zu haben.

Führerschein, da war ja was!

Genau, wer sich ein Motorrad kauft, braucht natürlich auch diesen Schein, der einen berechtigt damit zu fahren. Im April war es dann soweit, die ersten Fahrstunden standen an. Was faszinierend ist, ist das man relativ wenig Fahrstunden machen muss und das alles relativ schnell lernt. War fast schon etwas schockiert wie einfach man einen Motorradführerschein bekommt.

Long Story short. Bestanden!

Und was soll ich sagen? Es macht richtig spass! Ich habe kein Motorrad zum schnell fahren. Das wird auch nie das Ziel sein. Es geht darum etwas durchs Hinterland zu fahren und dies zu genießen. Alles ab 80 km/h wird dann schon anstrengend und macht weniger spass. Freu mich schon wenn es wieder los geht.

Junggesellen Abschied mit Toni…

a, und natürlich die Hochzeit. Aber eins nach dem anderen. Junggesellenabschied hieß — Standesgemäß — es muss in der Natur passieren. Also wurde gezeltet. Leider war es Arschkalt doch Chefplaner Robert wäre nicht Chefplaner gewesen, wenn er nicht ein drei Tages Program ausgearbeitet hätte. Nach kalt kam ziemlich warm. Denn es ging in eine alte Schmiede und dort wurde uns richtig eingeheizt. Raus kommen sollte ein Messer bei jedem. Raus kam irgendwas, dass man mit Worten schwer beschreiben konnte. Lustig war es dennoch. Danach ging es direkt Richtung Prag wo wir es uns in einem Hausboot gemütlich machten. Schön wars! Ach ja, Hochzeit. Na was soll man sagen??? Wenn Menschen aus Plauen bei einer Party anwesend sind, ist die Chance, dass diese feucht fröhlich wird, gar nicht mal so klein. Hier muss kein weiterer Text stehen. <3

Reisen

Ist zu zweit ja viel schöner als alleine sagt man. Die Probleme hab ich ja nicht mehr. Wir waren in Wien, in Plauen, in Budapest, Saalbach, Faak am See und sicher noch irgendwo anderes. Dieses Jahr ging es nicht weiter und länger weg. Warum? Das im nächsten Abschnitt.

Grosser Schritt. Die erste gemeinsame Wohnung

Irgendwann im Frühjahr redeten Martina und ich das erste mal darüber zusammen in eine Wohnung zu ziehen. Aus reden wurde dann recht schnell nach Wohnungen schauen. Aus nach Wohnung schauen wurde dann schnell Wohnungen anschauen. Und relativ schnell hatten wir auch eine Wohnung gefunden, die uns beiden sehr gefallen hat. Doch es ging nicht nur darum das wir zusammenziehen, sondern auch wohin wir ziehen. Und schnell war uns beiden klar, dass es nicht in der Stadt sein soll, sondern eher außerhalb. So ist es nun auch gekommen. Wir sind jetzt Landeier! Und was soll ich sagen, es ist super. Glaube das ist seit 20 Jahren die erste bewusste Entscheidung gegen das wohnen in der Stadt. Jetzt ist es für uns Beide komisch, wenn wir dann mal in Linz sind. Diese vielen Menschen. Ich sage euch!!!
 

So, denke das reicht als verspäteter Rückblick gerade noch so aus. Hab ich was vergessen? Bestimmt aber egal!

What are dynamic titles?

In craft, an entry needs at least a title. Most of the time, you, as the author, write something in the title field, and it's fine. But imagine you have a lot of content, and then in the future, the content grows and grows. Many authors work on the content, and sometimes you have content where you need a strict naming convention for titles or a certain structure for the title. You can do that all the time by hand, but that is not fail-proof. With dynamic titles, you have the possibility to make life much easier for your authors or just for yourself. Sometimes, you have nothing to write by hand, and sometimes, you pick just some related entries from which the title will be created.

How it works

Let's get away with this… We have some products. The product has a product category, a title, and an ID/SKU number. Now, when you create a product entry, you have to write this in the title field: Product Category - Product Title - SKU Number. It’s easy, you think, but is it? I think not. So here comes the dynamic title into play. Someone was thinking about how the title is structured. Suppose we need to get the three things from above, plus a namespace. Now our final title format looks like this: P - category - product title - SKU — yes, that looks fine. We have a P, which is the namespace and stands simply for Products. Second is the category title, third is the product title, and the last one is the SKU. But how does this become a dynamic title? Craft has a powerful control panel. You can put some Twig logic in many of the input fields to make things dynamic. In our case, we have three fields from which we create the title later. This looks like this: P - {productsCategory.one().title} - {productsTitle} - {productsId}.

This is the product entry type

This is our product entry

As you see, there is a Products ID field, which is our ID / SKU. Below that, we have our Product title field, which is just the product name. Below the title comes the Products Category field. From these three fields and the namespace, we build our title.

Now, our product overview looks like this:

Or for our product advantages, it looks like this:

You can see, that you have a clean title for each item. A positive side effect is that you have disjoined your long title into short pieces, and this gives you the possibility to change your entire title format in the future very quickly.

I'm a big fan of title generation like this and I/we use it more and more.

What do you think about it? Are there any use cases for this in the future? Give it a try; it's awesome!

Few weeks ago, the new Apple AirPods Pro* came around and I'm so fucking weak when new tech knocks on the door. It started as usual… I heard about it is step one. Now, I have to find out more about the new product - in this case the Apple AirPods Pro* that means I go to the Apple Website and see the wonderful marketing page. Apple: 1, David 0! It's hard to resist when you see something new with a good presentation and you're weak. However, this time I'm strong. I'm not clicking the buy button. I'm searching for reviews, unboxing videos and stuff like this. What say people about it. It's the phase where I'm fight with my bank account against the industry! Most of the time I'm the winner! OK, maybe this is a lie. But I'm a clever guy. I can talk my way through everything. WHEN I buy the new AirPods now, I can sell my old AirPods with a good value. And the new AirPods become so cheap. THIS!

Two weeks after I visit the Apple Website to find out more, I've new Apple AirPods Pro* in my Hand. I sold my old AirPods* for cheap 80,- bucks. Not that much but it's ok. I bought the new AirPods Pro* for 259,- — FUCK, that's a lot of money!! 20,- cheaper and this two weeks after release, thats fine. But enough story around…

It's not a simple yes or no answer, so let me try to explain. I think with this price tag, there are better headphones that you can buy, BUT maybe not InEar headphones. I'm in the Apple bubble, and it's like magic every time you pair a new product with your iPhone. It simply works! Personally, I'm not that audiophile to say: WOW, the sound is so excellent. Or something like: Mah, sounds like shit. For me, the sound is refined—nothing to criticize here. The main feature was ANC (Active Noise Canceling), so I wanted to buy the headphones. They're my first ones with ANC, and I was unsure if I needed them or liked them. After playing a bit with the three different options (ANC one, normal InEar-Style, Transparency Mode), I can say that it's beautiful to have it. This week, I'll go by train in the morning (yes, we're living in the countryside now and have to use the train to get to work), and that was the first time I heard a podcast while going around. Leave the house with the transparency mode. After a few steps, I switched to the ANC mode and fuck. It's a magic moment when it fades smoothly from transparency to the ANC mode. Afterward, it was silent. It was a bit strange at first, but a few steps later, it was as if it was never different. The podcast began, and I was in the middle of the crowd. Later in the train, I heard nearly nothing around me. I was in my ANC bubble, and this was fine. Now, when I have the headphones in my ears, it's mainly with the ANC option. It's great. I like it, and I hope that doesn't change. But there are some other things that I also like.

The Case

The case has a bit of another form factor than the previous versions, but nothing to discuss. But I think the case quality is a bit better than before. When you close the case, it sounds like quality. I like that.

Form Factor

When you know just the normal AirPods, it's all fine. They look great. Small, great design. Nearly perfect? But now, when you know the AirPods Pro, the old ones look old. Every time again, this is fascinating for me. Now they are smaller and more futuristic than the old ones.

Other Features?

Water resistant! It's a significant feature for me cause I use the headphones also when I go ride my bike—a massive advantage to the old ones.

Conclusion...

I think it's hard to say they're worth that money. I think it's worth that money. But maybe you're saying the opposite. We're both right. Buy your own Apple AirPods Pro on Amazone*

* = Affiliatelinks/Werbelinks

Jetzt so ca. ein Jahr nach dem ersten Gedanke daran muss ich sagen, dass ich recht behalten habe und meinen Weg gegangen bin. Der spannende Punkt ist, dass ich mich intensiv mit dem Thema beschäftigt habe. Viel gelesen, viele Videos geschaut. Versucht das für mich richtige Motorrad zu finden ohne es auch nur einmal testen zu können. Rückblickend war es wohl teilweise etwas anstrengend für gewisse Personen immer wieder meinen Gedankengänge zu hören. Fotos anzuschauen und so weiter. Aber gut, ganz oder gar nicht hab ich mir gedacht und am Ende ist ja alles gut. 

Gleichzeitig war das Motorrad meine bisher größte Anschaffung die ich bisher getätigt habe. Gleichzeitig auch mein erstes eigenes Fahrzeug. In Summe hat das ganze knapp 14.000 Euro gekostet mit allem drum und dran (Motorrad, Führerschein, Klamotten, Umbau). Die Frage die ich mir schon ab und an gestellt habe ist, ob es sich gelohnt hat und ob ich es wieder tun würde. Es ist viel Geld und am Ende muss man sagen, ist es auch nur ein Hobby. Ein Mottorad ist halt kein Auto was man bei Wind und Wetter nutzen kann. Aber ja, ich würde es wohl wieder machen. Zum einen weil dadurch ein Hobby für mich entstanden ist, dass ich mit meiner liebsten teilen kann. Sowas kann man schon mal nicht mit Geld aufwerten. Zum anderen macht es wirklich Spaß. Es war von vorn herein klar was und wie ich mit dem Motorrad fahren möchte. Und genau das fühlt sich gut und richtig an. Auch könnte ich es mir schwer vorstellen, mit einem Motorrad rumzufahren was mich nicht anspricht. Hey, kauf doch erstmal was für 3000 Euro und schau ob es dir überhaupt taugt. Nein, das wäre nicht ich. Das Paket muss passen. Ich muss zu meinem Motorrad gehen und schon beim anschauen mich freuen gleich damit eine Runde zu fahren. 

Ein letzter Punkt ist das Thema Risiko. Ich bin mir der Sache bewusst. Habe viel Respekt vor Straßenverkehr und anderen Verkehrsteilnehmern. Denn egal wie sehr man auf sich achtet, hat man es halt nie alles selbst in der Hand. Man wird das Risiko nicht abstellen können aber man sollte  auch keine Angst davor haben. Wie gesagt, Respekt ist viel vorhanden und das ist auch gut so. Also Mutti, mach dir keine sorgen, wird schon schief gehen :)

Irgendwann im Februar hab ich meine zarten Beinchen mal zu einer Fahrschule bewegt um mich dort anzumelden. Natürlich ist das bei dem schlechten Wetter dieses Jahr dann nicht gleich losgegangen. Irgendwann im hieß es dann aber: Es geht los!

Die ersten Stunden waren auf dem Übungsplatz und eine Art Gruppenveranstaltung. Glaub wir waren zu sechst und es hieß, die ersten Erfahrungen mit einem Motorrad zu sammeln. Zumindest für mich. Ein paar der Leute hatte glaub schon Erfahrung auf dem Moped gesammelt. Bei mir war es nur das Fahrrad aber mein Nachteil sollte das auch nicht sein. 

Eigentlich war alles gut aber bei so Abläufen wo man dann an mehrere Dinge gleichzeitig denken musste, waren schon nicht einfach. Aber klar, da fehlt einfach auch die Routine und das blinde Bedienen des Motorrads. So viele Schalter hat mein Fahrrad dann nun doch nicht. 

Nach der Einführungsrunde war dann erstmal Theorieprüfung angesagt. Bei meinem B-Schein hab ich da mal drei Anläufe gebraucht. Sollte diesmal natürlich besser werden und es wurde besser. Null Fehler der Herr, fantastisch!

Direkt danach wurden die Fahrstunden ausgemacht. Straffes Programm sollte es werden. Dienstag, Mittwoch und Donnerstag 3 Stunden fahren und Montag dann Prüfung. Wird schon passen dacht ich mir und nickte. Vielleicht wirkte es in diesem Moment auch alles noch etwas unreal, hehe.

Die erste Fahrt am Dienstag hatte es gleich in sich. Noch auf der kleine KTM Duke 390 (glaub ich) ging es los. Bisschen einfahren am Übungsplatz und dann sofort raus auf die Straße. Schon erstmal ein komisches Gefühl so ins kalte Becken geworfen zu werden aber muss ja. Es war an jenem Tag aber ziemlich windig und mit 80 - 90 km/h irgendwo auf einer ungeschützten Landstraße war schon ungewohnt für mich. Aber lief alles gut. Die weiteren Tage ging es dann mit einer KTM Duke 690 weiter. Und es lief von Stunde zu Stunde besser. Achter fahren. Brems- und Ausweichübungen. Alles mehr oder minder mit Bravour gemeistert. Und hey, diesmal war das Wetter auch bombastisch. Sonne wohin das Auge schaute und auch richtig warm. So stell ich mir das Motorradfahren vor.

Der Prüfung sollte also nichts mehr im Wege stehe. Außer vielleicht der Wetterbericht. Vorbei der Spaß mit der Sonne. Kalt und regen haben sie gesagt im Bericht. Na klasse dachte ich. Prüfung im Regen aber das hat sicher auch mehr Vor- als Nachteile. Montag war dann aber alles halb so wild. Kalt war es aber der Regen war wenig bis gar nicht vorhanden.

Einfahren. Prüfen lassen. Bestehen. 

Hat Spaß gemacht. Bald gehts dann mit dem eigenen Motorrad auf Ausfahrt. 

Warum ich das hier jetzt schreibe ist weil ich grad wieder einen Artikel zur super WM gelesen habe. Mehr Teams. Yeah! Mehr Spiele. Yeah! Noch langweiliger. Yeah! Warum das ganze gemacht wird ist ja eh klar aber verstehen werde ich es nicht. Ich muss gestehen, dass ich eh kein sonderlich großer Fan von EM und WM bin. Das ist einfach nichts wofür ich mich so richtig begeistern kann. Ich neige auch eher zum „Deutschland ist Weltmeister“ als zum „Wir sind Weltmeister“. Aber Stop, die nächste Kurve muss ich nun bekommen. Weg von WM hin zum Fussball du nervst.

Lange Zeit hatte ich ein Sky Abo weil ich es mag ein zwei mal die Woche Fussball zu schauen. Zeit zum entspannen und einfach mal auf der Couch sitzen. Es waren meist die Spiele vom FC Bayern. Man möge es mir verzeihen aber Erfolgsfan zu sein… das macht das Leben auch wieder ein Stück entspannter. Zur Saison 2018/19 hat sich aber etwas verändert und ganz sich nicht zum positiven. Diese Fussball Rechte müssen ja immer wieder für viel Geld an private TV Sender verkauft werden. Bislang hat sich Sky da immer gut ins Zeug gelegt. Wer möchte schon gern sein Standbein verlieren???! Würde es Sky ohne die Bundesliga überhaupt geben? Ich denke nicht. Sky hat sich natürlich auch diesmal wieder nicht die Butter vom Brot nehmen lassen und sich die Rechte gesichert. ABER… eben nicht alle Rechte. Neben Sky hat auch Eurosport paar Euros locker gemacht und ganz nach dem Motto: Drei sind besser als zwei, hat sich auch noch DAZN noch dazu bereit erklärt ein paar Spiele zu übertragen. Nett oder? Da muss man sich als Fan ja so richtig freuen!! Denkst. 

So naiv kann nicht mal der naivste unter uns sein um hier nicht zu erkennen was Sache ist. Mein kleines Hirn sagt mir dazu folgendes…

• Sky will oder kann nicht für die alleinigen Rechte die nötige Kohle aufbringen. Wir müssen ja mit England mithalten also muss hier schon richtig Geld aus der Zitrone gequetscht werden
• DAZN ist für mich das was Sky immer sein wollte. So ein richtiger PayTV Sender wo es nur um Sport geht. Für mich auch noch das beste was es aktuell gibt grundsätzlich da der Preis für mich mit dem zusammenpasst was ich nutze. 
• Eurosport… Ja keine Ahnung was die machen und warum die unbedingt Fussball übertragen müssen. 

Was machen so Chefs solch großer Unternehmen sicher gern? Golf spielen. Was wird wohl passieren wenn Herr Sky mit Herr DAZN und Herr Eurosport zum Golfen geht?

Herr Sky:  Hey ihr. Irgendwie läuft unser Geschäft nicht mehr so wie wir uns das vorstellen. Wir bringen keines unserer Abos für den vollen Preis an den Mann. Wir sind leider nicht in England wo die Leute gern richtig Schotter für Fussball auf den Tisch legen. 

Herr DAZN:  Ja, der deutsche Markt ist ein schwieriger Markt. Wir würden hier auch gern mehr Fuß fassen aber uns fehlt das Zugpferd um den Deutschen von unserem Abo zu überzeugen. 

Herr Eurosport:  Ich weiss ja nicht was ihr hier macht aber ich will nur Golf spielen…

Herr SKY:  Herr DAZN, also mal rein hypothetisch… Wenn wir ein paar Spiele weniger zeigen und ihr dafür ein paar abbekommt behalten wir unser Gesicht und ihr könnt dem deutschen euer Abo schmackhaft machen. 

Herr DAZN:  Das ist grandios!!! Das hab ich natürlich so nie gesagt.

Herr Eurosport:  Mist, Sand!

Na gut, ich glaube man ahnt worauf ich hinaus möchte. Aktuell finde ich es eine mega Frechheit was da abläuft. Ich als Kunde muss — um meinen Lieblingsverein zu sehen — mir DREI Abos leisten. Macht in Summe wenn ich richtig rechnen kann so 540 Euro im Jahr. Aber dabei finde ich den finanziellen Aspekt noch nicht mal den, der mich am meisten stört. Für mich ist das schlicht dreiste verarsche am Endkunden der in dem Fall ich bin. Ich saß teilweise vorm TV und musste erstmal im Internet suchen wo ein Spiel denn heute überhaupt läuft. Oder genauso unbefriedigend ist es wenn man ein Spiel sehen will, man ein Sky Abo hat und dann dieses eine fucking Spiel auf Eurosport läuft. Es reicht! Das es nur ums liebe Geld geht ist natürlich schon länger so aber so dreist und offensichtlich wie es aktuell passiert das ist für mich ein neues level. 

Für mich gab es daher nur eine logische Konsequenz:

• Sky: gekündigt
• DAZN: gekündigt
• Eurosport: gekündigt

Schade das es so eine Entwicklung nimmt. Aber das und die Tatsache das alles immer mehr aufgebläht wird lässt mich mehr und mehr den Spass an der Sache verlieren. Turniere werden zugestopft mit Mannschaften. Die CL Spiele verteilt man nun schon auf mehrere Tage und Wochen. Ich will nicht vier Wochen auf Rückspiele warten. Aber hey… Die Kuh wird solange gemolken bis es eben nicht mehr geht. 

Sorry Fussball. Aber so nicht!

#wenigerfussballmehrfreizeit

OK, was denn diesmal für eine

Es war mal wieder Martin seine schuld. Er schwärmt die ganze Zeit von seiner Vortex. So toll von der Qualität her und so eine nette Größe. Ja zeig mal her hab ich mir gedacht. Es geht um eine Vortex New 75 (Race 3) und mein Fachwissen reicht soweit, dass es ein 75% Layout ist.

Was fällt als erstes auf? Richtig, kein Num-Block mehr. Für mich als Fanboy des Num-Blocks wohl mit die größte Umstellung. Dafür hat man wie gesagt aber ein sehr kompaktes Layout was am Ende zu mehr Platz auf dem Tisch führt. Fangen wir aber mal weiter vorne an und zwar bei der Qualität. Als ich die Tastatur bekam, war ich erstmal etwas schockiert wie schwer der Karton war. Ruck zuck war die gute vom Karton befreit und WOW, die Vortex ist klein aber richtig massiv. Das Ding wiegt einige Gramm mehr als die Hexgears X-1. Mal schnell hochheben und woanders hinlegen ist hier gar nicht so einfach. Das mein ich ernst! Aber gefällt mir grundsätzlich gut denn das macht einfach viel aus in Sachen Wertigkeit.

Die zweite Auffälligkeit neben dem fehlenden Num-Block ist, dass es kein Flat Keyboard ist. Es ist jetzt auch nicht das höchste was man kaufen kann aber schon deutlich höher als ein Apple Keyboard und auch noch einiges höher als das X-1. Die Tasten sind auch nicht komplett Flach und haben eine deutlich kleinere Fläche oben. Das war für mich damals beim Kauf der X-1 super wichtig, dass ich hier recht nah am Apple Keyboard bin. Aber David, warum denn dann jetzt keine Flat Keycaps? Kann man recht einfach beantworten. Was man nicht probiert hat kann man nicht beurteilen. Deswegen war das zum zweiten mal ein Sprung ins Kalte Wasser.

Bisher muss ich aber sagen, dass es mich nicht sonderlich stört das ganze. Das ist zwar eine Bewertung nach ein paar wenigen Tagen Nutzung aber es hätte ja auch richtig schlimm kommen können und mir würde es gar nicht taugen. Glück gehabt.

Key Caps

Das Keyboard kommt komplett in hellem grau / grau daher. Aber man hat Zusätzlich einen Satz an farbigen Keycaps für Sondertasten und es gibt für Mac User wie mich auch einen Command Taste, toll! Ein Fachmann bin ich nicht aber die Keycaps sind genauso massiv wie das restliche Keyboard. Richtig dickes Plastik was auch hier wieder ein Gefühl von Wertigkeit und Robustheit vermittelt. Martin hat mit seinen Aussagen also nicht enttäuscht. Sonst kann ich nicht viel sagen da mir wie gesagt die Erfahrung fehlt. 

Bluetooth

Fehlanzeige. Das Race 3 ist eine rein kabelgebundenes Keyboard. Mich stört das nicht sonderlich das es eh als stationäres Keyboard gedacht ist. Es gibt glaube auch das ein oder andere von Vortex mit Bluetooth. Ob man es am Ende braucht muss jeder für sich selbst entscheiden.

Switches

Und noch ein Thema wo ich leider nicht schlau daher reden kann. Diesmal hab ich aber Cherry MX Blue gekauft. Und? Ich bin begeistert. Das Ding hat einfach nen super Sound und auch das Schreibgefühl ist super. Bisher auch so, dass ich nicht sagen kann das es anstrengender ist als mit einem anderen Keyboard. Ob die MX Blue jetzt DIE SWITCHES sind? Weiß ich nicht. Da gibt es sicher aber ganz viele schlaue Artikel da draußen die sich näher damit befassen. Stand jetzt hat mein nächstes (he he he) auch wieder MX Blue. 

US Layout

Natürlich ist auch das Keyboard wieder mit US-Layout gekauft, Wenn man umsteigen will dann muss man das schon konsequent machen. Bisher bin ich zwar immer noch deutlich langsamer als mit einem deutschen QUERTZ Keyboard aber das wird schon noch werden. Sonderzeichen bleiben hier das nervigste Thema aber man gewöhnt sich dran. 

Programmierbar und RGB

Spielerei muss sein und somit hab ich zur RGB Variante der Race 3 gegriffen. Darf ruhig etwas bunter hier sein auf dem Schreibtisch. Man kann hier wirklich RGB einstellen. Jede Farbe hat 6 Stufen (glaube ich) und somit kann man hier bisschen rumspielen. Heller und dunkler kann man das ganze auch noch stellen und es gibt auch einen Modus wo immer die geklickte Taste kurz aufleuchtet. Dann kann man die Tastatur natürlich auch noch mit mehreren Ebenen betreiben was ich aber aktuell nicht tue. Mal schauen ob das noch kommt aber das ist dann noch mal ein Nerd Level mehr denke ich.  Man kann auch noch auf andere Keyboard Layouts umstellen. Colemak finde ich in der Tat spannend aber das geht dann wohl doch zu weit. 

Fazit

Wenn ich mich zwischen der Hexgears X–1 und der Vortex Race 3 entscheiden müsste würde ich aktuell klar zur Race 3 greifen. Sie ist noch mal eine andere Qualität (kostet natürlich auch noch mal paar Euro mehr) und vom schreiben her taugt sie mir auch mehr. Mal schauen ob das so bleibt aber ich denke schon. Das konnte man aber auch nur rausfinden wenn man beides getestet hat. Glaube als erstes mit der Vortex zu starten hätte ich nicht gemacht. Gekauft hab ich meine bei Candykeys und musste ca. drei Wochen warten. Sie scheinen immer nur kleine Mengen zu produzieren bei Vortex.

Klick Klick Klick

Das Macro

Das Macro an sich ist recht simple. Es gibt drei Optionen die man in das Macro übergeben kann. Zum einen ist es das Wort nach dem gesucht werden soll. Dann die Postion wo man nach dem Wort suchen soll und zu guter letzt noch der Classname den man vergeben möchte. Das Macro schaut dann so aus:

{# @var craft \craft\web\twig\variables\CraftVariable #}
{# @var entry \craft\elements\Entry #}
{#
  Set Active Class
  ------------------------------------------------------------
  {% import '_partials/macros/_macro-isActive.twig' as macroIsActive  %}
  {{ macroIsActive.isActive('news', -1, 'cn') }}
#}

{% macro isActive(segments, position, prefix, cn) %}
  {% spaceless %}
    {% set segments = segments | default(null) %}
    {% set position = position | default(-1) %}
    {% set prefix = prefix | default(null) %}
    {% set cn = cn | default('is-active') %}

    {% if segments is iterable and craft.app.request.getSegment(position) in segments %}
      {{ prefix ? prefix ~ cn : cn }}
    {% elseif craft.app.request.getSegment(position) == segments %}
      {{ prefix ? prefix ~ cn : cn }}
    {% endif %}
  {% endspaceless %}
{% endmacro %}hr 

Den Name müsst ihr natürlicha auf jeden Fall übergeben. Die Position ist per default auf -1 gesetzt, was so viel heißt wie, dass immer das letzte Segment der URL angeschaut wird. Classname ist per dafault auf is-active gestellt. 

Macro nutzen

Macros müssen immer in dem File importiert werden, in dem ihr es nutzt. Bei mir sieht das dann so aus am Ende so aus:

{# -- Macros -- #}
{% import '_partials/macros/_macro-isActive.html' as macroIsActive  %}

<a href="{{ siteUrl ~ 'blog' }}" class="link  {{ macroIsActive.isActive('blog') }}">Blog</a>

Wenn ihr euch also auf der Site "Blog" befindet sollte dann am Ende das hier dabei rauskommen:

<a href="https://davidhellmann.com/blog" class="link  is-active">Blog</a>

• Craft CMS 3

Das ganze sollte nahe zu identisch für Craft CMS 2 auch gehen aber wir machen hier den neuen Scheiß!

Letztes Jahr gab es auf Kickstarter eine Kampagne zum Hexgears X1. Für mich als alten Mac User vielleicht der Ideale Einstieg in die Welt der mechanical Keyboards. Es ist ein flaches Layout was dem des Mac ähnelt. Somit ist vielleicht die Eingewoehnung  etwas leichter für mich. Aber wenn schon denn schon sagt man ja. Ein mechanisches Keyboard probieren war die eine Idee. Die andere war, dass ich gleich auf US Layout umstelle. Zum programmieren soll es ja in der Tat das nettere Layout sein. So etwas kann man natürlich oft lesen aber ob es dann wirklich so ist, muss man wohl selber rausfinden. 

Also Kickstart aufgemacht und mir so nen X1 Keyboard bestellt. Wie immer auf Kickstarter dauert das ganze dann doch länger als einem lieb ist aber nun gut. Hilft ja nichts. Im Januar war es dann endlich soweit. Der Postmann hat noch etwas Geld fuer den Zoll eingesammelt und schon hatte ich das gute Stück in meiner Hand.

Da es mein erstes Keyboard ist seit etlichen Jahren was kein Apple Keyboard ist kann ich nicht viel zu sagen ob es jetzt ein gutes oder nicht so gutes Keyboard ist. Das Keyboard besteht aus einem Alu Case und hat braune Switches. Auf mich macht alles einen wertigen Eindruck soweit ich das eben beurteilen kann. Die ersten Tage schreiben damit waren in der Tat positiv, was ich so nicht gedacht haette. Wichtig fuer mich war, dass ich mich dazu zwinge, die Tastatur auch konsequent zu nutzen auch wenn es manchmal vielleicht nerven wird durch die Umstellung auf US-Layout. Aber auch das geht besser als erwartet.

Fuer mich hieß das in den letzten Tagen immer, dass ich die Tastatur frueh mit in die Arbeit nehmen musste und abends wieder mit nach hause. Man muss ja am Ball bleiben! Aber ein Zustand auf Dauer kann das auch nicht sein also was tun? Richtig, ein zweites Keyboard muss her!

Vor zwei Wochen hab ich dann ausgiebig mit Martin geschrieben ueber Tastaturen. Bei Massdrop war eine coole dabei aber das waere wieder eine USA Bestellung gewesen und das wollte ich nicht, da gleich wieder deutlich mehr Geld dabei drauf gegangen waere. Also nach Alternativen umgeschaut und letztendlich auch gefunden. Es ist eine Vortex New 75 (Race 3) geworden und ich bin schon sehr gespannt. Dauert leider noch etwas bis sie dann bei mir eintrifft aber ich werde es aushalten. Natuerlich werde ich auch berichten. Das Vortex ist dann doch noch mal etwas anders als das Hexgear. Und es hat MX Blue Switches. Ich freu mich schon auf den tollen sound, hehe.

Es zog mich in die Apple Welt

Das G1 war super aber irgendwie war die Software für mich eher was für Bastler und Leute die viel Zeit investieren wollten. So kam es, dass ich mir ein iPhone 3G zulegte. Es sollte der Anfang einer langjährigen Beziehung werden. Apple war nicht müde und stellte jedes Jahr die neue Generation vor. Jedes mal sagte man vorher zu sich: "Nein, das neue brauch ich nicht" und nach zehn Minuten Keynote schauen hatten sie einen doch wieder. Tief im innersten wusste man zwar, dass man mit dem alten Telefon auch noch seine Freude haben würde aber nein, es musste das neue sein. 

So kaufte ich Jahr für Jahr das neue Model und freute mich darüber, dass es schneller wurde und natürlich auch immer eine bessere Kamera eingebaut war. Die Sprünge damals waren auch merklich größer als die heute. Man hatte das neue iPhone in der Hand und merkte diesen Zuwachs an Geschwindigkeit. Die Fotos rauschten weniger und das ausgegebene Geld war auch schon wieder fast vergessen. Jahr für Jahr… Sie hatten mich an der Angel, verdammt!

Der Wendepunkt — unfreiwillig

Alles hat ein Ende sagt man ja so schön und so sollte meine Gier nach iPhones auch zu dem Punkt kommen wo es endet. Ganz freiwillig passierte es nicht. Es war irgendwann 2017 als wir in die Schweiz fuhren zum Radfahren. Ein Event wo auch Samsung dabei war. Macht ein schönes Foto auf dem Trail und schickt es uns. Der Gewinner bekommt ein Samsung S8. Gewinnen? Tut man doch eh nicht. Aber es ging um Fotos. Also strengten wir uns an, dass wir ein schönes Foto zustande bekamen. Berge, Kühe, Radfahrer und natürlich der neu eröffnete Trail. Vier Dinge die schon ein schönes Bild ergeben. Foto im Kasten und weggeschickt. Nach weiteren Runden auf dem Trail kam es später auch zur Siegerehrung. Dritter Platz geht an: X. Zweite Platz geht an Y. Erster Platz geht an David Hellmann. OK, da sich kein anderer meldete war es wohl wirklich ich. Cool, ein Samsung S8. In der Tat wirklich ein ganz schönes Telefon aber ich bin iPhone User. Auf Arbeit erzählte ich davon uns schon wollte das gute Stück jemand haben. Samsung also verkauft an jemanden, der damit sicher viel Spaß haben wird. 

Der Tag danach (vielleicht waren es auch zwei oder drei). Die Sonne schien. Wir holten uns was zum Mittag und setzten uns in den Hof bei uns auf Arbeit. Ich setzte mich auf einen Stuhl und legte meine Beine auf einen anderen. Und dann passierte es. Ein dummes Geräusch und ich wusste genau was es war. Der Untergrund im Hof ist Pflasterstein. Das dumme Geräusch war mein iPhone das nun auf eben diesem lag. Mit der Butterseite nach unten, dem Display. Das Geräusch lies schon erahnen was ich sehen sollte wenn ich das iPhone aufhebe. Knirsch, dahin ist das Display. Ärgerlich! Was danach passierte wäre mit ärgerlich zu nett umschrieben. Es war einfach sau dumm. Display tauschen beim dubiosen Händler um die Ecke. Garantieverlust durch Apple. Und so weiter. Ende vom lied war dann, dass ich mir kurz vor der iPhone 8 / X Vorstellung ein neues iPhone 7 kaufte da ich ein Telefon brauchte und dann auch nichts schlechteres wollte. Das ganze tat weh denn es kostet alles in allem Geld. Und noch dazu war es mehr als unnötig. 

Meine Einstellung zu meinem iPhone hat sich dadurch aber geändert. Die Keynote vom nächsten iPhone kam und ich schaute sie. Aber ich wusste, dass ich diesmal nicht kaufen konnte. Selbst wenn es noch so amazing gewesen wäre. Diesmal musste die Vernunft siegen und sie tat es. Weder ein iPhone 8, noch ein iPhone X noch ein iPhone XS ist seitdem in meinem Besitz gewesen. Und solange mein iPhone 7 seinen Job verrichtet, wird es auch mein iPhone bleiben.

Sättigungsgefühl…

Ich machte mir dann ab und an Gedanken zum Thema warum es so ist wie es ist. Wie ist mein Verhalten mit meinem iPhone. Für was nutze ich mein iPhone überhaupt. Das brachte mich zu dem Entschluss, dass ich einfach kein neues brauche. Das iPhone 7 ist so schnell, dass es alles flüssig schafft und ich bei der Nutzung nie denke, dass irgendwas nicht schnell genug geht. Die Fotos die es macht, sind mehr als ausreichend. Inzwischen hab ich mir auch eine Rigoh GR II gekauft und kann festhalten, dass dazwischen halt noch mal Welten liegen. Also war das Argument der besseren Kamera auch langsam nicht mehr das, was mich zum kauf eines neuen iPhones bewegen hätte können. 

Doch nicht nur das iPhone an sich verlor etwas seinen Reiz. Auch die Software bzw. die Dienste die ich nutze. Ich nutze weniger und weniger Sachen wie Facebook und Instagram. Ich bin weniger auf der Suche nach neuen Apps wie früher. Der Reiz ist einfach mit der Zeit verflogen. Es gibt einfach zu viel und es kommt wenig nach, dass irgendwie besonders ist. Früher hab ich jede App installiert um mir das Design anzuschauen (<3 Skeuomorphism) oder einfach um etwas damit rumzuspielen. Aber auch das ist nahezu verflogen. Klar, ich schau mir auch heute noch Sachen an aber nicht mehr in der Häufigkeit von früher. 

Ich bin einfach satt und ich denke nicht nur ich sondern auch viele andere. Ein Smartphone wie wir es heute kennen ist aus meiner Sicht ziemlich ausgereizt. Die Leute schreiben unter jeden Apple Artikel, dass Apple nicht mehr Innovativ wäre aber kann es das am Gerät Smartphone überhaupt noch sein? Ein Smartphone ist für mich wie ein Laptop. Ausgereizt. Es wird hier und da noch bissl schneller und um das ein oder andere Feature erweitert. Aber Innovation? Was war die letzte Innovation am iPhone für euch? Für mich war es das große Display ohne physische Tastatur sowie Multitouch. Und dann war es das für mich auch schon wieder. TouchID, FaceID… Das sind für mich keine Innovationen sondern einfach Evolution. OK, den App Store würde ich auch noch unter Innovation verbuchen. Also aus meiner Sicht ist da recht wenig passiert (was gar nicht negativ gemeint ist) in den letzten 12 Jahren. Aber die Leute schreiben jedes Jahr wieder das Buzzword "Innovation" in jeden Kommentar. 

Preise

Dann wären da noch die Preise die Apple inzwischen aufruft. 1600,- € für ein Telefon? Klar, ich hab es viel dabei und nutze es oft. Aber die Preise gehen gar nicht. Für mich ist das der zweite große Punkt was für mich dagegen Spricht in naher Zukunft das aktuelle Modell eines iPhones zu kaufen. 1000,- € war für mich eine magische Grenze. Und selbst das ist schon eine mega Summe. Man kann nur hoffen das Apple mit der Preispolitik etwas auf die Nase fällt. Sollten die Leute aber dennoch weiter die Sachen kaufen wie geschnitten Brot muss man Apple auch gratulieren. Aber ich für meinen Teil bin nicht mehr bereit solche Summen zu zahlen. 

Es ist aktuell wie direkt nach dem Essen einkaufen zu gehen. Man hat einfach keinen Appetit.
Spannend wird sein, was nach dem Smartphone kommt. Die Apple Watch ist es ganz sicher nicht. 

Fuck, 2018 war für mich ein tolles Jahr! Am 18.03.2018 tat ich es. Ich schubste die richtige junge Frau — auf einer gewissen Plattform — in die richtige Richtung und nun lieg ich hier, auf ihrem Sofa und schreibe diesen Text. Die Freude ist riesig, dass es so ist wie es ist und finde es schön, wieder Momente mit jemanden teilen zu können. Schönes Gefühl. Darf gerne so bleiben. Danke!

In der Arbeit ging es ziemlich turbulent zu. Ein paar spontane Veränderungen brachten alles etwas durcheinander aber wir kennen das ja. Geht eine Türe zu, geht sicher auch mindestens eine andere dafür wieder auf. So sollte es auch hier sein. Das ganze bedeutete zwar dennoch ein paar extra Meter aber man muss auch mal etwas leiden können denke ich. Aber aus der doch etwas stressigen Phase hat man auch wieder viel gelernt und lernen… das soll ja etwas gutes sein, haben sie gesagt. Auch sind viele neue Gesichter zu Fredmansky gekommen. Neue Kunden wurden gewonnen und viele neue Projekte stehen an. Läuft also bei uns.

Ein Fahrrad hab ich mir dieses Jahr auch gegönnt. Ein paar Zeilen dazu lesen könnt ihr auf mtb-news.de. Es ist ein BTR Ranger, ein schickes Hardtail aus feinstem Stahl. Nachdem ich letztes Jahr mein anderes verkauft hatte, musste einfach wieder was her. Vom geplanten Budgetrad blieb dann am Ende nicht viel übrig. Irgendwie wollte ich dann keine Kompromisse machen und es artete ein klein wenig aus. Das Ergebnis kann sich aber sehen lassen.

Mit Thomas war ich dieses Jahr auch wieder radeln. Mehrfach sogar. Unsere jährliche Runde verschlug uns dieses mal in den Innsbrucker Raum. Gutes Wetter, schöne Touren und ein paar Höhenmeter sollte uns fünf Tage beschäftigen. Sollten wir nächstes Jahr auf jeden Fall wieder machen. In der Toskana waren wir auch noch. Da hat er mich zu nem hunderter gezwungen 😂

Und das Beste zum Schluss. Ein Motorrad hab ich mir gekauft. Eine wunderschöne Triumph Bonneville T120. Schon ein kleines Schmuckstück. Führerschein fehlt zwar noch aber das wird schon klappen. Ein paar Bilder werden sicher bald mal folgen hier.

Nun gut, reicht als kleiner Rückblick. Schauen wir mal was das neue Jahr so bringt. 

Guten Rutsch!

Klingt alles ganz spannend für dich? Super, dann schau doch mal ob was für dich dabei ist. Meld dich bei mir oder direkt über die Website. Wie es für dich besser passt. Kannst natürlich auch einfach vorbei kommen. Mit etwas Glück lässt dich sogar wer rein. 

Kannst auch noch weiter scrollen. Da siehst du noch was es für Jobs gibt. Und so coole Bilder die unsere ständig gute Laune bestätigen!

Ob männlich, weiblich oder Einhorn: Hauptsache du kannst Sachen. Wir bezahlen dafür.

Chef Quote!

Unsere aktuell offenen Jobs

• Digital Project Manager (m/w) — Linz
• (Junior) Projektmanager (m/w) — Linz
• Grafikdesigner (m/w) — Linz
• Texter (m/w) — Linz
• (Junior) Art Director (m/w) — Linz
• Creative Director (m/w) — Linz
• Team Lead Development (m/w) — Linz
• Frontend-Developer (m/w) — Salzburg
• Traumfrau (w) — Salzburg

Neugierig? Glaub ich!

Na dann, ran an die Tasten oder rauf aufs Rad. Sag Hallo und lass uns coolen Scheiß machen. Sowohl in der Arbeit als auch drum herum. Pluspunkte gibt es auf jeden Fall für Radfahrer. Aber muss man eigentlich auch gar nicht sagen. Is eh klar oder?!

Und schon sind wir mitten drin in meinem Problem. Instagram ist schon lange nicht mehr das was es mal war. Um Fotos geht es gefühlt nicht mehr. Es geht nur noch darum den ganzen lieben langen Tag irgendwelche Stories von sich zu geben und seine Follower (Hallo meine lieben, sorry das ich mich so lang nicht gemeldet hab…) mit seinen (un)wichtigen Sachen zu unterhalten. Aber ja, es scheint zu funktionieren. Die Likes (oh, dazu kommen wir später noch) gehen nach unten und irgendwie scheint sich keiner mehr die Fotos anzuschauen. Es geht nur noch um Stories (Videos) und ich hasse mich selbst, dass ich mir sie anschaue. Das ist nicht das Instagram wie ich es mag. Nicht das Instagram wie ich es möchte. Vermutlich wird es auch nie wieder so sein. Klar wird mir das immer wenn die Leute in ihrer Story ein Screenshot von ihrem Profil machen „Neues Foto im Stream“… Wäre das gleiche wie wenn ich meinem Chef jeden Tag sagen würde: Kuck mal Chef, ich habe heute was gearbeitet. Ja, das ist selbstverständlich. Das muss ich ihm nicht sagen. Aber wenn ich in einer „Foto Community“ mit Screenshots drauf hinweisen muss das ich ein neues Fotos gepostet habe, dann läuft für mich was falsch. Sind wir nicht deswegen hier? Wegen den Fotos? Ja… deswegen sind wir mal gekommen aber das war eimal… Damals… Die guten alten… na ihr wisst schon. 

Aber zurück zu meinen Profil…

Warum poste ich Fotos auf Instagram wäre die erste Frage die ich mir stellen müsste bzw. jeder der Fotos dort hochlädt. Für mich war es immer recht simpel. Es geht darum Erinnerungen einzufangen. Den Augenblick festzuhalten mit dem Wissen, dass ich ihn später wieder anschauen kann und mich daran erfreuen werde. Das ich durch das eine Foto die Situation von vor Jahren wieder lebendig erscheinen lasse. Das ist cool und das ist das warum ich so ein Fan von Instagram bin. Ich poste einfach chronologisch Fotos und das in erster Linie für… mich!

Schaue ich heute durch mein Profil muss ich mich aber selbst hinterfragen. Poste ich die Sachen für mich oder geht es am Ende doch nur um likes? Um ein sauberes und cooles Profil? Darf ich Fotos posten wo ich betrunken bin? Darf ich Fotos von meiner Freundin posten? Oder sollte ich doch nur das posten, wo ich weiß, dass es meine Follower sehen wollen? Es ist wohl letzteres. Man postet das, wo man denkt, dass es likes bringt. Ein schrei nach Aufmerksamkeit. Ja gut, ist jetzt auch nichts neues und da hätte ich auch eher drauf kommen können.

So sieht mein Profil heute in der Regel aus:

So sah es vor zwei Jahren aus…

So sah es vor drei Jahren aus…

Kann man den Unterschied erkennen? Ich denke schon. Heute ist alles aufgeräumt. Alles ist aufeinander abgestimmt. Schöne weiße Rahmen. Alles eine ähnliche Bearbeitung. Ne relativ runde Sache. Je weiter man aber bei meinem Account zurück geht desto bunter / wilder wird es. Es passt nichts wirklich zusammen. Es sind alles einzelne Momente, die so verschieden waren, wie es die Fotos sind. Es gab keinen Gedanke daran ob das Foto jetzt passend ist oder nicht. Es ging einfach um die Momentaufnahme. Es hat was privates, etwas ehrliches und nicht dieses ganze aufgesetzte. Die Welt ist nicht immer perfekt und meine Fotos auf Instagram müssen das auch nicht sein. Versteht mich nicht falsch. Es gibt viele Accounts mit noch schöneren Fotos und ich schau sie mir auch nach wie vor gern an. Aber die meisten davon sind so berechenbar. Ich weiß immer was mich beim nächsten Foto erwarten wird. Das ist schade!

Mein Account soll wieder persönlicher werden. Weniger Gedanken will ich daran verschwenden ob was passt oder nicht. Ob ich dafür likes bekomme oder nicht. Wenn der Moment es mir wert ist soll er gepostet werden. Egal ob er zum Foto davor passt oder nicht. Er ist es wert festgehalten zu werden. 

Und zu guter letzt… Stories… Sie nerven mich! Ich weiß nicht was mich mehr nervt. Das es sie gibt? Das ich sie anschaue? Das ich selber welche poste? Im Grunde alles drei zu gleichen Teilen. Für mich werde ich versuchen das ganze weniger bis gar nicht mehr zu nutzen. Weder zu posten noch sie zu konsumieren. Zweites wird sicher etwas schwerer aber mein iPhone sagt mir, dass ich viel Zeit auf Instagram verbringe und das darf gern wieder weniger werden. Und wenn schon Zeit dort verbringen dann damit schöne Fotos oder Momente anzuschauen aber keine Stories die mich eigentlich gar nicht interessieren aber die Neugier mich dennoch dazu bewegt sie zu konsumieren. 

Hate ende!

Das ganze geht von Mittwoch bis Freitag und ist eher im kleinen Kreis gehalten was auch — meiner Erfahrung nach — die besseren Konferenzen sind. Alles schön auf den Punkt und nicht so hektisch wie bei den großen. Daher denke ich das wird gut. Schauen wir mal. Generell bin ich gespannt, da ich noch nicht auf so vielen Developer Konferenzen war. Schon gar nicht auf einer so speziellen wo es wirklich nur um ein Thema geht. Das ganze findet in der Palais Kulturbrauerei was auf den Bildern auch ziemlich gut ausschaut. 

Mehr dann später auf fredmansky.at

Apple Watch Series 4

Als die Apple Watch rauskam war ich schon etwas neugierig und auch drauf und dran eine zu kaufen. Bei mir wurde es dann aber eine Suunto Ambit 3 und das hab ich aktuell nicht bereut. Eine Uhr ist für mich auch ein modisches Accessoire also neben den technischen Sachen muss sie mir auch gefallen. Und meine Vorliebe sind hier große klobige Uhren und die Apple Watch ist alles andere als das. Zum anderen ist für mich ein großer Grund keine Apple Watch zu kaufen bzw. bisher gekauft zu haben der, dass ich nicht noch ein Device braucht was mich nervt (Notifications). Und als letztes stört mich die Akkulaufzeit. Ich möchte meine Uhr nicht jeden Tag laden. Zumal wenn man mal unterwegs ist merkt man, dass dieses Laden von Geräten auch nervig sein kann. iPhone, AirPods, Wahoo Computer, Kamera etc. etc. So viele Steckdosen sind teilweise nicht vorhanden in den Hotelzimmern. Genug gemeckert.

Leider kam ich etwas zu spät rein und die Keynote lief schon. Neue Uhr, yay! Größer! Yay Yay! Aber für mich wird es wohl auch diesmal keine Apple Watch geben. Das Design der Watch finde ich nach wie vor — trotz der kleine Größe — gelungen aber die Sachen von oben stören mich nach wie vor. Und wenn würde mir nur eine Stainless Steel ins Haus kommen und dann ist das ganze auch nicht mehr so günstig. 

Sonst ist das wohl ein weiteres gutes Update. Wie immer wohl keine Revolution aber das Wort geht mir eh auf den Zeiger. Logischer und gutes Produkt update. Irgendwann schlag ich vielleicht doch mal zu allein um meine Neugier zu befriedigen. Series 4 wird das aber wohl nicht sein. 

iPhone XS / Max / XR

Und da ist es. Das neue Top Modell heißt dann doch wieder wie gewohnt gleich dem Model des Vorjahres nur hängt man ein S hinten dran. Na gut, eine Max Variante gibt es nun auch noch. Was mich nach wie vor noch skeptisch schauen lässt ist das fehlen das Home Buttons. Hatte zwei drei mal ein iPhone X in der Hand und das mit der Kamera vor das Gesicht halten. Ich weiß nicht. Funktionieren tut es natürlich aber ich fand den Home Button intuitiver. Aber vielleicht auch Gewohnheitstier, kennt man ja. 

Optisch jetzt natürlich keine große Überraschung aber dennoch schick. Die Specs sind halt wie immer besser als das Jahr zuvor. Da ist für mich soweit nichts überraschend. Das XR war für mich im ersten Moment das iPhone meiner Wahl beim zuschauen. Aber am Ende wäre es auch kein großes upgrade zu meinem iPhone 7. Wenn ich jetzt kaufen müsste wäre es wohl das XS mit 256 GB. Aber als ich auf der Apple Website war musste ich dann doch laut lachen. Die Preise sind  nicht mehr vermittelbar…

iPhone XS

• 64 GB: 1.149,00 €
• 256 GB: 1.319,00 €
• 512 GB: 1.549,00 €

iPhone XS Max

• 64 GB: 1.249,00 €
• 256 GB: 1.419,00 €
• 512 GB: 1.649,00 €

iPhone XR

• 64 GB1: 849,00 €
• 128 GB: 909,00 €
• 256 GB: 1.019,00 €

Irgendwo ist dann auch mal ein Preis erreicht den ich nicht mehr bereit bin zu zahlen. Die kleinste Größe würde ich mir nicht kaufen, da ich bei einem Gerät nicht auf den Speicher achten möchte. Selbst das iPhone XR ist mir zu teuer. Klar, man kann sich ein iPhone 8 jetzt etwas günstiger kaufen aber das wäre es am Ende auch nicht wert. Ich hätte zumindest gedacht, dass sie den XS Preis für das kleinste Modell unter 1000,- belassen. Selbst das ist eigentlich total verrückt, hehe. Aber solang es die Kunden kaufen, wird der Preis wohl so bleiben. 

Fazit

Schicke Produkte aber die Preise bin ich nicht mehre bereit zu zahlen. Und wenn wird das in längeren Zügen passieren oder aber ich kehre Apple beim iPhone ganz den Rücken. Geld gespart und nicht das Gefühl das ich was verpassen werde. Anschauen werd ich es mir aber ganz sicher mal live.

Es hatte mich schon länger interessiert… Einen Stahlfederdämpfer mal in mein Capra einzubauen. Des öfteren hab ich schon drüber gelesen. Tief eingestiegen bin ich aber nicht wirklich. Rad klebt am Boden. Spricht feiner an. Das waren so die Buzzwords, die ich meisten aufschnappte. Klingt gut? Weiß nicht. Bin jetzt nicht so der, der viel an seiner Dämpfung rumfummelt. Da könnte man sicher noch hier und da was rausholen aber hey… Geht ja auch so. 

Letzte Woche — als ich mich wieder etwas durch den Bikemarkt klickt — bin ich dann bei einem neuen Fox DHX2 Coil hängengeblieben. Der gute Herr wollte etwas mehr als ich ausgeben wollte aber letztendlich habe wir uns geeinigt.

Heute war es dann soweit. Der Postmann hat zweimal geklingelt und ein kleines aber doch recht schweres Packet  lag in meinen Händen. Ausgepackt und der erste Gedanke war… Wow, massiv. Groß. Schwer. GEIL! 16:30 den Stift im Büro fallen gelassen und nach Hause geeilt um das gute Stück ins Rades zu hängen. Maaaaa, Buchsen… die passen nicht. Beide Dämpfer raus und ab zum Bike Feeling und schnell die Buchsen umbauen lassen. Halbe Stunde später war es dann soweit. Der DHX2 schmückt das Capra und es sieht verdammt sexy aus! 

Setup…

Ja die letzten Tage hab ich bisschen gelesen was man denn so machen muss. Sag einstellen. Ich sag mal so. Ich hab es alleine gemacht. Wird schon passen. Hab eine 500er Feder drin und deswegen ist die Verspannung bei mir im Grunde null. Läuft soweit denk ich mir und jetzt raus, testen!

Runter wow! Hoch, noch bisschen träger…

Also neue Rekordzeiten werde ich damit den Berg hoch sicher nicht aufstellen aber das muss ich auch nicht. Das Capra soll mehr als reins Abfahrts Bike genutzt werden. Touren fahre ich mit meinem Hardtail. Das Capra hat jetzt also einen noch klareren Fokus und der heißt ganz klar. Irgendwie hoch. Mit Spaß runter!

Spaß… Ja! Das kann er. Ich bin das erste mal mit einem Coil Dämpfer unterwegs und ich mags. Ja, das Rad klebt wirklich mehr am Boden. Die Leute scheinen tatsächlich die Wahrheit zu sagen. (Hat das Internet doch recht?). Mein Strava sagte mir auch gleich, dass ich bei allen Downhill Segmenten persönliche Bestzeiten gefallen bin. Cool! :P

Hoffentlich werd ich die Tage noch ein zwei mal zum fahren kommen. 

Webdevs Podcast

Aktuell sind wir ja nicht so oft zu hören. Eher gar nicht. Warum? Naja, es kostet doch ein klein wenig Zeit einen Podcast aufzunehmen. Die Euphorie ist anfangs natürlich groß und man ist motiviert. Aber im Sommer ist es dann immer etwas schwieriger alle Leute ans Mikrofon zu bekommen. Schauen wir mal ob wir wieder OnAir sind wenn das Wetter wieder etwas schlechter wird. Wäre doch nett. Alte Folgen könnt ihr hier anhören: https://anchor.fm/webdevs

Innsbruck Radel Runde

Letztens war ich mit Thomas wieder einer längere Runde radeln. Genau gesagt waren es fünf Tage mit knapp 500 km. Schön wars und vielleicht schreib ich demnächst auch noch ein zwei Zeilen dazu mit ein paar bunten Bildern. Hier die Strave Touren falls es wer anschauen möchte: Tag 1, Tag 2, Tag 3, Tag 4 und Tag 5

Best Website Gallery — Link

Martin war so nett und hat mir ein kleines Craft CMS Modul geschrieben. Bei den Links werden jetzt die OG-Images gezogen und ans Entry gespeichert und somit ist alles schön bunt. Toll, danke! Kannst du hier anschauen: https://bestwebsite.gallery/links

Vor zwei drei Monaten war es als mich die Langeweile durchs Internet hat streifen lassen. Irgendwie bin ich wieder bei den AirPods* von Apple hängen geblieben. Meine Meinung ist ja bei vielen die mich kennen bekannt. Ich mag keine kabellosen Headphones was aber weniger mit deren Funktion zu tun hat als viel mehr Style! Ich finde das Kabel hat etwas magisches an sich bei Kopfhörern. Die sichtbare Verbindung zum Abspielgerät. Das baumeln über den Klamotten. Das alles fehlt mir bei all den kabellosen Varianten. Auch wenn das Kabel oft genervt hat… Für mich gehört es irgendwie dazu. 

Kopfhörer mit Kabel haben einen gewissen Faktor an Style

Zurück zu den AirPods

Als alter gefangener im Apple Ökosystem ist natürlich die Sache mit den AirPods die Variante, die da am naheliegensden ist. Ein bisschen auf der Apple Website geschaut. Das ein oder andere Review gelesen aber das reichte mir nicht. Ich war nach wie vor skeptisch und zwar nicht unbegründet. Die Apple EarPods wollten bei mir nie so recht halten. Ob das jetzt an den EarPods an sich liegt (also die Ohrhörer) oder am Kabel (hehehe)… Auf jeden Fall sind sie mir oft aus dem Ohr gefallen. Kann schon nervig sein!

Für mich waren die AirPods optisch gleich den EarPods und deswegen wurde der Spontankauf erstmal auf Eis gelegt und nach Alternativen geschaut. Aber das was ich wollte (BO Beoplay E8*) war preislich dann noch mal so weit drüber, dass ich davon dann auch schnell wieder Abstand genommen habe. 

Long Story short…

Es wurden dann doch recht schnell die AirPods! Die kleine Verpackung in der Hand — Apple typisch halt — hat man schon ein kleines Lächeln im Gesicht. Verpackung können sie einfach. Ausgepackt und dieses kleine Ei in der Hand. In der Tat deutlich kleiner als erwartet muss ich sagen. Optisch schick und natürlich wertig. 

Das erste Pairing

Wow, da merkt man das man Hardware kauft die ihre Software kennt. Ein Hoch aufs Ökosystem! Nein im ernst. Das kleine Ei aufgeklappt und schon poppt am iPhone ein kleiner Layer auf und dann geht es auch ganz schnell. iPhone und AirPods sind jetzt zusammen vernetzt und das Musikhören kann auch schon losgehen. 

Halten Sie?

Die zwei Stöpsel ins Ohr und was tut man als erstes wenn man etwas skeptisch ist das die Dinger halten im Ohr? Wie wild den Kopf schütteln und bewegen was das Zeug hält. Trommelwirbel… Die Dinger halten Bombenfest! Ist wirklich das Kabel schuld an all den Rausfallern der EarPods? Ich kann es nicht seriös beantworten. Optisch sind die Dinger für mich gleich aber vielleicht gibt es doch den ein oder anderen kleinen Unterschied. Soll mir auch egal sein. Das Ergebnis zählt und das ist positiv. 

Klang…

Also Audiophil würde ich mich nicht bezeichnen. Ich höre halt Musik. Aber im Vergleich zu den EarPods klingen die AirPods in meinen Augen schon deutlich besser. Kosten ja auch fast zehn mal so viel. Vielleicht ist es am Ende auch etwas placebo. Aber damit kann ich leben. 

Steuerung

Puh… Wo fang ich an? Mit den guten oder mit den schlechten Sachen? Das ich an den AirPods nicht lauter und leiser drehen kann finde ich schon sehr negativ! Gerade wenn ich Wireless unterwegs bin, ist mein Abspielgerät vielleicht nicht immer in der Nähe und ich möchte dennoch hier und da mal die Lautstärke anpassen. Ob Apple das zurückhält weil es noch nicht sauber umgesetzt ist oder es einfach aktuell generell nicht möglich ist, kann man nur raten. Für mich gibt es hier klar einen Punkt Abzug.

Der Rest ist recht einfach. In den Bluetooth Einstellungen kann man je Ohrhörer Aktionen festlegen die bei Doppeltap getriggert werden. Bei mir ist es am rechten "Nächster Song" und am linken "Play/Pause". Beim linken schwanke ich immer zwischen „Play/Pause“ und „Vorheriger Song“. Pause geht im Grunde auch wenn man einen raus nimmt aber irgendwie ist das auch doof.

Im Alltag

Es ist verrückt aber die Dinger halten bombenfest in meinem Ohr. Anfangs fehlte mir noch etwas das Vertrauen aber inzwischen weiß ich das sie halten. Außer wenn man das Shirt auszieht oder an einer Kapuze kann es mal passieren das man leicht hängen bleibt. Aber bisher kein Problem bzw. nicht weiter tragisch.

Der erste Härtetest war dann das erste mal Rennrad fahren. Da bewegt man sich doch mehr als normal und es kommt die Komponente Schweiß hinzu. Aber auch hier machten die AirPods keinerlei Probleme. Da das so super geklappt hat musste ich noch einen oben drauf legen. MTB fahren und zwar mit dem Hardtail. Hier ist ordentlich gepolter dabei und selbst hier haben die Dinger in meinem Ohr gehalten. Ich würde zwar behaupten, dass man die hier schon verlieren kann aber es hat mich trotzdem positiv gestimmt, dass es grundsätzlich möglich ist. 

Akku

Das ist ein Punkt der mich an kabellos ja am meisten zweifeln lässt. Diese ständige aufladen und den Akku im Blick haben. Aber bisher kam ich nur einmal zu leeren AirPods als ich 5-6 Stunden am Stück Musik gehört hatte. Ist dann schon kurz ein negatives Gefühl, da man es von kabelgebundenen nicht kennt. Aber das Lächeln kommt schnell zurück, wenn man sieht, wie flink die Dinger laden. Man kann im Grunde zuschauen wie die Prozent hoch zählen. Wenn man die Regel ordentlich befolgt und die AirPods, sobald man sie aus dem Ort nimmt, in das Case zurück packt, ist man auf der sicheren Seite. Und das case bringt ja glaube 24h Ladung und das sollte für 90% der Fälle immer reichen. 

Fazit

Super InEars wenn man was kabelloses sucht und eh im Apple Ökosystem zuhause ist. Denke hier liegt auch der große Vorteil von den Teilen. Man merkt das man ein Produkt der gleichen Firma hat und das Zusammenspiel klappt super. Von mir klare Kaufempfehlung. Ob man natürlich bereit ist 150,- Euro dafür zu  zahlen muss jeder selber wissen. Gefühlt würde ich sagen, dass sie ruhig 50,- Euro billiger sein könnten und Apple trotzdem nicht verhungern müsste. Für eine V2 hoffe ich, dass man irgendwie eine Lösung hat, dass man an den AirPods lauter und leiser drehen kann.

• Apple AirPods* bei Amazon kaufen

*: Affiliate Link

1. Ich lasse das ganze und mach den Blog dicht
2. Ich trete mir selber mal wieder in den Arsch und schreibe öfters was

Was denkt ihr ist die bessere Option? Eigentlich kann die Antwort ja nur 2. lauten. Ist ja auch nicht so das ich keine Themen hätte worüber ich schreiben könnte. Vielleicht sind das nicht zwingend Design oder Development Themen aber muss es ja auch gar nicht sein. Ist ja mein Blog wie Sido so schön sagt.

Mal schauen der Schuh meinen Arsch erreicht. Aber jetzt ruft erstmal das Bett denn morgen gehts in den Urlaub!
Wieder so eine Sache die wichtiger ist…

Das Macro

Ob es die letzte Ausbaustufe ist würde ich jetzt nicht mit Ja beantworten aber ich werde den Post hier hoffentlich updaten falls es was zum updaten gibt.

{# @var craft \craft\web\twig\variables\CraftVariable #}
{# @var entry \craft\elements\Entry #}
{#
  Breadcrumb Macro
  ------------------------------------------------------------

  {% import '_partials/macros/_macro-breadcrumb.html' as macroBreadcrumb  %}
  {{ macroBreadcrumb.breadcrumb([{}]) }}
#}

{% macro breadcrumb(breadCrumbLinks, separator) %}
  {% set listItems = [] %}

  {# -- Check if breadCrumbLink is an Array -- #}
  {% if breadCrumbLinks is iterable %}
    
    {# -- Loop over the breadCrumbLinks -- #}
    {% for item in breadCrumbLinks %}
      {# -- Set link var -- #}
      {% set link = '' %}

      {# -- Check if item Title is existing -- #}
      {% if item.title ?? null %}
        
        {# -- Set Separator -- #}
        {% set separator = separator | default(' · ') %}
        {% if loop.last %}
          
          {# -- If loop last we need no separator -- #}
          {% set separator = '' %}
        {% endif %}
        
        {# -- Check if item Link is existing and item linked is true -- #}
        {% if item.link ?? null and item.linked %}

          {# -- Set Link Markup -- #}          
          {% set link %}
            {% spaceless %}
              <li class="m-breadcrumb__item">
                <a href="{{ item.link }}" class="m-breadcrumb__link">
                  {{- item.title -}}
                </a>{{- separator | raw -}}
              </li>
            {% endspaceless %}
          {% endset %}
        {% else %}
          
          {# -- Set Plain Text Markup -- #}
          {% set link = '<li>' ~ item.title ~ separator ~ '</li>' %}
        {% endif %}
      {% endif %}

      {# -- Merge all Items into listItems -- #}
      {% set listItems = listItems | merge([link]) %}
    {% endfor %}
  {% endif %}

  {# -- Set Output Markup -- #}
  {% set output %}
    <ul>
      {% for item in listItems %}
        {{ item | raw }}
      {% endfor %}
    </ul>
  {% endset %}
  
  {# -- Output -- #}
  {% return output %}
{% endmacro %}

Macro aufrufen

Das ganze müssen wir jetzt nur noch da aufrufen wo wir es brauchen. Am Ende müssen wir da natürlich dynamischen Content reinpacken wo es gebraucht wird aber das würde das hier nur unnötig verkomplizieren. Deswegen mal mit Dummy Content.

{# -- Macros -- #}
{% import '_partials/macros/_macro-breadcrumb.html' as macroBreadcrumb  %}

{% set breadCrumbLinks = [
  { 
    title: 'Home', 
    link: 'http://google.com', 
    linked: true 
  },
  { 
    title: 'Blog', 
    link: 'http://google.com', 
    linked: true 
  },
  { 
    title: 'Category', 
    link: 'http://google.com', 
    linked: true },
  { 
    title: 'Title', 
    linked: false 
  }
] %}

{{ macroBreadcrumb.breadcrumb(breadCrumbLinks) }}

Im Grunde include wir zuerst einmal unser Macro. Im nächsten Schritt legen wir eine Variable an mit den Breadcrumb Einträgen. Es gibt drei Option:

1. link: Einfach die Url wo das ganze hinlinken soll
2. title: Das was dann als Text erscheinen wird für den jeweiligen Link
3. linked: Ob es verlinkt werden soll oder einfach als Plaintext ausgegeben werden soll

Jetzt müssen wir nur noch das Macro aufrufen mit unserer Variable und schon gehts. CSS schreibt ihr selber!

Requirements

• Craft CMS 3
• Twig Perversion

Das ganze sollte nahe zu identisch für Craft CMS 2 auch gehen aber wir machen hier den neuen Scheiß!

What we need:

• SuperTable Plugin from Engram Design
• The Architect from Pennebaker

 Let’s create our fields

We control this in the Globals. We just need a SuperTable field with three subfields. 

• Snippet Name: It is not important just to show the User in the CP what code it is without searching within the code itself.
• Snippet Status: To active / deactivate the Code
• Snippet Code: The code itself

Here is the Code to create the Fields:

{
    "groups": [
        "Globals"
    ],
    "fields": [
        {
            "group": "Globals",
            "name": "Global: Third Party Snippets",
            "handle": "globalThirdPartySnippets",
            "instructions": "",
            "required": false,
            "type": "SuperTable",
            "typesettings": {
                "fieldLayout": "row",
                "staticField": null,
                "selectionLabel": "Add a row",
                "maxRows": null,
                "minRows": null,
                "blockTypes": {
                    "new": {
                        "fields": {
                            "new1": {
                                "name": "Snippet Name",
                                "handle": "snippetName",
                                "instructions": "",
                                "required": 1,
                                "type": "PlainText",
                                "width": "",
                                "typesettings": {
                                    "placeholder": "",
                                    "maxLength": "",
                                    "multiline": "",
                                    "initialRows": 4
                                }
                            },
                            "new2": {
                                "name": "Snippet Status",
                                "handle": "snippetStatus",
                                "instructions": "",
                                "required": 0,
                                "type": "Lightswitch",
                                "width": "",
                                "typesettings": {
                                    "default": ""
                                }
                            },
                            "new3": {
                                "name": "Snippet Code",
                                "handle": "snippetCode",
                                "instructions": "",
                                "required": 1,
                                "type": "PlainText",
                                "width": "",
                                "typesettings": {
                                    "placeholder": "",
                                    "maxLength": "",
                                    "multiline": 1,
                                    "initialRows": 8
                                }
                            }
                        }
                    }
                }
            }
        }
    ],
    "globals": [
        {
            "name": "Third Party Snippets",
            "handle": "thirdPartySnippets",
            "fieldLayout": {
                "Content": [
                    "globalThirdPartySnippets"
                ]
            }
        }
    ]
}

In short: It creates the SuperTable field and the global. You can paste this code in the „Raw Input“ Field in „The Architect“ or make it on your own when you don’t have installed The Architect Plugin.

Now it just looks like this:

Add the Twig Code

Now, we must include the code for this in our twig templates. I’ve included it in the _scripts.html file, which is included in the footer. 

Here is the snippet:

{# -- Third Party Snippets -- #}
{% set thirdPartySnippets = thirdPartySnippets.globalThirdPartySnippets is defined ? thirdPartySnippets.globalThirdPartySnippets %}
{% if thirdPartySnippets %}
  {% for row in thirdPartySnippets %}
    {% if row.snippetStatus %}
      {% if row.snippetName %}
        <!-- {{ row.snippetName }} -->
      {% endif %}

      {% if row.snippetCode %}
        {{ row.snippetCode | raw }}
      {% endif %}
    {% endif %}
  {% endfor %}
{% endif %}

We simply check if the global field exists, and then we loop over the content to include all the codes.

Add a code

Now, you can add codes in the CP and activate them whenever possible. You can also sort the different codes.

Here is Hotjar as an example:

And after activation, it must look like this:

That’s it! Any suggestions?

First, you need to install two plugins for this solution. These two are indispensable for Craft CMS. 

• SEOmatic
• Imager

A third plugin is not essential but is nice to have. You can copy and paste fields and stuff like that from one Craft CMS site to another.

• The Architect

OK, now that you’ve installed the plugins, we‘ve got to start creating some fields that we need. I pasted the architect's exported code here. You can simply paste it into your site with some modifications (naming…), or you can create these fields on your own, as you like. All the paths and naming things are for my installation here. Please check and modify.

The Fields

Global: Logo
This is the logo field where we store the logo that we put later in the layer above the image. 

{
    "groups": [
        "Globals"
    ],
    "fields": [
        {
            "group": "Globals",
            "name": "Global: Logo",
            "handle": "globalLogo",
            "instructions": "",
            "required": false,
            "type": "Assets",
            "typesettings": {
                "useSingleFolder": 1,
                "sources": "*",
                "defaultUploadLocationSource": "siteImages",
                "defaultUploadLocationSubpath": "",
                "singleUploadLocationSource": "siteGraphics",
                "singleUploadLocationSubpath": "",
                "restrictFiles": 1,
                "allowedKinds": [
                    "image"
                ],
                "limit": 1,
                "viewMode": "large",
                "selectionLabel": ""
            }
        }
    ],
    "globals": [
        {
            "name": "Logo",
            "handle": "logo",
            "fieldLayout": {
                "Content": [
                    "globalLogo"
                ]
            }
        }
    ]
}

Single: Image Entry

This is the field that is included in each entry. Maybe you know it from WordPress as the Post Thumbnail. It's nearly the same. An image that describes the entry. 

{
    "groups": [
        "Singles"
    ],
    "fields": [
        {
            "group": "Singles",
            "name": "Single: Image Entry",
            "handle": "singleImageEntry",
            "instructions": "",
            "required": false,
            "type": "Assets",
            "typesettings": {
                "useSingleFolder": 1,
                "sources": "*",
                "defaultUploadLocationSource": "siteImages",
                "defaultUploadLocationSubpath": "",
                "singleUploadLocationSource": "siteImages",
                "singleUploadLocationSubpath": "",
                "restrictFiles": 1,
                "allowedKinds": [
                    "image"
                ],
                "limit": 1,
                "viewMode": "list",
                "selectionLabel": ""
            }
        }
    ]
}

Now that we have the fields and globals created, you have to assign the Single Image Entry to all the Posts where you need custom share images. Let's take a look at the code…

The Coding Part

First, we check if the Single Image Entry, the default SEO image, and the Global Logo are all defined and filled. If that's the case, we proceed.

{% if (
  (entry.singleImageEntry is defined and entry.singleImageEntry | length) or
  (seomaticSiteMeta.siteSeoImage is defined and seomaticSiteMeta.siteSeoImage | length )
  ) and (logo.globalLogo is defined and logo.globalLogo | length) %}


{% endif %} 

Next, we query the Global Logo and set the width and height of the image, and get the URL of this one to save it into the watermarkImage variable. The image creation is made with imager.

  {# -- Set Logo -- #}
  {% set logo = logo.globalLogo.first() %}

  {# -- Imager: Watermark Image -- #}
  {% set watermarkImage = craft.imager.transformImage(logo, [
    {
      width: 100,
      height: 100
    }])
  %}

  {# -- Watermark Image URL -- #}
  {% set watermarkImage = watermarkImage[0].url %}

The next step is to check the Single Image Entry to see if it's filled, and when this is true, we save it to the image variable. If not, we save the default Seo Image to the image variable. Now, we set this image's width and height, the jpeg quality, and the cropping position. This is also made with imager. Now, we store the URL for this image in our imageEntry variable.

  {# -- Check if Entry Image exists or use the default SEO Image -- #}
  {% if entry.singleImageEntry | length %}
    {% set image = entry.singleImageEntry.first() %}
  {% else %}
    {% set image = seomaticSiteMeta.siteSeoImage %}
  {% endif %}

  {# -- Imager: Entry / Default Image -- #}
  {% set imageEntry = craft.imager.transformImage(image, [
    {
      width: 1200,
      height: 630
    }], {
      jpegQuality: 100,
      mode: 'crop',
      position: '50% 50%'
    })
  %}

  {# -- Entry / Default Image URL -- #}
  {% set imageEntry = imageEntry[0].url %}

The next step is to merge the two images. Nothing special here. Again, we use an imager to do that. We set our image size and use the watermark function to position our logo above the image. In our case, at the top right corner with a 30px margin to the edges. We also save this URL to a variable:  shareIamge.

  {# -- Imager: Share Image -- #}
  {% set shareIamge = craft.imager.transformImage(imageEntry, [
    {
      width: 1200,
      height: 630
    }], {
      jpegQuality: 100,
      mode: 'crop',
      watermark: {
        image: watermarkImage,
        width: 100,
        height: 100,
        position: {
          left: 30,
          bottom: 30,
          opacity: 0.8
        }
      }
    })
  %}

  {# -- Share Image URL -- #}
  {% set shareIamge = shareIamge[0].url %}

The last part checks if the shareImage variable is filled out, and if it's true, we overwrite some of the Seomatic Data. In our case, the og:image, the seoImage, and the twitter image. That's it!

  {# -- If Share Image exists -- #}
  {% if shareIamge | length %}

    {# -- Set Twitter Share Image -- #}
    {% if seomaticMeta.twitter is defined and seomaticMeta.twitter is not empty %}
      {% set twitter = seomaticMeta.twitter %}
      {% set twitter = twitter | merge({'image': siteUrl|trim('/', 'right') ~ shareIamge}) %}
      {% set seomaticMeta = seomaticMeta | merge({'twitter': twitter}) %}
    {% endif %}

    {# -- Set Default Share Image -- #}
    {% set seomaticMeta = seomaticMeta | merge({'seoImage': siteUrl|trim('/', 'right') ~ shareIamge}) %}

    {# -- Set Facebook Share Image -- #}
    {% if seomaticMeta.og is defined and seomaticMeta.og is not empty %}
      {% set og = seomaticMeta.og %}
      {% set og = og | merge({
        'image': siteUrl|trim('/', 'right') ~ shareIamge,
        'image:width': '1200',
        'image:height': '630',
        'image:type': 'image/jpeg'
      }) %}
      {% set seomaticMeta = seomaticMeta | merge({'og': og}) %}
    {% endif %}
  {% endif %}

If you did everything right your output is an Image like this:

The Final Code

This code has to be included before you trigger "Seomatic". That's important!

{# -- Custom Social Image -- #}
{% if (
  (entry.singleImageEntry is defined and entry.singleImageEntry | length) or
  (seomaticSiteMeta.siteSeoImage is defined and seomaticSiteMeta.siteSeoImage | length )
  ) and (logo.globalLogo is defined and logo.globalLogo | length) %}

  {# -- Set Logo -- #}
  {% set logo = logo.globalLogo.first() %}

  {# -- Imager: Watermark Image -- #}
  {% set watermarkImage = craft.imager.transformImage(logo, [
    {
      width: 100,
      height: 100
    }])
  %}

  {# -- Watermark Image URL -- #}
  {% set watermarkImage = watermarkImage[0].url %}

  {# -- Check if Entry Image exists or use the default SEO Image -- #}
  {% if entry.singleImageEntry | length %}
    {% set image = entry.singleImageEntry.first() %}
  {% else %}
    {% set image = seomaticSiteMeta.siteSeoImage %}
  {% endif %}

  {# -- Imager: Entry / Default Image -- #}
  {% set imageEntry = craft.imager.transformImage(image, [
    {
      width: 1200,
      height: 630
    }], {
      jpegQuality: 100,
      mode: 'crop',
      position: '50% 50%'
    })
  %}

  {# -- Entry / Default Image URL -- #}
  {% set imageEntry = imageEntry[0].url %}

  {# -- Imager: Share Image -- #}
  {% set shareIamge = craft.imager.transformImage(imageEntry, [
    {
      width: 1200,
      height: 630
    }], {
      jpegQuality: 100,
      mode: 'crop',
      watermark: {
        image: watermarkImage,
        width: 100,
        height: 100,
        position: {
          right: 30,
          top: 30,
          opacity: 0.8
        }
      }
    })
  %}

  {# -- Share Image URL -- #}
  {% set shareIamge = shareIamge[0].url %}

  {# -- If Share Image exists -- #}
  {% if shareIamge | length %}

    {# -- Set Twitter Share Image -- #}
    {% if seomaticMeta.twitter is defined and seomaticMeta.twitter is not empty %}
      {% set twitter = seomaticMeta.twitter %}
      {% set twitter = twitter | merge({'image': siteUrl|trim('/', 'right') ~ shareIamge}) %}
      {% set seomaticMeta = seomaticMeta | merge({'twitter': twitter}) %}
    {% endif %}

    {# -- Set Default Share Image -- #}
    {% set seomaticMeta = seomaticMeta | merge({'seoImage': siteUrl|trim('/', 'right') ~ shareIamge}) %}

    {# -- Set Facebook Share Image -- #}
    {% if seomaticMeta.og is defined and seomaticMeta.og is not empty %}
      {% set og = seomaticMeta.og %}
      {% set og = og | merge({
        'image': siteUrl|trim('/', 'right') ~ shareIamge,
        'image:width': '1200',
        'image:height': '630',
        'image:type': 'image/jpeg'
      }) %}
      {% set seomaticMeta = seomaticMeta | merge({'og': og}) %}
    {% endif %}
  {% endif %}
{% endif %} 

Maybe someone has another (better) approach for this kind of „problem“. Drop me a line. I’m interested in other solutions. 

Unsere kleine Rundfahrt sollte in Salzburg starten und dann vier Tage später auch wieder da enden. Das war der Plan und den haben wir auch durchgezogen. Der Wetterbericht war lange super doch einen Tag vorm Start waren da auf einmal kleine Icons die sagten, dass es regnen sollte. Aber ihr wisst ja… Es gibt nur schlechte Kleidung. Da wir aber auf alles vorbereitet waren sollte auch das kein Problem darstellen. 

Die zwei Wochen vor der Tour haben wir mehr oder weniger unser ganzes Equipment gekauft. Das fing an bei Kleidung (Radhose, Trikot, Armlingen, Regenjacke, Unterwäsche, Socken etc. etc.) und ging weiter mit Taschen für das Rad. Nach langer Recherche und ein paar Diskussionen haben wir uns dann für Rahmentasche + Satteltasche von Relevate Design entschieden. Ich hatte noch eine Lenkertasche von North St. dabei. Hat sich auf jeden Fall gelohnt das ganze denn die Taschen haben einen sehr guten Job gemacht und es war auch recht angenehm damit zu fahren. Die Satteltasche besteht aus zwei Teilen. Zum einen die Halterung die wie Klettbändern fest an Sattel + Sattelstange befestigt ist und zum anderen aus einem DRY Sack den man rausnehmen kann. Hat den Vorteil, dass wenn man die Sachen braucht, dass man den Sack einfach rausnehmen und zum Beispiel mit ins Hotelzimmer nehmen kann ohne die Tasche jedesmal komplett vom Rad zu lösen. Auch packen lässt sich das ganze somit einfacher. Sehr fein das ganze. 

Mein persönliches Highlight ist aber die Rahmentasche. Hier passt zwar nicht viel rein aber das Ding ist so gut in den Rahmen integriert das sie einfach gar nicht stört. Ab Tag 3 hatte ich dann die Kamera in genau dieser um das Gewicht etwas vom Lenker zu nehmen. In der Lenkertasche waren dann Shorts, T-Shirt und die Regenjacke verstaut was zusammen leichter war als die Kamera und sich auch noch mal einen Tick schöner hat fahren lassen.

Vollgepackt mit tollen Sachen…

Am dritten Tag hab ich fast alles von meinen Sachen per Post nach Hause geschickt. Nicht weil ich es hätte tun müssen aber zum einen wollte ich den direkten Vergleich wissen wie es sich mit und wie es sich ohne Gepäck anfühlt und zum anderen auch, auf was man alles verzichten hätte können. 

Ein paar Worte zur Tour

Tag 1: Unserer Route führte uns Richtung Berschtesgaden zum Königssee. Dort gab es eine kleine Stärkung und einen warmen Tee und dann ging es weiter zum eigentlichen Ziel nach Viehofen. Dort hatten wir ein Hotelzimmer und das war dann auch genau das Richtige nach der langen fahrt bei dem Wetter. Duschen, Essen, eine Runde Tischtennis und dann rief auch schon das Bett. (97km)

Tag 2: Frühstücken und los. Im Zimmer dachten wir, dass es doch noch recht kalt ist obwohl heute die Sonne lachte. Wir zogen uns relativ warm an und nach vier Kurven die Erkenntnis: Wir haben zu viel an. Also runter mit den ganzen Klamotten. Thomas hatte auch noch den Hotelschlüssel in der Tasche und musste gleich mal ein paar zusätzlich Höhenmeter machen. Wer kann der kann! Unser Ziel für heute sollte Schladming sein. Wir fuhren vorbei an Zell am See über Sankt Johann weiter nach Bischofshofen und landeten dann Abend gut fertig in Unterkunft zwei. (113km)

Tag 3: Das Optische Highlight der Tour. Erstes Ziel war der Salzastausee. Sehr schön und beeindruckend das ganze. Danach ging es nach Bad Mitterndorf wo wir den Spar leerkauften und ein paar Leckereien zu uns nahmen. Das war auch nötig denn ab jetzt hieß es: Bergauf! Wir fuhren den Kochalmweg hinauf und das ist wirklich ein schöner Fleck Erde. Oben angekommen gab es auch eine wundervolle Aussicht! Wirklich ein toller Tag auch wenn mich die Höhenmeter manchmal fertig gemacht haben. Vorbei am Hallstätter See ging es dann Richtung Bad Ischl. Dort angekommen wollten wir uns etwas zum schlafen suchen hatten aber nicht gewusst, dass dort gerade Kaiserfest ist und es somit unmöglich war ein Zimmer zu bekommen. Am Ende wurde es ein Zimmer in einem kleinen Hotel an der Autobahn ein paar Kilometer weiter. Geht doch! (120km)

Tag 4: Hier ging es dann zurück nach Salzburg mit etwas weniger Kilometer für den Tag. In Salzburg angekommen entspannten wir noch etwas an der Salzach bevor es dann mit dem Zug zurück nach hause gehen sollte. (55km)

Fazit…

Das machen wir mal wieder! War schon anstrengend vor allem wenn man es nicht gewohnt ist vier Tage am Stück solche Strecken zu fahren. 

Strava Map

Mehr Infos zur Tour könnt ihr hier auf Strava anschauen. Oder auch hier in Kurzfassung:

• 378,6 km
• 20:48:25 Stunden
• 7.441 Höhenmeter

Unsere Rundfahrt in Bildern

Ein paar Bilder… Schöne Bilder…!

Das Buch von außen…

Das Buch von innen…

Läuft!

Seit Samstag hingen wir also in Budapest herum. In einer wirklich schönen Wohnung. Ein bisschen was gegönnt haben wir uns da schon aber das hebt den Urlaub auch noch mal ein Level höher. Wenn man nach hause kommt und denkt: Wow! Aber zurück zu Budapest. 

Das ist übrigens die Sicht von unserem Hinterhof. Na zumindest wenn man sich in die Mitte stellt und den Kopf in den Nacken legt und ein Foto macht. Auf jeden Fall wohnten wir an der Haltestelle Oktogon was sich nachträglich nicht als das schlechteste Viertel herausgestellt hat. Ob es jetzt DAS In-Viertel war vermag ich nicht zu sagen aber es war sicher nah dran. Wir fanden auch das wir ziemlich Zentral waren. Als wir ankamen haben wir uns je eine Zehnerkarte Bahntickets geholt und als wir gestern Budapest verlassen haben, hatte jeder noch sieben Tickets in der Tasche. Dafür taten uns abends dann doch oft die Füße etwas weh. 

Ich könnte jetzt noch schreiben das wir wirklich viel und sehr lecker gegessen haben aber ob das irgendwen weiterbringt? Auf jeden Fall war es so. Sonst haben wir ein paar Sachen angeschaut wie den Burgpalast und das House of Terror was auf jeden Fall sehr beeindruckend war. Leider haben wir nicht viel verstanden da englische Übersetzungen gerade nicht verfügbar waren. Sonst sind wir abends noch etwas herumgelaufen und haben das ein oder andere Foto gemacht. 

Beeindruckend waren die vielen schönen alten und zumeist leerstehenden Gebäude in Budapest. Fast schon etwas traurig und eindeutig zu schade. Zurück zu Fotos. Man kann hier auf Instagram unter dem Hashtag #Budatriest den heißen Scheiß von uns finden. Ansonsten hier ein paar Bilder die ein wenig durch Lightroom gewandert sind. Enjoy.

Als wir dann aber nicht mal mehr eine Woche hatten bis es losgehen sollte musste dann doch noch ein Ziel her. Google Maps aufgemacht und geschaut was man so machen könnte. Florenz stand auf der Liste mit ein paar Abstechern nach Rom und Madrid. Klang zwar alles ganz nett aber vielleicht wollten wir dann auch doch etwas Großstadtaktion mitnehmen und suchten also weiter.

Budapast… Ja was hältst du denn von Budapest? Keine Ahnung, kenn ich nicht. Ich auch nicht. Perfekt! Hauptstadt von Ungarn, kann so schlecht ja nicht sein also war Budapest nun festgelegt. Nächster Gedanke war, dass wir ja auch zwei Städte besuchen könnten und nicht nur eine. Google Maps, da sind wir wieder. Unsere Umfrage nach netten Locations auf Facebook lies die Stadt Triest auf den Schirm kommen. Klein, in Italien und am Wasser. Das perfekte Kontrastprogramm zu Budapest. Haken dran. 

Als Reisemöglichkeit sollte nur Bahn oder Bus herhalten. Bahn ist dann doch — wie zu erwarten war — reichlich teuer also entschieden wir uns kurzerhand für den Bus. Günstig ist es ja schon mal. Von Linz — Budapest — Triest — Linz zahlen wir zusammen 250,- Euro. Das ist denke ich unschlagbar. Bus gebucht und ab dafür. 

Next: Unterkunft. Airbnb war eh klar also gesucht. Wow, Budapest hat echt schöne Unterkünfte für gute Preise. Eine hatten wir ausgesucht die etwas kleiner war und ganz aber eine halbe Stunde später nicht mehr zu buchen war. Da war wohl jemand schneller. Aber wir hatten ja einen Plan B und Plan B ist: So AWESOME! Im Ernst, eine wunderschöne Wohnung nähe Oktagon. Flügeltüren, offene Ziegelsteine und eine sehr stilvolle Einrichtung die dennoch minimalistisch. Ein Traum! Wer hier mal her will, hier ist die Wohnung. 

So, Wohnung in Triest haben wir auch noch gebucht. Urlaub, du kannst kommen… Später (vielleicht) mehr…

Sorgen um den Rahmen

Ich hatte bei R2-Bike ja einen 56cm Rahmen bestellt. Am Dienstag hab ich mal nachgefragt ob es schon Neuigkeiten gibt wann der Rahmen denn bei mir ankommen würde. Kurz drauf kam eine Mail, dass der Rahmen gestern kam aber einen Kratzer am Steuerrohr hatte. Sie haben einen neuen bestellt der dann den nächsten Tag eintreffen sollte. 

Am nächsten Tag dann die nächste Mail von R2-Bike, dass der neue Rahmen den gleichen Kratzer hat. Und der letzte Rahmen in 56cm hat den Kratzer auch. Wie kann man nur eine ganze Lieferung so kaputtmachen… Man man man. Ist natürlich keine Schuld von R2-Bike sondern ist vorher passiert. Nun gut… So viele Möglichkeiten gab es jetzt nicht. Es gibt ein paar Euro Rabatt auf den Rahmen und einen Lackstift dazu. Klar, wenn man so viel Geld für etwas in die Hand nimmt, will man es natürlich im optimalen Zustand. Aber warten bringt auch keine Punkte und es gibt im Grunde keine Alternativen für mich. Also her mit dem Teil!

Laufräder

Das macht mir aktuell noch etwas angst. Habe wegen dem Preis bei Superlight Bikeparts bestellt und leider scheint die Shopsoftware ähnlich verplant wie die Jungs. Bestellt hatte ich:

• Hope Pro Evo 4 Naben
• NoTubes Grail Felgenringe
• Speichen
• XD Freilauf

Letzte Woche dann mal angerufen wie es mit der Lieferung ausschaut und zum anderem stand im Shop und in den Mails verschiedenes zu den Naben. Mal Pro Evo 4 mal RS4 CL. Da ich noch Bremsscheiben brauchte, wollte ich natürlich wissen was nun verbaut ist. Ich wollte ganz klar Pro Evo 4, er meinte am Telefon das RS4 Naben verbaut sind da ja Road/CX Bike etc. Na gut. Dann meinte er das die etwas leichter sind und nur zwei Sperrklinken haben und dadurch die Naben auch etwas leiser seien. WAS? LEISER? WTF!! Dann hab ich nach dem Telefonat selber mal geschaut bezüglich den Naben. Die gibt es nur mit Shimano Freilauf und ich wollte XD Freilauf. Den gibt es wiederum nur mit vier Sperrklinken. Jetzt heißt es Daumen drücken, dass sie mir keinen Shimano Freilauf schicken. Ich ahne schlimmes. Vielleicht rufe ich nächste Woche noch mal an aber ich glaube nicht. Ich lass mich überraschen. In den ganzen Mails stand auf jeden Fall überall XD Freilauf. Wenn Shimano verbaut ist, sollen sie mir halt noch einen nachschicken.

Bremsen und Schaltung

Nach langem hin und her mit mir selber hab ich mir jetzt doch noch Flat Mount Bremsen und ein Schaltwerk bestellt. Leider ging das noch mal richtig ins Geld aber das hatte mehrere Gründe und alles andere macht keinen Sinn. Geworden sind es SRAM Force 1 Bremsen mit Hebeln und ein Rival 1 Schaltwerk (irgendwo muss man ja aufs Geld schauen). 

1. Jetzt muss ich mein Cannondale nicht auseinander bauen und kann es komplett verkaufen. Haben alle was von
2. Ich muss keine hässlichen Flat Mount auf Postmount Adapter nutzen. 
3. Alle Teile sind jetzt neu, juhu

Sonst wurden noch ein paar SRAM Centerlock Scheiben gekauft. 140mm hinten und 160mm vorne.

Park Tool Montageständer

Letzte Woche hatte ich mir dann noch was gegönnt was ich schon länger auf meiner Liste hatte. Einen Montageständer für zuhause. Nichts nervt mehr wenn man was am Rad baut und das Ding sich dauernd bewegt und fast umfällt. Es wurde ein PARK TOOL PCS–10 den es bei Canyon für nen super Preis gibt. Klickst du hier. Das Teil kam heute bei mir an und war dann doch etwas mächtiger als ich dachte aber… geiles Teil! Kann ich nur empfehlen.

Ein paar Bilder

Wenn ich kurz zusammenfassen darf bzw. die letzten zwei drei Jahre Revue passieren lasse, began der Weg für mich in die „moderne“ Frontend-Entwicklung in der Tat mit Codekit. Dafür wurde ich oft belächelt aber ich denke der Einstieg mit dem Tool ist nach wie vor sehr gut vor allem wenn man Designer ist und somit eher Quereinsteiger. So ein GUI kann schon manchmal ganz nett sein für gewisse Dinge um sie auch besser zu verstehen.

Doch wenn man in einem Team arbeitet — zu dieser zeit bei FORK — kann man nicht immer machen was man will und muss aufeinander Rücksicht nehmen und sich unterordnen. Codekit war gut wenn ich alleine Projekte auf dem Tisch hatte aber mit den anderen Developern zusammen? Ne, die konnte ich sicher nicht von Codekit überzeugen was natürlich vollkommen OK ist. 

Es kamen also Projekte mit Middleman und Jekyll was dann für mich so der Anfang war mit den ganzen Package Managern etc. in Berührung zu kommen. Gemocht hab ich das sicher nicht da es einfach böhmische Dörfer waren. Aber andererseits wusste ich auch, dass ich dadurch lernen würde und die nächsten Schritte gehen werde. 

Nach und nach probierte ich mich dann daran kleine Boilerplates zu bauen um mir neue Projekte etwas einfacher von der Hand gehen zu lassen. Das war alles allerdings nicht so das gelbe vom Ei und nicht wirklich SMART. 

Vor etwa zwei Jahren hab ich dann erste Versuche in YEOMAN unternommen und ich sag mal: „YO“, das taugt. Das war dann auch der Startschuss für das dhBoilerplate. Ja, über den Namen kann man streiten. Entweder man findet Zeit um sich einen coolen Namen zu überlegen oder man verbindet es einfach mit seinem Namen. Zweites war einfacher und nun ist es halt wie es ist.  Wie ich schon Eingangs habe anklingen lassen wäre es mir alleine wohl nicht möglich gewesen das Boilerplate + Generator auf die Beine zu stellen. Aber alle fangen mal an und als Developer kann man grundsätzlich ja nur Interesse daran haben, wenn sich Leute tiefer eingraben und lernen wollen. 

Was ist denn Yeoman?

Mit meinen eigenen Worten erklärt ist Yeoman die Grundlage eines jeden Projekts. Im Grunde übernimmt Yeoman das Grundsetup vom Projekt und richtet das eigentliche Boilerplate soweit es geht automatisch ein. Durch starten von YO wird man durch einen Prozess geführt wo man als User ein paar Fragen beantworten muss und ein paar Projektdetails eingeben muss wie z.B.: Projektname, WordPress oder Craft CMS, soll jQuery genutzt werden usw. anhand dieser Fragen baut Yeoman das Boilerplate dann zusammen und dann kann es auch schon losgehen. Danach ist Yeoman wieder raus aus dem Projekt. Das ist SMART und funktioniert jetzt über die Jahre außerordentlich gut. 

Das Boilerplate

Im Grunde sind hier eine Menge Sachen drin die sich bewehrt haben und die man immer wieder braucht in Projekten. Mein Ziel ist es aber das ganze dennoch schlank zu halten und nicht alles reinzupacken was man mal brauchen könnte. Denn je größer so ein Boilerplate wird, desto mehr Zeit frisst es auch, dass ganze zu pflegen und mehr Bausteine heißt meist auch mehr Komplexität. Ich versuche den Spagat zu schaffen zwischen einfach und dennoch genug Funktionsumfang. 

Herzstück des ganzen sind aktuell sicher der ganze Sass Part sowie der Craft CMS Part. Prototyping und WordPress ist auch mit drin aber das ganze bekommt im Moment weniger Aufmerksamkeit. Man muss halt Prioritäten setzen. Aber Inhaltlich möchte ich gar nicht mehr drauf eingehen. Wer mehr wissen will soll es einfach ausprobieren. 

Lohnt es sich ein eigenes Boilerplate zu pflegen

Vielleicht nicht wenn man ehrlich ist. Oder die bessere Antwort: Es kommt drauf an. Die Frage ist eher was hat man damit vor und wie sehr möchte man selbst die Hand drauf haben was das gute Stück kann und was es nicht kann. Genau hier liegt der Punkt für mich und deswegen muss ich es auch mit einem Ja, es lohnt sich beantworten. Wenn ich allein an die letzten paar Monate zurückdenke, wie oft ich da Sachen über den Haufen geworfen habe da wir in Projekten merkten, dass ein andere Weg vielleicht besser funktionieren würde. Und nutzt man jetzt ein Boilerplate von jemand anderem ist man da natürlich deutlich eingeschränkter. Was jetzt aber auch gar nicht schlecht sein muss aber es ist halt ein anderer Weg den man dann geht. Mir würde wie gesagt einfach die Freiheit fehlen Sachen ständig anzupassen und zu überdenken. 

Warum öffentlich?

Darüber hatte ich mir keine großen Gedanken gemacht. Vieles davon ist wie  gesagt von anderen Entwicklern die ihre Sachen auch öffentlich zur Verfügung stellen und so sehe ich da auch. Wenn es Leute nutzen und Ihnen weiterhilft ist das doch was tolles. Ich werde jetzt nicht das ganze für andere umbauen im großen Stil. An erster Stelle steht klar der eigenen nutzen des Boilerplates. Wem gewisse Sachen nicht so zusagen der geht halt weiter und nutzt ein anderes. Das ist OK und auch gut so. So mache ich das und so sollte es auch jeder andere machen. 

Also so ein eigenes Boilerplate kann super sein aber es erfordert auch etwas pflege. Sachen die man in Projekten lernt wieder zurückzuspielen, Dependencies aktuell halten, testen usw. All das sollte man mit auf dem Schirm haben. Wenn man die Zeit aufwenden kann und will ist es sicher nicht von Nachteil Herr über den eigenen Werkzeugkoffer zu sein. 

Was stand denn eigentlich zur Auswahl…

Bevor wir wieder zum Niner kommen erstmal zu den Kandidaten die letztendlich in der Auswahl waren. Werde hier aber nur meine drei Finalisten nennen da es im Grunde noch deutlich mehr Alternativen gab doch irgendwann muss man das ganze ja mal eingrenzen. 

Hier aber erstmal noch meine Anforderungen die ich an den rahmen hatte:

• Hochwertiger Stahl (Columbus oder Reynolds 853) — Wenn schon denn schon
• 142mm Hinterbau mit 12mm Steckachse
• Gabel mit 12mm oder 15mm Steckachse
• 44er oder Tapered Steuerrohr
• Carbongabel am liebsten Enve
• Schöne Zugverlegung. Intern? Nicht über Oberrohr
• Eher etwas längeres Steuerrohr
• Reifenfreiheit bis 40mm sollte schon sein

Das mal die Wunschliste. Das sich davon nicht alles erfüllen lassen würde sollte klar sein. Jetzt galt es abzuwägen was wichtiger ist bzw. was unbedingt sein musste und wo kann ich auch mal ein Auge zudrücken. Meine Suche hab ich dann schnell auf Europa eingegrenzt da alles andere mit Zoll + Steuern einfach preislich ausgeufert wäre. Nun dann… jetzt aber die Kandidaten… Trommelwirbel! 

Stelbel Nina

Nina war einer der ersten Rahmen auf meiner Liste und hat im Grunde viele Punkte meiner Wunschliste erfüllt. Stelbel fertigt alle Rahmen Custom an was ja schon mal ein guter Punkt ist wenn man so viel Geld ausgibt. Auf der anderen Seite bin ich bei so Sachen generell eher etwas schmerzfreier unterwegs. Soll heißen ich komme mit den Standardgrößen im Grunde zurecht. Wenn man das Custom haben will muss man sich auch ein Stück weit damit beschäftigen. Sonst hab ich das Gefühl das ich damit mehr Schaden anrichten könnte als es nutzen würde. 

Auf jeden Fall ist Nina ein sehr sehr schöner Rahmen und optisch war das schon sehr na an dem was ich haben wollte. Mit der Gabel war ich nicht 100% glücklich aber das wäre am Ende OK gewesen.  

Mehr oder weniger scheiterte es dann zum einen am Preis denn mit knapp 2200,- Euro + Versand ist das ganze schon recht kostspielig. Dann fehlt da noch ein Steuersatz (Chris King wäre dann schon fast ein muss gewesen) sowie Innenlager. Und dann ist man schnell bei 2400,- Euro. Der andere Grund war die Lieferzeit von 14 - 16 Wochen. Wenn ich was kaufe dann möchte ich es auch immer gleich haben. Da bin ich etwas ungeduldig. 4 - 8 Wochen hätte ich mir vielleicht noch gefallen lassen, aber das war deutlich zu lang. 

Website: http://stelbel.it/

Tannenwald Waldläufer

Tannenwald kenn ich schon seit ein paar Jahren. Weiß nicht mehr wo ich drüber gestolpert bin aber ist ja auch nicht weiter wichtig. Auf jeden Fall kam es mir wieder in den Sinn und meine Augen blieben dann natürlich am Waldläufer hängen. Optisch auch ein sehr schicker Rahmen, ohne Zweifel. Die leicht gebogenen Sitzstreben fand ich anfänglich nicht so toll aber das hat sich mit der Zeit dann auch geändert. Sonst Ging das schon alles auch sehr in die Richtung was ich mir vorgestellt hatte. OK, die Schriftzüge und Aufkleber waren nicht 100% mein Fall aber letztendlich wäre das kein Grund dagegen gewesen. Warum dann kein Waldläufer?

Ich hatte den Jungs geschrieben und hab auch Antwort bekommen aber dann ist 3 Wochen nichts passiert. Was jetzt auch kein Vorwurf sein soll denn ich hätte ja auch noch mal nachhaken können. Vielleicht war ich aber auch ganz froh darüber, da es mir so ein wenig die Entscheidung abgenommen hat.  

Website: http://tannenwald-blog.blogspot.co.at/

Niner RLT 9 Steel

Niner beobachte ich jetzt auch schon mehrere Jahre und stand schon öfters kurz davor mir eins zu kaufen. Auch als ich mein Cannondale SuperX gekauft habe, hatte ich mir das Niner angeschaut aber damals war es einfach zu teuer in meiner Wunschausstattung. Man muss dazu sagen, dass ich damals auch nicht sicher war wie sehr ich das CX Bike nutzen werde. 
 

Das Niner ist schon ein sehr schickes Rad und die meisten Punkte auf meiner Wunschliste kann es erfüllen. Eigentlich hätte ich lieber das 2016er Modell gehabt aber das ist nirgends mehr zu bekommen in der richtigen Größe. Das neue ist mit dem blau zwar auch schön aber das orange war einen Tick schicker. Egal! Es ist auf dem neusten Stand der Technik was mich sogar dazu zwingt Post Mount auf Flat Mount Adapter zu kaufen… Das Niner ist auf jeden Fall binnen einer Woche lieferbar. Preislich von den dreien am günstigsten zu haben und mit allerlei Möglichkeiten ausgestattet. Das Ding kann man zur Not auch mal voll packen mit Taschen. Thomas, wann machen wir ne Radreise? :D Optisch vielleicht ein zwei Schrauben zu viel am Rahmen aber man muss ja auch mal praktisch denken. 

Website: http://www.ninerbikes.com/

Niner RLT 9 Steel Partlist

Da der Rahmen nur ein Teil von einem kompletten Rad ist musste ich mir Gedanken machen was ich vom alten Rad übernehmen kann und will und was ich neu kaufen werde. Irgendwann hab ich mir mal ein Budget von 2500 Euro gesetzt für alles zusammen. So viel kann ich schon mal verraten… Geklappt hat das leider nicht. Wobei das leider auch etwas übertrieben ist. Aber letztendlich muss man immer entscheiden ob man für ein Teil X Euro mehr ausgibt oder die günstigere Alternative kauft. Und meistens bin ich dann doch beim hochwertigeren Teil gelandet da ich nicht so viele Kompromisse eingehen wollte. Man kauft ja auch kein teures Auto und nimmt dann die billigste Innenausstattung. Na dann mal zu den Teilen…

Neu

• Rahmen & Gabel
  Niner RLT 9 Steel —  56cm, grau / blau
• Laufradsatz
  Hope Pro 4 EVO — 2L, XD Freilauf, 15mm vorne, 12mm hinten, schwarz
  ZTR Grail Felgen — schwarz
  Sapim D-Light Speichen — schwarz
  Alu Nippel — schwarz
• Kurbel & Kettenblatt
  SRAM Force 1 — 172,5 mm, schwarz
  SRAM X-SYNC 42 Zähne
• Sattelstütze
  THOMSON Elite — 27,2mm, 330mm, schwarz
• Innenlager
• HOPE — PF30 / PF46 68/73 mm, schwarz
• Reifen
• SCHWALBE G-ONE — 35C OneStar EVO MicroSkin TL Easy, schwarz
• Kassette & Kette
  SRAM GX Kassette XG-1150 — 10-42 Zähne, schwarz
  SRAM PC-X1 Kette — silber
• Lenker
  FIZIK Cyrano R3 made for Chameleon — 31,8 mm, 460 mm, schwarz
• Sattel
  Brooks Cambium C17 Sattel — schwarz
• Scheibenbremsen Adapter
  Shimano Post Mount auf Flat Mount — 160 mm vorne & 140 mm hinen, schwarz
• Lenkerband
  Brooks Cambium Rubber — schwarz
• Pedalen
  SIXPACK-RACING Millenium AL — schwarz

Vorhanden

• Bremsen
  SRAM Force CX — hydraulisch, schwarz / grau
• Schaltwerk
  SRAM Force CX — medium, schwarz

Also der eigentliche Plan war, dass ich deutlich mehr Teile vom alten Rad übernehme. Aber wenn man dann so am shoppen ist… Und hat den Vorteil das ich das alte vielleicht leichter los bekomme. Mal schauen. Sonst bau ich das Ding als Singlespeed um!

Bestellt hab ich den ganzen Spaß bei R2-Bike, Bike Components & Superlight Bikeparts — Danke auch an Robert von R2-Bike für den netten Austausch per Mail am Samstag!

Wie es weiter geht…

Jetzt heißt es erstmal warten bis alles hier eintrifft. Dann muss ich die Kiste nur noch zusammenstecken. Das könnte noch lustig werden. Also Rennrad Bremsen, Schaltung etc. hab ich noch nie selber verbaut. Die größte angst hab ich aber davor das Lenkerband zu wickeln. Das könnte schlimm enden!

Fortsetzung folgt…

Wie auch schon letztes Jahr hab ich mir kein Ticket gekauft und deswegen auch nicht damit geplant zu fahren. Als ich dann mal schaute vor ein paar Wochen war alles ausverkauft. Dann eben ein anderes mal. Doch dann kam es wie es kommen musste. Michael B. aus L. hatte ein Ticket aber keine Lust / Zeit zu fahren. So kam eins zum anderen und schon hatte ich ein Ticket, wuhu! Und natürlich wieder EARLY BIRD, eh klar!

Zurück zur OFFF. Für mich ist die OFFF eine etwas andere Konferenz. Es ist nicht so das klassische wie bei vielen anderen, wo man 12 Uhr in ein Gebäude geht und 20 Uhr wieder raus und fertig. Die OFFF hat für mich ein wenig das Motto: Kommt her und habt ne gute Zeit! Man hat auch nicht das Gefühl die Katze im Sack zu kaufen. Speaker vorher groß anschauen? Nee, sind eh viel zu viele da und es für jeden was dabei. Vor allem eins gibt es bei der OFFF und das ist Inspiration und ist es nicht das, worum es am Ende des Tages geht?

Auch das die OFFF keine reine Webkonferenz ist sehe ich als eher positiv. Sagt man doch immer so schön, dass man auch mal über den Tellerrand schauen soll. Wird gemacht. 

Morgen gehts dann erstmal zum Flughafen nach Wien. Von Linz aus gab es keine Direktflüge, ts! Kamera wird natürlich eingepackt und vielleicht kommt ja das ein oder andere nette Foto dabei rum. 

Später mehr, yay! #fredmanskyaufreisen

Irgendwann vor ein paar Wochen hat es mich wieder erwischt. Wahrscheinlich hab ich irgendwo wieder ein Rad gesehen und mir gedacht: „Hm, also so eins zu haben wäre schon auch schick“… Was dann passiert ist relativ einfach…

Phase I

„David, das brauchst du nicht!“… Es stehen vier Fahrräder in meiner Wohnung und eins im Keller. Um es mal kurz aufzuzählen: 

• 1x BMX #stahl — wenig in Nutzung aber es macht auch Spaß es nur anzuschauen!
• 1x Fully MTB — wenig in Nutzung aber wenn, dann weiß man warum man eins hat, da kein anderes Rad das hier leisten könnte. Und Fahrräder leihen für solche Moment? Nein!
• 1x Hardtail MTB #stahl — Wohl eines der schönsten und tollsten Räder was ich mir gegönnt hab. Man könnte es damit vergleichen: Unter der Woche fährt man mit einem VW Golf zu Arbeit und am Wochenende steigt man in einen Ford Mustang und hat spaß. Wir verstehen uns? Prima!
• 1x CX / Road — als ich das vor zwei Jahren kaufte hätte ich nie gedacht das ich folgenden Satz jemals schreiben werde: Es ist das Rad was ich am meisten nutze. Es ist einfach unkompliziert weil es hier vorrangig nur ums Radfahren geht. Ich brauche keine „Strecke“ wo ich drauf fahren kann (Trails etc.) sondern ich gehe zur Türe raus und los gehts. 
• 1x Stadtschlampe #stahl — Sollte jeder haben! Nutz ich natürlich auch täglich eigentlich aber es ist halt eher ein Arbeitstier. 

OK, das sollte nur mal verdeutlichen was ich Eingangs geschrieben hatte. Fährräder, ihr wisst schon…

Phase II

Appetit holen ist ja bekanntlich erlaubt. Das ist jetzt die Phase wo ich hin und wieder mal gegen den inneren Schweinehund in den Ring schreite und meistens als  Verlierer genau diesen wieder verlasse. Ich schaue mir jetzt also unregelmäßig und planlos Fahrräder dieser Art an. Macht Spaß, versteht sich von selbst.

Phase III

Kontostand checken… HAHA! Aber sind wir ehrlich. Da ist eh immer gefühlt zu wenig drauf egal wie die Zahl auch aussieht… ES IST ZU WENIG!  HR HR. Na gut, ich habe ihn dann zur Kenntnis genommen. Ob das jetzt irgendwas beeinflusst wage ich zu bezweifeln. Auch ein Thema das mich schon relativ lang begleitet: Wenn ich etwas möchte dann klappt das auch wenn auch oft nicht ganz einfach. 

Collect things to experience new moments!

Phase IV + Phase V

Jetzt geht es ans eingemachte. Ja, genau in dieser Phase befinde ich mich aktuell und ich sage euch: DAS IST KEIN SPASS!!! Jeden Tag bis in die Nacht nach DEM TRAUMRAD zu recherchieren ist anstrengend aber macht natürlich auch Spaß. Ich befasse mich gern intensiv mit einem Thema um am Ende eine Entscheidung zu treffen die ich nicht bereue. Das klappt meistens aber sicher nicht immer. Aber das Risiko sollte minimiert werden. Oh, wir haben hier ja zwei Phasen… Was könnte die zweite denn sein?

Keine Gute! Phase V ist die Phase des Zweifelns. Die Phase in der ich mich vor mir selbst rechtfertige warum das ganze denn überhaupt sein muss. Ein paar Leute kennen das sicher von mir, HAHA!  Das ganze ist jetzt ein hin und her und das Ende ist ungewiss. Es kann also auch sein das nach Phase V Schluss ist. Schauen wir mal…

Das ganze ist natürlich jetzt alles etwas aufwendiger und nicht mal eben in einer Woche alles entschieden. Aber kommen wir mal etwas zurück zum Thema Fahrrad. Ich schrieb ja Projekt Traumrad aber bisher in keiner Silbe um welches Rad es sich dreht. Hab doch eigentlich schon alles… Na gut, lassen wir die Katze mal aus dem Sack: Es wird ein Tandem! Ja, hat jetzt keiner geglaubt was? Hm…

Es soll ein CX / Road Bike werden und zwar eins aus Stahl. Soweit nichts besonderes? Gibt es doch an an so ziemlich jeder Ecke. Klar, aber ein Traumrad wäre kein Traumrad wenn es nicht auch ein Stück weit besonders wäre. Es soll ein HANDMADE Rahmen werden und auch mit relativ edlen und schönen Teilen ausgestattet werden. So ein Rad was man dann hat, anschaut und ein kleines Lächeln wird einem ins Gesicht gezaubert. Mein aktuelles CX / Road Bike soll dafür in den Ruhestand wandern bzw. jemand anderem weiterhin viel Freude bereiten. 

Das ganze sieht dann bei mir in etwa so aus, dass ich mir massig Rahmenbauer raussuche und diese anschreibe, mir Gedanken mache was ich alles an Teilen brauche, in welcher Preisklasse und von welchem Hersteller. Des weiteren geht es um die Geometry des Rades sowie die Lackierung. Für mich muss es kein komplett Custom Rad sein wo jeder Winkel und jedes Rohr auf mich angepasst ist. Nein den Anspruch hab ich daran nicht und die Vergangenheit zeigt mir, dass ich mit den Handelsüblichen Werten meistens zurecht komme. Bisher hab ich noch kein Rad so richtig ausgiebig Probe gefahren. Das fällt für mich alles in den Teil des Recherchierens, wo für mich nach und nach einfach ein klareres Bild erscheint was ich möchte. Dabei schau ich mir viele Bilder an und lese viele Forum Beiträge. Das Rad muss am Ende des Tages funktionieren UND natürlich schick ausschauen. Wenn eins davon nicht zutreffen würde wäre es… ja es wäre eine Schande! Aber ich bin guter Dinge dass wenn es dazu kommt, dass beides zutreffen wird.

Das war mal ein kleiner Einblick mit was ich mir so nachts die Zeit vertreibe. Wenn es schlecht läuft lieg ich dann auch schon mal bis Vier im Bett mit Laptop…

Bilder gibt es mit Absicht nicht da ein wenig Überraschung ja auch nett ist! NICHT WAHR?!!!

Da es mir gerade noch einfällt. Manch einer mag sich Fragen warum Stahl. Im Grunde recht einfach erklärt. Ich mag das einfachere dünne Stahlrohr mehr als diese ganzen in Form gegossenen Carbon Rahmen. Und man kennt mich ja auch als einer dem die Umwelt am Herzen liegt. Nein es sind in der wirklich zum Großteil optische Gründe. So ein schöner Stahlrahmen kann halt mal einiges!

Fortsetzung folgt. #collectthingsfornewmoments

Bei Fredmansky  haben wir letztens ein weiteres Craft CMS Projekt — mit umfangreichen Content Builder — auf den Weg gebracht und daraus auch viel mitgenommen was wir jetzt natürlich wieder in die nächsten Projekte einfließen lassen werden. Es gibt dann ab und an einen Moment wo man sich denkt: „Mist, das würde ich das nächste mal anders machen“ aber genau diese Moment sind es, die einen weiter bringen und eben in das nächste Projekt einfließen. Das heißt nicht, dass das aktuelle schlecht sei sondern einfach das es potential gibt etwas zu verbessern. Und genau das ist wichtig, sich danach hinzusetzen und zu reflektieren. 

Content Builder

Zurück zur Eingangsüberschrift und zum Content Builder. Eines der Hauptgründe für Craft war das Matrix Feld und damit die Möglichkeit, dass man mit Core Mitteln flexible Content Builder bauen kann. Das klappt auch ganz gut und inzwischen gibt es da noch andere Möglichkeiten die nicht auf dem Matrix Feld basieren.  Aber eins nach dem anderen…

Matrix Feld

Wie oben geschrieben schon ein ziemlich mächtiges Feld und damit kann man schon eine Menge anfangen. Wenn man es dann mal intensiver nutzt merkt man aber auch das es seine negativen Seiten hat. 

Vorteile Matrixfeld

• Es ist Core Feature und somit ist gewährleistet, dass das ganze einfach funktioniert und man auch keine Probleme mit Updates hat etc. Ein nicht zu unterschätzender Punkt
• Durch kleinere Plugins wie: Matrix Colors, PimpMyMatrix etc. erweiterbar die etwas nette Funktionalität hinzufügen 
• Es ist ein in sich geschlossenes Feld was es einfach macht zu exportieren / importieren da keine Abhängigkeiten zu anderen Feldern bestehen

Nachteile Matrixfeld

• Kein Matrix in Matrix möglich. Anfangs denkt man da vielleicht nicht dran aber man ist schnell an dem Punkt wo man das vielleicht habe möchte
• Felder die man immer wieder braucht muss man auch immer wieder anlegen innerhalb vom Matrixfeld. Es gibt keine Möglichkeiten Felder mehrfach zu benutzen. Muss jetzt nicht immer schlimm sein und hängt stark davon ab was man macht aber es kann sehr „nervig“ sein. 

Neo Field

Neo ist aktuell gefühlt ein wenig Fluch und Segen zugleich. Klingt jetzt vielleicht auch negativer als es tatsächlich ist. Neo ist - wenn man es kurz fassen muss - das aufgebohrte Matrixfeld. die Sachen die ich als negativ angegeben habe beim Matrix Feld macht Neo deutlich smarter. Viele Stimmen sagen sogar, dass man Neo in den Core implementieren sollte. Ich würde das jetzt nicht ablehnen, so viel steht fest. Aber kommen wir zu den Vor und Nachteilen. 

Vorteile Neo Field

• Felder können mehrfach verwendet werden. Ich kann ein Image Field anlegen und genau dieses eine Feld an mehreren Stellen nutzen. Zum einen spart man sich damit viele Felder was der Übersichtlichkeit dient und zum anderen muss man Felder mit gleicher Bedeutung dann nicht mehrfach anlegen und sich jedes mal über das Naming Gedanken machen
• Neo kann verschiedene Tiefen (Level) abbilden womit man Module auch verschachteln kann und viele Sachen dadurch erst möglich werden. Zum Beispiel mehrspaltige Module oder Accordions wären hier zu nennen
• Wenn man das System vom Neo Field verstanden hat ist es schön übersichtlich aufbaubar und leicht zu nutzen

Nachteile Neo Field

• Ein klarer Nachteil ist für mich das es kein Core ist und durch die Mächtigkeit des Plugins macht man sich schon sehr davon abhängig. Ich würde sogar soweit gehen, dass es Craft CMS auf ein ganz anderes Level hebt
• Es ist kostenlos — klingt blöd aber wenn ich etwas kostenlos nutze erwarte ich weniger als wenn ich ein paar Euro dafür auf den Tisch lege
• Es ist eine One Man Show — ist jetzt vielleicht nicht der größte Punkt aber dadurch ist es auch sehr den Launen einer einzelnen Personen ausgesetzt und falls er die Lust oder Zeit verliert steht man halt da wenn was ist

Und was ist jetzt die Empfehlung?

Gute Frage… Es hat beides seine Vor- und Nachteile und so blöd es klingt aber: "Es kommt drauf an…" Wahrscheinlich würde ich es von Projekt zu Projekt entscheiden was sich besser anbietet. Oder aber das Grundsetup ist soweit ausgearbeitet, dass es schon auf eine der beiden Varianten zugeschnitten ist dann stellt sich die Frage wohl auch nicht. 

Aktuell gehen wir den Neo weg da er flexibler ist und uns einfach mehr Möglichkeiten gibt in Sachen Content. Und am Ende des Tages denken wir auch, dass wir damit schneller und effektiver sind. Wir hatten auch viel getestet in letzter Zeit zum einen mit dem Matrix Field als auch mit dem Neo Field. Hier ging es vor allem um verschiedene Ansätze wie man gewisse Dinge umsetzen kann. Dazu dann in einem weiteren Artikel mehr.

Frage an euch: Was nutzt ihr für euren Content Builder bzw. nutzt ihr überhaupt einen Content Builder und wenn nein, warum nicht?

Hauptziel ist es jetzt aber erstmal wieder regelmäßig Inhalt auf die die Site zu stellen. Zugegeben hab ich das letzten Monate wenn nicht sogar Jahre etwas schleifen lassen. Aber es gibt sie ja immer diese Hochs und Tiefs. Mal schauen wie es läuft… Aber zurück zum Thema — Relaunch…

Best Website Gallery + Craft CMS

Als am 4. Juli 2008 die erste Website online ging ( ff0000 ) startete das ganze — wie auch fast nicht anders zu erwarten war — mit WordPress. Wenn ich darüber nachdenke ist es schon verrückt. Die Site lief 8 1/2 Jahre auf WordPress hat 3-6 Relaunches erlebt und im Grunde gab es nie größere Probleme. Doch seit etwas mehr als einem Jahr hab ich ja auch das CMS Lager gewechselt und bin bei Craft CMS gelandet. Es gibt dennoch nichts negatives über WordPress zu sagen aus meiner Sicht. Es sind halt andere Systeme und am Ende ist es gut das es beide gibt.

Doch durch den Umstieg meiner Website von WordPress zu Craft CMS  war es der logische Schritt auch mit Best Website Gallery zu Craft zu wechseln. Am Ende denke ich, dass ich mehr Möglichkeiten habe und es mir persönlich auch mehr bringt. Doch ganz so einfach wie sich das anhört war es dann nicht. 

Content Migration

Ganz ehrlich… Das war nie wirklich ein Thema bei mir. Klar, bei meiner Website musste ich da auch einiges machen aber das war im Grunde alles Handarbeit. Und die Einträge waren auch noch in einem Rahmen, die überschaubar waren. Doch Best Websites hatte knapp 2400 Einträge und wenn ich ehrlich bin… Nein, das wollte ich nicht alles per Hand machen. 

Der spannendste Part war also eine Lösung zu finden das ganze automatisiert hinzubekommen. Nach ein wenig suchen bin ich auch WP Export gestoßen. Ein WordPress Plugin mit dem man XML Files exportieren kann. Das ganze hab ich so um den 23.12.2016 gefunden und diese Nacht lag ich dann bis 5 Uhr früh im Hotelzimmer am MacBook und versuchte meine Glück. Es waren einige Versuche bis ich eine Export hatte wo ich dachte, dass er sauber ist. Sauber um es wieder in Craft zu importieren. Meine größte Sorge waren natürlich die ganzen Bilder. Wie bekomme ich die sauber von A nach B und auch noch ordentlich mit dem richtigen Post verknüpft. Klingt jetzt nicht ganz so einfach. 

Als import nutzte ich FeedMe und im Grunde kann es genau mein Problem lösen. Bei meinem Export in WP hab ich mir absolute URL der Assets exportiert und was macht FeedMe? Ganz einfach, es ruft diese URLs auf und import diese Images ins Craft zum richtigen Post. Das ganze funktionierte in der Tat auch wenn es mehrere Stunden gedauert hat. Jetzt hatte ich wirklich über 2000 Posts von WordPress nach Craft migriert und man könnte meinen: geschafft! Denkste! Dazu muss ich auch noch sagen, das der Import nicht beim ersten mal klappte. Hotel WLAN und LTE Hotspot waren jetzt vielleicht auch nicht die besten Bedingungen dafür. Aber es scheiterte auch vielmehr an der großen XML File. Also musste die auch noch mal gesplittet werden in 500er Schritte. 

OK Posts mit Bildern waren importiert aber da war ja noch das denkste. Das mit den Tags hat nicht so sauber geklappt. Und ich war auch noch nicht 100% sicher wie ich das am Ende auf der neuen Website haben möchte. Da gingen dann noch mal ein paar Tage an Hirnschmalz drauf. 

Der ist Zustand war, dass es einfach nur Tags gab und fertig. Aber das wollte ich bei der neuen Website etwas anders einteilen. Ich hatte somit ein paar Importe mit Tags probiert aber Tags in Craft sind nicht so schön zu nutzen wie Kategorien. Deswegen dann nach langem hin und her schon mal der Switch auf Kategorien. Der zweite Punkte war, dass ich verschiedene Kategorien haben wollte. Auch weil ich noch ein paar andere Sachen mit aufnehmen wollte zu jeder Website. Sachen wie Frameworks und Services fand ich wären eine gute Idee um auch etwas mehr Backgroud über eine Website zu bekommen. Und natürlich auch um danach am Ende wieder filtern zu können. Problem war, dass die Tags der alten Site natürlich nicht in eine Kategorie passten und ich diese auch aufteilen musste. Also hieß es nun doch: Handarbeit. Per Copy Paste und Search and Replace hab ich dann die ganzen Tags getrennt und wieder importiert. Letztendlich war das ganz schöner Scheiß und auch alles eher Try and Error. Geklappt hat es dann aber doch und ich… Ja ich war mehr als glücklich. Für den Import hab ich dieses Import Plugin genutzt. Hier dann meist mit CSV Files. Dazu gibt es auch noch die Export Variante. Es war ein ständiges hin und her! Es wurde viel geflucht und oft hab ich mich gefragt ob das alles eine gute Entscheidung war. Naja Ende gut alles gut!

Es gibt jetzt… nachdem alles läuft folgende Kategorien:

• CMS — welches CMS nutzt die Site
• Color — welche Farben gibt es
• Country — aus welchem Land kommt die Site
• Creator — wer hat die Site erstellt
• Framework — welche Frameworks nutzt die Site
• Service — welche Services nutzt die Sie
• Style — welche Styles hat die Site

Bedeutet jetzt beim befüllen natürlich deutlich mehr Aufwand aber am Ende auch mehr output. Man kann jetzt nach Ländern sich Sites anschauen oder nach Creator . Leider sind die alten Sites nicht alle damit verkategorisiert aber 8 Jahre jetzt mal einfach so nachzutragen…

Voting System + Likes

Wie gesagt wollte ich ein wenig mehr bieten als nur Sites zu zeigen. Deswegen gibt es jetzt ein kleines Voting System wo man die Site nach drei Kategorien bewerten kann. Eine kleine Formel gibt der Site dann eine Score. Des weiteren kann man jede Site jetzt auch liken. Kennt man ja von diesem Facebook. Alles nichts was die Welt verändert aber das soll es auch gar nicht. Das Voting besteht aus einem Craft Plugin für die Logik. Das Frontend hat Martin mir per Vue.js gebaut. Sehr cool und noch mal danke dafür!

Kommentare

Nicht das ich denke, dass die viel kommen werden aber mich stören sie nicht und es ist eine Möglichkeit etwas Austausch zu haben. Mal schauen. 

Automatisch generierte Zertifikate

Ein großes Ziel mit der neuen Site war es auch, dass ich so kleine nette Zertifikate für die "Gewinner" erstelle. Auch hier war wieder die Anforderung, dass das ganze relativ automatisiert passiert. Nach langem suchen und noch längerem versuchen läuft es nun zu 90% wie gewünscht. 

So ein Zertifikat kann man sich hier anschauen. Sau cool! Das schöne ist, dass das ganze auch rückwirkend funktioniert. Also auch die erste Site von 2008 hat so ein Zertifikat jetzt. Vielleicht druckt es ja irgendwann mal wer aus und schickt mir ein Bild. Das wäre dann sau cool hoch zwei!

Custom Sharing Image

Eine nette Spielerei und nicht mehr sind die Custom Sharing Images . Jede Site bekommt ihr eigenes Sharing Image was auch vollautomatisch generiert wird aus zwei Bildern. Mindestens genauso cool wie die Zertifikate!

Neues Hosting

Letztes Jahr bin ich von Host Europe zurück zu All Inkl gewechselt. Letztendlich ist auch alles gut aber ich hab schon zwei drei mal den Shares Space mit meiner Website abgeschossen. Deswegen musste irgendwie was her, was etwas mehr aushält. Natürlich sollte alles auch irgendwie bezahlbar bleiben auf der einen Seite und auf der anderen so, dass ich es auch noch verstehe. Unter die Hardcore Server Admins wollte ich jetzt nicht gehen. 

Die Website liegt jetzt auf einen vServer bei Hetzner das gröbste wird via Forge geregelt. Alles was sonst noch zu tun war muss ich mich bei Dan bedanken. Letztendlich war er auch der Grund das überhaupt so zu machen. Bisher läuft auch alles, juhu! Und natürlich ist da jetzt auch deutlich mehr Performance dahinter. Kostet ein paar Euro mehr als vorher aber wieder ein Thema, bei dem ich auch ein paar Sachen lernen konnte. 

Neues Design

Wenn ich die Site schon neu machen, dann natürlich auch komplett. Die alte Site lief noch eher ohne richtigen Dev Workflow. Da war hin und wieder noch schönes FTP Editieren angesagt, hehe. Die neue Site rennt natürlich mit meinen Boilerplate und wird Deployed via Buddy. Zurück zum Design. Irgendwie stand blau recht schnell fest und dann war für mich im Grunde nur die Frage ob es hell oder dunkel werden soll. Wie ihr seht ist wurde es wohl ersteres. Sonst ist natürlich alles recht unspektakulär aber das war auch keine Anforderung. Wichtig war mir, das man die Screenshots der Sites auch in voller Größe schön anschauen kann. Das ganze passiert via Lightbox BaguetteBox das ich aber an zwei drei stellen etwas anpassen musste. Naja, ihr seht ja was online ist. Feedback darf man natürlich immer gern geben. 

Das wurde jetzt mehr Text als ich dachte. Schaut doch einfach mal vorbei: https://bestwebsite.gallery

• Visit Site

Wir also damit meine ich in dem Fall fredmansky waren auch mit Support am Start. Style Partner yay! Aus unserer Hand kamen unter anderem das Intro Video sowie die Speaker Ankündigungsvideos (Jo (nein nicht Yo, Jo!) und die Twitter Wall. Die kann man sich hier noch anschauen: ScriptConf Wall aber macht nichts kaputt! 

Aber so viel wollte ich auch gar nicht schreiben. Mein Fazit vielleicht noch… Ja, das war schon ganz interessant wobei ich bei Manchen Thema mehr Fragezeichen über dem Kopf hatte als alles andere. Google V8 bla bla whatever… Aber das machte gar nichts. Alles in allem gute Sachen dabei und freundliche und lustige Speaker. Mathieu Henri Talk war dann auch ein richtig guter Abschluss. Ich kannte ihn nicht und konnte mir auch nichts unter Art.js vorstellen (Thema seines Talks) aber umso mehr war ich dann überrascht (positiv) über seine Vorstellung.

Das ganze drum herum war auch super organisiert alles. Es gab ständig volle Gläser mit Getränken. Es gab Kaffee und Kuchen und später auch noch was Herzhaftes zum Essen. Und natürlich für die Leute die es mögen auch: BIER! Ja und dafür musste man auch nicht in seiner Tasche nach Kleingeld wühlen. War ja schon auf ein zwei Konferenzen aber das gab es noch nie so in der Art. Mit 200 Mann natürlich auch noch alles überschaubar aber dennoch. Sehr gut. Fand auch Hannah Wolfe und bedankte sich noch mal für die gute Konferenz bei den Organisatoren rund um Stefan Baumgartner — Da schließen wir uns doch mal an, Danke!

So, ein zwei Bilder mit wenig künstlerischen Anspruch…

Ab in die Autos und nach ca. 20 Minuten waren wir am Ort des Geschehens. Es war wohl auch der erste Tag diesen Winter wo man merkte das Winter ist… Kalt war es! Ziel war es alte Panzer zu finden die wir vorher auf Fotos gesehen hatten. Ob das klappte seht ihr dann unten. Auf jeden Fall war eine genial Atmosphäre durch Nebel, gefrorene Wiesen und Wälder und der Location an sich. 

Jetzt sind wir extra deswegen hergefahren und ich darf nicht hoch!

Lina

Relaunch davidhellmann.com

Letztens hatte ich Lust und habe damit angefangen. Warum schon wieder einen Relaunch könnte man hier jetzt einwerfen. Berechtigt! Sagen wir so, die aktuelle Site ist mit Craft CMS gemacht und es war mein erstes Projekt mit diesem CMS. Wie man sich vorstellen kann, ist das nicht immer alles so super bzw. lernt man viel und macht es dann im nächsten Projekt anders. 

Durch meine Homies im Webdevs Slack und durch meinen neuen Job bei fredmansky, wo wir auch schon ein Projekt (Kusser.com) mit Craft CMS umgesetzt haben, hab ich viel Wissen aufsaugen können und neue Ansätze kennengelernt. Meine Site fühlt sich da jetzt quasi alt and und an der ein oder anderen Stelle auch umständlich bzw. unsauber. Der Relaunch würde also dazu dienen, dass ich es technisch noch mal von NULL hochziehe und dann natürlich auch gleich am Design noch etwas schrauben würde. Aktuell liegt das ganze aber wieder auf Eis. Mal schauen wann ich Zeit dazu finde. 

Bestwebsite.gallery

Mein Fokus geht jetzt aktuell auf diese Website. Die letzten Jahre leider etwas vernachlässigt bzw. nicht so darum gekümmert wie ich es vielleicht gern getan bzw. wie sie es verdient hätte. Wenn man sich überlegt wie alt die Website ist (8 Jahre und 193 Tage) und damit immerhin 2 Jahre älter als die AWWWARDS Website, müsste man da mal wieder etwas machen um mehr Traffic auf die Website zu bekommen. 

Soviel kann ich sagen… Ich habe ein paar Ideen und mal schauen ob ich das alles so umgesetzt bekomme. Was ich auf jeden Fall verraten kann ist, dass die Site nach dem Launch nicht mehr auf WordPress laufen wird sondern auch auf Craft CMS. Die Möglichkeiten sind einfach weit aus besser und das ganze entwickeln macht deutlich mehr Spaß. Sorry WordPress aber auch du bist nach wie vor herzlich willkommen. 

Ob es auch optisch was neues geben wird kann ich noch nicht sagen… Schau mer mal!

Alkohol

Ja das Thema tauch immer mal in meinem Feed auf Facebook auf. Wie toll es doch ist wenn man keinen Alkohol trinkt. Wenn man dann noch Kaffee und Zucker weglässt, ist man nahezu unsterblich. OK, etwas übertrieben und mit einem Augenzwinkern das ganze. So einen kleinen Ruf hab ich ja weg (hart erarbeitet, eh klar), dass ich hin und wieder die Flache Vodka dabei habe um mir den ein oder anderen Cocktail / Longdrink zu mixen. Ich glaube nicht, dass ich komplett auf Alkohol verzichten kann / möchte. Nicht weil ich davon Abhängig bin aber ich mit Ihm auch viele lustige Abend erlebt habe. Und auch bin ich der Meinung das man sich nicht ganz so sehr einschränken bzw. sich nicht alles verbieten sollte. 

Vielleicht versuche ich meinen Konsum etwas zu minimieren und es mehr besonders werden lassen. Das können Anlässe sein oder spontane Momente wo ein guter Cocktail einfach nicht fehlen darf. Wichtig ist halt das man klar kommt und persönlich finde ich ein Feierabendbier schlimmer als alle paar Wochen mal einen leichten Absturz. Aber jeder wie er mag. Immerhin hab ich schon 6 Tage nichts getrunken. Also das ganze Jahr nicht!!! Toll oder?!!?!!!!!!

Radfahren

Seit ich nicht mehr in Salzburg wohne bin ich deutlich weniger Radgefahren und habe auch wieder ein paar Kilo mehr auf den Rippen. Erschwerend kam wohl hinzu, dass das Wetter nicht das beste war und jetzt auch noch Winter ist. Ausreden… Ich weiß. Aber ich hab vor wieder etwas mehr Radfahren zu gehen. Schön wäre es auf 60-100 km die Woche zu kommen. Der ein oder andere wird jetzt vielleicht laut loslachen und sagt, dass er das an einem Tag schafft. Aber so motiviert bin ich dann auch nicht bzw. fehlt dann auch oft die Zeit. Man muss sich halt immer entscheiden. 

Was ich dieses Jahr auf jeden Fall gern mehr machen würde ist, mehr BikeParks zu besuchen bzw. generell mehr Tiefenmeter zu machen. Fahrräder dazu stehen hier genug und es wäre schade wenn die nicht oft genutzt werden. Leogang letztes Jahr hat richtig Spaß gemacht. Auch Finale und die Gardasee Ausflüge. Mal schauen wie sich das alles ausgeht. 

fredmansky

Die ersten drei Monate sind vorbei und ich bin ziemlich motiviert und freue mich auf kommende Aufgaben und Projekte. Interessant ist, dass ich mehr und mehr zum Developer werde. Mit neuen Aufgaben mich natürlich auch weiterentwickle und die nächsten Schritte mache. Ich sehe mich aber nach wie vor noch als Hybrid aus Designer & Developer und denke auch, dass dies nach wie vor meine Stärke ist. Das möchte ich auch so weiterführen. 

Vielleicht hast du ja sogar Lust auch ein fredmansky zu werden? Wir haben da aktuell ein paar Jobs zu vergeben. Oder auch wenn du jemanden kennst für den das interessant sein könnte… Sharen! : )

Reicht erstmal…

Das ein MacBook Pro mit TouchBar kommen würde war mehr oder weniger schon vor der Keynote klar. Als es dann soweit war schaute ich die Keynote und war etwas enttäuscht. Klar, irgendwie erwartet man immer das tollste, beste & geilste. Wenn das was dann aber vorgestellt wird eher nicht Deckungsgleich mit den eigenen Erwartungen ist, dann ist man etwas enttäuscht. OK, nach der Keynote war ich erstmal nicht schlauer als vorher. Die Frage ob ich mir ein 2015er MacBook Pro kaufen sollte oder nun doch das neue, ob es ein 13" werden sollte oder doch das 15"? Oder vielleicht sogar nur ein MacBook Air? Fragen über Fragen, die mich schon ein paar Tage beschäftigt hatten. 

13" vs 15" — Auf der Suche nach der richtigen Größe

Zuerst musste ich mir mal klar werden welche Größe das neue MacBook haben sollte. Auf der einen Seite ist der wohl klarste Anwendungsfall bei mir das damit unterwegs sein. Und zwar im Zug, im Flugzeug oder irgendwo im nirgendwo im Klappstuhl. Das MacBook soll mich begleiten. Ich will damit kleiner Arbeiten machen oder einfach mich nur bespaßen. Wenn ich ehrlich bin, hat eigentlich immer alles für ein 13" gesprochen. Aber alleine die Tatsache, dass das 15" mehr Power hat und es gefühlt auch ein besseres Preis- / Leistungsverhältnis bietet, ließ mich schon oft nachdenklich werden. Aber dann war meisten das Gegenargument für mich selbst: "Ist 15" wirklich tauglich wenn man damit unterwegs sein möchte?". Meine Antwort hieß dann nach einigem hin und her ganz klar. "Nein, ist es nicht. Jedenfalls nicht für mich!". 

2015er, TouchBar oder keine TouchBar — Nicht einfach!

OK, haben wir das mit der Größe also geklärt. Kommen wir zum nächsten Punkt. 13" 2015er Model, das neue 13" mit TouchBar, ohne TouchBar? Verdammt, immer noch viel zu viel Optionen offen… Als ich dann beim KIKK Festival war, machte ich einen kleinen Abstecher in den Apple Store in Brüssel. Jetzt hatten sie mich. Es war von da an undenkbar ein 2015er Model zu kaufen. Wenn man beide (13" non TouchBar und 13" 2015) direkt nebeneinander sah wurde klar, dass man eigentlich nur das neue haben will. Das 2015er wirkte in der Tat ziemlich alt und unschön im Vergleich zum neuen Model. Da war ich auch etwas überrascht aber so war es und so ist es. Gut, nächster Punkt geklärt. 

Jetzt zur spannenden Frage: TouchBar, Ja oder Nein? Ich entschloss mich für nein und zwar aus dem einfachen Grund, da mich die TouchBar so wie sie jetzt ist einfach nicht überzeugt. Ich sehe für mich einfach keinen Anwendungsfall um die TouchBar zu nutzen. Vielleicht ist sie eine nette Spielerei. Vielleicht bringen die ganzen Softwareentwickler auch ganz viele tolle Features aber dennoch, es überzeugt mich stand jetzt noch nicht. Da überzeugen mich haptische Tasten einfach mehr. Die kann ich blind bedienen, voll cool. Und was mir die letzten Tage aufgefallen ist… Ich nutze die ESC — Taste mehr als ich dachte. Also auch die Entscheidung war dann getroffen und ich konnte mich in den Apple Online Shop wagen und bestellen. 

MacBook Pro 13" 2016

Genau das wurde es. Die Specs sind folgende:

• 2.0 i5 CPIU
• 16 GB Ram
• 256GB SSD
• Apple Care
• Incase Case
• Apple Magic Mouse

Am wichtigsten waren hier die 16GB Ram. Da man später eher nicht aufrüsten konnte sollte hier schon das maximal verfügbare verbaut werden,. Mit 16 GB lässt es sich doch aushalten. Die 256GB Festplatte reicht mir aus. Es ist ein Zweitrechner und das meiste liegt eh online in der Dropbox. Ich brauche nicht alle Daten ständig bei mir. Ja und CPU sollte für meine Zwecke auch locker ausreichen.

Mein Fazit

Reviews gibt es genug da draußen, da brauch ich hier jetzt nicht anfangen. Aber noch ein paar Worte zur Tastatur. Ich war ziemlich skeptisch im Bezug auf die neue Tastatur. Aber wie so oft waren die Bedenken unangebracht. Das gute Stück ist zwar etwas lauter als sein Vorgänger aber sonst bin ich nach ein paar Tagen restlos überzeugt von der Neuen. Gefühlt kann man damit wirklich deutlich schneller schreiben. Vielleicht fühlt es sich auch nur so an aber oft reicht das ja schon. 

Auf den Adapter Wahnsinn gehe ich mal nicht weiter ein. Auf der einen Seite macht es Apple ja richtig und schneidet konsequent alte Zöpfe ab. Aber jede Entscheidung kann ich dann auch nicht nachvollziehen. Am schlimmsten finde ich in der Tat noch den fehlenden SD-Card-Slot. Diese USB-C Geschichte stört mich hingegen weniger. Aber das liegt wohl einfach daran, dass ich da eh nicht viel Zubehör brauchen werde. Zweitrechner und so. 

Ach ja, Space Grey ist schon ziemlich cool. Ein richtig matt schwarzes wäre natürlich auch ganz interessant gewesen aber was nicht ist kann ja noch werden. 

Und warum steht im Titel Pro / Air? Ja weil das non TouchBar MacBook Pro eher ein MacBook Air ist. Aber ein ziemlich cooles!

Wie geht man im Konzept & Design an das Thema heran und wie kann man das ganze dann auch sauber in die Entwicklung überführen.  Schnell ist der Begriff Modular Scale gefallen.

Modular Scale

Modular scale is the application of historically/culturally pleasing ratios to type and layout. For example, we can take a base value (like 14px) and scale it upwards and downwards in steps of 1.618 (the golden ratio), or some other ratio such as a musical interval. — Wincent

Selbst hatte ich es auch schon in die Boilerplate integriert aber letztendlich auch nicht so konsequent eingesetzt wie man es vielleicht hätte machen können. Wer mehr zu Modular Scale lesen will dann bei A List Apart: More Meaningful Typography. Modular Scale war dann schlussendlich nicht nur schnell gefallen sondern auch mehr oder minder in Stein gemeisselt. 

Ein paar Tage später kam das Thema dann noch mal auf.

Wir hatten zwar entschieden wie wir die Größen in einem Projekt festlegen aber ein weiterer spannender Punkt war das Verhalten im Responsive Kontext. Ein paar Ansätze: 

1. Base Font Size für Breakpoints anpassen

Der erste Ansatz war, dass man pro Breakpoint (den man für nötig hält) die Base Font Size einfach so verändert das sich alle Schriftgrößen anpassen. Klingt theoretisch vielleicht gar nicht so schlecht. Doch können wir die Base Font Size wirklich so sehr anpassen das sich das merklich auf alle anderen multiplizierten Größen auswirkt? Und macht uns der Ansatz generell glücklich?

Fazit: Nö!

2. Modular Scale für Breakpoints anders zuweisen

Ansatz zwei geht eine ähnliche Richtung aber hier verändern wir nicht zwingend die Base Font Size (was natürlich dennoch möglich wäre) sondern wir gehen den Weg, dass wir die Scales neu zuweisen. Wenn wir annehmen, dass unsere Base Font Size == Modular Scale 0 (MS0) entspricht und wir die Headlines H1, H2 und H3 brauchen im Projekt würden wir hier jetzt folgende Scales als default zuweisen: H1 == MS3, H2 == MS2 und H3 == MS1 und sagen wir ab einer Viewport Größe >=1024px weisen wir die MS-Werte neu zu und alle Headlines gehen eine Nummer größer: H1 == MS4, H2 == MS3 und H3 == MS2. Ganz einfach oder? Nur zerstören wir da natürlich das Verhältnis zur Base Font Size. Die würden wir jetzt nicht immer zwingend so sehen, dass sie mit angepasst werden muss da wir sonst mit der Base recht groß werden. Guter Ansatz aber…

Fazit: Nö!

3. Modular Scale in Verbindung mit Fluid Type

Buzzword + Buzzword = superawesome! OK, langsam! Was ist dieses Fluid Type überhaupt? Ich versuche mich mal an einer Erklärung: Im Grunde ist es recht einfach. Man benutzt die CSS calc Funktion in Verbindung mit Viewports Units. Klingt super oder. Hier noch mal etwas besser vielleicht:

It is possible to have precise control over responsive typography. Using calc() and viewport units you can create fluid type that scales perfectly between specific pixel values, within a specific viewport range.

Heist im Grunde nichts anderes als das wir vier Werte haben: 

1. (minFS): Minimale Font Size
2. (maxFS): Maximale Font Size
3. (minVP): Untere Viewport Grenze
4. (maxVP): Obere Viewport Grenze

Wenn man jetzt z.B. minFS = 15px, maxFS = 21px, minVP = 320px und maxVP = 1280px hat heißt das nichts anderes als das man bei <=320px die Font Size 15px hat und bei >=1280px die Font Size 21px. Dazwischen wird die Font Size Stufenlos berechnet. Das kann man schön testen indem man seinen Browser groß und klein zieht. Klingt super!

Fazit: That’s the way to go!

Klingt ja alles ganz gut. Nur jetzt haben wir ein Problem. Sketch, Photoshop oder dein Lieblings Layout Programm braucht natürlich einen fixen Wert. Der Anwendungsfall ist ja recht klassisch. Man erstellt ein Design und macht davon dann oft zwei bis drei Größen (320px, 960px, 1440px). Nur wie bekomm ich jetzt meine richtigen Font Sizes für 960px? Problem erkannt, Problem verbannt, wir haben da mal etwas vorbereitet. 

Fredmansky Modular Scale Playground

Da ganze ist Codetechnisch dann so aufgebaut. 

Settings Font Sizes

/*--------------------------------------------------
	#FONT SIZES
  --------------------------------------------------*/

$fontSize-min:          16px;
$fontSize-max:          21px;
$lineHeight-base:       1.5;
$lineHeight-base-px:    $fontSize-min * $lineHeight-base + 0px;



// Modular Scale Settings
$msWidth-min:           480px;
$msWidth-max:           1280px;
$msFactor:              1.2;



// Nothing to change here
$ms1:                   $msFactor;
$ms2:                   $msFactor * $msFactor;
$ms3:                   $msFactor * $msFactor * $msFactor;
$ms4:                   $msFactor * $msFactor * $msFactor * $msFactor;
$ms5:                   $msFactor * $msFactor * $msFactor * $msFactor * $msFactor;
$ms6:                   $msFactor * $msFactor * $msFactor * $msFactor * $msFactor * $msFactor;
$ms7:                   $msFactor * $msFactor * $msFactor * $msFactor * $msFactor * $msFactor * $msFactor;
$ms8:                   $msFactor * $msFactor * $msFactor * $msFactor * $msFactor * $msFactor * $msFactor * $msFactor;
$ms9:                   $msFactor * $msFactor * $msFactor * $msFactor * $msFactor * $msFactor * $msFactor * $msFactor * $msFactor;
$msFont-min:            $fontSize-min;
$msFont-max:            $fontSize-max;



// Font Map
$dh-fontsizes: (
  'ms-2':               12px,
  'ms-1':               15px,
  'ms0':                $fontSize-min,
  'ms1':                $fontSize-min * $ms1,
  'ms2':                $fontSize-min * $ms2,
  'ms3':                $fontSize-min * $ms3,
  'ms4':                $fontSize-min * $ms4,
  'ms5':                $fontSize-min * $ms5,
  'ms6':                $fontSize-min * $ms6,
  'ms7':                $fontSize-min * $ms7,
  'ms8':                $fontSize-min * $ms8,
  'ms9':                $fontSize-min * $ms9,
);

Fluid Type Mixin

/* --------------------------------------------------
	#FLUID TYPE
	Responsive Type
	More Infos: http://madebymike.com.au/writing/fluid-type-calc-examples/
   -------------------------------------------------- */

@mixin fluid-type($properties, $min-vw, $max-vw, $min-value, $max-value) {
  @each $property in $properties {
	#{$property}: $min-value;
  }

  @media screen and (min-width: $min-vw) {
	@each $property in $properties {
	  #{$property}: calc(#{$min-value} + #{strip-unit($max-value - $min-value)} * (100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)});
	}
  }

  @media screen and (min-width: $max-vw) {
	@each $property in $properties {
	  #{$property}: $max-value;
	}
  }
}

@function strip-unit($value) {
  @return $value / ($value * 0 + 1);
}

// Shorthand Version
@mixin ft($args...) {
  @include fluid-type($args...);
}

Page Font Size

/*--------------------------------------------------
	#PAGE
  --------------------------------------------------*/

html {
  @include fluid-type(font-size, $msWidth-min, $msWidth-max, $msFont-min, $msFont-max);
  line-height: $lineHeight-base;
}

Headlines Font Size

/*--------------------------------------------------
	#HEADINGS
  --------------------------------------------------*/

h1,h2,h3,h4,h5,h6 {
  font-weight: 700;
  word-wrap: break-word;
  font-family: ff('headline');
  line-height: 1.2;
}

h1 {
  @include fluid-type(font-size, $msWidth-min, $msWidth-max, $msFont-min * $ms6, $msFont-max * $ms6);
}

h2 {
  @include fluid-type(font-size, $msWidth-min, $msWidth-max, $msFont-min * $ms5, $msFont-max * $ms5);
}

h3 {
  @include fluid-type(font-size, $msWidth-min, $msWidth-max, $msFont-min * $ms4, $msFont-max * $ms4);
}

h4 {
  @include fluid-type(font-size, $msWidth-min, $msWidth-max, $msFont-min * $ms3, $msFont-max * $ms3);
}

h5 {
  @include fluid-type(font-size, $msWidth-min, $msWidth-max, $msFont-min * $ms2, $msFont-max * $ms2);
}

h6 {
  @include fluid-type(font-size, $msWidth-min, $msWidth-max, $msFont-min * $ms1, $msFont-max * $ms1);
}

Was ist eure Meinung zu dem Ansatz vor allem die beiden Sachen zu kombinieren?

• dh-Boilerplate

Na genau… Die Zeiten sind wohl vorbei, dass man total gespannt auf eine Keynote ist. Im Grunde ist vorher alles einmal irgendwo aufgetaucht.  Früher war alles besser, wisst ihr eh!
Punkt 19 setzte ich mich dann dennoch vor die Flimmerkiste um das schon zu wissende auch bestätigt zu bekommen. Die ersten 30 Minuten hat man erstmal über die Apple TV TV App gesprochen. Fühlte sich irgendwie nach einem Lückenfüller an und ganz ehrlich. No Netflix, no Party! Nun gut… So 90 Minuten müssen ja auch irgendwie gefüllt werden. 

Ja, ich war letztendlich dann doch etwas gespannt auf das, was Apple jetzt gleich zeigen sollte. Video bitte, danke! Ja OLED-Leiste… Kenn ich schon. Neue Tastatur… Kenn ich schon. Dünner… Kenn ich schon. Naja egal. Das Video war noch das Highlight an dem ganzen. Vorweg, ich stehe dieser OLED ähm Touch Bar ja etwas kritisch entgegen. Zum einen weil ich jetzt nicht den wirklichen Mehrwert (so ganz spontan) dahinter entdecke. Da kann ich natürlich nur für mich persönlich sprechen. Da wird sich aber sicher etwas finden das mich dann doch überzeugt. Aber selbst Apple scheint damit noch so recht was anfangen zu können. Die Software Demos wirkten für mich allesamt eher nach: „Wir haben jetzt ne Touch Bar, nutzt die! Wie ist mir egal“. Überzeugend war da für mich nichts. Ein DJ der auch einem Mini Display seine Finger hin und her schiebt wenn es zur Sache geht? Nun gut, soll er halt. Tabs im Safari wechseln? Na wegen mir. Irgendwas in Photoshop herum klicken (Sorry, hab nicht so genau hingeschaut). Text formatieren in E-Mails? OK, Ich markiere Wörter per Doppelklick über mein übergroßes Trackpad und klicke dann auf der OLED huch… Touch Bar herum? Na jeder wie er mag. Aber was mich schon bei der letzten Keynote ziemlich genervt hat ist, dass man dieses ganze Emoticons etc. so hervorhebt. Geil, ich kann die gelben Dinger jetzt via Touch Bar (Bin ja schon lernfähig) per Fingerdruck raushauen. Sensationell, wirklich! Mag das beim iPhone Event vielleicht noch etwas verständlich sein, fehlt mir da bei einem Event das die neuen PRO Geräte einer Firma vorstellt, dann doch irgendwie das Verständnis. Aber nun gut, ist ja voll lustig und so.

Back to Mac.

Ja eigentlich hatte ich vor mir ein MacBook zu kaufen und ich war die Tage vorher schon unsicher ob mich das neue überzeugen würde. Jetzt so mit einem Tag Abstand kann ich sagen, dass die Antwort NEIN lautet. Ein paar Stichpunkte warum das so ist:

• Touch Bar: Ist für mich nach der Keynote erstmal nichts wo ich HABEN WILL schreie. Mich überzeugen echte Tasten einfach mehr
• Anschlüsse: Vier USB Type C Ports. Mag zwar nett sein und die Zukunft aber warum man nicht etwas sanfter den Übergang macht und zumindest einen alten USB Port dran lässt verstehe ich nicht. Der nächste Punkt ist der SD-Karten Slot. Meine letzten Kameras hatten alle SD Karten und es ist einfach angenehm, diese einfach in den Mac zu schieben. Sehr schade. MagSafe einfach mal so gekickt. Fehlt mir auch etwas das Verständnis und es scheint nicht mal einen Adapter zu geben von Apple. Ich könnte nicht mal einfach mein iPhone laden mit so einem MacBook… Das ist schon mehr als traurig. Warum hat man das iPhone dann nicht mit Type C Port gebracht? Wildwuchs im Ökosystem! Bei den Kopfhörern geht es weiter. 
• Tastatur: Jetzt nicht das Killer Argument doch letztens hab ich mal ein paar Minuten im Saturn verbracht, um eben diese im aktuellen MacBook zu testen. So hundertprozentig angetan war ich nicht aber OK, man gewöhnt sich an alles. 
• Preis: Nachdem man das MacBook Air im Grunde getötet hat hätte man wenigstens hoffen können, dass Apple den Einsteig preislich etwas niedriger ansetzt. Leider nein. Auch wenn man versucht hat das mit dem MacBook Pro 13“ ohne Touch Bar zu probieren. Aber zum einen ist der Preis nicht wirklich so das ich sage OK, das ist fair. Zum anderen wurde das Ding auch noch künstlich kastriert wo man sich dann doch schon Fragen muss was denn nur los ist. Letztendlich ist das Teil Preis-/ Leistungstechnisch eine Katastrophe. Hätte man mir das non Touch Bar mit gleicher CPU vom kleinsten Touch Bar MacBook hingestellt, nicht die zwei USB Ports rausgestrichen und dafür dann 1500,- Euro verlangt hätte ich mich wohl überzeugen lassen. 

Ich werde mich jetzt einfach nach einem MacBook 13“ early 2015 umsehen. Kostet weniger. Ich muss mich nicht um eine Hand voll Adapter kümmern und für das was ich damit vorhabe, reicht es mehr als aus. Die 15“ Variante käme zwar auch noch in Frage aber da muss sich schon was sehr günstiges auftun. 

Suche MacBook Pro 13“ early 2015

Hier dann also noch mal. Suche eins mit folgender Ausstattung: 

• 2.7 GHZ CPU / 2.9 GHZ CPU / 3.1 GHZ CPU
• 256 GB SSD / 512 GB SSD
• 16 GB RAM
• Restgarantie wäre wünschenswert
• Zustand sollte Gut bis sehr gut sein
• Preis: 1000,- EURO ist meine grobe Vorstellung. 

Bevor ich noch einen kleinen Snack vom Vortag in die Pfanne gehauen, eine Melone zerstückelt und alles in mich gestopft habe, hieß es auch schon Fahrrad schnappen und los.  Angekommen am Hafen stand ich vor einem großen Tor wo auch gleich ein Mann zu mir kam um zu sagen, dass ich leider nicht rein kann, schade!

Dann eben von außen! Letztendlich bin ich zwei Stunden übers Hafengelände gelaufen bzw. über den Teil der mir zugänglich war. Hat gereicht um das ein oder andere — schöne — Foto zu machen. Da diesmal alle durch Lightroom liefen und nicht direkt von der Kamera aufs iPhone geladen worden, hab ich diesmal zum Großteil die RAWs genutzt und auch "etwas" bearbeitet. Es verleidet dann doch immer ziemlich stark leicht zu übertreiben.

Alle Fotos sind mit der Fuji X-Pro2 gemacht und als Objektive hatte ich das 14mm 2.8, 23mm 1.4 und 52mm 1.2 dabei. Jedes durfte mal ran und liegt jetzt überglücklich in der Fototasche :)

Leicht ist es nie, wenn man sich dafür entscheidet, seinen Job zu kündigen und einen neuen Weg zu gehen. Das Ganze ist natürlich immer mit Veränderungen verbunden. In meinem Fall bringt diese Veränderung nicht nur einen Jobwechsel mit sich, sondern auch den Umzug in eine neue Stadt. 

Ab dem Wochenende werde ich meine Zelt in Linz aufschlagen. Genau wie letztes Jahr  Salzburg kannte ich Linz bisher auch nur von der Landkarte. Bisher war ich zwei mal in Linz. Einmal um meinen Arbeitsvertrag zu unterschreiben und das andere mal um meine neue Wohnung anzuschauen. Auf etwas Natur bzw. auf etwas Berge muss ich im Vergleich zu Salzburg wohl verzichten. Dafür gibt es einen Radweg bis nach Wien und weiter vor der Haustüre. Hat ja auch was. Werde mir dann Linz die nächste Tage mal genauer anschauen.

Aber warum jetzt weg aus Salzburg, weg von Red Bull? Wenn wir im Fußball Fachjargon wären würde ich sagen: Ich habe das vertrauen vom Vorstand nicht mehr gespürt. Und das der Vorstand und ich einfach andere Vorstellungen von der Ausrichtung des Vereins haben. Am Ende des Tages lagen wir wohl beide zu weit auseinander und es war bessere getrennte Wege zu gehen. Ein schlauer Satz den ich letztens gelesen habe lautete: „Bist du unzufrieden dann ändere etwas!“ und letztendlich ist es genau das was ich getan habe. 

Hello fredmansky

Ab 1.10. werde ich dann bei fredmansky in die Tasten hauen. Das ganze zum ersten mal rein als Developer aber schauen wir mal was das letztendlich heißt. Der Designpart ist nach wie vor etwas, dass mir auch Spaß bringt. Wenn es da was zu tun gibt, bin ich natürlich auch dort fleißig dabei. 

Aber jetzt heißt es erstmal 2 1/2 Wochen Urlaub für mich. Nach Köln um alte Freunde zu sehen und versuchen die Jungs beim Pokern wieder etwas zu ärgern.

Es spricht ja nichts gegen inspiration usw. Aber Sachen dann einfach komplett zu übernehmen wenn man sich selber auch noch Designer schimpft ist schon etwas armselig… Sorry Dude, es gibt leider kein Foto für dich! 

• ORIGINAL WEBSITE

So schaut das original aus…

So dann die copy ...

Eine sehr gute Frage! Weil… In letzter Zeit hatte ich des öfteren mit dem Gedanken gespielt das Specialized zu verkaufen aber irgendwie hab ich es dann doch meistens wieder verworfen gehabt. Warum ein so tolles Rad verkaufen? Es war ein 29“ MTB und meine letzten drei Räder waren auch alle 29“.

Finale Ligure und Männertag

Als wir letztes Jahr in Finale waren hatte ich an der ein oder anderen Stelle das Gefühl, dass mir das 29er etwas im Weg stand. Verbunden mit meiner sicherlich nicht auf dem höchsten Niveau befindlichen Fahrtechnik und der hin und wieder weichen Knie bei  dem ein oder anderen Streckenabschnitt, kamen doch kurzzeitig Zweifel auf, ob dieses Rad hundertprozentig das ist, was zu mir passt. 

Dann waren wir dieses Jahr mal wieder zum Männertag eine kleinere Tour (80km?) in München machen. Irgendwo entdeckten wir dann einen kleinen gebauten Trail mit kleinen Sprüngen, Anliegern etc. Wirklich Spaßig. Auch hier kam mir mein 29er dann auch etwas zu groß vor bzw. wäre ein 650b Rad vielleicht einfach spaßiger gewesen in diesem Moment. Etwas mehr Agilität…

Das technische Fachsimplen kam dann natürlich auch noch dazu. Und wir sprachen über große Räder, kleine Räder. Hersteller A, Hersteller B usw. Irgendwann kamen wir auch aufs Capra zu sprechen, dass ich — wie ich zugeben muss — mir in letzter Zeit hin und wieder anschaute. Wieder in Salzburg angekommen wurde aus dem hin und wieder eher ein häufig und ich fasste den Entschluss mein Enduro im IBC Bikemarkt zum Verkauf anzubieten.

3, 2, 1… Verkauft!

Vorfreude ist…

…erstmal nicht vorhanden gewesen. Denn bevor die einsetzen konnte, musste ich mich erstmal entscheiden ob es das AL Comp 1 oder das CF Comp werden sollte. Alu vs. Carbon Klappe #1. Nein, lassen wir das. Letztendlich entschied ich mich für Alu um zum einen einen ordentliche Summe zu sparen und zum anderen weil ich damit einfach mehr vertrauen verspüre. Nicht weil ich Carbon an sich nicht traue. Aber es ist ein Rad wo auch mal was rankommen wird und da ist mit Alu einfach irgendwie das Gefühl besser, dass ich den Schaden einschätzen kann. 

Jetzt aber zur Vorfreude. Ich schaute wieder und wieder das Rad an und checkte ob sich die Liefertermine änderten. Die Abstände zwischen den Besuchen auf der YT Website wurden kürzer und kürzer und endlich konnte ich mich durchringen zu bestellen. FUCK, einen Monat warten, das wird hart!

Da ist das Ding!

Schick was?!! Es kam Donnerstags bei mir an und Freitag hatte ich frei. Das hieß gleich mal die erste Ausfahrt machen und zwar auf den Gaisberg, bis ganz hoch. Mein erstes mal mit 1x11 und ich kam oben an. Läuft also mit 32er Blatt. Und dann die erste Abfahrt auf dem Koppl Trail. Taugt! Genau wie ich mir das vorgestellt hatte. Das ganze wirkte etwas wendiger und verspielter. Hatte etwas die Befürchtung als ich mein Specialized verkaufte, dass ich auch hätte falsch liegen können und mir das Capra nicht zusagt. Aber weit gefehlt!

Abends sollte dann Robert noch vorbeikommen und dann direkt weiter nach Saalbach zum Glemmride. Das erste mal Bikepark für mich und das dann auch noch mit einem nagelneuen Rad. Wenn das mal keine Kratzer gibt… X-Line, Hacklberg Trail, Z-Line und Milka Trail. Das waren so die Sachen die wir gefahren sind und was soll ich sagen, spaß pur! Rad super. Saalbach super. Alles super! Man kann also festhalten, dass es eine gute Entscheidung war. 

Noch ein paar Bilder…

bodylclass.js

/**
 * Set Body Classes
 */

var _body     = document.querySelector('body'),
    _steps    = 1000,
    _duration = 3000,
    _timer    = 0,
    _i        = 1;

while (_timer <= _duration) {
  if (_timer == 0) {
    _body.classList.add('is_ready');
  } else {
    setTimeout(function() {
      _body.classList.add('is_now_' + (_i * _steps));
      _i++;
    }, _timer);
  }
  
  _timer = _timer  + _steps;
}

Nehmen wir das ganze doch mal etwas auseinander… 

var _body     = document.querySelector('body'),
     _steps    = 1000,
     _duration = 3000,
     _timer    = 0,
     _i        = 1;

Im ersten Schritt werden die Variablen gesetzt. _body ist dabei das Ziel wo die Klassen hinzugefügt werden. _steps und _duration stehen in Verbindung. _duration ist dabei der höchstmögliche Wert in ms und _steps gibt an in welchen ms Sprüngen letztendlich hochgezählt wird. 

_timer dient zum hoch zählen der _steps bis _duration erreicht wurde. _i ist ein einfach Zähler, der die _steps letztendlich multipliziert und es an einen Klassennamen hängt. 

Die while Schleife läuft jetzt solange durch bis _steps kleiner gleich _duration ist. 

while (_timer <= _duration) {
  if (_timer == 0) {
    _body.classList.add('is_ready');
  } else {
    setTimeout(function() {
      _body.classList.add('is_now_' + (_i * _steps));
      _i++;
    }, _timer);
  }

  _timer = _timer  + _steps;
}

Dabei wird _timer immer wieder mit dem _steps Wert addiert. Innerhalb der while Schleife ist eine weitere if Abfrage vorhanden. Dort wird geprüft ob _timer gleich 0 ist und falls das der Fall ist, bekommt der body die Klasse "is_ready" hinzugefügt. Das heißt unsere Javascript Datei ist geladen und ausgeführt. Wenn _timer größer 0 ist wird der else Teil ausgeführt. Dort wird dann die setTimeout Funktion so oft aufgerufen bis die bis _timer größer als _duration ist. In dem Beispiel oben wäre das genau drei mal.

Letztendlich landen hier dann zusätzlich zur "is_ready" Klasse auch noch "is_now_1000, is_now_2000, is_now_3000" im body Element. Letztendlich recht unspektakulär aber bei mir wie gesagt des öfteren im Einsatz. Das mir wichtige dabei ist, dass ich etwas habe was fix ist wovon ich ausgehen kann um dann Sachen wie folgende zu machen:

.aboutIntro__image {
  transform: translate3d(0, 200px, 0);
  transition: all 0.5s ease-out;
  opacity: 0;

  .is_now_1000 & {
    transform: translate3d(0, 0, 0);
    opacity: 1;
    transition: all 0.5s 0.1s ease-out;
  }
}

.aboutIntro__content {
  .copy {
    transform: translate3d(0, 300px, 0);
    transition: all 0.5s ease-out;
    opacity: 0;

    .is_now_1000 & {
      transform: translate3d(0, 100px, 0);
      opacity: 1;
      transition: all 0.5s 0.6s ease-out;
    }

    .aboutIntro__vertical {
      transform: translate3d(0, 100px, 0) rotate(-90deg);
      transition: all 0.5s ease-out;
      opacity: 0;

      .is_now_1000 & {
        transform: translate3d(0, -5px, 0) rotate(-90deg);
        opacity: 1;
        transition: all 0.5s 1s ease-out;
      }
    }
  }

  .headline {
    transform: translate3d(0, 300px, 0);
    transition: all 0.5s ease-out;
    opacity: 0;

    .is_now_1000 & {
      transform: translate3d(0, 100px, 0);
      opacity: 1;
      transition: all 0.5s 0.35s ease-out;
    }

    &::before {
      transform: translate3d(0, 200px, 0);
      transition: all 0.5s ease-out;
      opacity: 0;

      .is_now_1000 & {
        transform: translate3d(0, 0, 0);
        opacity: 1;
        transition: all 0.5s 0.85s ease-out;
      }
    }
  }
}

Vielleicht kann ja jemand was damit anfangen. Wenn nicht, dann nicht :) Fragen und Anregungen gern in die Kommentare. 

…für die Sunnto Ambit3 HR (Affiliate Link) die jetzt seit fast einer Woche meinen Arm schmückt. Als ich den Garmin verlor, hab ich überlegt ob ich mir einen neuen Garmin, den Edge 520 (Affiliate Link) oder den Edge 25 (Affiliate Link) kaufen soll, konnte mich aber nicht so recht entscheiden bzw. dazu durchringen. Letzte Woche saß ich dann bei Philipp im Auto und sah, dass er die Ambit am Arm hatte. Lustigerweise hatte ich mir ein paar Wochen zuvor genau diese Uhr angeschaut ohne aber konkret eine kaufen zu wollen. Als Philipp dann meinte, dass die Uhr super ist, und sie bei Amazon auch gerade für einen guten Preis zu bekommen ist, hab ich mir das gute Stück noch mal näher angeschaut.

300,- Euro sind gewiss eine Menge Geld aber ein Garmin hätte mich ähnlich viel gekostet und so war die Entscheidung die, mich zwischen Uhr und Fahrradcomputer entscheiden zu müssen. Letztendlich fiel die Entscheidung auf die Uhr, da ich hin und wieder (ja, spät in der Nacht) auch mal laufen gehe und das mit dem iPhone eher nervig finde. Noch dazu trage ich Tatsächlich einen Armbanduhr UND ich mag große Uhren. Das passt ja…

Go Cavs! Ehm ja, so sieht das dann aus…

Erste Eindrücke der Ambit3

Einige wissen es vielleicht andere nicht. Ich bin ziemlich enttäuscht von der Apple Watch. Hatte zwar selber keine aber es hatte sich auch kein haben wollen Faktor ergeben. Ein ganz einfachen Grund dafür gibt es und der heißt GPS, was die Apple Watch nicht bieten kann. Und zum anderen bin ich der Meinung das Smartwatches aktuell eine Produktkategorie ist, die total überhyped ist. Sie kann nichts wirklich was meine Smartphone nicht auch könnte. Zurück zur Ambit3… Denn die ist wirklich smart!

Nach fast einer Woche bin ich der Meinung sagen zu können, dass die Ambit3 nahezu perfekt ist bzw. meine Erwartungen total erfüllt hat. Fassen wir doch kurz zusammen:

• GPS
• tolle Optik
• wertig
• grop
• super Akku
• verschiedene Sportmodi
• Displays frei konfigurierbar pro Sportmodi
• eigene Apps können erstellt werden
• Höhenmesser
• Temperaturanzeige
• verschiedene Settings um Leistung/Akku Verbrauch anzupassen
• …

Alles dabei was man sich wünschen kann. Bin jetzt damit 3x Radfahren gewesen und hab den Weg zur und von der Arbeit weg aufgezeichnet. Bei den Einstellungen hab ich immer die bestmöglichen gewählt. Also die, die den Akku am meisten beanspruchen. Den Akku hab ich nach dem auspacken vollgeladen und jetzt ist er noch bei 57% was mich sehr überrascht hat. Das gute Stück scheint also genug Akku Power zu haben und muss nicht jeden Tag ans Ladegerät. 

Die Ambit3 Daten laufen alle in meinen Moves Account von Suunto und von da gehen sie in meinen Strava Account. Das wäre auch das einzigste was mir nicht zu 100% gefällt. Da ich in Strave verschieden Fahrräder eingetragen habe, muss ich das ganze jetzt immer von Hand nachträglich bearbeiten. Aber das fällt wohl unter First World Problems… Also halb so wild. Das HR bei der Uhr steht übrigens für den beiliegenden Herzfrequenz Gurt. 

Wer also mal drüber nachgedacht hat sich eine GPS Uhr zu kaufen dem kann ich nur sagen: Tu es, los tu es! ;)

Ach ja, ich sprach oben von eigenen Apps. Ich hab auf die schnelle zwei erstellt. Natürlich mit einem kleinen Augenzwinkern.

• Absolut Burner
  Zeigt dir an, wie viele Absolut Vodka Flaschen du während der Aktivität verbrannt hast. Als Grundlage dient eine 0.7 Liter Flasche
  Link: http://www.movescount.com/http://www.movescount.com/de/a...e/a...
• Red Bull Cans
  Zeigt dir an, wie viele Dosen Red Bull du während der Aktivität verbrannt hast. Als Grundlage dient eine 0.25 Liter Dose
  Link: http://www.movescount.http://www.movescount.com/de/a.../de/a...

Sport frei…

Bilder

Ja es war in der Tat großartig so etwas mal live zu erleben. Im Grunde auch etwas krank wo die Jungs & Mädels sich runterstürzen. Großen Respekt davor! Aber wie heißt es so schön… Bilder sagen mehr als tausend Worte…

Navigationssystem Thomas

Es war eine Mischung aus Tour de Barcelona und BMX fahren. Gefühlt haben wir mit dem BMX etliche Kilometer zurückgelegt um all die Spots zu erreichen — und da gibt es eine Menge — die Thomas ausgesucht hatte. Oft kamen wir am Spot an und bei mir kam ein kleines "Ah OK, hier sind wir" über die Lippen. Barcelona ist voll mit guten Spots und wir haben eine Menge davon besucht. Kann man so machen und kann man auch mal wieder machen. War eine schöne Erinnerung an die guten alten Zeiten. So und jetzt…

Ein paar Eindrücke

Was dieses Jahr auch anders ist als sonst ist die Tatsache, dass ich dieses mal privat hier bin und mein Ticket nicht vom Arbeitgeber bezahlt wurde. Hat den Vorteil, dass man sich keine Gedanken machen muss früh einfach mal ne Stunde länger zu schlafen oder den ein oder anderen Vortrag auszulassen. Die OFFF sollte dieses Jahr von Donnerstag bis Samstag gehen und ich lies es mir nicht nehmen, schon den Samstag vorher anzureisen um gleich noch etwas Urlaub zu machen. Barcelona ist immer eine Reise wert!

Was schon mal deutlich besser als das letzte mal lief, war das Ticket abholen. Ich war Mittwoch Nachmittag beim OFFF Gelände und konnte mein Ticket gegen das Bändchen eintauschen ohne auch nur eine Minute zu warten. Das letzte mal als ich da war, stand ich sicher 1-2 Stunden in der prallen Sonne und musste warten. Aber vielleicht hätte man damals auch einfach einen Tag eher hingehen sollen. 

Dieses mal war auch der Außenbereich anders. Es war alles am rechten Eingang aufgebaut. Food Trucks, Getränke und Launch waren vorhanden. Und als kleine Highlight war eine Leinwand draußen aufgebaut womit man die Talks vom unteren großen Raum draußen mitverfolgen konnte. Hatte natürlich zur Folge, dass draußen auch immer was los war und sich das Essen und die Getränke sicher gut verkauft haben. Aber zurück zur OFFF an sich. Wenn mich jemand Fragt wie die OFFF ist antworte ich meistens, dass die Vorträge meist sehr Video / Illustratoren lastig sind und der Bezug zum Thema Web meist nur Randerscheinung ist. Soll jetzt aber auch gar nicht negativ klingen. Die OFFF ist so wie sie ist schon ganz gut. 

Ich persönlich würde jetzt aber nicht zur OFFF fahren mit der Hoffnung etwas neues zu entdecken. Im Vergleich zur AWWWARDS Confernce in Barcelona letztes Jahr kann die OFFF aber inhaltlich nicht mithalten. Da muss man aber auch für sich entscheiden was einem wichtig ist vom Inhalt her. AWWWARDS war mehr auf den Punkt und Thematisch auch deutlich interessanter für mich. Dabei muss man aber auch bedenken das sie das drei bis vierfache der OFFF gekostet hat. 

Die OFFF ist für mich mehr da um sich berieseln zu lassen und einfach paar nette Vorträge anzuschauen die nicht zwingend zu dem passen, was ich beruflich mache. Dennoch sind die Sachen interessant und so Typen wie James White und dessen Vortrag sind die OFFF schon wert. 

Schade ist wie immer, dass man es nicht schafft den zweiten Raum irgendwie größer zu bekommen. Wie auch beim ersten mal war es fast unmöglich ohne Stress einen Talk im kleineren Raum zu schauen. Irgendwann hat man die Sachen dann leicht genervt aufgegeben. Den besten Talk hatte ich damals in kleinem Raum als Fantasy USA Today vorstellte. Ich konnte mir das aber auch nur anschauen, da ich vorher schon im Raum war und einfach sitzen geblieben bin. Ansonsten hätte ich wohl keine Chance gehabt noch reinzukommen.

Woanders hab ich das Wort Klassentreffen im Zusammenhang mit der OFFF gelesen was das ganze ganz gut auf den Punkt bringt. Einfach ein paar Leute treffen und ein paar nette Tage haben mit einem Hauch von Kreativität in der Luft, perfekt!

Breakpoint Settings

/* --------------------------------------------------

   Breakpoint Settings
   -------------------------------------------------- */

// min or max
$media-direction:       min;  // min / max — default is min (mobile first)



// Breakpoints
// A Sass Map for all Breakpoints you need. But keep it simple! Just add Sizes that you need several times.
// Here are my basic set. I change the values a bit from project to project
$breakpoints: (
  'default':            '',
  'xs':                 480px,
  's':                  667px,
  'm':                  1024px,
  'l':                  1280px,
  'xl':                 1680px,
);

Sass Breakpoint Mixin

/* --------------------------------------------------

   Breakpoint Mixin
   -------------------------------------------------- */

// $breakpoint = die Größe die ihr braucht.
// Ihr könnt aber auch anstelle von 'xs', 's', 'm', 'l', 'xl' einfach einen Wert eintragen.
// Das macht Sinn wenn man mal einen speziellen Breakpoint braucht. Den muss man dann nicht zwingend in die Sass Map packen. 
// $direction: $media-direction = das was ihr in den Settings eingestellt habt. 
@mixin breakpoint($breakpoint,$direction: $media-direction) {

  // Es wird gecheckt ob der Wert in der Sass Map vorhanden ist
  @if map-has-key($breakpoints, $breakpoint) {

    // Ausgabe
    @media (#{$direction}-width: #{map-get($breakpoints, $breakpoint)}) {
      @content;
    }
  }

  // Wenn ihr oben einen Wert eingetragen habt wird hier gecheckt ob ihr einen Einheit angehängt habt. Falls nicht wird px genutzt. 
  @else if unitless($breakpoint) {
    $breakpoint: $breakpoint + 0px;

    // Ausgabe 
    @media (#{$direction}-width: $breakpoint) {
      @content;
    }
  }
}

In Verwendung

// Unser Sass File
.box {
  width: 100%;
  padding: 20px;
  background-color: red;
  color: white;

  @include breakpoint('s') {
    width: 80%;
    padding: 40px;
    background-color: blue;
  }

  @include breakpoint('m') {  
    padding: 80px;
  }
}



// Daraus wird dann folgender CSS-Code
.box {
  width: 100%;
  padding: 20px;
  background-color: red;
  color: white;
}

@media (min-width: 667px) {
  .box {
    width: 80%;
    padding: 40px;
    background-color: blue;
  }
}

@media (min-width: 1024px) {
  .box {
    padding: 80px;
  }
}

Fragen oder Anregung für Verbesserungen? Ab damit in die Kommentare. Für alle die gern noch mehr Features brauchen / wollen gibt es noch "Include Media" von Eduardo & Hugo. Vielleicht wechsle ich über kurz oder lang auch zu dem. Bisher hab ich die Sachen nicht gebraucht aber spätestens wenn macht es wohl Sinn. 

DhBoilerplate — Yeoman

Hier findet ihr mein StarterKit mit dem ich neue Projekte aufsetze. Man hat die Möglichkeit zwischen Prototyping (Twig), WordPress & Craft CMS zu wählen.

• Generator DhBoilerplate

Der ein oder andere kennt ja meine Meinung zu Awards an sich. Viel drauf geben tue ich nicht. Aber ein Award bei den Awwwards zu bekommen ist dann doch recht cool. Das hat ein paar einfache Gründe…

• Es sind gefühlt ehrliche und echte Projekte die man dort anschauen kann. Nichts was nachträglich aufbereitet- und so hingebogen wurde, dass es Chancen hat. 
• Als alter onliner landet man am Jahresende in einem Buch, wo jede einzelne Website zu sehen ist. Das Internet vergisst nichts, richtig. Aber so ein Buch hier liegen zu haben (es wäre dann das dritte) in dem man auftaucht (bisher 1x SOTD, 1x Jury Mitglied), ist noch mal etwas anderes. 
• Ich mag das System wie es abläuft und auch die Konferenzen die man ins Leben gerufen hat
• Man bekommt für 24h das Schaufenster einer der wohl größten Online Plattformen die Awards verleiht und darf sich dort drin präsentieren

Rückblickend lässt sich sagen, dass sich die Arbeit gelohnt hat. Die Seite nach 9 Jahren auf ein neues CMS zu stellen und quasi bei null anzufangen, war schon eine kleine Herkules Aufgabe. Sicher hätte ich das auch einfacher haben können… Aber der schwierigere Weg war auf jeden Fall der Richtige. Allein Craft CMS kennenzulernen war es die Sache schon wert. 

So, jetzt noch mal Danke an die Kritiker, die vorher schon mal Blicke erhaschen durften und den ein oder anderen guten Tipp hatten. Und dann natürlich noch an die Jungs vom WebDevs Channel ohne die das mit Craft sicher nicht ganz so gut geklappt hat. 

Darf ich vorstellen: Craft CMS

Seit bestimmt fast zwei Jahren schwirrte Craft CMS immer wieder durch den Raum und weckte mein Interesse. Doch der ein oder andere weiß auch, dass ich immer etwas brauche bis ich mich dann doch mal näher mit sowas beschäftige… Oder anders gesagt, ich war ja nicht unzufrieden mit WordPress auch wenn das viele jetzt vielleicht nicht unterschreiben würden. Von der ersten Testinstallation bis zu dem Zeitpunkt wo ich sagte: "das ziehst du jetzt durch" vergingen sehr viele Monate. Ein nicht ganz geringer Anteil, meine Website dann in Craft CMS umzusetzen, hat unser super Slack Channel — komm rein — wo einem immer vorgeschwärmt wurde von Craft. Und gleichzeitig arbeiteten eine Hand voll von Leuten dort an eigenen Projekten, die Sie gerade mit Craft umsetzten. Das spornt natürlich an und schaffte auch einen regen Austausch. Dickes danke hier an Sascha, Martin und Selim für das lustige Code Snippets hin und her werfen und das Gegenseitige antreiben.

Dann auch danke an Brad von Pixel & Tonic für den support und natürlich für Craft!

#May1Reboot

Die Frage warum es genau heute online ging ist leicht zu beantworten. Am besten wohl einfach damit: 

May 1st Reboot is an international relaunch of websites and portfolios by designers, developers & makers around the world.

Mit der Seite war ich schon länger am basteln und eigentlich gab es keinen — nicht mal einen groben — Termin, wann die Website online gehen sollte. Doch dann kam Tobias mit #May1Reboot um die Ecke und ich hatte einen Termin. Und das ganze wurde dann auch recht sportlich. Aber mit etwas druck ist man dann auch deutlich produktiver. Das Ziel war klar vor Augen und wie es scheint, ging ja alles gut. Bin gespannt was dann alles für Websites im Showcase auf May1Reboot Website landen werden. Auf Twitter kann man schon einiges finden.

Coole Aktion auf jeden Fall. Und wohl nicht nur für mich noch mal ein guter Ansporn etwas zu machen, dass man so vielleicht eher vor sich hergeschoben hätte. 

Mehr details?

Ich hab mir vorgenommen ein paar Sachen über Craft hier in nächster Zeit zu schreiben. Aber das wäre jetzt hier fehl am Platz. Festhalten kann ich nur, dass es eine menge Spaß gemacht ein neues CMS zu "erlernen" und ich dabei auch viel gelernt habe. Im Vergleich zu WordPress ganz anderes. Das beste ist, dass man nicht einfach mal ein Theme per Knopfdruck installieren kann. #handcrafted

Und auch das man den kompletten Output selber in der Hand hat. Es wirkt alles so schön sauber wenn man daran arbeitet. Kein Ärger, den man oftmals bei WordPress hat, weil einem irgendwelcher HTML Code vorgeben ist oder ähnliches. Aber ich mag WordPress dennoch, auch zukünftig. 

Das war auf jeden Fall der größte Relaunch meiner Website den es bis hierhin gegeben hat. Allein die ganzen Artikel, die ich von Hand alle hier her migrieren musste haben mich schon ein paar Tage Zeit gekostet. Aber das war es wert! 

Ach ja, sicher werden hier noch Bugs etc. vorhanden sein. Machen wir es doch mal Google like und hängen ein imaginäres "BETA" mit oben ans Logo. Cheers!

Goodbye Germany. Hello Austria.

Die größte Änderung bei mir 2015 und auch mit eine der schwersten Entscheidungen die ich die letzten Jahre treffen musste. Ein leichtes drücken des Reset-Buttons wenn man so will. Raus aus dem gewohnten Umfeld und rein in etwas Neues. Für mich persönlich war es die richtige Entscheidung und es hat mir glaube auch gut getan. Ein paar zurückliegende Sachen haben damit einen klareren Schlussstrich bekommen.

Das schwerste war aber meine Kündigung bei FORK. Als die drei Herren (Indra, Sebastian & Stephan) mit mir dann zu den fA’s ins Kranhaus gezogen sind war das natürlich schon sau cool. Quasi von Tag 1 an (ja, es war nicht wirklich Tag 1 :) ein Teil von FORK Köln zu sein, dass wächst einem dann natürlich schon sehr ans Herz. Und natürlich nicht nur die 3 Herren von oben, sondern auch die ganzen anderen Leute, die nach und nach hinzu kamen. Ein wirklich cooler Haufen! Aber wie sagt man so oft… Man soll ja gehen wenn es am schönsten ist.

Deutschland an sich zu verlassen war dann nicht so der Akt. Österreich und speziell Salzburg ist ja auch nicht wirklich weit weg. Ein paar Wege sind sogar deutlich kürzer geworden für mich. Ein paar Worte mehr dazu gibt es hier und hier.

„I’m continually trying to make choices that put me against my own comfort zone. As long as you’re uncomfortable, it means you’re growing.“

Mehr Entwickler als Designer

In den letzten 7 Monaten wurde mein Schwerpunkt noch mehr hin zur Entwicklung verlagert. An erster Stelle hier natürlich Frontend aber auch viel WordPress stand auf dem Program. Das schlafende Kind (Craft CMS) hab ich noch geweckt aber der Wecker dafür ist gestellt. Muss nur mal aufhören die Snooze Taste zu drücken.

Was mir wieder klarer wurde seit dem ich bei Red Bull arbeite ist die Tatsache, dass ich kein wirklicher (Endlich kann ich mal mit Jobtiteln was nützliches anfangen…) Visual/Graphic Designer bin sondern wenn dann schon eher ein UI/UX Designer. Natürlich interpretiert diese lustigen Bezeichnungen eh jeder anders.

Aber was ich weiterhin mache ich den Creative Developer spielen. Sagt man doch heute so, oder? Das ist auch das wo ich weiterhin meinen Schwerpunkt sehe und Rückblickend auch das, wo ich wohl am „wertvollsten“ bin, yay!

AWWWARDS Conference in Barcelona

Im Februar durfte ich nach Barcelona zur AWWWARDS Conference reisen, was sehr cool war. Eine sehr gelungen und vor allem sehr familiäre Veranstaltung. Interessante Vorträge, coole Location und hey, BARCELONA! Und sogar mit ein paar meiner „Internet-Freunde“ hab ich mich mal im realen Leben getroffen. Ja, da tue ich mich ja schon etwas schwer. Schade das Herr Blum nicht anwesend sein konnte. Und wo war eigentlich dieser Fynn?

Das kleine Vorglühen mit Justin war „leider geil“. Schön wie man das halt so macht. Gläser, Eis, Limetten und Cola im Supermarkt geholt. Den Vodka hatten wir dabei. Danach war die AfterShow Party doch ganz lustig.

25.07.2015 — Ein Tag für die Ewigkeit!

Für die beiden Hauptdarsteller des Tages wird das ganz sicher so sein. Aber wohl auch für alle anderen die dabei waren. Thomas und N. haben es getan, Sie haben JA gesagt und ich durfte als Trauzeuge — mit Lydia — in der ersten Reihe platz nehmen. Schön zu sehen wie sich zwei Menschen so lieben und übereinander freuen. Schön wars!

MOMENT!!! Einen schrecklichen Moment gab es dann doch noch…

Zwei Typen mit einem Bier? Schrecklich? Warum?

Wenn man vor vielen Jahren mal den Mund zu voll genommen hat kann man sich sicher sein, dass es einen einholen wird :D

„Wenn du mal heiratest dann trinken wir mal ein Bier zusammen…“ waren meine Worte… Und die ersten Worte nachdem mir die Beiden gesagt haben waren dann die „Ach du scheiße, ich muss Bier trinken…“ 

Auf jeden Fall ist das ganze auch bis zur Fotografin durchgedrungen und diese wirklich schlimmen fünf Minuten wurde ausgiebig festgehalten. Ganz ehrlich, nach dem Bier verstand ich noch weniger, wie das den Leuten schmecken kann, sorry. Cheers!

Junggesellenabschied

Bilder sagen ja mehr als tausend Worte… :)

Urlaub mit Freunden

Sollte man nie aus den Augen verlieren! Die letzten Jahre haben wir es meist geschafft ein bis zweimal zusammen in den Urlaub zu fahren. Keine Weltreisen, keine Hotels sondern alle zusammen unter einem Dach. Das ist sau cool und ich freu mich schon auf den nächsten Urlaub.

MTB Fahren

Aus Köln (Flachland) nach Salzburg (Bergland) gezogen. Als ich das erste mal mit dem Rad unterwegs war… Mir taten danach ganz schön die Füße weh da ich die Berge hoch eigentlich nur am schieben war. Das war erstmal ernüchternd. Inzwischen ist das schon deutlich besser, hehe.

Das schöne ist, dass man hier für die Quälerei aber wirklich mit tollen Ausblicken belohnt wird. Man wohnt ja jetzt da wo andere Urlaub machen hab ich mir sagen lassen. Ein paar nette Trails gibt es hier auch. Das macht schon deutlich mehr Spaß als in Köln.

In Finale Ligure und am Lago di Garda waren wir auch noch fahren dieses Jahr. Finale war schon sehr krass. Bin ja noch relativ neu auf so einem Vollgefederten Rad und ich würde sagen, dass die Trails da schon recht anspruchsvoll sind. War aber sehr cool auch wenn meine Schulter heute noch schmerzt. Zwei mal ordentlich gestürzt.

BMX — alte Liebe rostet nicht

Irgendwann Mitte diesen Jahres kam das Verlangen wieder ein BMX haben zu wollen. Das gute Stück würde zwar die meiste Zeit eher als Dekoration in der Wohnung stehen aber hey, sieht ja auch schön aus. Gebraucht? Neu? Nach langem hin und her hab ich mich dann für was neues entschieden. Noch mal ein BMX aus einzelnen Teilen zusammen bauen… Wunderbar!

Als es dann endlich soweit war und ich den Karton in der Hand hielt war trieb es mir ein Lächeln ins Gesicht. BMX ist meine Jugend und hat mich all die Jahre — seit ich 14 bin — begleitet. Welcome back!

Und seit dem war ich auch das ein oder andere mal fahren und es macht Spaß. mein geringes Level von damals hab ich schon fast wieder erreicht.

10 KG — wohl am Berg — verloren…

Ja in der Tat hab ich seit ich hier wohne knapp 10KG an Gewicht verloren. Die Berge hoch strampeln strengt schon an. Ab und an war ich auch mal Laufen gewesen. Aber so richtig warm werde ich damit nicht.

Ein Cyclecrosser hab ich mir noch geholt um einfach mal so ein wenig zu fahren. Die meiste Zeit wird er auf der Straße bewegt aber man kann auch schnell mal damit links in den Wald abbiegen.

bestwebsite.gallery

Mein kleines mich schon über sieben Jahre begleitendes Sideproject hat auch mal wieder ein neues Outfit bekommen. Immerhin musste es fast drei Jahre im darauf warten. Ein paar mehr Worte dazu gibt es hier.

Photography

2015 kaufte ich mir in der Tat zwei mal die Fuji x100t (hier und hier). Die erste hab ich verkauft als ich nach Salzburg gezogen bin um kurz die Finanzen etwas aufzubessern. Aber lang hielt ich es ohne das schöne Stück nicht aus.

Seit dem ich hier bin hab ich auch wieder mehr Fotos gemacht. Beim radeln packe ich hin und wieder die Kamera ein und man wird — wie schon weiter oben erwähnt — auch nicht enttäuscht von den netten Ausblicken die man hier bekommt.

Auf jeden Fall ist ein Vorsatz für 2016, dass ich auch einfach mal so ne Runde mit der Kamera unterwegs bin und ein paar Fotos mache. Mal schauen ob das klappt. Wer meine fotografischen Leckerbissen (haha) anschauen will kann das auf 500px,Instagram und VSCO tun.

Wurde ja jetzt doch mehr als gedacht.
Dann wünsche ich mal einen guten Rutsch und ein schönes 2016.

Cheers!

Denke auch nicht das 2015 noch viel passieren wird hier aber man kann ja nie wissen. Der Plan war es, dass die Website hier schon lang, in neuem Glanze erstrahlen sollte. Doch viele Fragen konnten nie geklärt werden bzw. wurden immer aufgeschoben.

1. Worauf liegt der Fokus der Website? Blog oder Portfolio?
2. Welches CMS soll zum Einsatz kommen? Lange war der Gedanke, dass ich voll auf Craft CMS setzen werde aber irgendwie bin ich in den letzten Tagen und Wochen wieder etwas davon abgerückt. Ich müsste an zu vielen Fronten gleichzeitig kämpfen (darf man das aktuell sagen?). Deswegen werd ich wohl bei WordPress bleiben was auch nicht weiter schlimm ist.
3. Was soll optisch passieren? Gedanklich habe ich das schon mehrfach über den Haufen geworfen. So viel kann man auf jeden Fall festhalten. Ziemlich wahrscheinlich ist aber, dass es in eine zeitlose Richtung gehen wird. Die Jahre in denen ich mich alle paar Wochen hingesetzt habe meine Website neu zu machen, sind definitiv vorbei, hehe. Deswegen wird es wohl mehr auf den Inhalt angekommen. Was auch heißt, dass ich mehr schreiben MUSS!
4. Von Host Europe wollte ich auch erst weg um mir mal DigitalOcean anzuschauen aber irgendwie trau ich mich nicht so recht ran :P Guthaben liegt auf dem Account… Mal schauen.

Wie geht es dir überhaupt in Salzburg?

Danke der Nachfrage! Sehr gut würde ich sagen. Neue Stadt, neues Land, neue Arbeit und neue Leute bedeuten ja schon eine kleine Umstellung. Aber alles gut. Fühle mich wohl. Das mit den Bergen vor der Haustüre ist in der Tat keine so schlechte Sache. Allein das ich wohl schon mehr Fotos (mit meiner Fuji) gemacht habe als die letzten beiden Jahre zusammen spricht für sich.

Jetzt bin ich gespannt wie der Winter hier werden wird. Das war ja in Köln eher entspannt…

Sonst noch was neues?

Ja endlich, ich dachte schon ich muss es für mich behalten. Der ein oder andere weiß ja, dass ich weit über 10 Jahre BMX gefahren bin. Nicht sonderlich gut aber immer mit einer Menge an Spaß. Ganz nach dem Motto „Alte Liebe rostet nicht“ wurde ich schwach und hab mir eine neues BMX bestellt. Erst war der Gedanke ein günstiges gebrauchtes zu kaufen. Aber letztendlich ist es wie gesagt eine große Begeisterung für dieses kleine Fahrrad. Jetzt hab ich mir ein komplettes Custom Bike zusammengestellt was die Tage bei mir eintreffen sollte. Ziemlich aufgeregt der Herr! Das wird ein Spaß das Rad zusammenzubauen und dann den ein oder anderen Bordstein hochzuspringen. Sehr viel mehr wird es wohl nicht mehr werden aber wie gesagt, Spaß steht im Vordergrund und hey, DARAUF KOMMT ES DOCH AN! Bilder folgen sicher…

Neu organisiert…

Vorhin bin ich bei Daring Fireball über den Artikel: NetNewsWire 4.0 gestolpert. Irgendwie sagt mir der Name doch was. Ich glaub ich hatte es früher mal genutzt. Auf jeden Fall musste ich einen Blick riskieren und es kam was kommen musste… Beide Apps wurden gekauft. Reeder scheint ja aktuell eher tot zu sein. Nicht das dies schlimm wäre. Die Apps funktionieren weswegen Meckern falsch wäre. Aber eine App wo immer mal ein Update kommt, fühlt sich einfach besser an.

Mal schauen wie NetNewsWire damit umgeht. Ob die neue Version ein großer Wurf war, wo nichts mehr nachkommt oder ob sie dran bleiben.

Ein was gutes hatte das ganze schon mal. Ich hab meine ganzen Feed mal aussortiert und neu strukturiert. Wurde auch mal Zeit denn die ein oder andere Leiche war vorhanden.

So schaut das neue NetNewsWire aus:

Reeder im Vergleich schaut so aus:

Warum ich RSS Reader mag?

Ich bin kein Freund von bunten Bildern wenn es um viele Informationen geht. Deswegen sind auch Flipboard und Co. nichts für mich. Letztendlich ist mir meine Zeit zu kostbar, wenn ich Informationen verarbeiten will. Und in diesem Fall heißt das oft, dass es viele Informationen sind. Bilder lenken hier nur ab bzw. ziehen den Blick auf sich obwohl sie es vielleicht gar nicht verdient haben. Den Artikel mit dem besten Inhalt möchte ich konsumieren und nicht den Artikel mit dem schönsten Bild.

Bei der Fülle an News die täglich in so einem RSS Reader landen, ist es eh schon schwer einen Bruchteil davon zu lesen. Ich mag hier eine gewisse Ordnung. Meine Feed sind in Themen (Folder) einsortiert, dass ich hier schon mal selektieren kann was mich gerade interessiert. Aber sehr viel mehr möchte ich dazu gar nicht sagen :)

NetNewsWire

Es nutzt einen eigene Cloud Sync. Ob das jetzt gut ist oder schlecht mag ich an der Stelle nicht sagen. Beide Geräte hat es schon mal ohne Probleme synchronisiert, passt. Schauen wir mal wie der Langzeittest ausschaut. Bin da ja eigentlich eher ein Freund von iCloud / Dropbox. Nicht weil ich denke was eigenes läuft nicht. Aber die anderen fühlen sich erprobt an.

Was ich gut finde bei NetNewsWire ist, dass man einzelne Feed als Favorit markieren kann. Diese sind dann noch mal gesondert gelistet das man auch nur diese anschauen kann. Es gibt auch eine SmartSync Option. Wenn diese aktiviert ist, werden nur die Favoriten automatisch abgefragt ob es neue Inhalte gibt. Alle anderen muss man von Hand aktualisieren. Im Moment hab ich diese Funktion deaktiviert.

Die nächsten Tage / Wochen werde ich es mal als meine default RSS App nutzen. Mal schauen wie es sich schlägt.

• NetNewsWire Website
• NetNewsWire Mac App
• NetNewsWire iOS App

Auch diesmal kaufte ich mir wieder eine gebrauchte Kamera in einem deutschen Foto Forum. Bisher hab ich damit immer super Erfahrungen gemacht und auch diesmal hab ich wieder einen netten Verkäufer gefunden. Der wollte ein ganzes Set verkaufen wo unter anderem noch Weitwinkelvorsatz, Televorsatz, Blitz, Tasche usw. dabei gewesen wäre. Gebraucht kaufen wollte ich aus dem Grund weil ich unter den 1200,- EUR kaufen wollte. Da war das Set etwas zu viel des guten und ich wäre über die 1200,- EUR gekommen. Wir konnten uns dann einigen das ich für einen guten Preis folgende Sachen von ihm kaufte:

• Fuji x100t
• Fuji WCL-x100
• Fuji EF-X20
• 2x Fuji NP-95 Akku

Damit sollte sich doch arbeiten lassen. Hier rumliegen hatte ich noch den Neewer Concave Soft-Auslösebutton (6,68,- Euro — Affiliate-Link) und meine geliebteIncase Ari Marcopoulos Tasche (228,95,- Euro — Affiliate-Link) (Review) sowie meinen Gordy Camera Strap was heißt, ich war Einsatztauglich was Fotoausflüge anging. Auch das fotografieren macht hier irgendwie mehr Spaß als in Köln. Liegt wohl auch wieder an der Landschaft. Aber an was auch immer. Ich war jetzt schon gefühlt öfters bewusst mit Kamera unterwegs als die letzten 12 Monate.

RAW statt JPG

Ja was eine Überraschung werden jetzt manche sagen. Die letzten Jahre hatte ich im Grunde nur JPG fotografiert. Das hatte zum einen den Grund, da ich zu faul war immer wirklich jedes Foto durch Lightroom etc. zu jagen. Zum anderen braucht ein RAW natürlich mehr Speicherplatz als ein JPG und irgendwie hatte ich nie so recht den Mehrwert (für mich) gesehen in RAW zu fotografieren. Die letzten zwei Wochen hab ich dann Ausschließlich in RAW fotografiert und alles in Lightroom nachbearbeitet. Was soll ich sagen… WOW, was da so alles geht und was man alles mit den Bildern anstellen kann. Werde wohl auf jeden Fall bei RAW bleiben und werde mir wohl bald mal noch eine neue Speicherkarte gönnen müssen.

Die Fuji x100t ist auf jeden Fall eine Kamera die einem ein Lächeln ins Gesicht treibt. Ein wirkliches Spaßgerät, was super ausschaut, klein und leicht genug ist um fast immer dabei sein zu können und auch noch richtig gute Fotos liefert. Mit dem Weitwinkelkonverter bin ich auch super zufrieden. Ist jetzt nicht die Welt was mehr aufs Bild kommt aber dennoch spürbar. Und für mich als Weitwinkel begeisterter ein quasi immer drauf.

Ach ja, der Fuji EF-X20 ist auch ein ganz nettes Zubehör. Eigentlich nichts was ich gebraucht hätte aber da direkt nach dem Kauf eine Hochzeit anstand dachte ich mir, dass könnte doch abends bei der Party ganz lustig werden. Und so kam es auch, der kleine Blitz machte auf der Tanzfläche bei guter Stimmung eine gute Figur und es kamen ein paar Stimmungsvolle Bilder dabei heraus.

Ein paar Bilder gibt es auch noch…

…die REM Geschichte war dann sofort wieder gestorben. Richtig überzeugt war ich eh nicht. Wenn man REM nutzt hat man zwar die Möglichkeit leicht alle Font-Sizes über die ROOT-Font-Size zu steuern aber irgendwie ist das kein Anwendungsfall den ich bisher vermisst habe. Wenn will ich bestimmte Font-Sizes steuern bei gewissen Breakpoints aber sicher nicht alle. Meist sind es ja die Headlines die Probleme bereiten. Um das hier abzukürzen. Ich wollte es irgendwie anders, für mich besser lösen. Danke an Sascha für das unterstützen! Schaut es euch einfach mal an. Fragen / Kritik gern in den Kommentaren.

Typo Mixin und Settings:

// Set Font-Sizes for Elements

$responsivetypo: (

  // Default Breakpoint (Mobile First)
  'default': (
    'tiny': (
      'fs': 12px, 'lh': 1.5,
    ),
    'p': (
      'fs': 14px, 'lh': 1.5,
    ),
    'h1': (
      'fs': 35px, 'lh': 1.25,
    ),
    'h2': (
      'fs': 25px, 'lh': 1.25,
    ),
    'h3': (
      'fs': 18px, 'lh': 1.25,
    ),
    'h4': (
      'fs': 14px, 'lh': 1.25,
    ),
  ),

  // Breakpoint Small
  'small': (
    'tiny': (
      'fs': 12px, 'lh': 1.5,
    ),
    'p': (
      'fs': 16px, 'lh': 1.5,
    ),
    'h1': (
      'fs': 80px, 'lh': 1.15,
    ),
    'h2': (
      'fs': 45px, 'lh': 1.15,
    ),
    'h3': (
      'fs': 20px, 'lh': 1.15,
    ),
    'h4': (
      'fs': 16px, 'lh': 1.25,
    ),
  )
);


@mixin typo($break: 'default', $type: 'p', $map: $responsivetypo) {
  // Get the Submap
  // $submap    : map-get(map-get($map, $break), $type); // Shorthand Version

  $firstlevel   : map-get($map, $break);        // get Breakpoint
  $secondlevel  : map-get($firstlevel, $type);  // get Element

  // Generate the Declaration
  font-size     : map-get($secondlevel,'fs');   // get font-size
  line-height   : map-get($secondlevel, 'lh');  // get line-height
}

// Example for Headlines

h1, h2, h3, h4, h5, h6 {
  font-family: font('headline');
  @include typo('default', 'p');
  text-transform: uppercase;
}

h1 {
  @include typo('default', 'h1');

  @include breakpoint('small') {
    @include typo('small', 'h1');
  }
}

h2 {
  @include typo('default', 'h2');

  @include breakpoint('small') {
    @include typo('small', 'h2');
  }
}

h3 {
  @include typo('default', 'h3');

  @include breakpoint('small') {
    @include typo('small', 'h3');
  }
}

h4 {
  @include typo('default', 'h4');

  @include breakpoint('small') {
    @include typo('small', 'h4');
  }
}

Die Nacht vom 8. Mai auf den 9. Mai war dann erstmal meine letzte Nacht in Köln gewesen. Geschlafen auf dem Boden (zum Glück lag da noch die Matratze drauf) zwischen Umzugskartons und dem generellen Umzugschaos, was halt so vorherrscht. Etwas komisch war es dann schon zu wissen, dass man das was man kennt erstmal hinter sich lässt und sich in neue Abendteuer stürzt. Viel geschlafen hab ich in der Nach auf jeden Fall nicht aber in welcher Nacht tue ich das schon…

Umzug, jetzt aber los…

Am Samstag war es dann soweit. Der Mietwagen war gebucht und der Fahrer wurde auch per Direktflug eingeflogen. DANKE, fürs fahren und natürlich auch den Rest! Und ja, ich bin ein kleiner Feigling, der sich nicht traute selber zu fahren. Das Autofahren ist halt nicht so mein Business, hehe.

Zwei weitere fleißige Helfer hatte ich auch noch beim Umzug und so klappte dann doch alles so mehr oder weniger flott. Dann noch schnell den Laptop und die Schlüssel ins FORK Büro gebracht und ein letztes mal durch das Fenster auf den Rhein geschaut, hach.

Der Weg führte dann via Autobahn zum IKEA und dann erstmal nach München zum Zwischenstopp. Sonntag dann ab nach Salzburg und alles schön in die neue Wohnung schleppen. Noch ein paar Sachen aufgebaut (Danke an die, die aufgebaut haben :) und dann ging es auch gleich wieder zurück nach München…

Pflichturlaub und das auch noch drei Wochen

Da ich ja meinen Resturlaub nehmen musste hatte ich nun drei Wochen am Stück mehr oder weniger frei. Hatte ich wohl seit meiner Schulzeit nicht mehr, verrückt! Also hieß es erstmal zwei Tage in München abhängen um dann Mittwoch in den Urlaub zu fahren. Gardasee war angesagt und das heißt früh los zum Radeln und abends entspannt in der Runde sitzen und spaß haben oder auch ausgelassen zu diskutieren.

Salzburg

Nach dem Urlaub hieß es dann ab nach Salzburg und auch das erstmal die Nacht in der neuen Wohnung zu verbringen. War dann aber weit weniger komisch als die letzte Nacht in der alten Wohnung. Leider meinte das Wetter es nicht so gut mit mir und es folgen 10 Tage Regen Regen REGEN! Schade eigentlich. Letzte Woche dann endlich mal Sonne, juhu! Jetzt wo ich schon da wohne, wo man aus dem Fenster schaut und die Berge direkt sieht, war Radfahren angesagt. FUCK, als so nen Typ aus der Großstadt wo man Berge eher von Fotos her kennt musste ich feststellen, dass ich ganz schön unfit bin. so 800hm am Stück hochzukommen viel mir sichtlich schwer. Es war ein Mix aus laufen, klettern und fahren. Ziel sollte es sein die ersten beiden Punkte wegzulassen. Schau mer mal.

Wenn man dann mal oben angekommen ist was in meinem Fall der Gaisberg war kann man einfach nur sagen: WOW! Das ist wie Urlaub. Das ist fantastisch und schon etwas cool. Das gabs in Köln und Umland so nicht. Gefällt mir :)

Das die Leute hier etwas komisch reden war mir bewusst und ich musste schon öfters Fragen „Wie bitte?“ aber das wird schon werden. In Köln wurde mir die Frage ja auch hin und wieder gestellt, haha.

Viel hab ich sonst noch nicht von Salzburg gesehen aber das kommt sicher mit der Zeit. So groß ist es ja nicht, hehe.

Red Bull Creative

Ach ja, nur zum Spaß bin ich dann ja auch nicht hergekommen. Wobei für mich Arbeit ja auch Spaß ist (it’s just a hobby…). Viele haben es sicher schon mitbekommen oder es von mir persönlich gesagt bekommen. Ab morgen werde ich bei Red Bull Creative anfangen zu arbeiten. Dort werde ich auch wieder einen Mix aus Designer & Frontend Developer geben. Dann freu ich mich mal auf morgen und sage hiermit gute Nacht!

Vor ein paar Wochen stand jetzt wieder so eine Entscheidung an. Wahrscheinlich eine sogar noch schwierigere als die damalige. Diesmal ging es nicht nur um einen Umzug in eine andere Stadt. Es ging um eine Umzug in eine andere Stadt, in ein anderes Land und natürlich auch um einen Jobwechsel. Das volle Program sozusagen.

Eine Entscheidung die man nicht von jetzt auf gleich trifft sondern wo man mal ein zwei Tage und Nächte darüber nachdenken muss. Letztendlich hab ich mich dafür entschieden. Ich musste es tun, schon wieder. Alles andere wäre quatsch gewesen. Warum es diesmal wie damals quatsch gewesen wäre? Wenn man vor einer Entscheidung steht gibt es aus meiner Sicht nur zwei Fragen die den Ausgang der Entscheidung beeinflussen bzw. die wichtig sind.

1. Könnte ich es bereuen wenn ich es mache?
2. Werde ich es bereuen wenn ich es nicht mache?

Die Frage von den Beiden die schwieriger zu beantworten ist, genau diese wird dann auch die Sache entscheiden. Die erste Frage konnte ich schnell mit Ja beantworten. Nicht weil ich zweifle oder angst habe zu versagen. Nein, einfach weil ein nein hier eigentlich nichts zu suchen hat. Die zweite Antwort fiel mir wesentlich schwerer. Wenn ich es mache und bereue, dann wäre das nicht toll aber es wäre dann halt so. Doch wenn ich es nicht mache, dann würde ich mich wohl öfters Fragen, was denn gewesen wäre oder wie es gewesen wäre etc. Es hätte mich sicher hin und wieder beschäftigt und ich hätte mir vielleicht selber vorgeworfen es nicht getan zu haben. Das ist nicht gut!

FORK

Mit FORK verlasse ich mein berufliches zuhause, einen Ort mit Leuten die keine Kollegen waren sondern Freunde. Mit denen man weit mehr als nur die Zeit auf Arbeit verbracht hat. Wie schon andere vor mir sagten, lasse ich wohl das geilste Team zurück, das man sich nur vorstellen kann. Es ist wohl zweifelsohne das beste was es gibt, wenn man mit Leuten zusammen auf einem hohen Level arbeitet und man sich immer aufeinander verlassen kann. Wenn man sich streiten kann und danach zusammen Mittagessen geht. Wenn man nach der Arbeit zusammen Gurkenwasser trinkt und lustige Abende erlebt. Wenn Leute gingen oder neue kamen und es dennoch immer „voll geil“ blieb. Drei super Jahre in denen ich viel lernen durfte. Drei Jahre in denen ich viele coole Projekte machen durfte. Klingt nach nem ganz geilen Job in ner ganz geilen Agentur was? Mein Job ist zu haben, trau dich! Danke das ich dabei sein durfte von Tag 1 an im Kranhaus :)

Köln

Da bin ich jetzt weniger emotional muss ich zugeben. Es war und ist schön hier, ohne Frage. Aber das hat mehr mit dem zu tun was ich hier gemacht habe und an den Leuten mit denen ich zu tun hatte und sicher auch weiterhin haben werde. Es fällt mir aber nicht schwer Köln zu verlassen. Vielleicht vermisse ich auch irgendwas an Köln erst wenn ich dann wirklich weg bin… Mal schauen. OK, der faszinierende Blick wenn man auf den DOM zuläuft war schon immer super. Erst heute als ich aus dem Bahnhof kam… Da ich aber davon ausgehe, dass ich sicher hin und wieder hier aufschlagen werde ist das dann auch halb so schlimm. Danke Köln für acht tolle Jahre. Wir sehen uns!

Die letzte Woche…

…die ich jetzt noch hier in Köln sein werde, wird sicher noch mal anstrengend. Es gibt noch viel zu erledigen und eine Woche ist dann auch verdammt schnell vorbei. Der Tag an dem ich dann wirklich „Macht’s gut“ sagen werde wird sicher noch mal komisch werden :) Am Samstag heißt es dann Umzug und dann geht ein neuer und hoffentlich ebenso guter Lebensabschnitt los. Ich freu mich!

Es ist cool und angesagt große Bilder auf Websites zu zeigen. Die großen Bilder sind super und es macht auch mehr Spaß sie anzuschauen, als die kleinen Bilder von früher. Aber hey, ich sitze hier vor einem iMac mit einem 27" Bildschirm. Das ist schon ein Bildschirm, der deutlich über dem durchschnitt liegt was die Auflösung angeht. Die meisten Besucher eurer Websites werden wohl eher kleinere Monitore haben. 27" heißt in Zahlen 2560x1440px was 1440px in der Höhe heißt, das ist viel. Mein Google Analytics für bestwebiste.gallery sagt, dass die meisten Besucher dort mit 800-1080 Pixeln in der Höhe unterwegs sind. Das sind gerade mal 55% von dem was ich sehe (pi mal Daumen).

Warum ich den Blogpost hier schreibe ist recht einfach zu erklären. Mein Ello Account wurde gerade für die V2 freigeschalten. Ich klickte mich also ein wenig durch die Seite und mir kam der Gedanke der mir schon öfters kam. Denn Ello ist ein gutes Beispiel um es für den Post hier heranzuziehen. Minimalistisches Design mit sehr großen Fotos. Aber wirklich schön ist es nicht, wenn man sich ein Foto anschauen möchte und dabei scrollen muss. Meist tritt das Problem natürlich bei Hochformat-Fotos auf. Ein Foto ist etwas, dass ich im ganzen sehen möchte und nicht nur ein drittel davon.

Das Foto verliert seine Wirkung!

Wenn ich ein Foto scrollen muss um es als ganzes zu sehen ist das kein gutes Gefühl oder um mal mit Buzzwords um mich zu schmeißen… Es ist keine gute user experience! Stell dir vor du gehst in eine Kunstausstellung und all die Bilder hängen an einer Wand. Soweit so gut. Aber du bist eine relativ kleingewachsene Person, ein Kind oder was auch immer. Irgendwo ist eine kleine Mauer, eine Absperrung oder ähnliches. Und die macht es dir nicht möglich, dass du das Bild als ganzes anschauen kannst ohne ein klein wenig hochzuspringen. Du musst springen und springen. Willst du so Bilder anschauen? Ich denke nicht! Du willst das Bild in ruhe auf dich wirken lassen, ohne dabei etwas zu machen außer zu schauen.

Zurück zu Websites… Zurück zu Ello…

Hier ist ein Screenshot von meiner Profilseite auf Ello. Du siehst hier ein Foto im Hochformat und was fällt auf? Richtig, du kannst nicht das komplette Foto sehen sondern nur den oberen Teil des Fotos.

Es ist ziemlich leicht dieses Problem in den Griff zu bekommen. Eine Zeile CSS für Bilder reicht:

img {
    max-height: 90vh;
    ...
}

Sicher ist das keine Lösung die man global für die Website einsetzen kann und sollte. Es ist nur ein Beispiel. Ich hab einfach die Zeile CSS via den Chrome DEV Tools hinzugefügt und nun schaut das ganze so aus:

Deutlich besser oder? Keiner möchte abgeschnittene Fotos sehen! Ich will hier auch gar nicht mit dem erhobenen Zeigefinger rumlaufen, da ich es selbst nicht einsetze bisher aber ich denke, dass es eine besseres Nutzererlebnis mit sich bringt. Aber es ist ganz sicher auch nicht die Lösung für alle Bilder auf einer Website. Aufbestwebsite.gallery zeige ich z.B. keine Fotos. Ich zeige Screenshots von Websites. Es ist ein anderer Anwendungsfall und hier ist scrollen vollkommen OK und sogar erwünscht.

500px (auch Flickr) machen es richtig:

Das Problem ist, dass wenn wir an Responsive und Breakpoints denken, wir oft nur in der Horizontalen denken und selten vertikal. Ich kann es wohl auch an einer Hand abzählen wann ich mal intensiv mit vertikalen Breakpoints gearbeitet habe. Sollte man sich wohl öfters mal mit beschäftigen. Was meint ihr? Quatsch was ich hier schreibe oder nicht ganz so falsch? Und Ello war natürlich nur ein beliebiges Beispiel.

Die englische Version könnt ihr auf Medium finden: Content pictures… Please add a max-height: 90vh;

Als ich vor ein paar Wochen http://bestwebsite.gallery neu machte (Best Website Gallery — Relaunch nach drei Jahren, nanu?!), mussten auch ein paar Funktionen das Weite suchen. Nichts dramatisches aber manchmal ist weniger halt doch mehr. Eine davon war, dass man Websites einsenden konnte. Das machte auch eine Zeitlang mal Spaß, da ein paar nette Seiten darüber rein kamen. Aber irgendwann endete es leider eher in Spam da 90% der Seiten einfach Mist waren. Es kamen hunderte von Mails und es war aufwendig diese zu sichten. Zum anderen kommt hinzu, dass ich tausende Websites gespeichert habe und damit die nächsten fünf Jahre füllen könnte. Und täglich kommen neue hinzu ohne wirklich danach zu suchen.

In der letzten Woche erreichten mit drei Mails. Unteranderem von den Machern des Woven Magazines die mir eine nette Mail schrieben. Im Grunde nichts besonderes aber es zeigt, wer wirklich Interesse hat. Meine Mail ist nicht auf der Website zu finden also muss man schon ein zwei clicks machen, um diese zu bekommen. Ich schrieb Jeremy zurück und Woven ging ein paar Minuten später online.

Eine andere Mail war mit einer nicht ganz so guten Website. Ich schrieb zurück, dass sie wohl nicht für die Gallery in Frage komme. Darauf hin bedanke Sie sich, dass ich mir die Seite angeschaut habe und auch geantwortet habe. Persönlich freut es mich auch, wenn man eine nette Antwort bekommt deswegen versuche ich auch, egal wie "dumm" eine Frage oder Mail auch manchmal ist, nett und zeitnah zu antworten. Klappt natürlich nicht immer (das zeitnah) aber der gute Wille zählt.

Wie auch immer, ich finde es gut und freue mich über weitere Mails aber hoffe natürlich auch, dass die Menge nicht überhand nimmt, hehe.

Der letzte Relaunch 2012 (I do it so often… Relaunch Make Better Websites!) killte ein paar Features und so sollte es auch bei diesem sein. Dafür kam aber auch ein neues hinzu, was mir sehr gefällt und auch viel bringt.

Keine Bewertung mehr

Auf jeder Seite kennt man es ja. Likes, Daumen, Sterne und was auch immer es noch gibt. Irgendwo klebt immer ein Button der zum klicken einlädt, um zu zeigen das einem etwas gefällt. Viele Jahre gab es das auch hier doch das hat nun ein Ende. Ein Grund warum es die Herzchen gab ist ziemlich einfach erklärt. Es gab sofort beim Besuch immer ein klein wenig Feedback, dass irgendwas los ist auf der Seite. Das jetzt aber auch eher für mich. Klar, Google Analytics läuft hier auch mit, aber wenn ich ehrlich bin, schaue ich hier eher selten rein.

Letztendlich hab ich mich gegen Herzchen entschieden und kann damit bis jetzt gut leben. Weniger ist mehr!

Suche leichter zu erreichen

In erster Linie fülle ich die Seite für mich mit Inhalt. Mag egoistisch klingen, aber im Grunde ist es so und das ist auch ganz einfach zu erklären. Das Web ist bunt und es gibt viel zu sehen und wie merkt man sich Sachen am besten? Wenn man sie sich abspeichert. Eine Seite zu sehen ist das eine. Doch ein paar Screenshots davon zu machen und sich ein paar Minuten damit zu befassen ist das andere. Ich meinem Kopf sind verdammt viele von den Seiten abgespeichert. Es kommt nicht selten vor, dass mich jemand nach einer bestimmten Website fragt. Oft genügt ein kleiner Hinweis zur Seite und ich finde Sie wieder bzw. kann mich auch an sie erinnern.

In der Version vor dieser war die Suche versteckt, man musste erst einmal klicken um sie zu erreichen. Ein klick ist ja immer verdammt viel Aufwand deswegen ist die Suche jetzt schon direkt in der Sticky Leiste zu erreichen. Irgendwann verschwindet sie war wieder in die Navi, aber das ist OK. Wenn ich Suche dann ist das meist eh auf einem iMac / MacBook.

Sharing Leiste nun Sticky am unteren Rand

Auch wenn ich die Seite zu großen Teilen für mich mache, freue ich mich natürlich wenn Sachen die hier zu sehen sind auch weiter geteilt werden. Bisher waren die Sharing Links immer am Ende eines Beitrags und von den meisten wurden sie wohl übersehen bzw. gar nicht erreicht. Das hat sich mit der Sticky Leiste am unteren Rand nun geändert. Happy Sharing!

Screenshots! Screenshots! Screenshots!

Als ich damals anfing, waren die Bilder 600x200 Pixel groß. Das war das Vorschaubild und mehr gab es auch nicht. Heute ist das Vorschau Bild 1280x800 Pixel groß. Die Fläche hat sich somit fast verzehnfacht. Mir war damals wie heute wichtig, dass die Vorschaubilder schon Aussagekraft besitzen. Ähnliche Seiten die mit winzig kleinen Vorschaubildern arbeiteten mochte ich nicht. Oft war man nach einem klick auf die Seite enttäuscht oder es kam erst gar nicht zu dem klick.

Weiterhin gibt es jetzt seit ein paar Monaten schon größere Bilder in der Beitrags-Detailansicht. Man sieht jetzt nicht mehr nur einen kleinen Ausschnitt der Seite sondern die ganze Seite und oft auch die ganzen Unterseiten. Das ganze dann noch in verschiedenen Auflösungen um das responsive Verhalten zu zeigen. Die erste Seite wo die komplette Website abgebildet wurde war Semplice. Auch hier bin ich gerade überrascht, dass das schon wieder sieben Monate her ist.

Ein Beispiel wie viel das dann werden kann findet man bei Degordian, wo es gleich mal zwanzig Screenshots wurden. Unter jedem Screenshot ist auch ein Button um ihn in voller Größe (neuer Tab) zu sehen.

Warum die Mühe? Oft war es so, dass man eine Website noch mal anschauen wollte. Teilweise auch nur einen kleinen Teil von ihr. Doch nicht selten kam es vor, dass die Website nicht mehr online war oder es einen Relaunch gegeben hat. Dem will ich mit den ganzen Screenshots entgegen wirken. Klar ist der Aufwand nun deutlich höher als es vor ein paar Monaten noch war. Doch es lohnt sich für mich und auch für euch, die sich die Sachen anschauen.

Mobile First! Flexbox und etwas natives Feeling.

Endlich hat es mal geklappt eine Website komplett Mobile First umzusetzen. Lang hatte ich mir das vorgenommen doch irgendwie kam es nie dazu. Bisher hatte ich immer alles Top down gemacht. Also beginnend beim größten Viewport und endend beim kleinsten.

War eine gute Erfahrung und ich denke ich werde das nun öfters so machen. Ist ja auch der heiße Scheiß ;) Was ich auch erreichen wollte war, dass sich die Site etwas nativer anfühlt. Aus meiner Sicht ist das schon ganz gut gelungen. Hover Effekte kommen erst ab >= 768px ins Spiel was das ganze auf dem Smartphone bzw. generell dem Touchdevice etwas ruhiger macht. Nein, ich habe nicht speziell Touchdevices abgefragt sondern das nach Auflösung gemacht. Das andere wäre natürlich auch gegangen.

Es ist auch die erste Website wo ich mal wirklich Flexbox etwas einsetzen konnte. Das ganze fühlt sich sehr ungewohnt an, aber ist schon ganz geil. Auf alte Browser gebe ich recht wenig von daher konnte ich das hier mit ruhigem Gewissen machen. Macht viele Dinge auf jeden Fall einfacher. Noch ein paar mal nutzen bis es dann auch in Fleisch und Blut übergegangen ist, hoffentlich.

Filter etc. wurde alles hinter einem Navi-(Burger)Button versteckt. Mehr braucht es hier auch nicht und man kommt sofort an alles ran.

Um das ganze jetzt hier zu beenden noch ein paar Screenshots. Sonst einfach mal vorbeischauen: http://bestwebsite.gallery…

Der ganze Relaunch ist wie das halt so ist, innerhalb eines Wochenendes passiert. Wenig schlaf, aber viel geschafft!

Design

Mir gefällt es rein optisch ganz gut. Alles sieht schön aus und auch die Kunststoffstreifen stören mich nicht wirklich. Auch das die Kameralinse etwas aus dem Gehäuse heraus ragt ist nicht sonderlich schlimm. Liegt aber wohl beides daran, dass ich das iPhone eh mit Case nutze. Der Großteil meiner letzten iPhones und iPads waren weiß. Ich finde seit die »schwarzen« Geräte immer heller und grauer wurden, nahm auch das Interesse an den dunklen Geräten mehr und mehr ab. Und irgendwie fühlt sich das ganze mit iOS, in weiß stimmiger an. Oder Apple hat mich einfach zu weiß gedrängt, da sie interessanterweise meist die weißen Geräte verwenden, wenn sie damit werben.

Haptik

Viel zu sagen gibt es da nicht. Auch das iPhone 6 fühlt sich wieder sehr wertig an. Die abgerundeten Seiten sind schon sehr gelungen vor allem im Bezug auf die ganzen Wischgesten. Leider hat man davon nichts mehr wenn man das iPhone mit einem Case benutzt.

Tägliche Nutzung

Im Vergleich zum iPhone 5 fällt natürlich sofort der größere Formfaktor auf. Ich müsste lügen wenn ich sage, dass mir das größere Display nicht gefallen würde. Je mehr Bildschirm desto besser. Andererseits muss ich sagen, dass es mir gefühlt aber dann doch manchmal etwas zu groß erscheint. Man muss sich schon hin und wieder ganz schön anstrengen um Sachen auf dem Display zu erreichen. In der Hand fühlt es sich nicht mehr so sicher an wie ein iPhone 5 was ich da als besser empfand. Die interessante Frage ist, wie sich das iPhone 6 beim Radfahren macht. Bisher alles gut. Es ist zwar größer geworden aber auch flacher und das gleicht sich dann wohl wieder etwas aus. Mal schauen wann ich mal die erste Hose habe, die relativ kleine Taschen hat und ob ich dann immer noch sagen: „Alles gut“. Schauen wir mal…

Kein iPhone ohne Case und so ist auch mein iPhone 6 durch ein Apple Leder Case geschützt (42,21,- Euro — Affiliate-Link) womit ich auch schon beim iPhone 5s zufrieden war. Warum ich mein ach so schönes iPhone in einem Case verstecke? Wiederverkaufswert ;)

Fazit

Bereue ich den Kauf? Nein, bisher nicht. Auch wenn mich ein zwei Sachen manchmal stören. Man gewöhnt sich ja an alles. Aber ich würde zu keinem sagen, dass er unbedingt von einem 5s auf ein 6er upgraden muss. Der Unterschied ist aus meiner Sicht zu gering wenn man mal die Größe außen vor lässt. Aber klar, wenn man jetzt noch einen guten Preis für sein altes iPhone erzielt, kann man trotzdem darüber nachdenken. Bei mir hat sich z.B. ja auch der Speicher von 32GB auf 64GB verdoppelt. Nicht das ich ihn jetzt dringend gebraucht hätte aber da ist er dennoch.

Meine Fuji x100t und ich

Die Frage ob schwarz oder silber hab ich wohl, wie man auf dem Foto unschwer erkennen kann, mit schwarz beantwortet. Damit wirkt sie noch unscheinbarer und rückt noch weiter in den Hintergrund. Und schwarz geht eh immer!

Was sprach gegen die Fuji X-Pro1?

Ein Grund war definitiv, dass die X-Pro1 schon etwas auf dem Markt ist und ein Nachfolger wohl bald erscheinen wird. Bald ist wohl sehr relativ hier aber OK. Mein Gedanken war einfach, wenn ich jetzt verkaufe (was ja jetzt auch schon wieder ein Stück her ist), bekomme ich noch einen deutlich besseren Preis als wenn ich noch damit warten. Und da ich sie leider auch nicht oft nutzte, war die Entscheidung richtig. Der zweite Grund war wohl noch etwas ausschlaggebender. Die X-Pro1 war eine Kamera mit Wechselobjektiven. Ich hatte das schöne 35mm 1.4er gehabt. Ich hätte aber lieber etwas mehr Weitwinkel gehabt. So war die Entscheidung zu treffen, ob ich mir ein zweites Objektiv kaufe. Für mich hatte ich aber gemerkt, dass ich die Fuji eh schon wenig benutzt und wenn die Ausrüstung größer wird, spricht das nicht dafür das ich sie mehr nutze. Denn ich wollte ja damals hin zu weniger Ausrüstung, etwas kompakterem. Dann hätte das Objektiv auch ne Ecke an Geld gekostet. Also so richtig glücklich wäre ich damit nicht geworden. Ich wollte wieder was kleines mit festem Objektiv. Einfach ein paar Fotos machen…

Was sprach für die Fuji x100t?

Wo wir auch schon bei der Fuji x100t wären. Hier standen im Prinzip zwei Überlegungen im Raum. Musste es eine neue x100t sein oder reicht auch eine x100s die man jetzt endlich für einen guten Preis bekommen konnte. Die Entscheidung viel nicht leicht, da ich wusste, dass ich auch die neue Kamera nicht 24/7 nutzen werde. Also vielleicht doch lieber die „günstigere Variante“ nehmen. Letztendlich entschied ich mich dagegen und für die x100t. Viele Reviews hatte ich gelesen und einige Videos geschaut. Es gab ein paar Dinge die dann doch für das neue Modell gesprochen haben. Ein Grund ist natürlich, dass die neuste Generation eben die neuste ist. Die x100 Serie ist ähnlich der mir gut bekannten Apple Produkte recht preisstabil. Da ich ja immer mal was verkaufe ist das nicht uninteressant. Dann wäre das neue Button Design und die weiteren kleinen Änderungen hier und da. WLAN integriert war auch ein gutes Argument für die x100t wobei ich sagen muss, dass die Lösung nicht schön ist. Es funktioniert zwar aber schön ist es nicht.

Dann gab es auch noch ein gutes Angebot für eine zwei Wochen alte x100t für etwas über 1.000,- Euro womit ich noch mal sparen konnte.

Als Zubehör hab ich mir noch die LH-JX100II Gegenlichtblende (21,99,- Euro —Affiliate-Link) und den Neewer Concave Soft-Auslösebutton (6,68,- Euro — Affiliate-Link) gekauft. Damit lässt sich erstmal arbeiten :)

Zur Fotoqualität kann ich nur soviel sagen, dass ich nach wie vor sehr angetan davon bin. Ich fotografiere nur in JPG da das für meine Anwendungsfall auf jeden Fall ausreichend ist. Dabei spare ich noch eine Menge an Speicherplatz und der Workflow wird einfacher. Ja, RAW kann man mehr aus den Fotos rausholen. Aber für mich ist es Spaß und ich verdiene damit kein Geld. Und wenn doch kann ich ja immer noch schnell auf RAW umschalten. Eine tolle Kamera die ich nur jedem empfehlen kann. Allein wenn man sie in den Händen hält hat man ein lächeln im Gesicht!

Ein paar Fotos…

iPhone 6

Letztes Jahr wurde von Apple das iPhone 6 / 6 Plus vorgestellt und was soll ich sagen, es war diesmal nicht das Gefühl vorhanden, wie man es sonst so kennt. Dieses “haben will” war einfach nicht stark genug um sofort eine Bestellung bei Apple aufzugeben. Seit dem sind ein paar Monate vergangen und in der Zeit kam dieses Gefühl auch nicht auf. Die Unsicherheit, dass es doch zu groß ist im Alltag ist allgegenwärtig. Dazu muss man sagen, dass ich viel mit dem Fahrrad unterwegs bin und das iPhone immer in meiner Hosentasche habe (vorne). Ist das iPhone 6 dann vielleicht nicht wirklich einfach zu groß um es immer dort in der Tasche zu haben? Wer weiß… Das ganze lässt sich auch nicht mal testen wenn man das iPhone kurz dort hin steckt. Aber es kam wie es kommen musste, nun bestellte ich mir letzte Woche doch eins und warte seit dem, dass die Telekom das Stück endlich liefert.

Was ist passiert? Im Grunde ganz einfach. Ich wollte meinen Vertrag bei der Telekom in die neuen Magenta Tarife ändern. Man sagte mir aber das sei im Moment nicht möglich, da ich im September meinen Vertrag verlängert hatte und ich somit 1 Jahr nicht einfach so den Tarif ändern könne. Danke liebe Telekom!

Aber ich konnte seit Januar 2015 meinen Vertrag vorzeitig verlängern. Also kam eins zum anderen. Der neue Vertrag kostet mich jetzt geringfügig mehr und zwar mit Smartphone dazu. Genauer gesagt sind es ca. 3,50,- Euro. Das ist mein erster Vertrag seit ganz langer Zeit, wo ich mir mal wieder ein Telefon direkt zum Vertrag hole. Das wollte ich eigentlich nicht mehr machen aber nun gut. Also bestellte ich mir ein iPhone 6 in Weiss / Silber mit 64GB Speicherplatz. Der ganze Spaß kostet einmalig 299,- Euro was erstmal viel ist. Aber mein iPhone 5s bekomm ich natürlich locker und leicht für ca. 400 Euro verkauft. Heißt für mich unterm Strich, dass ich sogar erstmal mehr Geld in der Tasche habe als vorher und dazu noch ein iPhone der neusten Generation wo sich der Speicher verdoppelt hat. Win Win Situation nennt man so etwas doch oder?

Aber es ist doch zu groß?! Ja vielleicht, sollte dies so sein, sollte es ein leichtes sein, dass iPhone 6 gegen ein iPhone 5s zu tauschen. Ich hoffe aber mal das es nicht nötig sein wird, mal schauen. Man darf also behaupten, dass ich gespannt bin wie das neue iPhone so sein wird. Mehr dazu später hier, vielleicht.

iPad Air 2

Ein neues iPad Air kam letztes Jahr auch von Apple. Ein iPad ist für mich nach wie vor das größte Luxusprodukt was Apple im Angebot hat. So verbindet uns auch eine gewisse Hassliebe :) Viele iPad kamen und gingen bei mir. Diesmal war es dann ein iPad Air 2 in Weiss / Silber mit 64GB Speicherplatz. Das ganze ist spontan passiert. Nachdem ich einige Reviews gelesen und ein paar Videos geschaut habe war klar, dass wenn es wieder ein iPad wird, nur das iPad Air 2 in Frage kommt.

Das iPad mini Retina war super aber irgendwie hat es mir immer ein klein wenig an Leistung gefehlt. Nicht das ist sonderlich anspruchsvolle Dinge damit gemacht hätte. Aber irgendwie lief es nie so 100% rund wie ich mir das vorgestellt habe. Das iPad Air 2 hingegen hat mich da bisher nicht enttäuscht. Aus meiner Sicht das erste iPad das wirklich 100% flüssig läuft. Das soll jetzt nicht heißen, dass die Vorgänger alle unbenutzbar waren. Kurz zusammengefasst ist das iPad Air 2 das beste iPad was ich bis jetzt hatte. Aber es bleibt nach wie vor ein Produkt, worauf ich auch gut verzichten kann. Es ist schön eins zu haben aber auf jeden Fall kein muss.

Portfolio

Hab mal etwas aufgefüllt. Schaut selbst hier: Work

MakeBetterWebsites / BestWebsiteGallery

Ja, da sitze ich nun schon seit ein paar Wochen dran um sie neu zu machen. Es wird kein großer Sprung sein aber immerhin mal ein neuer Anstrich. Aber wenn wir ehrlich sind spielt hier ja auch der Inhalt die tragende Rolle. Das drum herum muss da nicht sonderlich fancy sein :) Geplant war 1. Februar aber mal schauen ob ich das halten kann. Die Zeit ist etwas begrenzt im Moment und da ich im Büro gerade auch viel Frontend Zeugs mache fehlt da nach der Arbeit etwas der Elan.

Geändert hat sich aber immerhin schon, dass jetzt nicht mehr nur ein Ausschnitt der Website gezeigt wird sondern es eine Menge an Screens geben wird. Der Grund dafür ist, dass Websites ja vergänglich sind und zwei Jahre schon oft lang sind und dann ist die Website verschwunden bzw. es gibt ein neues Design. Ich möchte das ganze mehr festhalten und somit auch ein kleines Screenshot Archiv machen. Wenn es Responsive Websites sind, sollen natürlich auch Screens davon dort auftauchen. Das ganze bedeutet natürlich auch deutlich mehr Aufwand. Aber der sollte es wert sein.

In letzter Zeit habe ich wenig bis nichts veröffentlicht dort. Das sollte sich eigentlich schon zum 1. Januar ändern aber ich werde versuchen, dass wenn das neue Design online geht hier wieder aktiver zu werden. http://bestwebsite.gallery

Pinterest

Meine Follower Anzahl auf Pinterest steigt gefühlt jeden Tag um 500–1000. Warum das so ist, konnte ich nach wie vor nicht herausfinden. Sonst ist das ja meist relativ leicht nachzuvollziehen. Irgendwo wird man verlinkt / erwähnt und dann kommt es zu so etwas. Meine Vermutung ist, dass ich beim Pinterest Onboarding Prozess irgendwo mit auftauche. Wäre die für mich logischste Erklärung. Wenn es so weiter geht, sind die 100.000 bald fällig. Ende 2015 könnten es dann schon über 300.000 sein :D Mal schauen…

Tennis

Genau, Tennis ist mein Leben (#tennisistmeinleben)! Letztes Jahr im Urlaub spielten Thomas und ich zwei mal Tennis. Das ganze machte doch ganz gut Spaß und so spielen wir über Weihnachten noch weitere vier mal. Ehrgeizig wie wir sind, haben wir uns natürlich auch gleich mal eigene Schläger besorgt! Wie sich herausstellte, hat gefühlt jeder schon mal Tennis gespielt. Einige im Verein und die anderen nur zum Spaß. Auf jeden Fall scheinen viele Lust zu haben, hin und wieder mal eine Runde zu spielen. Das tolle daran ist, dass man nicht 10 Mann braucht wie beim Fußball. Und ein wenig Bewegung ist ja immer gut :)

Highlight des Jahres…

…wird wohl sein, dass ich zum ersten mal in meinem Leben einen Anzug tragen werde. Ganz richtig, ich glaube es auch erst wenn es soweit ist! :D Ach und das Highlight ist nur mein kleines persönliches Highlight, zu einem viel größerem Highlight ;)

Es geht hier natürlich um die Big Player wie facebook, twitter, Google+, Ello(?), und Instagram aber auch ein paar Worte über den Business Sektor wie Xing und LinkedIn möchte ich verlieren. Wer anderer Ansicht ist darf natürlich gern mit mir in den Kommentaren diskutieren. Ich freue mich. Jetzt aber… Los!

facebook

Warum: Family Business, ist doch klar! Na genau… Ja was soll ich sagen. Alle nutzen es und man kann es nicht nicht nutzen. So ist es nunmal. Man findet wohl 90% der Leute die man kennt bei facebook. Ob man das jetzt gut oder schlecht findet, steht auf einem ganz anderem Blatt aber darauf jetzt einzugehen wäre hier nicht angebracht :) Aber auch dort kann man nett und viel diskutieren aber das rauschen ist zu groß. Bzw. fehlt hier die Trennung. facebook ist für mich die Party mit Freunden und Familie wenn ich es mir zurecht biegen könnte. Aktuell ist es aber eher das WM Finale in Berlin auf der Fanmeile wo ich ein paar Freunde und Bekannte mitgebracht habe. Klar? Klar!

Wofür: Das wofür ist einfach und auch genau das Problem. Für alles so wie es jetzt ist. Das ist nicht gut in meinen Augen. Es ist einfach eine Tüte buntes wo man alles und jeden findet. Ich finde es nicht gut aber weiß auch um die Vorteile die es mit sich bringt. Oft ist facebooken besser als googlen. Das hat aber nichts damit zu tun, dass ich zu faul bin zum Google. Es gibt einfach Themen wo eine Frage in facebook mehr Infos mit sich bringt als ein Suchergebnis. Diese persönliche kommt halt noch mit. Eine Meinung oder anderen Gedankengang kommt mit dazu und zwar genau für meine persönliche Frage in diesem Moment. Das ist super und ich freue mich wenn ich darüber Hilfe oder Antworten bekomme. Und mache das natürlich auch in die andere Richtung. Ja und sonst landen bei facebook halt noch ein paar Sachen über mich, die mein Internet Image schärfen, HAHAHA! Es ist nett, dass man ein Image aufbauen kann in diesen sozialen Netzwerken und sicher werden das auch viele machen. Nur sollte dieses Image auch ein Stück weit in echt zu dieser Personen passen. Leider ist das nicht immer so aber gut, dass muss jeder für sich selbst entscheiden. Sympathisch sind mir Leute die “real” sind aber zu etwas Übertreibung neigen. Genug der Worte…

pers. Meinung zum Netzwerk: Ah… ich mag es nicht. Ich mag Mister Zuckerberg für das was er da geschaffen hat. Respekt Junge aber ich mag nicht was daraus wurde. Nun gut, man möchte Geld verdienen und so weiter womit diese Entwicklung wohl unumgänglich ist aber mögen muss ich es ja dennoch nicht. Das beste ist einfach dieses “man findet jeden” wenn man wirklich mal wen sucht. Der Rest ist ganz nett aber nichts was mich vom Hocker haut. Am schlimmsten finde ich die Entwicklung, dass facebook mir immer sagen will, was für mich wichtig ist und was nicht. Das mag für den einen nett sein und vielleicht auch genau das richtige aber ich finde es für mich nicht das richtige. Wenn facebook morgen weg wäre könnte ich damit gut leben (denke ich :).

Aussichten: Morgen weg wird es ganz sicher nicht sein. To big to fail sagt man ja so schön. Aber was aus facebook wird, ist sicher interessant. So richtig vorstellen kann ich es mir nicht. Glaube Facebook wird versuchen das man noch abhängiger von Ihnen wird. Vor allem Firmen die dort werben. Mal schauen wie sich User und Unternehmen in Zukunft zusammen auf facebook bewegen werden. Was mir gefallen würde, wäre mal ein Dämpfer für facebook. Das mal ein großer Teil der User weg bricht oder ähnliches. Nicht weil ich dann mit dem Finger drauf zeige und lache. Vielmehr um zu sehen wie facebook damit umgehen würde.

• facebook website
• David Hellmann facebook profil

twitter

Warum: In der Kürze liegt die Würze. Das beschreibt twitter ja ganz gut mit seinen 140 Zeichen. Schon mal großen Respekt das man das wirklich nie angefasst hat. Hätte ich vor ein paar Jahren drauf gewettet das diese Grenze früher oder später fallen wird. twitter ist für mich der Tagesticker im Internet. Man muss dort nicht ständig aktiv sein. Es reicht, wenn man am Tag ab und an mal seine Timeline durchscrollt und schon ist man up2date wie man so schön sagt. twitter erfordert keinen Zeitaufwand. Ich mag es!

Wofür: Wie gesagt eine Art Tagesticker. Man findet dort recht schnell das was die Welt gerade bewegt. Natürlich setzt das ganze immer voraus das man den richtigen Leuten folgt etc. Aber das ist ja überall so. ich finde dort viele Links zu interessanten Artikeln, Ressourcen etc. Die würde ich sicher auch anders finden aber das wäre deutlich mehr zeitlicher Aufwand. Des weiteren ist es nett für Events die live passieren. Sei es ein Fußball spiel wo man twitter nebenher laufen hat oder Tatort (nie geschaut aber ich höre immer das es ganz nett ist). Eurovision Song-Contest wäre wohl auch so ein Thema (nicht für mich). Oder man befindet sich auf Konferenzen etc. und möchte noch mehr Eindrücke davon mitbekommen (live). Sehr interessant und empfehlenswert! Aber auch Supportanfragen an Firmen wie Bahn oder Telekom um mal zwei zu nennen, laufen darüber sehr gut ab. Gefühlt besser als wenn man es über deren Seiten probiert. Und nein, twitter ist nicht dazu da, um jemanden mitzuteilen wann man auf die Toilette geht… Werden manche aber sicher nie verstehen :)

pers. Meinung zum Netzwerk: Ich bin ein Fan von twitter. Nutze es mal mehr und mal weniger aber komme auf jeden Fall immer gern dort hin. Für mich existiert twitter aber nur in Apps und nicht auf der Website denn aus meiner Sicht ist es nur dort schön zu nutzen. Die Website finde ich nicht gut für das was twitter ist. Dort wird mir zu sehr auf “wir sind auch so toll wie facebook” gemacht.

Aussichten: Gefühlt nicht so gut… Was man so hört möchte twitter ja auch mehr dahin mir zu sagen was für mich interessant ist. Das wäre für mich wohl eine Art Todesurteil für twitter. Wie das andere sehen weiß ich nicht aber noch ein Netzwerk was genau weiß was ich möchte brauche ich nicht. Dafür gibt es schon facebook. Ich möchte chronologisch und nicht HOT or NOT. Ich kann gut mit Werbe-Tweets leben (sinnvollen und in einer verträglichen Anzahl). Da spricht für mich nichts dagegen. Oder ein Abomodell was mir für 1 Euro / Monat die Werbung ausblendet. Frag mich eh warum noch keins der großen den Schritt dahingehend wagt. Mal vom Preis abgesehen aber wenn ich ein Netzwerk mag und Werbung nicht wäre das für mich sicher eine gute Option. Aber das müssen anderen Entscheiden :D

• twitter website
• David Hellmann twitter profile

Google+

Warum: Hier sollte vielmehr die Frage stehen Warum nicht mehr? denn ich muss ehrlich sein aber Google+ ist leider etwas ins Hintertreffen geraten bei mir. Im Grunde sehr schade da ich es eigentlich sehr mochte aber wahrscheinlich ist Google nicht das richtige Unternehmen um so ein Netzwerk zu betreiben. Es gibt einfach viele negative Stimmen und da hat man es dann schwer. Ich hatte es für das gesehen wofür ich jetzt auch Ello sehe. Also eher Themen die nicht direkt mit meinen Freunden zu tun haben sondern mehr mit meinem Beruf und meinen Hobbies. Natürlich gibt es hier auch Überschneidungen aber mir geht es ja darum neue Leute und neue Meinung und Ansichten kennenzulernen. Aber wie gesagt, es hat für mich etwas an reiz verloren und ich bin eher selten da. Schade.

Wofür: Wie oben geschrieben für die Themen rund um Beruf, Hobbies etc. Einfach Sachen diskutieren mit Menschen die ich nicht kenne aber deren Meinung interessant ist. Um Dinge mitzubekommen die ich so vielleicht nicht mitbekommen würde. Freunde erwarte ich hier gar nicht. Also Freunde aus der analogen Welt. Diese passen wohl besser in facebook. Deswegen war es für mich auch nicht wichtig das ein Teil dieser nichts mit Google+ anfangen konnte als es raus kam.

pers. Meinung zum Netzwerk: Es hat gestartet und ich fand es sehr gut. Positiv ist natürlich auch das keine Werbung dort zu finden ist. Wobei mich Werbung an sich gar nicht stört wenn es mich nicht gängelt und nervt. Am Anfang waren auch viele Leute dort und haben auch viel geschrieben und viele von denen werden es wohl immer noch tun. Aber für mich ist der Reiz weg. Vielleicht ist es auch schon wieder eine Nummer zu groß das ganze und ist dann auch schon wieder in der Liga von facebook was ich womöglich gar nicht möchte. Nicht Großraumdisko sondern eher der nette Club interessieren mich wohl.

Aussichten: Schwer zu sagen. Die Frage wird wohl sein wie Google sein eigenes Netzwerk sieht und was es sich davon verspricht. Google stellt ja gern mal Produkte auch wieder ein wenn sie nicht das versprechen was man sich erhofft hat. Gut vorstellen könnte ich mir das man in zwei Jahren nichts mehr von Google+ sehen da es eben nicht das gebracht hat was man wollte. Nicht vorstellen kann ich mir hingegen das es ein Family Netzwerk wird. Es bleibt wohl eher ein Themennetzwerk. Wenn sich etwas großes tut bei Google+ werde ich es mir aber auf jeden Fall anschauen. Dafür finde ich es dann doch noch zu interessant als das ich sagen würde: Nein, interessiert mich nicht.

• google+ website
• David Hellmann Google+ profile

Ello?

Warum: Der Reiz etwas neues zu probieren ist natürlich nach wie vor ungebrochen. Man bekommt natürlich schnell mit wenn so etwas wie Ello die Runde macht und an Bekanntheit gewinnt. Warten was daraus wird ohne dabei zu sein kommt nicht in Frage. Immerhin hat man gefühlt vielleicht noch etwas Einfluss in welcher Form auch immer, wenn man von Anfang an bei etwas dabei ist, als wie wenn man später zur Party kommt, wo schon alle da sind und entschieden ist welche Musik gespielt wird. Aber das größte ist wirklich der Punkt das man nichts beurteilen kann wenn man es nicht genutzt hat. Und bei Ello was ja im Grunde Tagesaktuell ist, findet man auch viel Kritik (negative) im Netz. Das möchte ich natürlich selbst einschätzen ob diese zu recht dort steht.

Wofür: Warum überhaupt verschiedene soziale Netzwerke nutzen wenn letztendlich doch überall die gleichen Leute zu finden sind bzw. der gleiche Content. Das ist natürlich auch leicht übertrieben denn es gibt hier schon klare Unterschiede. Was ich in Ello sehe oder gern sehen würde ist ein Netzwerk was eher für berufliche Zwecke dient bzw. für interessante Themen wo ich mich für interessiere. Was ich hier jetzt sehr gut finden würde wäre ein Publikum fern ab von Familie. Eher Personen die das gleiche Thema interessant finden aber wo sonst wenig bis keine Gemeinsamkeiten vorhanden sind. Es gibt Themen über die man diskutieren kann was Spaß macht und man interessante Ansichten / Standpunkte mitbekommt die man bei facebook vielleicht nicht mitbekommen würde. Ist ein soziales Netzwerk für solche Sachen überhaupt das Richtige könnte man an der Stelle in den Raum werfen. Aber ja, ist es! Ich möchte nicht in Foren sein oder irgendwelchen Gruppen aktiv sein. Ich will nicht von einem Admin gegängelt werden und möchte auch ein gewisses Rauschen fern ab von diesen mir wichtigen Themen mitbekommen. Nur halt auf einer anderen Ebene und mit anderen Leuten als z.B. bei facebook. Also es werden hier weniger Vodka Fotos von mir Landen sondern mehr Diskussionen über Design und Coding stattfinden. Wobei das rauschen wie gesagt auch dabei sein sollte. Eine persönliche Note sollte immer dabei sein. Ich möchte nicht anonym mit fremden schreiben die ich nicht irgendwie auch in Schubladen packen kann.

pers. Meinung zum Netzwerk: Ello ist neu und es wäre vermessen jetzt hier viel zu sagen und das ganze schon als SUPER GEIL oder MEGA FLOPP einzuordnen. Das wäre nicht sinnvoll und auch nicht fair. Ello könnte ein Stück weit das werden was ich oben geschrieben habe. Die richtigen Leute joinen Ello mehr und mehr. Die Frage wird sein ob sie auch dort bleiben und ob sie dort auch aktiv sein werden. Für Tante Emma sehe ich Ello heute noch nicht und auch morgen nicht. Vielleicht sogar nie wenn es länger bestand haben sollte. Es läuft sicher nicht alles rund und man kann über UI / UX whatever streiten. Aber das sind für mich erstmal Themen die nicht wichtig sind. Die User müssen rein und die Macher hinter Ello müssen sich mit der Kritik (konstruktiver natürlich) auseinandersetzen. Dann denke ich kann das gut werden. Und es fehlt klar eine native App :) Soll ja aber kommen, hehe.

Aussichten: Gefühlt wird sich dieses Jahr noch entscheiden was aus Ello wird. Leute sind schnell zu motivieren um sich was anzuschauen aber so eine Welle reicht nicht ewig. Die Ello Jungs müssen gas geben und schnell liefern. Wir sprechen hier nicht von Google oder ähnlich großen Konzernen die hier sicher deutlich mehr finanzielle Mittel haben um das Netzwerk länger zu pushen. Ello muss sich hier auf sein User verlassen. Ello muss es wie Fuji machen. Was gutes interessantes auf den Markt geworfen (x100) und dann auf den User gehört und Sachen verbessert etc. und schon hört man vermehrt gutes da draußen über Fuji und es werden gern deren Produkte empfohlen.

• Ello website
• David Hellmann Ello profile

Instagram

Warum: Diese Frage stellt sich Indra wohl noch heute. Hab ich doch am Anfang gesagt das braucht kein Mensch. Oder irgendwas anderes negatives. Auf jeden Fall war ich wohl nicht so angetan von Instagram als es rauskam. Mit ein paar Jahren Abstand würde ich wohl heute andere Aussagen treffen. Instagram ist für mich aktuell nicht mehr wegzudenken. Es vereint die Lust am Fotografieren und die Lust schöne Foto zu betrachten. Ich mag es, sehr!

Wofür: Spam! Hihihi. Nein, das ist es ganz sicher nicht auch wenn das auf den ein oder anderen so wirken wird. Ich sehe es vielmehr als eine Art Fototagebuch. Was nicht heißt, dass ich jeden Tag Fotos mache aber doch so oft es geht. Instagram heißt für mich einfach Erinnerungen zu speichern. Das ganze im Idealfall als Bild + GPS Daten + Text / Tags. Aber meisten reicht auch einfach das Foto aus und der Moment ist allgegenwärtig. Es ist schön dort Fotos von vor X Jahren zu sehen und sich an diesen Tag oder dieses Ereignis zu erinnern. Es ist großartig so etwas zu haben! Und auch hier gibt es dem Internet und dessen Nutzern ein paar persönliche Eindrücke / Momente von mir. Genau solchen Instagram Accounts folge ich auch gerne. Wo man schöne Fotos zeigt aber auch etwas persönliches von sich preis gibt. Das macht das ganze interessant. Auf Flickr / 500px bekomme ich von den Fotografen wenig bis gar nichts mit. Da fehlt einfach etwas.

pers. Meinung zum Netzwerk: Großartig! Kann so bleiben. Sollte so bleiben. Mein Fototagebuch braucht keinen Feature overflow. In erster Linie ist Instagram für mich ganz persönlich. Klingt komisch? Warum habe ich dann einen öffentlichen Account? Da sind wir wieder (wie schon öfters hier) dort wo ich sage, dass ich es gut finde auch was von mir Preis zu geben. Es ist nichts was mir weh tut bzw. nichts wovon ich denke das es das könnte.

Aussichten: Der Laden gehört ja zu facebook und ich hoffe für mich, dass man Instagram ein Stück weit in Ruhe lässt und nicht zu sehr verfacebooked. Die Umstellung von Foursquare auf facebook places (heißt das so?) war schon ein Rückschritt in meinen Augen. Natürlich verständlich das man die eigenen Dienste dort integriert wenn sie vorhanden sind. Dann sollte man aber auch gleiche Qualität liefern! Der Erfolg gibt Instagram wohl recht und von daher wird sich schon erstmal nicht viel ändern. Was ich gut finden würde wäre ein Ansatz der User löscht, die nicht aktiv sind. Weder mit eigenen Fotos, mit Likes noch mit Kommentaren. Wegen mir muss man die Accounts ja nicht löschen aber zumindest deaktivieren. Oder eine Art manuelle Kontrolle denn es gibt wohl eine Menge an toten bzw. Spamaccounts. Das würde die Qualität noch mal ein Stück anheben.

• Instagram website
• David Hellmann Instagram profile

Business Shizzle (Xing, LinkedIn)

Warum: Das frag ich mich auch oft. Nutzwert ist für mich gefühlt eher gering. Ist mehr ein vernetzen ohne das man Kontakt hat. Ein Stück weit auf überflüssig da man das ganze auch alles via facebook und Co. machen kann. Aber nun gut, sie sind da und dabei sein ist bekanntlich alles.

Wofür: Für Headhunter Mails, was denn sonst! Und damit ich weiß wer alles in der gleichen Firma wie ich arbeitet :D

pers. Meinung zum Netzwerk: Nicht vorhanden.

Aussichten: Düster… Nein im ernst. Wenn man Mitarbeiter sucht vielleicht ganz nett wobei ich denke das man da woanders teilweise besser was passendes findet. Vielleicht geht der Blick dabei aber auch zu wenig über den Tellerrand und ich beziehe mich zu sehr auf meinen Beruf…

• David Hellmann Xing profile
• David Hellmann LinkedIn profile

This article is written by:

Katrin Sczepan UX Designerin at Fork Unstable Media GmbH

Various challenges arise when designing a mobile app for multiple devices and different operating systems. Each operating system differs greatly through a mixture of interaction and navigation paradigms, performance restrictions and system guidelines and all of them shall be obeyed. On top of these restrictions your company or your client will also have certain design guidelines that need to be adhered to as well.

Especially the native Android and iOS guidelines are an ultimate argument in some discussions, but the accordance to guidelines must not always be the best way to solve the requirements.
 

The creation of an app basically starts with research about the users and the target group you want to reach out for. The understanding of their interests, needs and experience levels is important to meet the expectations. It’s crucial to keep this information in mind when usage scenarios are going to be discussed, not only at the beginning, but also during the app creation.
 

Within the first high-level concept work the general focus and product strategy of the app will be defined and after the setup of the information architecture, usage scenarios and technical specifications you will try to fit all functionalities into one model. In general native UI elements can cover a lot of the requirements, but you might also stumble across usage scenarios where they cannot cover them: Maybe you need more complexity or different native paradigms clash with each other or they simply don’t work, meeting the goals of your design strategy.

Loren Brichter’s musing on “pull-down-to-refresh”-gesture teaches us that with innovative forms of interaction we also influence the general behavior and UI elements and it is not only the other way around. Loren Brichter wanted to create a simple and consistent action bar and found out that the refresh icon just was too much to fit in with all the other elements. He invented the behavior to reduce the elements in the action bar and it worked out: people accepted the intuitive gesture and it is implemented in a lot of other apps. We don’t have to obey all the rules, sometimes we have to make them ourselves.

There are examples like Stuffle who found an unconventional way for their navigation:

Usually, the iOS app navigation is a bottom bar with icons and some text. The amount of elements is limited by the width of the device, the icons need to be at least 44 pixels in height and width etc.

Regarding Stuffle, there are various reasons why the differentiation from usual guidelines make sense here:

• SPACE: The bottom bar takes in space and if the app provides limited functionalities it doesn’t make sense to waste the space for only 3 items.
• PRODUCT FOCUS: The app concentrates on the consumption of content, rather then actions – but anyways the necessary actions are reduced to a minimum and are still directly accessible.
• DESIGN APPROACH: The app has a very visual approach, instead of showing titles, subtitles, descriptions, prices etc. (like ebay), it only displays photos and let them speak for themselves, so why not show as much as possible?

Another good example is the Pinterest edit menu, which differentiates strongly from the native UI elements given by Apple.

There is a native guideline and code example Apple recommends to use for edit menus:

• INTERNATIONAL: The app is international and therefore it all navigation text elements are reduced to a minimum – no text, no translations.
• ICON LANGUAGE: Pinterest formed its own icon language, the icons are used throughout the app. There is a learning effect and why not be consistent also within the edit menu?
• DESIGN APPROACH: Pinterest has a reduced design with a strong focus on consumption. They trust that most of the icons used are self-explanatory, if not the user can explore them without any damage to anything.

Pinterest and Stuffle go a different way, which works, is nice and all necessary actions are easily accessible. Finally they differentiate in a landscape of uniformity.

So, if you cannot or don’t want to apply simple UI elements, ask yourself:

• What is the basic design idea?
• What is the product focus and strategy?
• Do the existing UI elements help the intention of the user?
• Is it possible to express design and UX needs with existing UI elements?
• Consistency: Is another solution more consistent with your concept and design approach?

If you create your own elements or invent new interaction behaviors, it is necessary to test them. User tests help to recognize critical situations in the user experience and to understand the questions users have. Also it doesn’t always have to be an expensive and elaborate user test. Tests with smaller groups and paper prototypes work out as well.

Coming back to Loren Brichter: The story about the “pull-down-to-refresh” gesture also shows that people are able to learn new behaviors. I therefore recommend in some cases not to judge too quickly if users have difficulties – if you believe in your solution, also support it with a tutorial.

During recent project work I learned that native guidelines are overall principles to enable a uniform interaction within the operating system and it is good if we can apply them on our products. If you can cover all functionalities with native UI elements – than…well that’s great! But they should not be regarded as unalterable rules, they are guidelines, they are fluid and changing and they should help to enable a great user experience.

If native guidelines are applied too easily over all apps, we receive a landscape of apps, which will all look monotonous and we would miss our chance to challenge them, to improve them. Rather than blindly following the rules, it is advisable to question those rules from time to time. Strive for simplicity, ease-of-use, and attractive and characteristic design. Be brave and explore!

Desktop first, jeden Falls im Moment…

Ich arbeite aktuell immer von oben nach unten was die Gerätegrößen angeht. Nicht nur in der Entwicklung sondern auch beim Design. Es gibt ja auch den Mobile First Ansatz aber damit konnte ich mich bisher nicht anfreunden. Aber aus meiner Sicht ist es eh falsch zu sagen, dass Ansatz A oder B richtig ist. Vielmehr sollte es so sein, dass man den zum Projekt richtigen Ansatz definiert und dann auch konsequent nutzt. Mobile First ist aber nichts für die Entwicklung oder das Design, sondern ein ganzheitlicher Ansatz, den man von Projektbeginn an leben muss. Aber darum soll es hier gar nicht gehen.

In den Beispielen hier wird zu 95% immer (max-width: xxxpx) auftauchen. Aber auch das ist nicht sonderlich wichtig an dieser Stelle. Wollte das nur schon mal vorweg nehmen falls die Frage aufkommt.

Frameworks? Nein danke!

Ich mag sie nicht diese Frameworks (Bsp.: Bootstrap / Foundation). Sie geben mir das Gefühl, dass ich mir eine 999 Teile Werkzeugkiste gekauft habe aber eigentlich nur einen Satz Inbusschlüssel benötigte. In der Anleitung (Dokumentation) steht dann ganz sicher auch noch, wie ich etwas zu benutzen habe und warum das alles so super durchdacht ist. Nein, ich möchte den Frameworks auf keinen Fall ihre Bedeutung absprechen. Aber für mich sind sie eher eine Qual als die erste Wahl. CSS Code rocken, dass möchte ich und das kann ich, ein wenig zumindest! :)

Media Queries für bestimmte Geräte? Nein!

Ansage! Um gleich etwas den Wind aus den Segeln zu nehmen. Natürlich kann es hier und da Sinn machen, dass man gezielt ein Gerät ansprechen möchte. Oder auch eine Geräteklasse (High Resolution Devices (Retina)). Das ist auch OK und sollte man dann auch machen. Aber in erster Linie sind die Media Queries dazu da Probleme in der Darstellung zu lösen oder Inhalte anders darzustellen bzw. anders zu formatieren. Das macht man aber sicher nicht vom Gerät abhängig sondern vom Inhalt, also dem was man zeigen möchte. Auf jedes Gerät einzugehen kann man heute gar nicht mehr gewährleisten, da es einfach zu viele sind. Solche Beispiele hier: “CSS Media Queries for iPads & iPhones” führen aus meiner Sicht zu nichts. Außer man möchte wie gesagt wirklich gezielt etwas machen.

Ein Gutes Beispiel hierfür wäre die Website von Heiko, der einfach möchte, dass man sein Smartphone ins Querformat dreht (Oder einfach den Browser breiter zieht) und weiter gehts.

Im Grunde sagt er dem User: Diese Website ist für Geräte gemacht, die mindesten 480px in der Breite darstellen können bzw. dessen Browser mindestens diese Breite darstellen kann. Das macht er einfach so:

@media only screen and (max-width: 479px) {
  #turn-me {
    display: block !important;
  }
}

Alles was nicht mindestens 480px in der Breite darstellen kann oder genauer gesagt: alles was maximal als 479px Breite darstellen kann bekommt den Layer “#turn-me” zu sehen.

Geräte direkt ansprechen sollte also eher die Ausnahme sein.

Fixe Breakpoints? Nein! Wenn doch dann bitte nicht darauf versteifen!!

Es ist ja fast schon ein kleiner Standard der sich hier zeigt wenn man auch so sieht wie Frameworks arbeiten. Egal ob Adaptive oder Fluid. Breakpoints haben sie alle und brauchen sie auch alle. Heute sieht das dann so aus, dass wir so ein kleines Set haben, die Defaults quasi. Ein Beispiel dafür (das normale CSS wäre alles was breiter ist also 1280px):

/* Kann maximal 1280px darstellen. */
@media only screen and (max-width : 1280px) {
  /* CSS hier */
}
 
/* Kann maximal 1024px darstellen. */
@media only screen and (max-width : 1024px) {
  /* CSS hier */
}
 
/* Kann maximal 768px darstellen. */
@media only screen and (max-width : 768px) {
  /* CSS hier */
}
 
/* Kann maximal 568px darstellen. */
@media only screen and (max-width : 568px) {
  /* CSS hier */
}
 
/* Kann maximal 320px darstellen. */
@media only screen and (max-width : 320px) {
  /* CSS hier */
}

So könnte also ein Set von Media Queries aussehen, wo wir dann alles reinschreiben werden, was wir anpassen wollen. Wie ihr seht orientieren sich die Breiten schon an gewissen Geräten bzw. dessen Auflösungen aber es ist nicht genau auf ein Gerät zugeschnitten. Wie gesagt haben wir jetzt ein Set und damit sollte man doch alles machen können… Nein! Man kann sicher sehr viel damit machen aber eben nicht alles.

Wenn wir mit dem oben genannten arbeiten würden, würden wir oft gut dastehen aber es wird Fälle geben, wo diese Breakpoints nicht greifen bzw. nicht richtig greifen. Sei es weil zu große Sprünge zwischen den einzelnen Breakpoints vorhanden sind oder oder weil sich vielleicht einfach nur die Sprache der Website ändert. Was im englisch noch super war, ist im französischen nun nicht mehr so super. Ja so lange Wörter haben schon so manches Layout zerschossen. Ein paar Beispiele die das Probleme zeigen anhand der Circle Conference Website:

Hier in Abb. 01 ist alles gut im Speaker / Panel Bereich:

Hier in Abb. 02 ist soweit auch noch alles gut im Speaker / Panel Bereich. Die Texte werden aber unten schon Teilweise sehr eng:

Hier in Abb. 03 brechen die Boxen schon das erste mal um im Panel Bereich und sind jetzt nur noch zwei Spalten statt 3. Dennoch werden die Texte schon wieder sehr nah an den Rand getrieben:

Hier in Abb. 04 Hier wird bei den Speakern schon etwas Text abgeschnitten. Auch beim Rest ist es wieder eng was den Platz angeht:

Hier in Abb. 05 Texte sind an vielen Stellen abgeschnitten und es gibt auch unten den ersten Darstellungsfehler der Boxen:

Hier in Abb. 06 Ein neuer Umbruch. Wieder alles gut:

Media Queries direkt zu den Modulen / Elementen!

Was? Meint er das jetzt ernst? Mein CSS File wird doch dann viel größer durch ständige Media Queries. Ganz ehrlich? Ob mein CSS File 10 KB oder 50 KB ist wird bei den meisten Websites heute nicht die entscheidende Rolle spielen. Es wird das kleinste Übel sein. Natürlich war das auch etwas Übertreibung von 10 KB auf 50 KB. Letztendlich wird es verschwindend gering sein. Vielleicht in manchen fällen sogar weniger als mit der anderen Methode (Fixe Breakpoints).

Als erstes hab ich ein kleines Sass Mixin dafür — ja wir arbeiten hier jetzt mit Sass — was mir Sascha Fuchs gebaut hat, danke! Das sieht dann so aus:

// Media Query
$media-direction: max;
@mixin breakpoint($values,$direction: $media-direction) {
 
  @if length($values) > 1 {
    $min: nth($values,1);
    $max: nth($values,2);
 
    @if unitless($max) {
      $max: $max + 0px;
    }
 
    @if unitless($min) {
      $min: $min + 0px
    }
 
    @media screen and (min-width: $min) and (max-width: $max) {
      @content;
    }
 
  } @else {
 
    @if unitless($values) {
      $values: $values + 0px;
    }
 
    @media only screen and (#{$direction}-width: $values) {
      @content;
    }
  }
}

Im Grunde gebe ich in der ersten Variable $media-direction nur an, ob ich mit min-width oder max-width arbeiten möchte. Bei mir, wie oben schon gesagt, wird esmax-width sein. Der Rest sind ein paar If Abfragen und verschiedene Ausgaben die damit verbunden sind. Ob Einheiten vorhanden sind. Ob ein oder zwei Werte übergeben wurden... An der Stelle auch nicht wichtig. Bei Fragen dazu gibt es ja die tolle Kommentarfunktion.

Hier mal ein ganz simples Beispiel von einer Liste mit den Media Queries direkt am Element:

ul {
  width: 100%;
  max-width: 1280px;</p>
 
  li {
    float: left;
    width: 25%;
    font-size: 60px;
    padding: 40px;
    line-height: 1.5;</p>
 
    @include breakpoint(1024) {
      width: 33.333333%;
      font-size: 50px;
    }
 
    @include breakpoint(568) {
      width: 50%;
    }
 
    @include breakpoint(480) {
      width: 100%;
      font-size: 40px;
    }
  }
}

Was passiert ist nicht sonderlich spannend. Spannender ist es wie wir die Media Queries eingebracht haben. Wir könnten die ganzen Regeln jetzt hier wegholen und in unsere fixen Breakpoints einteilen. Damit hätten wir drei entscheidende Nachteile und aus meiner Sicht keinerlei Vorteile…

1. Wir ruinieren uns die Übersicht, in dem wir das was zusammen gehört, ganz weit voneinander entfernen. Vielleicht in verschiedene Dateien sogar. Wie auch immer... Dadurch wird das ganze deutlich komplizierter beim Arbeiten. Ständig Dateien wechseln oder dauernd suchen… Anstrengend und wenig produktiv!!!
2. Wartung oder Erweiterung einzelner Elemente. Das spielt auch mit rein, dass wir dann wieder zu sehr an unsere fixen Breakpoints gebunden sind bzw. wir immer wieder neue anlegen müssten. Nur weil vielleicht ein Modul diesen braucht. Da sind wir auch schon beim Punkt. Mit der oben gezeigten Methode habe ich zwar auch meine gewissen Fixpunkte aber bleibe dennoch flexibel. Wenn ich irgendwo ein Zwischenschritt benötige und sei es nur um eine kleine Eigenschaft anzupassen, kann ich das ohne große Probleme machen.
3. Lesbarkeit des Codes!!! In dem Beispiel oben wird sofort klar, was wann passiert. Ein anderer Entwickler wird keinerlei Probleme haben, das Beispiel von oben zu verstehen und gegebenenfalls anzupassen. Ist das ganze zerstreut wird das deutlich schwieriger in der Lesbarkeit und das führt auch zum schlechteren verstehen. Auch wird man hiermit so gut wie unmöglich Code doppelt schreiben, da man es im Blick hat und nicht wild hin und her kopiert.

Das schwierige ist nicht die Website an gewissen Breakpoints gut aussehen zulassen sondern in den Bereichen dazwischen. Dort trennt sich die Spreu vom Weizen. Eine responsive Website sollte lückenlos sauber funktionieren.

Es gibt sicher keinen richtigen Weg, wie man sein CSS Code schreiben sollte. Jeder hat hier seine Vorlieben und das ist auch gut so. Ich finde es sehr interessant die verschiedenen Ansätze zu sehen und darüber zu lesen. Mit den paar Worten oben wollte ich meinen Senf dazu geben, speziell im Bezug auf Media Queries. Mich lässt dieser Weg fokussiert an einer Sache arbeiten. Auch bin ich bisher den Ansatz gefahren, dass ich den responsive Part zum Schluss mache. Hat sich bei der anderen Methode einfach mehr angeboten. Da habe ich alles fertig gemacht und hab dann den kompletten CSS-Code kopiert und bei den Media Queries eingefügt. Dann wurde Stück für Stück angepasst und überflüssiges wieder gelöscht. Im Nachhinein ziemlich umständlich.

Jetzt wird einfach ein Modul direkt von oben nach unten durchgearbeitet und später nur noch kleine Anpassungen gemacht. Alles in allem auch hier produktiver aus meiner Sicht und weniger Fehleranfällig.

Es gibt Sportarten die nicht so eine breite Masse ansprechen wie Fußball etc. Genau solche Sportarten verdienen Aufmerksamkeit und diese sollen sie hier bekommen. Die Jungs vom Dom Skateboarding e.V. haben sich #changeCGN zu herzen genommen und bauen eine kleine Minirampe im Kölner Stadtwald. An einem Ort der doch eher verwahrlost ausschaut und dem etwas neues sicher gut tun wird. Ein paar Bilder gibt es natürlich auch. Das ganze wird am heutigen Sonntag noch etwas von Gregor Flothermit bunter Farbe verschönert, yeah!

Schaut doch einfach mal vorbei! Ein paar Freunde und ich hatten früher selber eine Minirampe gebaut und das ganze bringt eine menge Spaß. Sowohl beim bauen als auch beim späteren nutzen.

If awarded a high enough score, the site will be placed in a queue to appear as “Site of the Day”. It will also be included in our book "The 365 Best Css Websites Around The World" in 2014 

We want to congratulate you and wish you luck in the rest of the competition. 
The Awwwards Team

Thanks to all that vote for my website. You're great, yeah! :) Now you can click on the little Heart to give another like for my website on the AWWWARDS Page.

Relaunch…

Es wurde mal wieder Zeit hab ich mir gedacht, wobei das so auch nicht ganz richtig ist. Es ging mehr darum, dass ich das was ich im letzten Artikel (Stillstand heißt Rückschritt! Es ist Zeit Neues zu probieren, jetzt!) geschrieben habe natürlich auch selber tun möchte: Neues probieren. Und im speziellen ging es hier darum, dass ich einmalSketch näher ausprobieren wollte und auch getan habe. Dazu gleich mehr. Zum anderen ist es weiterhin wichtig für mich, dass ich Sass intensiv nutze und lerne. Egal, zurück zum Relaunch an sich.

Es sollte alles noch etwas aufgeräumter und cleaner werden. Die Navi sollte verbessert (Mobile!!!) und die Artikel Archive vereinfacht bzw. schöner werden. Ob mir das gelungen ist müssen natürlich andere beurteilen. Bin doch aber ganz zufrieden, yeah. Die Farben haben sich auch geändert. Weg von beige wollte ich, was nicht ganz geklappt hat. Aber auf jeden Fall mehr als sonst… Wer das hier schon ein paar Jahre beobachtet wird gemerkt haben, dass immer viel beige mit im Spiel war. Ausnahmen bestätigen hier natürlich die Regel.

Responsive ist natürlich auch alles hier. Man muss ja mit der Zeit gehen. He He He! Kommentare wurden umgestellt von WordPress intern auf Disqus, was ich schon mal vor hatte aber dann doch nicht gemacht habe. Eigentlich wollte ich es auch nicht aber irgendwie fand ich es auch eine gute Lösung. Es ist sehr verbreitet und ihr wisst ja “Immer mal was Neues probieren” ;)

Den Rest seht ihr ja. Bei Fragen… Fragen!

Sketch…

Wie gesagt, wollte ich mal was mit Sketch machen und aus meiner Erfahrung heraus muss ich sagen, dass man nur mit echten Aufgaben / Projekten ein Program wirklich testen kann. Ansonsten ist es eher rumspielen und man bekommt schwer bis gar nicht heraus, ob man damit zurecht kommt oder eben nicht. Natürlich wäre es jetzt auch etwas verfrüht zu sagen, dass Sketch nun die App meiner Wahl ist. Seit ca. 8 Jahren hantiere ich mit Photoshop herum. Vielleicht auch ein Jahr weniger oder mehr… Keine Ahnung um ehrlich zu sein. Man kennt es wie seine Westentasche. Die Shortcuts sind in Fleisch und Blut übergegangen. Da hat es eine App wie Sketch so oder so erstmal schwer. Wir sind Gewohnheitstiere und tun uns auf jeden Fall schwer mit neuen Dingen.

Was ich aber sagen kann ist, dass ich mit Sketch sehr gut zurecht kam und es auch ein Stück weit aufregend war damit zu arbeiten. Eben aus dem Grund, dass es etwas Neues ist auf das man sich einlassen muss. Ständig drückt man Photoshop Shortcuts und wundert sich was passiert oder das eben nichts passiert. Ist manchmal lustig aber auch sehr oft nervig :) Aber das gehört dazu. Um hier eine große Pro / Contra Liste aufzumachen wäre es auf jeden Fall zu früh. Festhalten kann ich aber, dass man damit sehr gut und gefühlt auch ein Stück produktiver arbeiten kann wenn es rein um Elemente erstellen / verschieben / anordnen geht. Letztens hab ich einen schönen Satz gelesen der in etwas so ging: “Wir Designer (Web) sind die meiste Zeit eh nur damit beschäftig Dinge hin und her zu schieben”. Und ganz unrecht hat er damit mit sicher nicht. Das geht in Sketch schon mal gefühlt besser / schneller als in Photoshop. Vielleicht werden sich hier Fireworks Nutzer auch zuhause fühlen. Hab zwar nie damit gearbeitet aber es geht glaub in eine ähnliche Richtung.

• Download Sketch File

Was es auf jeden Fall schlechter kann als Photoshop ist der Umgang mit Text. Da hat man in PS deutlich mehr Möglichkeiten. Was nicht heißen soll das man in Sketch nicht auch ans Ziel kommt. Aber ich denke da wird der ein oder andere schon etwas vermissen. Ich zähle mich dazu.

Und egal wie gut Sketch dann auch sein sollte. Ganz ohne PS wird man nicht auskommen. Bildbearbeitung kann es nicht bzw. ist nicht das wofür es gemacht ist. Da braucht man auf jeden Fall noch etwas anderes zur Hand. Die Frage ist halt ob man dann gleich komplett wieder in PS arbeitet oder zwischen den Apps hin und her springt. Vielleicht muss man auch von Projekt zu Projekt entscheiden was das richtige ist. Ein Stück weit denke ich eh, dass dies der richtige Weg ist. Nicht immer einfach PS aufmachen und loslegen sondern vielleicht kurz überlegen ob es nicht mit Sketch z.B. deutlich schneller gehen würde.

Was ich super finde an Sketch ist, dass man ein komplettes Projekt in einer Datei erstellen kann. Man kann Seiten (Pages) anlegen (ähnlich wie man das in Keynote macht). Das ist super. Startseite, Artikelübersicht, Artikeldetailseite… etc. Man hat dann nicht massig PSD Files z.B. was auch für mehr Ordnung sorgt. Finde ich sehr cool.

Mehr möchte ich erstmal gar nicht sagen. Ich würde jedem raten sich Sketch einfach mal anzuschauen und zu probieren. Selber urteilen ist ja immer noch das beste. Natürlich sollte man wie oben schon geschrieben irgendwas “echtes” damit machen und nicht mal zehn Minuten damit rumspielen.

Hier könnt ihr mein .sketch File herunterladen. Es ist nicht sauber gemacht oder was auch immer. Arbeitsdatei ;)

Sass

Ja Sass… Viel hab ich darüber gelesen in den letzten Wochen. Lang habe ich mich dagegen gewehrt und nun? Sass, Codekit, Tower, Bitbucket, Sublime Text… Vollgas! :D Was soll ich sagen… Es macht ne Menge Spaß! Wie im Eingang gesagt möchte ich weiter viel damit machen um es zu verinnerlichen. Das Thema Mixins etc. ist alles sehr spannend. Auch wie man ein Projekt strukturiert. Sachen worüber ich mir bis dahin zwar auch Gedanken gemacht habe aber nicht in dem Umfang. Vielleicht schreib ich hierzu auch noch mal extra ein paar Zeilen…

Die Zeit rennt. Der kleine muss ins Bett deswegen beende ich mal an der Stelle hier. Vielleicht wollt ihr ja mal Disqus probieren hier unten :D Wenn nicht wünsche ich natürlich trotzdem viel Spaß hier, wie immer.

Sprechen wir über mich…

Das ist an dieser Stelle ganz praktisch, da ich ja in diesem Moment hier sitze, den Text schreibe und eine gewisse Selbsteinschätzung besitze, die vielleicht auch etwas zutrifft.

Nein, ich möchte jetzt nicht auflisten was ich denke zu können und was ich denke nicht zu können. Das würde mir gerade nicht helfen und auch dir nicht, falls du hier noch weiterlesen möchtest.

Workflow, ein tolles Thema…

Reden wir über den generellen Workflow, den wohl jeder von uns hat. Egal ob als Freelancer, als Angestellter in einer kleinen- oder großen Agentur. Man hat eine gewisse Art wie man arbeitet und vor allem mit was man arbeitet. Das ist auch ein Stück weit Gewohnheit, da wir das so Tag für Tag, Woche für Woche, Monat für Monat … machen und das auch nicht oft in Frage stellen werden. Never change… Na ihr wisst schon.

Wie ich viele Jahre (als Designer / Frontend Developer) gearbeitet habe, war in etwa so:

• Man bekommt ein Konzept in welcher Form auch immer. (am sympathischsten finde ich immer noch handgemalt (quick & dirty)). Das ist natürlich auch schon fertig angenommen vom Kunden.
• Man wird irgendwann sein Photoshop öffnen und loslegen Seite für Seite zu gestalten. (Ja, eine meiner Schwächen ist oft zu schnell loszulegen :))
• Diese Designs der einzelnen Seiten werden dann immer mal zum Kunden wandern und mit Feedback zurückkommen.
• Und schon sind wir in den Feedback-Schleifen mit dem Kunden. Das geht dann solange bis entweder das Budget weg ist oder man auf einen Nenner kommt :D
• Freigabe der Designs. Wir reden hier wohl zu 90% über PNG Files, also reine Bilder.
• Der Frontend Dev darf jetzt auch loslegen die HTML’s der einzelnen Seiten zu bauen. inkl. Schritt 4 & 5 natürlich wieder.
• Wir sind fertig. Backend… nicht interessant an dieser stelle.

So, jetzt schaut man sich mal um wo wir uns gerade befinden. Wir bauen Websites die man nicht mehr wie früher für ne 1024er Auflösung baut und fertig. Was wir heute machen ist eine Website für so unendlich viele Geräte zu erstellen das der oben genannte Ablauf in meinen Augen nur noch wenig Sinn macht. Warum? Ich versuche mich mal zu erklären…

Statisch ist tot. Es leben die Prototypen!

Statische Sachen sind super wenn das Endprodukt auch so sein wird. Wenn eine Website hinten raus kommen soll, die auf 1024px optimiert sein soll und auch nur für da dann ist das natürlich was anderes. Aber im hier und jetzt wird das immer weniger der Fall sein. Das heißt, dass wir auch unserer Arbeitsweise überdenken müssen. Auch müssen wir uns die Frage stellen ob die Tools die wir nutzen die richtigen sind für das was wir tun.

Wireframes müssen für mich so aussehen:

Wenn das jetzt noch im Browser wäre und sich responsive Verhalten würde, perfekt! Noch mehr schöne Beispiele kann man hier sehen: Wireframes auf dribbble

Und jetzt kommt der wichtige Punkte. Genau hier müssen wir anfangen das Multi Device denken anzuwenden. Aber für mich heißt das nicht, dass wir jetzt noch einen Wireframe erstellen für iPad Größe und noch einen für iPhone Größe. Dann haben wir auch wieder nur statischen output und der ist das Problem. Wir wissen nicht mit welchem Device der User unsere Website anschauen wird. Wir wissen nur mit welchen Geräten er sie bisher angeschaut hat. Aber bringt uns das so viel Erkenntnis? Es kommen ständig neue Geräte hinzu und deren Größe / Auflösung (was auch immer) kann wieder ganz anders sein als das was wir bisher kennen.

Vor ein paar Jahren war mobiles surfen wohl ziemlich auf das iPhone beschränkt und man kannte die Auflösungen und konnte dann mit dem Adaptive Prinzip ganz gut arbeiten. Heute ist es wohl eher ein Mix aus Fluid und Adaptive. Adaptive sind für mich die Schritte wo es nötig wird härter einzugreifen und Fluid ist für mich nichts anderes als stufenloses skalieren von dem was da ist.

Simples Beispiel:

4 Bilder nebeneinander heißt im Fluid Beispiel das diese einfach 25% breit sind und dann immer kleiner werden. Adaptive wäre dann einfach, dass man die Bilder irgendwann in 2x2 aufteilt und dann vielleicht noch in 1x4. Adaptive sind in meinen Augen die deutlich schwierigeren Schritte weil sich da dann oft auch am Aufbau der Seite was ändert.

Responsive Websites heißt doch heute, dass man in der Entwicklung, also beim HTML, dieses Verhalten dann einbaut. Das ist ZU SPÄT! Wenn man ein Projekt hat, was überall immer sauber funktionieren soll, dann muss man damit schon im Konzept anfangen. Und nein, ich rede wieder nicht von Wireframes für verschieden Viewports und auch keine Designs in verschiedenen Viewports. PROTOTYPEN,DYNAMISCHE PROTOTYPEN!

Nur hier ist das Problem. Das ganze Thema ist zwar nicht so neu das jetzt alle davon überrascht worden sind aber es ist auch nicht mehr so alt das man so tun kann als gehe einen das nichts an. Man muss sich selber Fragen ob die Tools mit denen man die ganze Zeit gearbeitet hat in der Lage sind die heutigen Anforderungen abzubilden.

Das Problem an der Sache ist wohl das es gerade so viele Programme gibt die aus dem Boden schießen und jedes behauptet von sich DIE LÖSUNG zu sein. Letztendlich hilft wohl nur, dass man ein Stück weit einfach probieren muss um das für sich passende zu finden. Vielleicht ist es auch nicht mehr die eine Anwendung die man braucht sondern je nach Projekt eine passende?! Wie man nicht sagen kann das Typo3 das perfekte CMS für alles ist.

Respsonive ist kein Thema für den Konzepter, kein Thema für den Designer und auch kein Thema für den Entwickler. Responsive ist ein Thema für das komplette Projektteam!

Zurück zum Designpart

Gehen wir davon aus, dass wir jetzt ein dynamisches Konzept haben was den ganzen Responsive Part schon berücksichtigt geht es jetzt daran den Prototypen anzumalen. Design, klingt viel wichtiger! :)

Halt Stop!

So, jetzt aber mal einen Zwischenabsatz um die Kurve zurück auf die Headline und den ersten Absatz zu bekommen. (Manchmal gar nicht so einfach…). Ich sagte ja, dass man seine Stärken und Schwächen kenne muss und das man neues probieren sollte…

Photoshop, die Anwendung unserer Wahl für Design. OK, ob das unserer Wahl war, lassen wir mal im Raum stehen. Festhalten kann man, dass ein .psd-File wohl Industriestandard ist. Nur ist die Frage, ob Photoshop denn überhaupt wirklich das ist was wir brauchen. Wer mir auf dem ein oder anderen Sozialen Kanal folgt, wird festgestellt haben, dass ich im Moment viel über Sketch rede. Was ich schon mal getan habe, ist mir Sketch zu kaufen um einen ersten Schritt zu machen es dann auch zu nutzen. Bisher hatte ich noch keinen Fall wo ich es tatsächlich hätte einsetzen können aber ich versuche das in nächster Zeit produktiv zu nutzen. Photoshop hat mit dem CC-Update schon einen großen Schritt gemacht und hat viel eingebaut was uns das Leben einfacher macht. Aber Photoshop ist keine Anwendung die dafür gemacht wurde, wofür wir sie tagtäglich einsetzen. Der Name sagt es ja auch schon ein wenig :)

Ob Sketch eher so eine Anwendung ist wird sich zeigen. Letztendlich muss das aber auch jeder für sich selber rausfinden und vielleicht kann man es auch gar nicht alleine entscheiden. Ich werde es auf jeden Fall mal genauer testen. Es klingt in der Tat vielversprechend und sinnvoll was man so hört und liest. Auf Medium findet ihr ein paar gute Artikel dazu. Ein paar davon hab ich auch Empfohlen die ihr hier findet: Medium — Recommended By David Hellmann. Einfach mal rein schauen und lesen.

Was ich interessant finde ist das es komplett Vektor basiert ist. Und da sind wir auch schon bei meinen Schwächen. Ich habe nicht viel damit am Hut. Illustrator überfordert mich da es ähnlich wie Photoshop halt ein recht umfangreiches Program ist. Wenn ich es nutze dann brauch ich wohl noch nicht mal die Basics. Da denke ich das ich mit Sketch schneller ans Ziel komme.

Letztendlich geht es ja bei Arbeit auch ein Stück weit darum so zu arbeiten das man Produktiv ist. Und wenn mir Sketch erlaubt deutlich produktiver zu sein ist es die Anwendung meiner Wahl. In größeren Teams wird es wohl schwer da nicht jeder sofort alles ändern wird was er lieb gewonnen hat. Aber für kleine Projekte kann man damit sicher experimentieren. Und das geht nur an echten Projekten denn da bekommt man zu sehen was es kann, wo es einen einschränkt und wo es einen schneller macht.

So, nun wieder die Kurve zurück…

…zum Design. Ob das nun mit Sketch, Photoshop oder Illustrator passiert ist im Grunde egal. Irgendein initiales Design muss es geben und das wird wohl auch weiterhin statisch sein. Aber man sollte hier nicht Seite für Seite gestalten sondern ein paar wichtige Punkte angehen. Die Startseite ist sicher eine gute Idee und dann sollte man eher in Modulen denken. Man sollte mit dem Kunden eine Richtung finden und wenn diese gefunden ist sollte er auch gar keine statischen Screens mehr zu sehen bekommen sondern eigentlich nur noch HTML-Templates. Jeder Designer weiß wie nervig es ist wieder und wieder Texte in einer Photoshop Datei auszutauschen.

Ein weiterer großer Vorteil ist einfach, dass man in fertigen Templates auch viel mehr vermitteln kann was Zustände angeht. Animationen, Hover Effekte etc. etc. Das wird man mit einem statischen Screen nie rüberbringen können. Auch nicht wenn man 100 Zustände davon anfertigt. Das HTML Template ist das was zum Schluss wichtig sein muss. Das muss funktionieren, gut aussehen, sauber umgesetzt sein und sich gut anfühlen.

Viel Text… Was wollte er noch gleich…?!

Nicht viel…

Nur das man seine Arbeitsweise immer mal hinterfragen sollte. Ist die Anwendung mit der ich arbeite wirklich gut für das was ich damit mache oder gibt es da draußen Sachen die es deutlich besser erledigen würden. Was nicht heißt das man alles ausprobieren sollte aber es gibt Anwendungen die machen länger von sich reden und das dann oft auch nicht zu unrecht.

Die Projektabläufe genauso hin und wieder hinterfragt werden sollten. Man kann ein 10.000 Euro Projekt nicht so abarbeiten wie ein 10.000.000 Millionen Projekt. Man sollte hier einfach flexibel sein.

Und ich wollte mal wieder bloggen, hehe! Ihr könnt das natürlich alles ganz anders sehen wie ich das oben geschriebene :)

Ein paar Sätze möchte ich über Projekte verlieren die ich so nebenher mit betreibe. Dem ein oder anderen wird das eine hoffentlich bekannt sein, hehe.

Make Better Websites

Ja, wohl das größte Projekt was nebenher läuft und ich weiß gar nicht wie lang schon. Aber wenn ich das jetzt richtig zähle fängt 2014 das verflixte siebte Jahre an. Das ist lang! Etwas woran wohl viele scheitern im Web… Das dran bleiben. Etwas durchziehen und somit auch etwas schaffen was einen gewissen Wert hat.

Ich habe es wohl schon mehrfach erwähnt, dass dieses Projekt mir persönlich auch sehr viel bringt. Ständig schaue ich mir andere Websites an. Bekomme Links zugeschickt und so weiter. (Danke dafür!). So richtig geht damit kein Trend an mir vorbei und das ist schön.

Einfach gesagt ist diese Website einfach nur eine visuelle Bookmark-Sammlung von mir, wo sich viele schöne Websites wiederfinden. Dadurch das ich die Seite alleine betreue weiß ich auch recht gut was da drin zu finden ist. Viele Sachen bleiben einfach im Kopf hängen. Ein Frage wie sie oft kommt: “Kennst du die Seite mit dem und dem Element”… Ja, oft kenn ich diese dann wirklich. Gehirnjogging, Yay!

Worauf ich aber eigentlich hinaus wollte ist… Make Better Websites läuft nicht mehr so gut wie vor zwei Jahren. Das ist auf der einen Seite natürlich schade auf der anderen Seite aber auch leicht zu erklären.

Damals hab ich wirklich zweimal täglich relativ zur gleichen Zeit jeweils eine Website online gestellt. Somit waren die Besucher auch ständig mit neuen Inhalten versorgt. Heute ist das nicht mehr ganz so der Fall. Das liegt natürlich an mir. Nicht immer ist Zeit da genau JETZT etwas online zu stellen. Auch wenn es im Grunde nur eine Sache von 5 Minuten ist, können auch diese manchmal einfach nicht vorhanden sein. Es kommt aber auch vor das ich keine Lust habe. Hey, das ist ein Spaßprojekt! Versuchen werde ich es aber schon, dass man wieder wie damals öfters und Regelmäßig etwas neues zu sehen bekommt.

Dafür das das Projekt ein Spaß- und nebenher Projekt ist, läuft es aber dennoch ganz gut. Auch muss ich mich selber loben und sagen, dass wohl eine recht hohe Qualität auf der Seite vorhanden ist was die Inhalte angeht. Es gibt da draußen endlos viele solcher Gallery-Seiten aber nur wenige können ein hohe Qualität vorweisen. Ein wenig stolz macht mich das schon : )

So, genug dazu. Es wird weiter gehen und auch das siebte Jahr wird fleißig mit schönen Websites daher kommen.

• http://makebetterwebsites.com

Make Better Shirts

Ich würde es als schlafen bezeichnen. Das letzte Shirt wurde im August 2013 online gestellt. Make Better Shirts mache ich mit Jan zusammen. Aber auch hier ist wohl Faulheit und wenig Zeit ein Kriterium was dazu führt, dass hier wenig passiert. Ob sich das auf Dauer ändern wird weiß ich nicht. Vielleicht würde ein Relaunch der Seite wieder neues Leben einhauchen. Das würde natürlich auch erstmal Aufwand bedeuten. Da möchte ich mich jetzt nicht zu weit aus dem Fenster lehnen. Die Seite ist aber auch in ihrer jetzigen Form immer noch schön anzuschauen und ein paar nette Shirts findet man dort auch.

Schau mer mal!

• http://makebettershirts.com

Make Better Drinks :D

HA HA HA! Mehr muss man eigentlich nicht sagen. Oder vielleicht doch? Domains zu haben ist ja nie verkehrt. Es war eine kleine Schnapsidee (hehehe, wie passend!!!) diese Domain zu holen. Wir, das wären in diesem Fall mein geschätzter Freundeskreis und ich trinken doch gern mal leckere Cocktails. Machen diese auch gern mal selber.

Der Gedanke war ein paar leckere Cocktails zu zeigen und was da drin ist. Gibt es wie Sand am Meer? Richtig! Bisher ist da aber nichts passiert… Wird vielleicht auch nie… Man wird sehen…

… Drei Punkte, rockt total!

• http://makebetterdrinks.com

Make Better Apps

Schlafende soll man nicht wecken. Hier kann ich sagen, dass wohl nicht mehr viel passieren wird. Das ganze war dann doch etwas Zeitfressend und das war nicht gut. Danke muss man an die Entwickler sagen, die uns ihre Apps kostenlos zur Verfügung gestellt haben. Danke auch für ein paar Promo Codes die wir immer mal wieder verteilen durften.

Die Seite an sich gefällt mir aber immer noch gut. Ist ja auch schon ein paar Tage alt aber dafür ist sie super. Was damit passiert weiß ich nicht. Abgeben werde ich die Domain wohl nicht. Wer eine gute Idee hat kann sich gern äußern. Vielleicht wäre auch eine einfache Gallery für Apps nicht schlecht. Aber um ehrlich zu sein sehe ich das heute und morgen auch jeden Fall nicht.

• http://makebetterapps.com

Superb.li

So viele haben einen tumblr da draußen… Ich musste einfach auch einen haben. Aber davidhellmann.tumblr.com war irgendwie zu uncool, zu persönlich und zu sehr auf mich bezogen. Es musste eine schöne Domain bzw. ein schöner Name her, der das widerspiegelt was Inhaltlich dort zu sehen ist. GEILER SCHEISS. Leider war aweso.me schon weg und dann wurde es superb.li — was auch ganz cool ist.

Dort Poste ich immer mal wieder Sachen. Das meiste sind natürlich tumblr-typisch Reposts von anderen aber genau das ist ja tumblr. Ein großes Becken wo selten neues hinzukommt und jeder nur alles wieder neu verteilt. So jeden Falls mein Eindruck.

Hauptsächlich sind es schöne Frauen, schöne Fotos, Tattoo’s, Fahrräder, Essen… Ach einfach alles was zu geilem Scheiß passt. Auch hier denke ich, dass ich eine gute Qualität dort habe.

Wird weiterhin mit Inhalt gefüllt aber nicht nach Zeitplan und ohne Zwang. Spaß Projekt… Wie alles hier!

• http://superb.li

VSCO Grid

Als die VSCO App für das iPhone heraus kam war ich sofort begeistert. Einfach die beste App um Fotos zu bearbeiten, G R A N D I O S !

Später kam dann noch das VSCO Grid hinzu. Eine Art Instagram aber mit weniger “wir sagen uns alle was wir für geile Fotos machen” und mit noch weniger “F O T O S P A M”.

Im Grunde ist es ein kleines Fotofolio rein mit iPhone Fotos gefüllt. Anfangs hab ich mir überlegt was ich damit mache und wie ich es benutzen möchte. Einen Instagram-Klon wollte ich nicht schaffen und so fiel die Entscheidung, dass ich alle Fotos die dort landen werden nur schwarz/weiß posten werde. Erstaunlicherweise hab ich mich bisher daran gehalten, wow!

Drei meiner Fotos wurden auch schon ausgewählt um ins VSCO Grid der Macher selber zu kommen. Dort werden ständig Fotos aus den User Grids ausgewählt. Das freut mich natürlich.

Mein Grid werde ich weiterhin mit voller Freude mit neuen Fotos bestücken.

Instagram

Nicht wirklich ein Projekt aber das ist mein VSCO Grid auch nicht wirklich. Aber es ist genauso etwas, dass ich mit Inhalt bestücke. Instagram ist für mich ein Tagebuch in Fotos. Es ist einfach genial das später mal anzuschauen. Dieses Jahr bekam ich auch ein tolles Weihnachtsgeschenk von Thomas und Nadine. Ein Analoges Instagram Buch mit 50 ausgewählten Fotos (und hey, das ist bei über 3000 Fotos kein Spaß davon 50 auszuwählen) worüber ich mich sehr gefreut habe.

Sehr viele dieser sehr vielen Fotos sind Erinnerungen an Momente die man so vielleicht nicht mehr im Kopf hätte. Ein Blick auf das Foto aber genügt und schon ist der Moment wieder vor dem geistigem Auge. Ich finde es fantastisch. Das mag sicher nicht jeder so sehen aber das ist mir auch herzlich egal. Das beste ist, dass man es halt immer und überall mit Inhalt füllen kann. Das iPhone ist immer dabei.

Hier wird weiterhin viel an Fotomaterial hinzukommen. Mal gutes. Mal schlechtes. Mal lustiges. Mal ekliges. Mal leckeres. Einfach alles wo ich denke es lohnt sich festzuhalten.

• http://instagram.com/davidhellmann

Meine Arbeit

Zum Schluss noch ein paar Worte über meine Arbeit wobei ich es nicht Arbeit nennen mag sondern eher mein Hobby. Das was ich mache, mache ich mit voller Freude und das jetzt schon ein paar Jahre lang. Bisher hatte ich nie das Gefühl das mir das was ich da mache langweilig werden könnte. Das ist ein gutes Gefühl zu wissen, dass man eine Arbeit hat die einem wirklich Spaß macht. So viel Spaß das man auch Teile seiner Freizeit damit füllt. Das kann sicher nicht jeder von sich behaupten. Danke das ich auf diese Bahn geraten bin… Warum auch immer : )

Ein großer Dank gilt dabei natürlich auch den Leuten die mir einen Job gaben und es vielleicht auch wieder tun würden. Danke NEXUM, danke FORK!

Genug. Viel bla bla aber dafür ist so ein Blog ja auch da…

Ein paar Schritte zurück…

Ich hatte das iPad mini erster Generation und hatte es verkauft, wo relativ klar wurde, das Apple ein neues iPad mini mit Retina Display bringen wird. Dann hat es doch etwas länger gedauert als erwartet, da zum einen Apple länger brauchte und bei mir dann erstmal andere Dinge Priorität hatten. So gab es jetzt dann doch, nach zwei Monaten in denen ich schauen konnte, ob ich das iPad vermisse, ein neues.

iPad, ein “muss ich haben Produkt”?

Hier kann ich klar sagen, das es für mich ein “muss ich haben Produkt” ist. Auch wenn ich oben schrieb, das man es nicht haben muss, was aber mehr generell und weniger auf mich gemünzt war.

Diesen Text hier schreibe ich gerade am iPad mini (OK, inzwischen hat sich das etwas gezogen und ich schreib nun am Mac weiter) und es macht spass. Dabei liege ich auf dem Sofa und muss nicht zwingend vor einem Rechner sitzen, das ist super! Und ich würde auch behaupten, dass ich hier nicht wesentlich langsamer bin beim schreiben. Ich würde jetzt kein Buch auf dem iPad schreiben, da eine echte Tastatur dann doch noch mal was ganz anderes ist. Aber für solche Texte in absehbarer länge taugt das schon.

iPad mini Retina vs. iPad Air

Letztens hatte ich noch auf Facebook mal in die Runde gefragt welches der beiden Modelle man mir denn ans herz legen würde. Letztendlich war das ziemlich ausgeglichen und mir keine große aber dennoch eine nützliche Hilfe. Oder anders gesagt hat es mich etwas in meinen Gedanken bekräftigt. Klar war aber, dass ich beide noch mal im direkten Vergleich sehen und anfassen musste.

Am Freitag (vor zwei Wochen) war ich dann hier im Apple Store München und hab mir beide nochmals direkt im Vergleich angeschaut. Man muss einfach sagen, dass die Größe und das Gewicht beim iPad mini einfach sehr sexy sind. das iPad Air wirkt dennoch deutlich klobiger, größer und schwerer obwohl sich hier ja schon viel getan hat im Vergleich zum Vorgänger. Das große Display hingegen macht schon was her aber letztendlich überzeugt der Formfaktor und das Gewicht beim iPad mini dann doch mehr. Und der Preis war dann auch noch mit entscheidend.

Beim iPhone kaufe ich ja nun doch mittlerweile die 32GB Variante. Beim iPad bin ich nun aber wieder bei 16GB gelandet. Warum ist eigentlich einfach zu beantworten. Ich spiele nicht wirklich viel. Für ein zwei Spiele ist aber dennoch Platz (Real Racing 3, Poker & Pumped: BMX). Auf Real Racing könnte ich aber auch verzichten. Bin halt kein Spieler. Filme schaue ich auch nicht wirklich viel auf dem iPad bzw. eher gar nicht. Als ich diese Woche mit dem Zug fuhr hab ich es dann doch mal gemacht. Aber oft passiert das auch nicht. Dann doch lieber zuhause auf dem großen TV. Ihr seht, dass ich nicht wirklich viel Speicher brauche bzw. mich hier einschränken kann um die 90 Euro zu sparen.

Für was ich das iPad nutze

Im Grunde ist das recht einfach zu beantworten. Für mich ist es als erstes dafür gedacht Content zu konsumieren. Meist in Form von RSS Feeds (ReederApp) oder einfach Websites besuchen. Dazu kommen dann noch produktive Sachen wie GTD (OmniFocus), Coden (Diet Coda (ja, das ist wirklich ein super Editor)), Banking (OutBank), Schreiben (Byword (ja, ich bin weg vom iA Writer) und natürlich noch Social Kram und Sachen dieser Art (Facebook, twitter, tumblr, Pinterest und so weiter…)

Dafür brauche ich nicht viel Speicherplatz. Der Konsum steht im Vordergrund und das klappt auch mit 16GB super.

Das iPad mini an sich

Ja ehrlich gesagt stelle ich keinen großen Unterschied zum Vorgänger Modell fest wenn wir rein das äußerliche betrachten. Da ich auch wieder das dunkle Modell gewählt habe ist für mich da alles gleich.

Die inneren Werte hingegen fallen mir dann doch auf, verrück oder? Jetzt ist das iPad mini das iPad mini das man sich schon mit der 1. Generation gewünscht hat. Was jetzt keine Kritik sein soll… Aber jetzt ist das iPad einfach super. Ich möchte nicht das perfekt benutzten wobei es aktuell schon ziemlich treffend ist. Klein, leicht, handlich, hochauflösend und mit viel Power…! Mehr braucht man nicht zu sagen. Ein super Gerät zu einem Preis den ICH bereit bin dafür zu bezahlen. Andere Tablets kamen eh nie in Frage. Gefangen im Ökosystem :)

Backend Änderungen

Im Backend hat sich wie gesagt das meiste geändert was zum einen daran lag das es mir spontan danach war aber zum anderen auch daran, dass es nie wirklich sauber aufgesetzt war. Es hat funktioniert und war auch halbwegs gut pflegen. Aber durch die vielen WordPress Projekte in letzter Zeit wusste ich, dass man hier ein paar Sachen deutlich eleganter lösen kann und damit auch viel flexibler ist am Ende des Tages.

Advanced Custom Fields ist wohl das beste Plugin was ich bisher gesehen / genutzt habe. Natürlich gibt es auch viele andere gute Plugins aber ACF hebt WordPress noch mal locker zwei Stufen nach oben, wenn man es für mehr nutzen möchte, als rein zum bloggen. Hier jetzt ins Detail zu gehen wäre zu viel. Schaut es euch auf jeden Fall mal an, sehr mächtig.

OK, mein Portfolio wird jetzt anders gepflegt als bisher. Konkret heißt das folgendes bzw. folgende Optionen stehen mir jetzt zur Verfügung:

• Name (normaler Titel wie gehabt)
• Client Name (Textfield)
• Range (Checkbox)
• Description (Textarea)
• Client Words (Textarea)
• Website URL (Textfield)
• Project Colors (Colorpicker / Hex Wert)
• Desktop Image
• Mobile Image
• Project Images (Inkl. Option ob Browser oder nicht gezeigt wird)

Die ersten Sachen bis zu "Website URL" sind im Grunde wie bei der alten Variante. Neu bzw. anders sind die folgenden Sachen…

Project Colors

Hier kann ich ganz einfach eine Farbpalette zum Projekt anlegen. Auf der einen Seite eine nette Spielerei auf der anderen Seite kann man damit natürlich auch etwas anfangen. Auf der Startseite z.B. überblendet der Hintergrund immer zur aktuell ersten angelegten Projekt Farbe. Sicher kann man damit auch noch mehr machen, mal schauen. Auf jeden Fall eine nette Spielerei wie oben schon erwähnt.

Desktop Image

Das ist im Grunde das Vorschau Bild was man auf der Startseite und den Übersichtsseiten sieht. Es hat eine fixe Größe von 900x700 aber davon werden auch noch kleinere Varianten angelegt (automatisch).

Mobile Image

Hier ein iPhone Screenshot. Im Grunde die Ansage das das Projekt Responsive ist, yay. Das Bild hat auch eine fixe Größe von 240x420. Hier werden dann auch keine anderen Größen angelegt. Wenn kein Bild hochgeladen ist wird auch kein iPhone angezeigt. Magic, i know!

Project Images

Hier werden die Projekt Bilder hochgeladen und zwar so viele ich möchte. Per Checkbox kann ich entscheiden ob ein Browser-Rahmen um das Bild angezeigt wird oder nicht. Default ist ja. Nein heißt, dass ich hier einfach Detail Bilder oder so zeigen kann wo der Browser-Rahmen keinen Sinn machen würde. Wie man sieht bin ich rein auf Web-Projekte vorbereitet. Der Grund dafür ist ganz einfach: That's my Business! Flyer und alles andere hab ich irgendwann mal rausgeschmissen das es einfach nicht so richtig reingepasst hat. Ich sehe mich im Web und das soll dieser Bereich meiner Seite auch klar vermitteln. Straight und so…!

Ach ja, die Bilder lege ich in 1280xX an. Das heißt sie werden nicht verkleinert und man sieht 1:1 Größe, was mir wichtig war. Im Hintergrund werden noch mehrere verschiedene Größen von den Bildern angelegt. Man weiß ja nie wo man die mal brauchen könnte…

So sieht das ganze dann aus

Frontend Änderungen

Natürlich und wie oben auch schon erwähnt, haben sich im Frontend dann auch ein paar Sachen geändert. Zum einen hab ich meine About Seite etwas überarbeitet. Danke an Jan noch mal für die schönen Fotos (Ich rede hier vom Foto an sich und nicht von mir, haha). Hier ist nun auch etwas weniger Text als vorher. Liest ja eh keiner…

About Seite

Startseite

Auf der Startseite hab ich auch ein paar Änderungen gemacht. Im Grunde hat sich nur der obere Bereich geändert. Der Hintergrund überblendet nun in die Projekt Farbe und der angedeutet Mac ist nun schwarz. Falls ein Mobile Screen hochgeladen wurde erscheint das iPhone auch noch dazu. Darunter gibt es dann den Projektname, die Beschreibung, die Farbpalette und die Range. Natürlich auch noch einen Button… Man muss ja weiter kommen… Aber die Bilder oben sind natürlich auch verlinkt. Crazy Shit, wow!

Portfolio. Ach ja, Work nun!

Meinen Portfolio Bereich hab ich in Work umbenannt. Warum? Kürzer und passt irgendwie besser. Aber im Grunde ja auch egal. Weiterleitung von /portfolio zu /work ist natürlich eingerichtet…

Hier dann das gleiche Spiel wie auf der Startseite nur das alle Arbeiten untereinander aufgelistet sind.

Work Detailseiten

Im oberen Bereich das gleiche wie auch auf Start und Übersichtsseite. Nur "Client Words" - falls vorhanden - werden noch mit angezeigt unter der Beschreibung.

Oben im Bild ist jetzt noch ein Button auf dem Bild: "Scroll down!"… Du verrücktes Internet du, soll man in dir wirklich scrollen… Der klick darauf landet man etwas weiter unten wo dann große Bilder zu sehen sind. Man hat das Gefühl man wäre gerade auf der Seite! :)

• Startseite
• Work Overview
• Work Detail
• About

So viel von mir… Das war dann wohl auch erstmal das letzte für dieses Jahr. Guten Rutsch und so und natürlich tolle Weihnachten…

Deinen eigenen Spotify Rückblick ansehen.

Ich war mit meinem iPhone 5 sehr zufrieden. Es war schnell und ich konnte seine grenzen nicht erreichen. Liegt wahrscheinlich auch daran, dass ich nicht sonderlich viel Spiele mit dem Teil. Aber selbst da wird man wohl schwer die Grenzen erreicht haben. Wie gesagt, ich war zufrieden und entschlossen DIESMAL nicht zu kaufen. Wie immer schaute ich mir natürlich die Keynote an, las einige Live-Ticker und Blogs und natürlich auch das ein oder andere vorab Review zum iPhone 5s. Apple hat wohl wieder viel richtig gemacht, dass ich nun doch Die Geldschatulle öffnete und einen großen Haufen zu Ihnen fließen lies.

Und warum jetzt genau?

Zum einen ist es wie immer. Der Drang das neuste zu haben ist bei manchen Sachen einfach da. Das mag man jetzt gut oder halt nicht so gut finden aber es ist Fakt. Bei dem einen sind es neue Schuhe, bei dem anderen ein neues Fahrrad und so weiter… Bei irgendwelchen Sachen setzt bei jedem die Vernunft aus.

Warum ist nicht so einfach zu beantworten. Versuche ich doch mal etwas auszuholen mit einer simplen Frage: Was ist das iPhone für mich?

Eine ganz gute Frage die vielleicht etwas Licht ins dunkel bringt warum es mich dazu bringt jedes Jahr wieder viel Geld dafür auf den Tisch zu legen. Eines ist klar, am wenigsten nutze ich mein iPhone zum telefonieren oder SMS schreiben. Das sind ja eigentlich so die Grundfunktionen wenn man an ein Telefon denkt. Aber was mach ich dann damit. Die Frage können jetzt sicher einige beantworten wenn man mir auf dem ein oder anderen "sozialen Kanal" folgt. Ich mache viele Fotos, teile Sachen die mit meinem Beruf zu tun haben oder mit meinen Hobbies. OK, hier und da vielleicht auch noch ein paar andere Sachen…

Für mich ist mein iPhone eine Kamera und ein toller Satz sagt ja: "Die beste Kamera ist die, die man bei sich hat." Richtig, was bringt mir einen tolle Kamera die aber meistens zuhause liegt. Ja so eine hab ich auch noch und es gibt Tage wo ich mich Frage warum eigentlich???

Viele Fotos machen finde ich super und das aus einem ganz simplen Grund. Ein Foto ist eine Erinnerung. Erinnerung sind super und man sollte so viele wie möglich davon festhalten. Mein Mom schickte mir letztens ein paar Kinderfotos die Sie mit ihrem Telefon abfotografiert hat. Ich fand das super da es Sachen sind an die man sich selber wohl eher nicht erinnert. Momente an die ich wohl nie mehr in meinem Leben gedacht hätte. Doch sieht man ein Foto, fällt einem dazu sicherlich dann auch noch mehr ein.

Viele Fotos die man von mir sieht (nicht von mir sondern von mir gemacht) haben für die meisten die sie sehen sicherlich keinen Bezug. Aber eben für mich. Wenn ich durch meinen Instagram Account schaue sind da viele Momente festgehalten die man gern wieder anschaut bzw. an die man sich gern wieder erinnert. Ich sehe einen großen Stuhl auf einem Foto und weiß sofort das ich auf den Weg nach München zu den X-Games war… Das ist super. Jedes Foto erzählt eine Geschichte!

Hier und da gibt es auch ein paar schöne Fotos die anderen sicher gefallen nicht wegen dem was sie da sehen sondern weil es ein gutes Foto ist. Meine VSCO Grid Seite ist sicher ein ganz gutes Beispiel dafür. Hier versuche ich weniger Tagebuch zu spielen sondern einfach ein paar schöne Fotos zu sammeln.

Um wieder etwas die Kurve zum iPhone zu bekommen. Die Kamera vom iPhone wird natürlich jedes mal besser. Das ist nicht verwunderlich sondern völlig normal. Technik entwickelt sich weiter. Für mich heißt das soviel, dass wenn ich ein neues iPhone kaufe, ich mir auch immer eine neue Kamera kaufe. Das ist schon mal super. Und das man mit dem iPhone super Fotos machen kann wird keiner bestreiten. Sicher wird man mit einer DSLR oder in meinem Fall einer Fuji X-Pro1 das ganze noch viel viel besser machen können. Aber da kommen wir wieder zum oben angesprochen Problem. Mein iPhone ist immer dabei, die Kamera nicht. OK genug dazu.

Ein weiterer großer Punkt wofür ich das iPhone nutze ich Informationsbeschaffung. Wow, klingt ja spannend. Ist es auch, für mich zumindest. Twitter & RSS Reader würde ich hier an erster Stellen nennen. In Reeder (RSS Feed App) lese ich was mich interessiert und das eigentlich täglich. Dort folge ich den für mich wichtigen Seiten um über ein paar Dinge immer Bescheid zu wissen bzw. auf einem aktuellen Stand zu sein. Das geht viel in die technische Richtung. Dann noch Twitter. Dort ist einfach sehr sehr viel guter input zu holen. Auch wenn das manche nie verstehen werden und immer noch denken das Twitter ein Kurznachrichtendienst ist, wo Leute schreiben wann sie auf die Toilette gehen. Ihr habt leider keine Ahnung! Den richtigen Leuten gefolgt bekommen man da wie gesagt viel gutes zu sehen. In meinem Fall ist das viel in Richtung Web, Design, Technik, Apps und so weiter. Das ist nicht nur für mich privat interessant sondern auch beruflich sehr sehr wichtig. Dann gibt es natürlich noch Facebook und Co. Das ist aber eher Spaß :) HAHA!

Dann gibt es noch Sachen wie das man seine Mails unterwegs lesen kann, sich ein paar Aufgaben eintragen kann was in meinem Fall in OmniFocus passiert und die ein oder andere App wie Spotify, iOutBank, 1Password etc. etc. Das Teil ist produktiv!

Technische Daten sind nicht wirklich interessant

Ich werde kein iPhone kaufen weil es einen QuadCore oder DualCore oder sonst was CPU hat. Ist mir im Grunde nicht wichtig. Mein iPhone soll nicht auf dem Datenblatt gut klingen sondern es soll sich gut anfühlen. Was für mich heißt, dass ich das Gefühl haben muss immer Luft nach oben zu haben. Wenn ich ein iPhone kaufen würde was dauernd Problem macht, zu langsam ist und so weiter würde ich mir sicher mehr Gedanken machen beim nächsten Kauf.

M7 Chip, Super!

Was aber dieses Jahr auf der Keynote sehr interessant war ist der M7 Chip im iPhone. Der sich um die ganzen Bewegungsdaten etc. kümmert. Das klang jetzt vielleicht direkt auf der Keynote vielleicht noch nicht mal so interessant. Die Leute schreien ja jedes Jahr nach Innovation. Das war für mich dieses Jahr eine. Für mich in der Praxis heißt das, dass mein iPhone nun deutlich länger durchhält obwohl ich im Grunde mehr Dienste im Hintergrund laufen habe bzw. der M7 Chip das übernimmt und der A7 Chip nicht immer angeschmissen werden muss. Vor allem bei So Apps die auf GPS Daten zugreifen war der Akku doch sonst immer recht schnell leer. Das ist nun vorbei, super!

Fingerprint

OMG, das ist ja gar nicht sicher…!!! Bist du denn verrückt Apple deinen Fingerabdruck zu geben??? Bla bla bla… Naja man konnte ja viel dazu lesen wie man sich einen Fingerabdruck besorgt und nachbaut etc… 100% sicher ist doch eh nichts… Aber es ist ein super Feature denn es macht das Nutzungserlebnis besser, verrückt oder?

Fazit

Der iPhone Kauf hat sich wie immer gelohnt! Natürlich muss man auch bedenken, dass mein altes iPhone auch immer noch Geld bringt. Das sollte man nicht vergessen. Die Gebrauchtpreise für iPhones sind halt sehr gut. Meist noch weit über den Preisen für Neugeräte des Android Lagers. Sicher wird nicht jeder nachvollziehen können, 800 Euro (32GB) für ein Smartphone auf den Tisch zu legen aber zum Glück muss das ja auch keiner ;) Es gibt genug Alternativen.

Das mit am häufigsten genutzt ist nicht gelogen. Seit dem es die Reeder App gibt, ist es ein treuer Begleiter auf meinem iPhone, iPad und Mac. Aktuell gibt es zwar keine Mac App aber das wird sich hoffentlich bald wieder ändern. In der Zeit werden Feeds meist am iPhone oder iPad gelesen oder ganz selten mal über die Feedly Website.

Warum Reeder?

RSS Reader Apps gibt es ja auch wie Sand am Meer aber es gibt weniger die so gut funktionieren und nicht aufgebläht daherkommen. Es ist auch mal gut einfach zu bleiben und nicht jeden Kram in eine App einzubauen. Mir gefällt die einfache und intuitive Nutzung der App. Die Gesten sind einfach und machen Sinn. Die Ansicht wie die Feeds dargestellt werden ist super. Ich will Headlines sehen und fertig. Alles soll schnell erfassbar sein und die App somit ein Stück weit produktiv sein. Bunte Bilder möchte ich erst zu Gesicht bekommen wenn ich der Meinung bin etwas interessiert mich. Auch brauch die App keine Gewichtung für mich vornehmen oder in die Sortierung eingreifen. Nur Feeds lesen, danke!

Die Sharing Möglichkeiten von Reeder sind mehr als ausreichend. Für mich ist Readability, Buffer, Twitter und Facebook interessant. Manchmal verschicke ich noch Artikel per Mail oder öffne Links im Browser bzw. kopiere mir diesen. Alles kein Problem und einfach zu erreichen. So gefällt mir das. Aktuell läuft mein FeedlyAccount sowie mein Readability Account über die Reeder App. Daneben gibt es noch die Möglichkeit Feedbin, Feed Wrangler oder Fever zu nutzen. Wer mit all diesen Diensten nichts anfangen kann, kann einfach in der App RSS Feed anlegen, lokal ohne Sync Möglichkeit. Damit sollte der Großteil glücklich werden können.

Reeder — Design & Feeling

Auch in der Reeder App ist alles etwas flacher geworden. Nach wie vor ist die App schön sauber und mag optisch einfach zu gefallen. Schlicht und durchdacht und das Auge kommt auch auf seine kosten. Schön finde ich die ganzen Gesten und auch die Animationen in der App sind Klasse. Das Teil ist einfach Rund, Punkt!

Schon wieder bezahlen?

Ich hab mir die letzten Tage wieder Kommentare durchgelesen zum Reeder release. Ja die App kostet 4.49,- € und man muss den Preis wieder bezahlen auch wenn man davor schon eine Reeder App gekauft hat. Kann man schlimm finden sollte man aber nicht. Das sind Beträge die einem nicht sonderlich weh tun sollten wenn man so eine App oft und gern nutzt. Auch bin ich der Meinung das gute Arbeit bezahlt werden sollte. Da der App Store keine Paid-Updates vorsieht muss es halt über eine neue Version laufen. Der Preis ist angesichts der Universal App gerechtfertigt. Selbst für 10,- € hätte ich ohne bedenken zugeschlagen. Die App ist es wert!!!

• iTunes Store Link
• Reeder App Website

Ein paar Bilder

Es war an der Zeit für Urlaub und wir machten uns auf den in Norden. Über Autobahn und Wasser (und wieder Autobahn) sollte unser Ziel Stockholm sein. OK, wir hatten ein Haus gemietet (klar, über AIRBNB) was kurz vor Stockholm lag. Schönes Haus! Kann man so wieder machen. Selber Kochen und abends auf der Terrasse ein paar Cocktails schlürfen kann schon was. Hotelurlaub my ass! Stockholm an sich war super. Schöne Stadt, schönes Wetter und schöne Menschen... HAHA! Nur alles irgendwie gefühlt doppelt so teuer was so die täglichen Sachen angeht. Egal, es war Urlaub! Vielleicht folgen die Tage noch ein paar Fotos hier und da. Ansonsten kann man bei mir im Instagram Stream das ein oder andere finden ;)

Es war Freitag und ich machte mich auf ins Büro. Wie auch letztes Jahr war mein Schreibtisch bunt geschmückt mit Geburtstags Dekoration. Da kommt natürlich Freude auf. Die netten Kollegen hatten auch noch ein nettes Geschenk! Genau, das oben erwähnte Quad Lock Kit. Danke dafür :) !!! Mein Mauszeiger bewegte sich schon oft über den "Add to Cart" Button doch bisher hab ich immer noch die Kurve bekommen. Das hat sich jetzt erledigt, hehe.

Erster Eindruck

Verpackung... Mit einer schicken Verpackung kann man mich ja schon immer überzeugen. Das bekommt Quad Lock auf jeden Fall schon mal gut hin. Dezente Verpackung mit Guckfenster der mit einem Magneten gehalten wird. Gefällt mir. Aber Es kommt ja wie immer auf die inneren Werte an... Also ausgepackt das gute Stück und auch da macht alles einen guten Eindruck! In der Verpackung stecken: Die Halterung, das Case für das iPhone, die Regenschutzhülle, ein paar Befestigungsgummies sowie zwei Kabelbinder. Alles was man braucht. Besonders gut finde ich das mit der Regenhülle. Kommt ja schon mal vor das man unterwegs ist und es anfängt zu regnen.

Zweiter Eindruck

Gefahren bin ich damit noch nicht aber angebaut habe ich es mal. Es macht einen guten Eindruck. Beim Cannondale ist der Vorbau etwas breit deswegen waren die Gummies etwas zu eng / klein aber ich hab das ganze nun einfach mit Kabelbindern festgemacht. Denke das macht das ganze noch etwas stabiler auch. Die Halterung hat eine gewisse Höhe aber das ist nicht weiter störend wie ich finde. Das wichtigste ist das alles stabil wirkt und man nicht angst haben muss das es bei kleinster Erschütterung auf und davon fliegt. Wie gesagt, getestet habe ich es aktuell noch nicht aber es macht einen stabilen Eindruck, soviel kann ich schon mal sagen. Da wackelt wenig und ich denke man kann damit bedenkenlos fahren gehen. Vielleicht würde ich damit kein Downhill fahren gehen oder Dirtjumpen aber ich glaube dazu braucht man es auch nicht. Selbst da würde es aber wohl halten.

Das Case

Schön finde ich das trotz der Aufnahme auf der Rückseite sich das ganze dennoch schön dünn anfühlt. Es ist etwas dicker als mein anderes Case aber auf keinen Fall so dick das es irgendwie störend wirkt. Gefällt mir! Auch sonst ist das Case voll in Ordnung. Tasten gehen gut, es ist schwarz. Passt alles! Was ich super finde ist die mitgelieferte Regenhülle. Was mich daran fasziniert ist, dass die Hülle, also die Fläche die auf dem Display liegt schon recht dick ist aber sich das iPhone wie gewohnt super bedienen lässt. Ein kleiner Punkt gegen das Case ist eigentlich nur der, dass wenn man das iPhone auf dem Tisch liegen hat und es nutze es immer wackelt da das Case in der Mitte etwas höher ist. Aber man muss das gute Stück ja nicht als Standard Case nutzen sondern kann es ja eben drauf packen wenn man mit dem Rad los macht. Also halb so wild. Ansonsten alles super!

Es fehlen eigentlich nur Adapter damit man z.B. auch das Garmin drauf packen kann.

• Quad Lock Bike Mount Kit - iPhone 5

Ein paar Bilder

Aber nun zum Thema

Um Instagram soll es gar nicht vordergründig gehen. Man meint immer es gibt Apps, da ist der Markt so überflutet von, dass man da gar nichts mehr neues / gutes bringen kann. Aufgabenverwaltungs- und Foto Apps sind sehr gute Beispiele dafür. Ich war lange begeistert von Camera+ doch diese nutze ich mittlerweile gar nicht mehr. Eigentlich nutze ich nur noch die Standard iOS Kamera App und das einfach aus dem Grund weil man da am schnellsten ran kommt. Aber es gibt eine neue App die sich lohnt zu nutzen. Vielleicht nicht unbedingt zum Fotos machen, denn da ist die iOS Kamera App wohl einfach die beste Lösung. Aber in Sachen Nachbearbeitung hab ich bisher nichts vergleichbares gesehen. Die Rede ist von der VSCO CAM App (App Store Link) die einfach sau geil ist!

VSCO CAM — Warum so gut?

Ich mag diese ganze Filter Scheiße!!! Man hört immer: "Ach, diese Fotos mit den Filtern, man kann es nicht mehr sehen..." oder "Das hat nichts mit fotografieren zu tun...". Für mich ist Fotografieren einfach nur Momente festhalten und letztendlich für mich ein schönes Foto zu haben. RICHTIG, für mich! VSCO CAM hat eine Menge an Filtern die man per In-App Kauf erwerben kann. Aktuell gibt es noch ein Bundle mit allen Filtern für 5 Euro. Natürlich hab ich da zugeschlagen. Aber nicht nur die Filter sind super. Auch die ganzen Sachen die man von Hand noch anpassen kann, genial. Schaut euch die App an! Wer gern Fotos macht bzw. diese bearbeiten möchte wird damit Spaß haben.

VSCO GRID

VSCO Grid ist eine Art privates Portfolio wohin man seine Fotos aus der App schieben kann. Sehr schlicht und einfach alles aber auch genauso schön das ganze. Hier ist meine GRID Page wo aktuell nur ein paar wenige Fotos zu sehen sind. Im Moment läuft alles - wie sollte es auch anders sein - über invite aber das wird sich sicher bald ändern. VSCO scheint genau richtig zu sein mit seiner App. Instagram hat mit dem Kauf durch Facebook eh etwas an Image verloren und VSCO hat ihr eine sehr guten App und dem GRID Service den nerv der Zeit getroffen. Weniger ist mehr!

• VSCO Website
• VSCO CAM Website
• VSCO CAM App Store Link
• Introducing VSCO Grid

Bild meiner GRID Page

Dieses Jahr war die OFFF auch wieder in Barcelona und das ist sicher nicht der schlechteste Ort um ein paar Tage zu verbringen. Gerade wo das Wetter hier in Deutschland im Moment mehr als verrückt spielt. Zusammengefasst hieß das also, ein tolles Event zu besuchen und auch noch ein paar Sonnenstrahlen dabei zu erhaschen. Was möchte man mehr?! Jetzt erst mal ein Bild das ich vor ein paar Tagen auf der OFFF Facebook Seite gefunden habe. Eine kurze Mail an den Fotografen und schon hatte ich das Bild. Danke Jean!

Die Speaker

Die OFFF hat wenig mit Webkram zu tun. Gezeigt wird hier vor allem viel Illustration's Zeug und Video & 3D Zeug. Hier waren einige verrückte Typen dabei die richtig geile Sachen machen. Die Message von fast allen war: DO WHAT YOU LOVE... Irgendwann waren diese Ansagen dann aber auch zu viel des guten, da alle das gleiche gesagt haben. Man konnte die Uhr danach stellen :) Letztendlich haben sie aber recht damit. Es gab gute, sehr gute und weniger gute die da auf der Bühne standen. Manche boten großes Kino andere klickten ihre Keynote Präsentation durch. Hier mal ein paar Namen die großes Kino geboten bzw. tolle Sachen vorgestellt haben

• James White — http://blog.signalnoise.com/
• GMUNK — http://gmunk.com/
• David O'Reilly — http://davidoreilly.com/
• McBess — http://mcbess.com/
• N9ve Studio — http://www.n9ve.it/
• North Kingdom — http://www.northkingdom.com/
• Jessica Walsh — http://www.sagmeisterwalsh.com/
• Fi (Fantasy Interactive) — http://www.f-i.com/

Das waren in meinen Augen die BESTEN! Am meisten hat Fi (Fantasy Interactive) gefallen was zum einen daran lag, dass die ein Webthema hatte (USA Today Relaunch) und ich die USA Today Seite auch richtig richtig gut finde. James White & McBess waren super Showmänner und boten uns allen eine super Show mit interessanten und sehenswerten Arbeiten. GMUNK's Sachen sind schon irgendwie nicht mehr nachvollziehbar was da genau gemacht wird. Dennoch super!

Wie schon gesagt war es weniger eine Konferenz wo es um das Thema Web ging. Das war mir vorher aber klar. Die OFFF ist schön um sich einfach mal andere Sachen anzuschauen. Sehen und hören wie Leute arbeiten, kreativ sind und bestehende Probleme lösen. Vieles was gezeigt wurde waren auch freie Arbeiten, also keine die für irgendwelche Kunden gemacht wurden. Da gab es auch viel spannendes zu sehen. Alles in allem hat es Spaß gemacht, war interessant und man hat viel gutes gesehen und gehört. Leute erzählten das die diesjährige OFFF nicht so gut gewesen sei. Kann ich nicht einschätzen da es meine erste war. Vielleicht kann ich das später beurteilen wenn ich eine zweite gesehen habe.

Ein paar Bilder

Noch mehr Bilder

Die Kamera hatte ich zwar immer dabei aber wie das so ist in Zeiten der Smartphones lässt man sie oft in der Tasche. Viel wurde mit dem iPhone festgehalten und einiges kann man hier finden: http://whenwewander.tumblr.com/. Schaut doch mal rein!

Endlich mal wieder ein gutes Kabel

Das Kabel der RHA ist mit Stoff überzogen und das ist schon mal ein GANZ GROSSER Punkt für diese Kopfhörer. Das "verheddern" das sicher jeder kennt wenn er seine Kopfhörer aus der Hosentasche holt ist damit so gut wie weg. So sollte es sein. Bis heute Frage ich mich warum man das nicht immer macht? Vor allem bei Kopfhörern die für unterwegs gedacht sind… Für mich auf jeden Fall ein Punkt der die Kaufentscheidung positiv beeinflusst. Ach ja, ein gerade Stecker ist dran, das ist auch super aber heute wohl auch fast Standard.

Klangqualität

Ich bin kein Sound-Fetischist und will mich hier auch auf gar keinen Fall als Fachmann hinstellen. Ein paar viele InEars hatte ich aber sicher schon in meinen Ohren und von daher kann ich sicher sagen ob ich das gut oder schlecht finde. Der Klang ist gut finde ich. Was ich höre? Rock und Hip Hop würde ich sagen.

Tragekomfort

Im Vergleich zu Apple Kopfhörern (ja auch die neuen die beim iPhone 5 dabei sind) eine ganz andere Welt. Aber auch im Vergleich zu meinen UltimateEars finde ich die RHA deutlich angenehmer. Auch nach langem tragen wirken sie nicht störend. Alles fein also!

Alu! Toll!

Es fühlt sich doch gleich anders an wenn man InEars aus Alu in der Hand hat als andere aus Plastik. Wirkt gleich wertiger.

Fazit

Gute InEars mit Mikro und Fernbedienung für einen super Preis (ca. 50 Euro). Auf jeden Fall würde ich mir diese jeder Zeit wieder kaufen! Das Gewicht ist auch super. Ich hatte nie das Gefühl es reißt mir die Dinger aus dem Ohr :)

Features

• Dynamischer Lautsprecher für hochwertigen Klang mit vollständigem Bass
• Hergestellt aus solidem Aluminium
• Eine Auswahl von sieben Paar weichen Silikon-Ohrpölsterchen für sicheren, bequemen Sitz
• Mit Stoff überzogenes Kabel schließt Verheddern aus und verlängert Lebensdauer des Kabels
• iPhone/iPod/iPad-Fernbedienung und Mikrofon.
• 3,5 mm Verbindungen (vergoldet)
• Transportbehältnis und kleines Etui für Ohrpölsterchen

Technische Daten

• Treiber 10mm Mylar
• Frequenzbereich 16-22,000Hz
• Impedanz 16ohms
• Empfindlichkeit 103dB
• Nennleistung/Hochstleistung 3/10mW
• Gewicht 14g
• Kabel 1.5m
• Anschlüsse 3.5mm

RHA MA-450i

Whaaaaaaaaaaaaat??? Nicht responsive???

Nein! Kommt später... Ihr wisst ja, die liebe gute Zeit... :) Aber die mobilen Zugriffe halten sich ja eh in Grenzen oder?

Old vs. new

Big Pictures!

Aber bevor wir zum neuen iMac kommen möchte ich noch ein paar Worte zu meinem alten loswerden. Er soll ja gebührend gefeiert werden. Wie oben schon erwähnt hat es hier keiner länger überlebt und das nicht ohne Grund. Hatte ich 2010 doch das größte Model genommen (größter CPU etc.) und später dem guten auch noch etwas Arbeitsspeicher (16GB) und eine SSD (160GB) spendiert. Dazu hatte ich auch mal etwas geschrieben: iMac aufgerüstet. 16GB Ram und Intel SSD inkl. Benchmark. Dazu kann ich nur sagen, dass es sich mehr als gelohnt hat. Das Ding hat nach wie vor Power ohne Ende und sollte für die meisten Leute dicke Leistungsreserven haben. Kurz gesagt: Der beste Mac den ich bis jetzt hatte und da stand auch schon ein Mac Pro hier… Das soll schon was heißen.

Nun zum neuen iMac

Auch diesmal sagte ich mir "Klotzen anstatt kleckern" was so viel heißt wie das ich auch diesmal das größte Model genommen habe. Das Teil soll wieder mindestens drei Jahre seinen Dienst verrichten und das wird er auch. Hier mal ein paar Fakten:

• 27" iMac
• Prozessor: 3,4 GHz Intel Core i7
• Arbeitsspeicher: 32 GB 1600 MHz DDR3
• Grafikkarte: NVIDIA GeForce GTX 680MX 2048 MB
• Festplatte: 1TB Fusion Drive was so viel heißt wie 1TB HDD + 128GB SSD

Liest sich alles nicht schlecht oder? Warum es 32 GB Ram sein mussten? Musste nicht sein aber bei Apple hätte das aufrüsten auf 16GB 200 Euro gekostet und bei Amazon haben mich 32GB auch 200 Euro gekostet. Von daher viel mir die Entscheidung nicht all zu schwer. Und viel hilft ja bekanntlich viel.

Eingerichtet hab ich den neuen Mac ganz einfach mit dem Migrationsassistenten. Beide iMac's im gleichen Netzwerk und los ging der Spaß. Hat etwas mehr als eine Stunde gedauert und schon war der neue iMac im Grunde wie der alte. Es ist immer wieder eine Freude. Wenn ich an die alten Windows Zeiten denke wo man den ganzen Mist alles neu installieren musste… Danke Apple, das ist wirklich immer wieder einfach und schont die Nerven. Nachdem das alles erledigt war wurde hier und da noch etwas die Festplatte aufgeräumt und dann lief alles als sei nichts gewesen.

Fusion Drive

Dazu kann ich wohl noch nicht all zu viel sagen. Der Mac ist schnell und es fühlt sich wie vorher an. Das ganze soll ja intelligent arbeiten und für mich die Sachen die ich oft nutze auf die SSD schieben. Wird schon passen sag ich mal. Mein Photoshop startet innerhalb von ein paar Sekunden. Vielleicht schreib ich dazu später noch mal was aber eigentlich denke ich nicht das es nötig sein wird.

Design (Hardware)

Dadurch das ich nun beide iMac's hier stehen habe konnte ich das ganze mal direkt vergleichen. Und wenn man beide nebeneinander stehen sieht muss man schon sagen: WOW, das Teil wirkt um einiges schlanker. Man kann jetzt darüber streiten ob man das braucht da es ein stationärer Computer ist und meistens wohl eh nur von vorne sieht. Aber das ist schon ein krasser Unterschied von der Optik her. Der alte wirkt in der Tat wie ein Klumpen dagegen. Wer kann sich noch erinnern als er den ersten TFT Monitor neben sein CRT Monitor gestellt hat? Na OK, ganz so krass ist es vielleicht nicht aber ihr wisst was ich meine. Retina MacBook Pro vs. MacBook Pro ist wohl ein ganz guter Vergleich wo ich persönlich auch sehr überrascht war wie krass da der Unterschied ausgefallen war. Nun gut, dünner also und etwas aerodynamischer der gute. CD Laufwerk ist verschwunden und soll ich euch was sagen… Ich werde es nicht vermissen. In drei Jahren hab ich vielleicht zwei mal ne CD in den iMac gesteckt. Hoch lebe die Cloud!!!

Ein Satz zum Display

Es wurde ja gesagt, dass der neue iMac weniger Spiegeln soll. Ist das so? JA, das ist so. Also beide hier standen und der Bildschirm aus war (also schwarz) hat man deutlich gesehen, dass der neue deutlich weniger spiegelt. Ich hab hier zuhause zwar eh nie ein Problem damit gehabt da hinter mir eine Wand ist und kein Fenster aber für Leute, die direkt vor dem Fenster sitzen oder eine andere Lichtquelle hinter sich haben, werden mit dem neuen iMac weniger spiegeln haben. Auch sonst ist das Display super. Ob man hier am iMac Retina braucht weiß ich nicht. Ob es kommen wird weiß ich auch nicht. Aber man kann wohl davon ausgehen… Hoffentlich erst in drei Jahren, haha.

Was gibt es sonst noch zu sagen?

Ich hab wie immer die Tastatur mir Ziffernblock genommen. Die Magic Mouse gab es auch noch dazu wird aber wohl wie immer im Schrank bleiben oder geht mit dem alten iMac auf Reise. Braucht kein Mensch das Teil. Der SD-Karten Slot ist nun an der Rückseite untergebracht. Liegt wohl am Design vom iMac. Ist ja an den Seiten fast schon zum Brot schneiden geeignet. Leute meckerten darüber. Mich stört es nicht, warum auch… Der Rest der Anschlüsse ist auch hinten.

Geekbench

Na klar, Benchmark muss sein. Will man doch den Vorgänger mit dem Nachfolger vergleichen. Hier mal drei Resultate:

• iMac 2010 — 10730 Punkte
• MacBook Pro Retina 2012 — 12036 Punkte
• iMac late 2012 — 13799 Punkte

Also im Vergleich sind es zum 2010er iMac ca. 30% mehr Leistung. Aber der Geekbench ist ja glaub mehr ein Benchmark der die CPU Leistung widerspiegelt oder? Ich kenn mich auch nicht so aus. Aber Grafikkarte etc. sind ja nun im 2012er iMac auch etwas potenter im Vergleich zum 2010er iMac. So wichtig ist das ja auch nicht. Halt ein paar Zahlen um das ganze etwas einzuordnen.

Blackmagic Disk Speed Test

Jaja, ihr wollt zahlen… ihr bekommt Zahlen. Hier ein Screenshot vom Ergebnis, ich kenn mich auch nicht so aus. Sehe nur was von schreiben bei knapp 300MB/s und lesen bei etwas über 400MB/s. Die Kenner von euch werden das schon zu deuten wissen was sie da auf dem Screenshot sehen… Wenn nicht, dann nicht.

Fazit

Ich denke der Kauf hat sich gelohnt. Das Design ist nett was mir letztendlich aber nicht sonderlich wichtig war. Gut finde ich das fehlende CD Laufwerk da ich es eh nicht genutzt habe. Noch besser finde ich das weniger spiegelnde Display. Auch schön ist die neue Verpackung, hehe. Der Rest ist ein toller iMac mit genug Power für meine Aufgaben. Hoffen wir das er genauso ein Durchhaltevermögen wie sein Vorgänger zeigen wird. Aber gehen wir mal davon aus.

Ein paar Bilder

Wir restaurierten die alte Minirampe bei Thomas im Garten. Wir bauten sie so, dass man sie transportieren konnten und bei Media Markt Festen oder zu Stadtfesten aufbauen konnte. Selten so eine geile Minirampe gesehen und auch selten so viel Spaß gehabt etwas zu bauen. Danke an Thomas, seinen Garten und seine netten Eltern die den ganzen Spaß mitgemacht haben.

Wir hatten eine Menge Spaß auch abseits des Vereins. Party gehörte genauso dazu wie die Arbeit am Skatepark. Ein tolle Zeit an die man sehr gern zurück denkt. Den Verein wird es weiterhin geben nur halt mit einem anderen Vorstand denen wir natürlich viel Erfolg wünschen das der Verein, der Park und alles was dazu gehört, weiterhin ein Teil von Plauen sein werden.

Danke...

...an alle die das Projekt und den Verein unterstützt haben und auch weiterhin tun. An alle die fleißig dabei waren und dabei sind so ein Projekt zum Leben zu erwecken und am Leben zu erhalten. An die Stadt Plauen und die Leute die offene Ohren hatten und uns unterstützten. An die Sponsoren die uns unterstützt haben. An die geilen Leute die ich kennenlernen durfte! Und an alle die sich noch angesprochen fühlen ;)

Zugabe...

Ein was hab ich persönlich gelernt bei dem Projekt. Es bringt nichts über Dinge zu reden und zu träumen. Machen! Auch wenn es nicht immer leicht erscheint und es Rückschläge gibt. Die richtigen Leute und die richtige Motivation und man kann so einiges bewegen!

Acht Jahre. Ende!

• Vereins Website
• Skatepark Website

Tolle Einleitung was... Dieses Jahr (2013) darf ich mich als AWWWARDS Jury-Mitglied schimpfen. Ich glaube man konnte sich da irgendwann mal bewerben und das tat ich wohl. Auf jeden Fall bekam ich letztens eine Mail das ich bei der 2013er Jury dabei bin. Hat mich natürlich gefreut und geehrt. Sind ja schon ein paar Jungs und Mädels dabei die man so aus dem Leben im Internet kennt und deren Arbeiten man bestaunt. Natürlich hat das auch einen netten Nebeneffekt für MakeBetterWebsites. Noch mehr Bookmarks! Yay!

Anker Astro3E

Kurve!

Ja mich nervt es auch total das der Akku von meinem iPhone relativ schnell leer ist wenn man das Teil intensiv nutzt (Zugfahrt, Fotos etc.) aber das ist kein Problem von Apple und auch nicht von anderen Herstellern. Liegt wohl eher am aktuellen Stand der Akku-Technik. Sicher, man könnte die Geräte wieder 2cm dick bauen und mehr Akku unterbringen aber das würde letztendlich doch keiner wollen. Egal, was ich eigentlich sagen wollte ist, dass ich mir heute endlich — ja ich hab das schon lange vorgehabt — einen Akku-Pack bestellt habe. Vorteil von so einem Teil ist ganz klar, dass ich damit ziemlich viel laden kann und nicht an Gerät X gebunden bin.

Gekauft habe ich letztendlich ein: Anker® Astro3E 10000mAh. Passiert ist das zufällig als ich mal bei Google+ vorbei schaute und den Post von David mitbekam. Das Teil sollte das iPhone 3-5 mal aufladen können was schon ne Menge ist. Die Größe und das Gewicht spielen für mich nicht so eine wichtige Rolle da wenn ich mehr Akku brauche ich meisten auch länger unterwegs bin und dann auch irgendwas mithabe (Tasche, Rucksack whatever...). Aber so groß und schwer ist er dann ja auch nicht. Der Preis ist super (33 Euro) und billiger bekommt man so etwas wohl auch nicht. Bewertungen sind auch sehr positiv und auch in großer Anzahl vorhanden. Freu mich schon wenn das Teil kommt und werde es dann nächste Woche gleich mal testen wenn ich mal wieder 7h im Zug sitze und das ganze Wochenende unterwegs sein werde.

Oft entstehen zu solchen Diensten wilde Diskussionen… Ganz nach dem Motto: Das gibt es doch aus kostenlos beim Anbieter XYZ. Seit ich mit Mac's arbeite ist bei mir ein umdenken eingetreten. Ich zahle gern für Software wenn diese das leistet was ich erwarte und dazu auch noch "schick" anzusehen ist. Aus der Windows Welt kenne ich es nicht, dass es Apps gibt die gewünschte Funktion bieten und dazu auch noch schön aussehen bzw. Spaß machen bei der Nutzung. Aber darum soll es gar nicht gehen jetzt. Kernaussage sollte nur sein: "Für tolle Apps bin ich auch bereit Geld auszugeben". Auch wenn vielleicht andere das gleiche bieten. Spaßfaktor! So, kommen wir zur ersten App die ich etwas näher Vorstellen möchte.

Strava

"Running and Cycling GPS Tracker, Performance Analytics, Maps, Clubs and Competition". Damit ist auch schon viel gesagt und man kann erahnen worum es geht.

Beginnen wir doch aber an einer andere Ecke. Ich fahre seit gefühlten 40 Jahren Fahrrad. Na, merkt man die leichte Übertreibung? Verrückt! Das BMX fahren möchte ich hier mal außen vor lassen da es mit dem hier vorgestellten wenig zu tun hat. Es geht hier mehr um MTB's etc. Mein Schülerpraktikum machte ich im Fahrrad Schmidt in Plauen das müsste vor ca. 13-14 Jahre gewesen sein. Genau zu dieser Zeit kaufte ich auch mein erstes ordentliches Mountain Bike. Die Worte die mir an den Kopf geworfen wurden waren in etwa diese: "endlich hast du mal ein ordentliches Fahrrad". BMX Räder gingen da noch nicht so als Fahrrad durch :) Es war natürlich ein Cannondale (F900 glaube) und ja, seit dem kamen nur noch Cannondales ins Haus wenn es nicht ein Stahlrad war. OK, damals bin ich damit auch nicht wirklich ernsthaft gefahren sondern es war einfach ein Fahrrad. A nach B und so... ihr wisst schon.

Anfang 2011 nahm ich mir vor etwas häufiger zu fahren. Sport treiben, Touren fahren etc. Einfach etwas Bewegung was sicher nicht schaden kann. Fahrradcomputer sind super dachte ich aber einen der mir nur zeigt, dass ich gerade 30 Km/h fahre war irgendwie langweilig. Also etwas informiert und letztendlich einen Garmin Edge 500 gekauft. Damit kann man etwas mehr machen wie z.B. die Strecke per GPS aufzeichnen. Puls und Trittfrequenz messen Kalorienverbrauch anzeigen etc. Ein Spielzeug für Männer oder wie auch immer man dazu sagen möchte. Wenn man diese ganzen Daten aufzeichnet möchte man diese auch gern wieder auswerten. Statistiken, wie geil!

Bevor ich bei Strava landete probierte ich natürlich auch wieder andere Dienste. Runkeeper, DailyMile und Garmin Connect. RunKeeper war ganz nett aber letztendlich hab ich es trotz Pro Account nicht wirklich genutzt. Vielleicht hat mich das "Run" im Namen gestört. Dann bin ich durch Manuela zu DailyMile und hab mir das angeschaut. Im Grunde auch nicht schlecht aber irgendwie fühlte es sich immer etwas zu "verspielt" an. Lag vielleicht am Look der Website. Einen Pro Account hatte ich mir dort nicht geholt. Garmin Connect befühlte ich auch immer mit meinen Daten aber dort hatte man eher das Gefühl abgeschottet von allem zu sein. Es ist halt irgendwie ein reiner Datenspeicher an ohne Interaktion mit anderen Benutzern zu haben.

Dann kam ich glaube über Markus und Frank zu Strava. Account gemacht und mal kurz angeschaut aber dann erst einmal wieder links liegen gelassen. Ich nutzte dann doch lieber DailyMile und Garmin Connect weiter. Irgendwann Mitte 2012 schaute ich mir Strava wieder an und dann sprang der Funke über wie man so schön sagt. Liebe auf den zweiten Blick!

Natürlich wurde auch hier der Pro Account oder besser Premium Account geholt. Allein um es mal zu testen. Zwingend notwendig ist der aber auf jeden Fall nicht. Das meiste ist auch mit einem kostenlosen Account möglich. Aber ich sagte ja oben, für gute Apps bin ich gern bereit etwas Geld auf den virtuellen Ladentisch zu legen.

Was ist so toll an Strava

• Die Website ist super schick und so etwas spricht mit einfach an. Hier ist viel Liebe ins Detail geflossen und so etwas muss man einfach positiv sehen und anerkennen. Funktion zum einen aber diese auch noch schön verpacken ist perfekt.
• Die iPhone Apps sind genauso schick gemacht. Auch Android sieht super aus wobei ich diese noch nicht live gesehen habe.
• Strava ist für Radfahren und Laufen gedacht. Perfekt! Seit ein paar Wochen versuche ich mich doch in der Tat auch am Laufen. Sau anstrengend kann ich nur sagen!!!
• Das soziale steht sehr im Vordergrund. Die Startseite zeigt einen Stream mit den eigenen Ereignissen den von den Leuten denen man folgt an.
• Strava funktioniert super mit meinem Garmin Edge 500
• Segmente lassen sich festlegen dann gegen sich selbst oder aber gegen andere antreten kann. Ehrgeiz. Wettkampf.
• Man kann verschieden Fahrräder "hinterlegen" und diese dann immer den Fahrten zuordnen. Somit weiß man auch mit welchem Rad man mal wieder fahren sollte das es sich nicht vernachlässigt fühlt.
• Es wird weiterentwickelt. Das finde ich immer besonders wichtig wenn man sieht das sich immer was tut. Auch wenn es nur kleine Funktionen sind wie das Wochenziel das man sich festlegt (Wurde jetzt im Januar 2013 dazu gepackt).

Was ist nicht so toll an Strava

• Wem was einfällt bitte in den Kommentaren erwähnen :)
• OK, einen Punkt habe ich. Die Verbreitung ist nicht so hoch was mich aber irgendwie wundert.

Fazit

Super schick. Super Funktionsumfang. Premium Account ist preislich OK. Wer gern Rad fährt oder gern Joggen geht und Spaß hat das ganze irgendwie festzuhalten sollte sich Strava auf jeden Fall anschauen.

• Strava Website
• Mein Strava Profil
• Strava Cycling App
• Strava Run App

Strava Profil

Strava Cycling iPhone App

Was sollte genau anders werden

Generell gesagt: weniger ist mehr!

Startseite

Der Portfolio part ist wieder etwas prominenter jetzt. Aber es wird jetzt auch nur noch das letzte Projekt angezeigt und nicht mehr fünf wie bei der letzten Seite. Hier sollte einfach die Spielerei rausfliegen (Tooltips etc.) und die Darstellung klarer werden.

Die letzte drei Artikel haben nun auch etwas mehr Luft bekommen und die Artikel aus der Kategorie "Empfehlungen" verlinken jetzt erstmal in die Detailansicht und nicht mehr direkt auf die externe Website. Könnte den ein oder anderen vielleicht etwas verwirrt haben.

Blog Bereich

Im Blog sollte der Inhalt mehr in den Vordergrund rücken und das Design etwas zurückgenommen werden. Heißt im konkret, dass die Blog-Übersicht deutlich vereinfacht wurde. Viel mehr im sichtbaren Bereich und generell eher eine Liste die man deutlich besser Überblicken kann als bisher. Das Suchfeld drüber ist geblieben da suchen ein immer beliebteres Navigationsmittel ist sollte man dieses auch prominent platzieren. Unter der Liste finden sich die Kategorien. Diese sind wie auch schon vorher eher zurückgenommen da ich denke das diese nicht sonderlich wichtig sind. Der Blog wird eher bei aktuellen Sachen gelesen was heißt, dass wenn ich etwas publiziere die Leute über die sozialen Kanäle hier landen. Später werden diese dann eher über Google oder Verlinkungen den weg hier her finden. Auch gehe ich hier natürlich von mir aus wie ich andere Blogs lese bzw. diese navigiere. Die Suche ist mir deutlich wichtiger und meist auch schneller Zielführend als mich durch Kategorien zu klicken. Soweit so gut.

Artikel mit Tags versehen mache ich schon lange nicht mehr. Irgendwie ist das ganze in meinen Augen eher nutzlos da auch hier wieder die Suche ähnlich effektiv sein sollte wie sich durch Tags zu kämpfen. Auch ist es wieder eine Meta-Info die gezeigt werden möchte. Aber es sollte ja reduziert werden. Gegenstimmen? Nein? Danke!

Der Rest ist im Blog recht gleich geblieben. Textblöcke mit wenig Satzlänge, relativ große Typo und natürlich große Bilder. Never change... na ihr wisst schon!

Der Rest der Website

Hier ist vieles gleich geblieben. Rausgeflogen sind die Dribbble-Shots die zwar nett waren aber dennoch weichen mussten. Sagte ich es schon? Weniger ist mehr! About, Contact & Portfolio sind wirklich nahezu gleich geblieben. Hier sah ich keinen Grund etwas zu ändern. Es geht mir bei meiner Seite nicht um Fancy Effekt oder jeden Trend schnellstmöglich hier unter zu bringen. Es soll eine Visitenkarte sein meine Ansicht einer guten Website widerspiegeln.

Responsive — Natürlich!

Ein bisschen Trend muss dann schon sein, haha. Auch diesmal ist die Seite wieder komplett Responsive. Von 1200px Breite geht es runter bis auf Smartphone-Hochformat-Größe und das sollte auch ganz gut klappen. Natürlich hab ich keine Scharr an Testgeräten hier. Interessiert mich auch nicht wirklich. Meine Seite, meine Hausordnung. Aber im Ernst, wer Bugs findet darf diese mir gern mitteilen und ich versuche diese dann auch zu beheben. IE Optimierung mache ich aber nicht!!! Ehrlich gesagt hab ich das auch schon lang nicht mehr. Der IE9 & IE10 sollten das hier schon alles ganz sauber darstellen. Das was da drunter passiert ist mir letztendlich egal. Die Zielgruppe der Seite hier wird aber meisten schon auf den moderneren Browsern dieser Welt unterwegs sein und von daher wird es hier wenig Probleme geben.

So, genug geschrieben dazu! Ach ja, das erste mal kam eine Icon-Font zum Einsatz. GEILER SCHEISS!!!

Meine PSD-Datei zum aktuellen Design

Schnell in den Browser wechseln!

Gestern war ein ganz guter Artikel dazu im Design Tagebuch: Responsive Webdesign – Eine Herausforderung für Webdesigner zu lesen. Ich bin auch der Meinung das man viel schneller in den Dummy / Entwicklungsmodus wechseln muss um ein Design zu fühlen. Gerade beim Thema Responsive Webdesign ist das wichtiger den je. Natürlich sollte man hier auch nicht übertreiben denn umso eher man sein Layout Programm verlässt desto mehr besteht die Gefahr das man sich im Design einschränkt. Aber auch der Weg, dass man jede Unterseite einer Website komplett in Photoshop (Pixel Perfect) erarbeitet ist wohl etwas überholt. Problem ist wohl hier eher der Designer bzw. das Team das die Website erarbeitet als vielmehr der Kunde. Er ist es gewöhnt jede Seite — mit einigen Korrekturschleifen — als Bilddatei zu sehen, zu beurteilen und dort wieder Änderungswünsche umsetzen zu lassen. Das ist so gelernt und wird seit Jahren so gehandhabt und wird es wohl auch weiterhin werden. Einen Vorwurf kann man hier nicht machen. Glück hat man natürlich, wenn der Kunde selbst an solch einem Vorgehen interessiert ist. Hier bleibt abzuwarten wie sehr sich die Kunden hier erziehen lassen um solch ein Vorgehen öfters einsetzen zu können. Natürlich ist diese Art des Arbeitens auch keine die man immer und überall einsetzen kann. Aber doch deutlich mehr als man das aktuell macht.

Die Kurve zurück zu meiner PSD-Datei. Wie man sieht ist nicht all so viel passiert. Natürlich muss man auch sagen, dass die Seite von mir in vielen Bereich weitestgehend übernommen wurde und hier nicht viel angepasst wurde. Aber die PSD war für mich in diesem Fall und auch in vielen anderen einfach nur eine Datei die mir so grob die Richtung vorgeben sollte. Es gibt dann immer einen Punkt X wo ich sage: "Jetzt geht's ans HTML" und ab dann wird das meiste direkt im Browser gemacht. Hier wird dann nur noch Photoshop geöffnet um Grafiken zu produzieren die gebraucht werden. Das vorgehen erfordert natürlich eine gewisse Vorstellung was am Ende heraus kommen soll. Es gibt dann auch das ein oder andere Element oder Bereich wo das nicht mehr so klar ist dann geht man wieder in Photoshop und erarbeitet dort eine Lösung. Das muss auch wieder nicht bis zum bitteren Ende passieren. Das vorgehen bleibt das gleiche. Sobald klar ist was am Ende dabei raus kommen soll wird wieder in den HTML Modus gewechselt.

Die Vorteile liegen für mich klar auf der Hand:

• zeitsparend!
• das Design wird fühlbar. Ein statischer Screen ist nett anzuschauen aber das ganze im Browser zu sehen unter "realen" Bedingungen ist etwas ganz anderes
• responsive Sachen kann man schlecht auf statischen Screens darstellen. Natürlich kann man verschiedene Versionen gestalten (z.B. Smartphone- & Tablet-Ansicht) aber letztendlich bleibt es statisch.
• Fluide Layouts muss man an Hand von Dummys testen. Hier lassen sich sicher Regeln festlegen wie etwas auszusehen hat wenn Ausgabegerät X mit Auflösung Y im Einsatz ist. Doch 100% passen wird das letztendlich nicht. Hier muss am Dummy probiert und angepasst werden.
• Designer & Entwickler arbeiten viel eher viel enger zusammen. Kein Wasserfall-Prinzip nach dem Motte: Hier sind die Designs, mach du mal das HTML. Durch das engere Zusammenarbeiten sind beide Parteien auch auf gleichem Stand und können Probleme schneller erkennen bzw. diese lösen.

So, weitermachen oder einen Kommentar hinterlassen. Auswahl... nervig oder? :)

iPhone 5

Ganz ehrlich? Es ist das beste iPhone das es je gab! Erstaunlich oder? Sagt man wohl fast jedes Jahr. Technisch wird wohl immer das neuste Model das beste sein, ohne Frage. Aber irgendwie ist es diesmal wirklich das Beste iPhone aller Zeiten! Warum? ALU!! Es ist für mich einfach deutlich wertiger als Kunststoff und fühlt sich auch besser an als Glas. Ich hatte nie ein iPhone der ersten Generation aber ich hatte einige in der Hand und es war für mich immer eines der schönsten iPhones, was wohl einfach an der Rückseite aus Alu lag. Seit dem ersten iPhone gab es dann ein paar Zwischenversionen: iPhone 3G/3GS, iPhone 4/4S und endlich sind wir jetzt beim iPhone 5. Alle hatte ich sie ab dem iPhone 3G und was soll ich sagen... Optisch, haptisch und technisch war wohl keines besser als das Aktuelle iPhone.

Das schwarze iPhone 5 ist wirklich sehr schön anzuschauen. Durch den — im Vergleich zum Vorgänger — mattschwarzen Rahmen bekommt es eine ganz andere Optik. Es wirkt böse, hehe. Nein aber im Ernst, es sieht super aus so komplett in schwarz. Aber auch das weiße iPhone 5 ist sehr schick. Sieht in echt auf jeden Fall deutlich besser aus als auf Fotos! Optisch bin ich auf jeden Fall begeistert, es gab kein schöneres iPhone bisher! Auch die Alu Rückseite ist schick!

Neues Display und Gewicht

Ja, endlich etwas größer aber ohne wirklich breiter zu werden. Das iPhone wird von mir wohl zu 80% im Hochformat genutzt. Da freut man sich das man etwas mehr sehen darf. Was aber sehr krass war, ist das Gewicht. Man bekommt ein größeres iPhones und es wurde leichter. Das war, wenn man beide parallel (5er/4er) zur Hand hatte schon sehr komisch. Das iPhone 4S wirkte sofort alt und man hatte das Gefühl einen Klotz in der Hand zu haben. Natürlich alles etwas übertrieben aber letztendlich schon wahr. Am Anfang fühlte sich das iPhone 5 dadurch etwas weniger wertig an, da etwas mehr Gewicht auch gefühlt gleich mehr Stabilität etc. suggeriert. Das hat sich inzwischen aber gelegt. Die Gewöhnung… kennt man ja!

Das iPhone 5S überspringen?

Die Möglichkeit bestand nie so sehr wie jetzt. Ich wollte ein Alu iPhone und das hab ich jetzt. Diesmal hab ich mir auch AppleCare geholt was heißt das ich zwei Jahre keine Probleme mit dem iPhone haben werde und falls doch ich schnell ein Austauschgerät in meinen Händen halten werde. Wobei, das 4S wollte ich auch überspringen. Kurz entschlossen dann doch gekauft aber auch nicht bereut!

Probleme die man so hört

Das iPhone 5 was vor mir liegt ist mein drittes. Verrückt oder? Das erste hatte ein Display Problem. Irgendwie war es nicht richtig fest (verklebt?). Der Austausch ging schnell und ohne Probleme im Kölner Apple Store über die Bühne. 10 Minuten, kein Papierkrieg und schon hatte ich ein neues. Super Sache! Doch die Freude hielt nicht lange denn das berühmt berüchtigte Homebutton-Problem sollte auch mich mal treffen. Oft von gehört aber nie selber betroffen gewesen. Kannst du machen nichts. Apple Support Donnerstag 19:30 angerufen. Freitag früh hatte ich ein neues iPhone 5 in der Hand und seit dem keine Probleme!

Das Kratzer Problem hatte ich auch nicht aber die Frau im Apple Store sagte mir das es tatsächlich existent ist. Zwei Tauschgeräte und nie einen Kratzer gehabt. Auch jetzt ist das iPhone noch Kratzer frei. Aber ich behandle es auch gut :)

Wir hatten also einen holprigen Start aber nun ist alles gut!

Lohnt der Wechsel vom iPhone 4S?

Blöde Frage. Lohnen ist wohl die falsche Frage. Wer so technikgeil ist wie ich für den lohnt es sich sicher. Wer immer das neuste will der stellt sich die Frage eh nicht. Wer mit seinem iPhone 4S zufrieden ist wird wohl das wohl auch weiterhin sein. Ich hab den Wechsel nicht bereut. Warum steht oben. So, genug zum iPhone.

iPad mini

Spontankauf!!! Eigentlich wollte ich eins kaufen hab dann aber beim Start gekniffen. Dann kamen nach und nach Reviews von den üblichen verdächtigen. Ich wurde also doch nachdenklich und Freitag, am Tag der Veröffentlichung schrieb ich einfach dem re:Store in Köln früh eine Mail und lies mir eins Zurücklegen. 16 GB schwarz sollte es sein. Smartcover waren noch nicht eingetroffen sagte man mir, schade. Mittag also schnell in die Stadt und geholt. Smartcover kamen auch gerade rein, perfekt. Schwarzes iPad mini mit rotem Smartcover. Gefällt mir!

Mini?

Oh ja, das iPad mini ist wirklich klein und das beste ist dessen Gewicht. Unglaublich leicht das gute Stück. Ich hatte bisher alle Generationen des iPads und rein vom Handling her ist es mit Abstand das beste. Ich nutze das iPad viel zum lesen bzw. zum schreiben wie gerade um das hier zu tippen. Da das geringe Gewicht und das kompaktere Format ein klarer Vorteil. Ich hab das iPad also viel in der Hand und weniger irgendwo liegen oder stehen um damit Filme zu schauen. Das ist eher gar kein Anwendungsfall für mich. Also ich bin klar begeistert!

Kein Retina

Wenn man es wie ich gewohnt ist vom iPhone und teilweise vom Retina MacBook Pro dann merkt man das fehlende Retina Display auf jeden Fall. Aber kein KO-Kriterium wie ich finde. Klar ist natürlich auch das wir nächstes Jahr ein iPad mini mit Retina Display sehen werden. Alles andere würde mich sehr wundern. Egal, bis dahin hab ich auf jeden Fall Spaß mit de, aktuellen Gerät.

Hardware

Super! OK, ein zwei Worte mehr dazu. Das iPad ist einfach ein tolles Gerät und wirkt verdammt wertig. Viele Reviews sagen auch, das es besser ist als sein großer Bruder was die Hardwarequalität angeht. Hab mein iPad 3 schon länger nicht mehr und kann somit nicht viel dazu sagen. Letztendlich auch egal. Das iPad mini ist super und meine anderen iPads waren das auch.

Was stört mich

Im Grunde nichts. Wenn dann nur das Gefühl das hier relativ alte Technik verbaut ist. Aber bisher hat es sich nicht negativ bemerkbar gemacht. Wohl eher Kopfsache. Wenn das jetzt kein Futter war für die Apple Gegner...

Es war wie oben geschrieben ein Spontankauf den ich nicht bereut habe und so wieder tun würde. Für meinen Anwendungsfall ist das iPad mini das bessere iPad. Und in einem Jahr wird wohl das iPad mini 2 in meinen Händen sein und ich werde wahrscheinlich wieder einpaar Worte drüber verlieren. Aber vielleicht dauert es ja auch nur ein halbes Jahr ;)

Genug! Kaufen, oder eben auch nicht...

• http://superb.li
• http://uk.moo.com/de/

Endlich mal wieder ein gutes Kabel

Das Kabel der RHA ist mit Stoff überzogen und das ist schon mal ein GANZ GROSSER Punkt für diese Kopfhörer. Das "verheddern" das sicher jeder kennt wenn er seine Kopfhörer aus der Hosentasche holt ist damit so gut wie weg. So sollte es sein. Bis heute Frage ich mich warum man das nicht immer macht? Vor allem bei Kopfhörern die für unterwegs gedacht sind… Für mich auf jeden Fall ein Punkt der die Kaufentscheidung positiv beeinflusst. Ach ja, ein gerade Stecker ist dran, das ist auch super aber heute wohl auch fast Standard.

Klangqualität

Ich bin kein Sound-Fetischist und will mich hier auch auf gar keinen Fall als Fachmann hinstellen. Ein paar viele InEars hatte ich aber sicher schon in meinen Ohren und von daher kann ich sicher sagen ob ich das gut oder schlecht finde. Der Klang ist gut finde ich. Was ich höre? Rock und Hip Hop würde ich sagen.

Tragekomfort

Im Vergleich zu Apple Kopfhörern (ja auch die neuen die beim iPhone 5 dabei sind) eine ganz andere Welt. Aber auch im Vergleich zu meinen UltimateEars finde ich die RHA deutlich angenehmer. Auch nach langem tragen wirken sie nicht störend. Alles fein also!

Alu! Toll!

Es fühlt sich doch gleich anders an wenn man InEars aus Alu in der Hand hat als andere aus Plastik. Wirkt gleich wertiger.

Fazit

Gute InEars für einen super Preis (ca. 35 Euro). Wenn ich sie nicht schon hätte würden meinen nächsten sicher welche davon sein. OK, ich würde wohl jetzt die mit Fernbedienung nehmen ;) Das Gewicht ist auch super. Ich hatte nie das Gefühl es reißt mir die Dinger aus dem Ohr :)

Features

• Einzigartiges aerophonisches Design transferiert den Klang auf natürliche Weise vom Lautsprecher zum Ohr.
• Weiche Silikonpölsterchen stellen Komfort und Außengeräuschdämpfung sicher
• Hergestellt aus solidem Aluminium
• Mit Stoff überzogenes Kabel schließt Verheddern aus und verlängert Lebensdauer des Kabels
• 3,5 mm Verbindungen Vergoldet
• Pölsterchen in den Größen S/M/L
• Transportbehältnis

Technische Daten

• Treiber 10mm Mylar
• Frequenzbereich 16-22,000Hz
• Impedanz 16ohms
• Empfindlichkeit 103dB
• Nennleistung/Hochstleistung 3/10mW
• Gewicht 11g
• Kabel 1.2m
• Anschlüsse 3.5mm Verbindungen Vergoldet

RHA MA-350

Yes, that's me!

Don't speak about tech specs…

I bought the smaller one with 16GB memory and I think this is the option with the best price/performance ratio. All the other tech specs you can read up on the Apple website. Since I have Macs I don't think too much about hardware specs and that's good. More time for other things ;)

Retina Display

Wow. I don't need to talk more about it :) But really, the display is great. All (that's optimized for it) looks so sharp and brilliant. When I go back to my iMac all looks a bit blurry. OK, that's a bit exaggerated but I think you know what I mean. I'm using the MacBook on the "Retina Resolution" but I've checked the other resolutions too. 1680x1050 and 1920x1200 and yes they are also nice, this resolutions are great too and you have more space on your screen. But it's all a bit tinier. For me, the Retina resolution works fine and I use it all the time. To summarize I can say the Retina display is a big point to buy a Mac like this.

Performance

In my home office I've got an iMac from 2010. Biggest CPU and 16GB memory and an internal SSD drive. It's one of the best Mac's I've ever had. After two years, the power is still outstanding. The Retina MacBook Pro is a little bit faster as the iMac and wow, that's my first laptop with such performance. I like it! It's a powerhouse!

Summary

A great MacBook with an awesome Retina display and a lot of power. OK, that's all not really cheap, but for people like me, who need it to earn money, it is worth it. "Don't save money at working tools"! For me that was a good investment but I say it again: I earn money with it. If this wouldn't be the case, I would not be willing to spend so much money for a computer!

Quality control. All fine!

For the future, I try to get an invite for an Advertising Network like or InfluAds. We'll see...

Now take a look to the new Website: http://makebetterwebsites.com

Tim von Klotzaufklotz hatte mir letzte Woche eine Mail geschrieben ob ich mir ihren iPad Ständer mal anschauen möchte. Zu dem Zeitpunkt war an einen iPad Verkauf noch nicht zu denken und ich sagte zu. Wie ihr jetzt, hab ich mir natürlich auch Ihre Website und speziell den "Über uns" Bereich näher angeschaut.

Zusammen arbeiten wir mit viel Herzblut und Sachverstand an unserem kleinen Projekt: Selbst gemachte Produkte aus Holz, in Eichstätt von Mathias gefertigt und weltweit verkauft durch Tim, in unserem kleinen aber feinen Onlineshop.

Klotz auf Klotz Website

Die Jungs stellen die Sachen die Sie da verkaufen von Hand her und wer hier öfters vorbei schaut weiß, dass mir so etwas sehr zusagt. Handgefertigt ist toll! Holz ist toll! Der iPad Ständer ist toll! So, könnte man natürlich aufhören zu schreiben aber ein paar Worte hab ich noch in Petto.

Ein paar Worte zum iPad Ständer

Mathias hat mir den iPad Ständer zugeschickt und schnell war dieser dann auch bei mir angekommen. Es ist der — wenn mich nicht alles täuscht — Eiche braun den ich nun vor mir liegen habe. Ich konnte noch ein paar Stunden damit rumspielen und testen und die Funktion solch eines Ständers ist klasse. Vor allem wenn man das iPad nicht aktiv nutzen möchte ist es richtig richtig gut. Nutzt man eine BT-Tastatur und schreibt ein paar Texte ist es sehr angenehm. Das iPad steht fest im Ständer. Nichts wackelt oder wirkt als ob es gleich dort rausfallen würde. Das ist mir schon mehr sehr wichtig. Auch wenn man einen Film anschaut wird man damit seine Freude haben.

Natürlich kann man das iPad auch noch gut bedienen wenn es im Ständer steht. Dieser hat ein gutes Eigengewicht sodass da nicht kippelt oder sonst was.

Das ganze funktioniert natürlich im Hoch- als auch im Querformat. Bis jetzt hab ich nicht wirklich drüber nachgedacht mir irgend etwas in dieser Art als Zubehör für das iPad zu kaufen aber das hat sich geändert. Es ist praktisch! Macht sich sicher auch gut wenn man seine Tageszeitung am Frühstückstisch lesen möchte.

Wer also in nächste Zeit mal vorhat sich etwas dieser Art zu gönnen sollte auf jeden Fall mal bei den Jungs vorbei schauen: www.klotzaufklotz.de. Die Sachen sind Hand gefertigt und in Deutschland hergestellt. Sicher bekommt man andere Produkte etwas günstiger aber oftmals lohnt es sich auch, den ein oder anderen Euro mehr in die Hand zu nehmen. Sei es weil man es gut findet das alles in Deutschland hergestellt wird oder die Jungs noch selber Hand anlegen. Mir reicht es oft auch schon wenn ich sehen, dass Leute voll hinter dem stehen was Sie machen und das Gefühl vermitteln das Sie es gern tun. Das ist bei Tim und Mathias wie ich finde der Fall.

Es gibt natürlich auch noch andere Produkte dort zu kaufen. Von Küchenartikeln,Sachen für den Garten und weiteres. Schaut doch einfach mal rein.

• Link zur Website
• Link zum iPad Ständer Eiche

Bilder vom iPad Ständer

The MacBook Pro Retina

Moreover at that time my iMac stood in our living room. Now, the iMac stands in my little "home office". Sometimes I sit on the couch willing to do some work like coding without to have leaving the couch… MacBook where are you? But that’s not the only reason for a Macbook. The other reason is simple, mobility. And an iMac is not the best Mac for mobility.

On the last Keynote, Apple showed the new MacBook Pro Retina. WOW, amazing. All the rumors were right, the Retina display comes to the Mac! But other things are great too.

The all-new MacBook Pro started with a blank slate — without the constraints of legacy technology. That gave us the freedom to imagine something radical, something entirely different. A notebook so thin, so light, and so powerful. A notebook designed for the future, but ready to use today.

Good reasons to buy one

• no optical drive! The last two years, I used the optical drive on the iMac two times… I think I can live without that :)
• SSD! No words about it. Use it and you’ll love it!
• Sure, the Retina display! I know it from my iPhone and iPad, it's great! And yes, less glossy
• It's lighter than a MacBook Pro 13 inch!
• It's really thin!
• 16GB memory, I love it!
• It's powerful like my iMac!

Many reasons to order one of these Retina MacBooks. I’ve chosen the small one with 16GB and a Thunderbolt Ethernet adapter. The MacBook will arrive in the beginning of july, but I hope it comes a bit faster. Go Apple!

Another interesting thing to talk about is the future of web design. We know it from the iPad and iPhone. For the Retina display we had to build high resolution graphics. Now we have to do that for Macs too. The first thing that I do when the MacBook is here is to optimize my website for it. I can see it right before my eyes, the "RETINA Ready" Badge on websites :)

What is your opinion about the Retina displays? Future or overrated?

Retina Display

About page (excerpt)

Blog (excerpt)

Ein paar Schritte zurück

Angefangen hatte ich damals mit einer Canon IXUS 60, eine Knipse, aber eine sehr gute wie ich finde. Doch ich wollte mehr, wollte BMX-Actionfotos machen. Ich kaufte mir eine Fuji Finepix s5700 oder wie die hieß, ein Vorbote einer DSLR… Ganz nett aber auch nicht die Erfüllung.

Fast vergessen, vor der digitalen hatte ich noch eine Minolta XG-9, Yo! :)

Die Finepix verschwand und es kam die erste DSLR-Kamera, eine Nikon D70. Wow, wie das abging. Wie schnell die war. Mein Ziel, die Homies auf dem BMX ordentlich abzulichten, war greifbar nah. Eine Zeit lang sollte mich die Kamera begleiten, aber irgendwann kam der Punkt, an dem ich sie wieder verkaufte. Warum weiß ich nicht mehr. Aber da ich Schüler war, wird es wohl wegen allgemeinem Geldmangel gewesen sein.

Doch ganz ohne Kamera ging es nicht, also kaufte ich wieder eine DSLR, eine Canon 30D. Ein Traum muss ich sagen. Das Daumenrad von Canon ist einfach mal das geilste was es gibt. Nachdem die Canon 30D leider in Schweden geklaut wurde, musste ich mich gezwungenermaßen wieder nach einer neuen umschauen. Es wurde eine Canon 40D. Im Grunde das gleiche nur neuer. Auch hier war ich wieder zufrieden, doch es kam der Tag, als ich auch sie wieder verkaufte. Die Kamera war super, doch ich fühlte mich immer etwas overdressed damit und das Ding warschwer und man brauchte Objektive und Blitze und und und… BMX Fotos machte ich eh nicht mehr so viele, also musste es auch nicht die super DSLR sein die ultraschnell war.

Die Zeit der Systemkameras war angebrochen und so musste auch ich, einer der technischen Geräten erlegen ist, einmal so eine Kamera mein eigen nennen. Nach langem Lesen im Netz und hier und da wurde es eine Panasonic GF1, eine wirklich schicke kleine Kamera. Mit einem 20mm Pancake dran war sie wirklich recht Platzsparend und ganz anders als eine DSRL. Eine Zeit lang hatten wir gemeinsam Spaß, aber irgendwie war es nicht das, was mich glücklich machte. Eine Kamera ohne Sucher wirkt wie eine Knipse und ich wollte keine Knipse! Und ehrlich gesagt war sie mir dann auch doch etwas zu klein. Ein Mann braucht eine große Kamera!!

Hm, noch mal umschauen hieß es und da kam mir die Idee aller Ideen. Eine Fuji X100sollte es werden. Die Kamera hatte ich schon vor längerer Zeit mal gesehen und war angetan, aber der Preis war eben dann doch etwas hoch. Zu der Zeit, als ich überlegte, ob ich nun kaufen soll oder nicht, kamen auch schon die Gerüchte zur Fuji X-Pro1 auf und ich hab lang überlegt, was ich mache.

Die Frage, die ich mir stellte, war, ob so eine Kamera mich glücklich machen würde oder ob ich auch hier wieder feststellen würde, dass es nicht so mein Fall ist. Die Entscheidung sollte aber diesmal gut überlegt sein. Die X-Pro1 war mir dann doch zu teuer, sollte sie doch über 2000,- Euro kosten mit Objektiv… Nicht mit mir und so tat ich es. Eine Fuji X100 wurde gekauft — Limited Edition Set mit Holzbox, Blitz und Ledertasche. Wow, wie sexy die Kamera doch ist!

Wir hatten Spaß, die Kamera ist ein Traum, sowohl optisch als auch von der Verarbeitung her. Natürlich konnte sie auch noch ganz gute Fotos machen. Was will man mehr? Eigentlich nichts, dachte ich. Doch die Fuji X-Pro1 ließ mich einfach nicht los. Am Tag X traf ich dann die Entscheidung. Die X100 wird verkauft und die X-Pro1 gekauft!Ein Machtwort, eine Entscheidung, die getroffen werden musste und getroffen wurde. Die X100 verkaufte ich bei Ebay so ziemlich ohne Verlust. Sehr gut, somit hatte ich dahingehend schon mal keinen Fehler gemacht, erst die X100 gekauft zu haben. Im Gegenteil, somit konnte ich die Art der Kamera kennenlernen, denn die X-Pro1 würde in vielen Dingen ähnlich sein.

Doch nun gab es das nächste Problem. Wo bekomm' ich schnell eine Fuji X-Pro1 her?Wenn ich was kaufen möchte, dann bitte ohne Warten. Gleich in der Hand haben ist die Devise! Gar nicht so einfach bei einer Kamera, die gerade erst raus kam, die viele haben wollten, aber kein Laden wirklich genug davon hatte. Eine lag im Saturn in Köln. Aber eine Kamera in der Preisklasse kauf ich mich nicht im Saturn. Die Leute da haben keine Ahnung was sie da für ein Schmuckstück hatten. Für sie war es eine Kamera wie jede andere. Nein, meine erste Kamera, die ich mir mal nicht gebraucht kaufe, sollte von einem Fotofachgeschäft stammen. Einen Tipp bekam ich und es war ein guter. Foto Kuhweide (lustiger Name) hatte eine, hörte ich, und nachdem ich eine Mail schrieb, bekam ich die positive Antwort, dass es tatsächlich so ist. Ein Anruf von mir mit der Bitte, sie zu reservieren, folgte. Keine 24h später hatte ich sie, die Fuji X-Pro1 — eine Kamera zum Verlieben. Nein im Ernst, eine Kamera, so wie ich sie mir wünschte. Optisch super, technisch super und ein gewisses Feeling, das sie versprüht. Ja, das ist meine Kamera!

Gekauft habe ich mir die Fuji X-Pro1 mit einem Fujinon XF 35mm f/1.4 R. Später werde ich mir noch das Fujinon 14mm 2.8er holen und werde damit sicher sehr zufrieden sein.

Technisch möchte ich gar nicht viele Worte zu der Kamera verlieren, das können andere sicher besser als ich wie z.B. dpreview. Auch bin ich kein wirklicher Fotograf und kenne mich auch nicht 100% gut in der Materie aus um da schlaue Tipps oder Behauptungen aufzustellen. Fuji selber hat auch eine eigene Website zu X-Pro1 wo man sicher auch mal vorbeischauen sollte.

Was mir gefällt an der X-Pro1

• wirkt sehr edel
• dezente Optik (unauffällig)
• die Bedienung der Kamera
• der Sucher
• das Quickmenü
• schöne Größe
• das Gewicht (schön leicht wie ich finde, hätte sie schwerer erwartet)
• Bildqualität gefällt mir super

Was mir nicht gefällt an der X-Pro1

• der AF könnte noch etwas flotter sein
• der Preis

Warum ich es so vermisst habe

Als ich mein iPad 2 verkaufte bzw. kurz vorher hab ich mich gefragt ob ich das iPad wirklich brauche oder ob ich es nur haben möchte um es zu haben. Als es dann tatsächlich weg war, war das schon komisch. Wie gesagt, ich hätte schwören können, dass es mir nichts ausmacht. Es steht hier noch ein iMac rum und ein iPhone 4 ist auch ständig in meiner Nähe. Denkst, es macht mir was aus!

Wenn ich abends ins Bettchen gehe hab ich das iPad oft mitgenommen um noch etwas zu lesen weil Tagsüber meistens keine Zeit war. Meisten hab ich dann mit der Reeder App die ganzen für mich interessanten Feeds abgearbeitet. Geht auch mit dem iPhone? Jo! Aber hat man mal ein iPad gehabt merkt man sehr sehr schnell das es ein Riesenunterschied ist. Das iPhone ist nett, bringt spaß und stillt Konsumverlangen aber es ist eben ein Smartphone, etwas für Unterwegs. Von daher musste doch wieder ein iPad her.

Display

Nur ein paar Worte zum Display. Wenn man das iPhone 4(S) sein eigen nennen darf ist man doch recht verwöhnt was die Darstellung von Text angeht. Das sah dann auf dem iPad im Vergleich halt schon recht pixelig aus. Das ist nun vorbei. Es ist ein Traum auf das Display zu schauen! Einfach mal nur scharfer Text wo man im Grunde keine Pixel mehr erkennen kann.

Apple hat es genau richtig gemacht. Nicht die Auflösung erhöhen sondern die Pixeldichte um das dargestellte einfach rattenscharf zu machen. Danke, es zu benutzen macht Spaß!

Lohnt sich der Umstieg vom iPad 2?

Wer ein iPad der ersten Generation hat sollte hier nicht lang nachdenken. Das wird ein Unterschied wie tag und nacht sein. Man muss aufpassen das es einem nicht wegrennt ;)

Wer das iPad 2 hat und sich fragt ob er umsteigen soll muss sich halt überlegen ob ihm das Display und die anderen Änderungen die Sache wert sind. Das iPad 2 ist super und ich denke, dass man außer vielleicht bei sehr grafischen Spielen, keinen all zu großen Unterschied in Sachen Geschwindigkeit feststellen wird. Sicher wird das iPad 3 schneller sein (Laborwerte) aber ob man das im täglichen Gebrauch merkt, steht auf einem anderen Blatt geschrieben.

Für mich ist im Grunde das Display der Hauptgrund und auch fast schon der einzige warum ich es wieder tun würde. Wenn man viel an dem Teil liest ist es einfach genial! Das andere sind keine Sachen die für mich von großer Bedeutung sind. Bessere Kamera? Schön, aber die Nutzung wird bei mir gegen 0% gehen :) Der Rest ist auch zum Großteil nur eine Aufstockung der Hardware. Mehr Leistung eben.

Über den Apple TV und das Smart Cover gibt es jetzt nichts groß zu erzählen.

Die Vorgängerversion hat mich irgendwie die ganze Zeit nicht 100% glücklich gemacht. Nicht das sie mir nicht gefallen hätte aber ich bin wohl doch eher der beige als der blaugraue typ. War mir doch etwas zu kühl die alte Seite. Jetzt ist es wieder wärmer hier, schön.

WordPress, ich mag dich!

Warum? Ganz einfach, es bietet mir die Möglichkeit relativ schnell meine Seite komplett neu zu machen. Zugegeben war es ein Wochenende mit wenig schlaf aber ich finde es hat sich gelohnt.

Das Design hier ist zu großen Teilen wirklich live beim Coden entstanden. Photoshop hab ich nur dann dazu geholt wenn es wirklich nötig war wie z.B. bei den Hintergrundbildern. Hier, so sieht meine PSD aus:

Nicht sonderlich umfangreich auf jeden Fall. Ich glaube mich zu erinnern, dass ich es schon öfters hier erwähnt hatte, dass ich diese Art des Arbeitens sehr angenehm finde. Aber sicher wird es nicht immer die perfekte herangehensweise darstellen. Doch bei der eigenen Website kann man das schon mal so machen.

Ein Theme für alle Geräte

Ein weiterer Punkt war mir beim neuen Design wichtig. Es sollte ein Theme geben, dass für alle Ausgabegeräte funktioniert. Sicher wird es immer irgendwo Ausnahmen geben, wo was nicht passt — hatte die Seite noch nicht im IE offen — aber die modernen Browser sollten weitesgehnd keine Probleme mit der Darstellung haben. Hoffentlich hab ich den Mund jetzt nicht zu voll genommen…

Kurz und knapp, die Seite ist Responsiv und fängt folgende Sachen ab:

• Die Seite ist für 1220px ++ optimiert. Alle die eine Auflösung von mindestens 1220px haben, bekommen die Seite so angezeigt wie sie gedacht war.
• Wer eine Auflösung größer als 1024px hat und kleiner als 1220px bekommt fast das gleiche zu sehen nur ist der Inhaltsbereich etwas schmaler. Das iPad im Querformat bekommt also noch fast das volle Programm
• Alle die mit weniger als 1024px unterwegs sind bekommen die Seite im Grunde einspaltig angezeigt die sich dann Stufenlos anpasst. Somit sollten Smartphones und Tablets auch was ordentliches zu sehen bekommen. Aber auch hier ist nichts von mir getestet außer auf dem iPhone.
• Geräte mit höherer Pixeldichte (wie das iPhone 4/4S) bekommen teilweise auch noch dafür optimierte Grafiken (doppelte Auflösung) wie z.B. das Logo oben.

Zum testen einfach mal den Browse verkleinern :)

Alles in allem bin ich ganz zufrieden und würde lehne mich mal weit aus dem Fenster mit der Behauptung, dass dieses Design länger als drei Monate zu sehen sein wird.

iPhone App

Die iPhone App ist eine universelle App, das soviel heißt wie: iPad und iPhone tauglich. Ich musste also nicht noch mal zahlen da ich die iPad Version schon besitze. Die App an sich sieht eben aus wie man es erwartet. Schlicht und mit erweiterter Tastatur wie man es schon von der iPad Version kennt.

Ob ich am iPhone viel damit schreiben werde weiß ich noch nicht. Wohl eher nicht. Lang halte ich es am iPhone nie aus mit dem tippen, dass stresst mich immer etwas. Ich brauche glaube richtige Tasten, damit fühle ich mich einfach wohler. Macht nichts, dennoch kann es vorkommen das ich mal an die Texte ran muss und da freut es mich, dass ich das jetzt auch mit dem iA Writer am iPhone kann. Bisher hatte ich WriteRoom dazu genutzt.

Syncmöglichkeiten

Wie gesagt es gibt zum einen die Anbindung an die Dropbox und eben an die iCloud. Während ich das hier schreibe mache ich mir gerade Gedanken und stelle mir Fragen was die wohl bessere Wahl ist. Einfach mal ein paar Gedanken dazu.

Dropbox

Dropbox kennt man und weiß wie es Funktioniert. Im Grunde ist es ein Ordner im System der eben auch online zu finden ist und worauf Apps wie der iA Writer zugreifen können. Ich habe einen Ordner "Writer" in meiner Dropbox liegen, worin sich wieder andere Ordner befinden, um meine Sachen einfach etwas zu strukturieren. Ordner-System halt wie man es kennt (und liebt?).

iCloud

Die Zukunft des Dateisystems? Ich weiß nicht so recht. Richtig kann ich mich mit dem Gedanken einfach nicht anfreunden, dass meine Daten irgendwo liegen und für mich keine sichtbare Ordnung mehr herrscht. Bei ein paar Dateien ist das wohl alles noch OK und man hat noch den Überblick doch werden es dann 50 oder mehr Dateien hätte ich spontan das Gefühl, dass ich nicht mehr durchblicken würde.

Persönlich werde ich bei der Dropbox bleiben um meinen alten Gewohnheiten treu zu bleiben. Ihr wisst ja… Never change a running System.

Was mir noch fehlt

Etwas ganz wichtiges und zwar "Copy as HTML"! Hatte ich auch schon mehrfach den iA Leuten gesagt. Mal schauen ob das irgendwann noch kommt. Wäre für mich fast ein KO-Kriterium gewesen den iA Writer nicht zu nutzen. Letztendlich war es aber auch der einzige Grund der dagegen Sprach. Will ich mal die Hoffnung nicht aufgeben.

Via Twitter hab ich vorhin dann noch einen guten Tip bekommen. Und zwar die App Marked — die genau das fehlende Copy as HTML ausgleicht. Das nette an der App ist, dass ich Sie einfach parallel laufen lassen kann. Sobald ich mein Dokument im iA Writer speichere aktualisiert es sich in Marked automatisch. Man kann dort zwischen Preview (zeigt formatieren Text) und der HTML Ansicht hin und her wechseln. Auf jeden Fall komm ich jetzt schnell an meinen gewünschten HTML Text und muss nicht mehr erst HTML Dateien exportieren um sie dann wieder zu löschen.

Ach ja, den HTML Spaß brauch ich einfach, um das bei mir in WordPress einzufügen. Genau dafür nutze ich die App Hauptsächlich — Blog-Artikel schreiben wie diesen hier.

Fazit

iA Writer ist eine schöne Lösung eines reduzierten Schreibprogramms am Mac. Wobei ja sogar schon mal von einer Windows Version gesprochen wurde. Man darf also gespannt sein. Und bis auf den oben angesprochenen Kritikpunkt kann ich die Apps nur weiterempfehlen.

• iA Writer for Mac
• iA Writer for iPhone and iPad

Photoqueen ist ein kleiner aber feiner Onlineshop, wo es um Taschen geht - genauer gesagt um »Modische Kamerataschen für Frauen« - doch werden hier auch Taschen für den Mann, so wie ich es einer bin, angeboten. Perfekt, dachte ich mir, und bestellte eine. Persönlich gefällt es mir, wenn ich in einem eher kleinen Shop einkaufe. Es gibt mir das Gefühl, Geld bei jemandem zu lassen, der das was er tut mit Liebe macht. Wenn dann der Betreiber bzw. in diesem Fall die Betreiberin auch noch super nett ist, hab' ich alles richtig gemacht.

Zurück zur Tasche. Wie oben erwähnt, finde ich Umhängetaschen eigentlich nicht sonderlich cool. Dennoch hab ich jetzt eine und nachdem ich sie schon einige Male in Benutzung hatte, muss ich sagen, dass mir das Ganze ziemlich gut gefällt. Der Grund für solch eine Tasche war ganz einfach der, dass ich nicht immer einen (dann doch relativ großen) Rucksack, nur mit einer kleinen Kamera bestückt, mit mir rumschleppen wollte. Ein weiterer Vorteil ist ganz klar, dass man bei einer Tasche viel schneller an deren Inhalt kommt. Einen Rucksack muss man immer erst von den Schultern nehmen. Eine Tasche kann man ganz einfach nach vorne holen und kommt super schnell an deren Inhalt. Umhängetasche halt.

Neulich hatte ich die Ari auch mal mit, als ich mit dem Rad unterwegs war und auch hier machte sie eine gute Figur. Klar sitzt sie nicht soooo sicher wie ein Rucksack auf dem Rücken. Dennoch wollte sie auch nicht dauernd nach vorne kommen, um etwas vom kühlenden Fahrtwind abzubekommen. Kann man also auch prima auf dem Rad mitschleppen und da ich viel mit genau einem solchen unterwegs bin, passt das ja super.

Bisher konnte ich noch kein Incase Produkt mein Eigen nennen, aber des öfteren war ich auf deren Website und war immer recht angetan von den angebotenen Sachen. Es scheint so, als ob Incase sehr coole und vor allem auch sehr gute Produkte herstellt. Die Qualität der Ari ist auf jeden Fall super. Hier wirkt alles hochwertig und gut verarbeitet. Das grau der Tasche ist sau geil. Man hätte sie ja auch schwarz machen können. Nein, grau rockt! Innen ist die Tasche hell gehalten. Reicht ja auch, ist ja innen :)

Die Tasche ist von einem Fotografen gemacht; einem, der die Tasche nutzt und genaue Vorstellungen an eine Tasche hat. Das merkt man, denn es wirkt alles sehr durchdacht. Ein wenig schade ist nur, dass man die Trennwände im Inneren nicht wirklich anders anordnen kann. Entweder so wie sie sind oder raus. Anders geht es nicht. Aber das ist wieder meckern auf hohem Niveau. Die Tasche kann aber noch mehr, als nur gut aussehen. So besitzt sie doch ein iPad Fach. Ob man das braucht - keine Ahnung. Nett ist es aber alle mal. Haben wir doch eh fast alle ein iPad, hehe. Aber sicher werden da auch andere Tablets reinpassen. Was auch rein geht ist ein MacBook Pro / Air. Vielleicht nicht gerade die 15"/17" MacBooks, aber 11-13" sollten reinpassen. Das war für mich auch wichtig. Zwar habe ich aktuell kein MacBook, aber eine Anschaffung ist für dieses Jahr geplant. Ein kleiner Tagestrip mit Kamera und MacBook sollte somit ohne großen Rucksack möglich sein. Ja mein Rucksack ist wirklich recht groß. Der ist noch aus meiner DSLR Zeit, da braucht man ja etwas mehr Platz.

Quick Access Pocket

Und weiter geht es. Die Tasche hat auch eine Schnellzugriff-Tasche. Was? Schnellzugriff? Ja man! Schnellzugriff! Im Grunde ist es einfach nur ein Reißverschluss an der Vorderseite und dieser ist mit einer Klappe abgedeckt. Klingt alles unsexy? Ist es auch — nicht! Im Gegenteil, der Gedanke ist ein guter. Gedacht ist sie für kleine kompakte Kameras, die man dann schnell zur Hand hat, wenn man es mal eilig hat. Die Klappe besitzt einen Magnetverschluss. Das ist auch sehr nett. Kennt man ja vom MacBook. Darunter ist wie gesagt noch ein Reißverschluss, aber den könnte man auch einfach offen lassen, wenn man unterwegs ist und immer mal an die Tasche muss. Das schöne an der Tasche ist, dass es kein extra Fach ist, das vom Rest der Tasche abgetrennt ist, sondern einfach ein Eingriff ins Innere der Tasche. Recht viele Worte über eine kleine Tasche verloren, merke ich gerade. Aber sie hat es verdient.

Weiter Details

Ein Regenschutz ist auch mit dabei. Klassisch im versteckten Fach verstaut, kann man bei Bedarf die kleine Plane rausholen und über die Tasche packen. Optisch ist die natürlich auch sehr nett anzuschauen. Unten sind auch noch zwei Gurte, an denen man ein Stativ befestigen könnte. Brauche ich aktuell nicht, stört aber auch nicht. Kann man sicher auch eine Jacke reinklemmen. Multifunktion, yeah! Eine Graukarte ist auch dabei und zwar auf der Rückseite der Tasche. Es ist halt eine Fototasche von vorn bis hinten. Sieht auch ganz nett aus und unterstreicht noch mal das was die Tasche ist. Fototasche, sagte ich ja bereits.

Tragesystem

Das Tragesystem ist für mich immer noch etwas ungewohnt vom Gefühl her, hatte ich aber glaube schon erwähnt. Dennoch, der Gurt macht einen sehr guten und ist bequem. Alles sieht sehr stabil aus und ich gehe davon aus, dass es das auch wirklich ist. Man hat da zwei große Greifer, mit denen man die Tasche einmal enger machen kann und einmal lockerer. Der zum locker machen war mir am Anfang gar nicht bewusst. Hatte mich gewundert wofür das Teil war. Werde ich etwa alt? Nein, niemals. Funktioniert super das System. Einen Verschluss hat Incase natürlich auch mit eingebaut, um den Gurt einfach aufzumachen. Die denken wirklich an alles, unglaublich. Profis!!

Fazit zur neuen Tasche

Rundum zufrieden der Herr Hellmann, so viel steht schon mal fest. Eine Tasche, wie ich sie mir vorstelle, die sowohl optisch, funktional als auch qualitativ Punkten kann. Wer eine Tasche dieser Art sucht, wird damit sicher sehr glücklich werden. DiePhotoqueen freut sich sicher über eure Bestellung ;)

Positiv

• Optisch ein Hingucker
• Super Verarbeitung und es wirkt alles sehr hochwertig
• Regenplane
• Quick Access Pocket
• MacBook / iPad-Fach (wer würde ein Acer Notebook in solch eine Tasche stecken? :D)

Negativ

• Preis, wenn man den nennen möchte. Wobei das eigentlich kein wirklich negativer Punkt ist. Man bekommt was für sein Geld und gute Produkte kosten eben. Der Preis ist, denke ich, schon vertretbar. Wer sich ein Limit von 50 Euro für den nächsten Taschenkauf gesetzt hat, wird wohl nicht zugreifen. Alle anderen werden bereit sein das Geld auf den Tisch zu legen. Es lohnt sich!

Ein Paar Bilder

Hier mal eine kleine Übersicht

Als ich dann letzten Donnerstag nach hause kam lag ein weißer Karton vor unserer Wohnungstüre und der Yay! Sticker konnte nur heißen, dass es die Moo Lieferung ist. Für den einen sind es vielleicht unwichtige Details aber ich finde solch kleine Hingucker sind super!

Also schnell rein und auspacken. Wie immer finde ich die Verpackungen der einzelnen Produkte sehr gelungen. Das ist schon was anderes als ob einfach ein brauner Karton kommt wo alles drin gestapelt ist. Die Business Cards sind jeweils in Packungen je 50 Stk., die MiniCards in Packungen je 100 Stk. und die StickerBooks kommen mit jeweils 90 Stickern pro Book. Somit kann man immer ein kleines StickerBook mit sich führen und verkleben. Toll!

Qualität von Moo Produkten

Also ich bin sehr begeistert von den Sachen. Wie gesagt, die Verpackung ist schon mal hübsch. Das ist zwar nicht Kriegsentscheidend aber spielt auf jeden Fall in das große ganze mit hinein. Aber auch die Produkte an sich gefallen. Die Qualität ist super. Die Karten haben eine schöne dicke und fühlen sich wertig an. Natürlich sind sie auch laminiert und somit deutlich widerstandsfähiger als reine Pappkarten. Die Sticker sind auch klasse. Sind zwar relativ klein aber eigentlich ist das eher gut als schlecht. Auch die Sticker sind laminiert und sollte somit auch eine längere Haltbarkeit als normal Papiersticker besitzen. Ach ja, die kleinen Sprüche die überall auftauchen sind auch ganz nett. Die Sache ist einfach Rund würde ich sagen. Hier passt einfach alles von dem ersten Besuch der Website bis hin zur Lieferung die man zuhause entgegen nimmt.

Die Preise & Möglichkeiten von Moo

Sie mögen zwar auf den ersten Blick etwas teurer sein als wenn man woanders seine Produkte bestellt. Aber Moo bietet einem deutlich mehr als die anderen. Wer bietet einem schon die Möglichkeit bei z.B. 50 Business Cards die man bestellen möchte, für jeden ein anderes Design hoch zu laden? Das ist wie ich finde relativ einzigartig und hab ich auch so noch bei keinem anderen gesehen. Für mich ein klarer Pluspunkt für Moo. Auch toll ist der Konfigurator wo man seine verschiedenen Designs hoch laden kann und schön als Vorschau sieht wie das ganze dann später ausschauen wird. Hier kann man verschieben, Fotos tunen, vergrößern etc. Also die Möglichkeiten sind sehr umfangreich um ein für sich gutes Produkt am Ende heraus zu bekommen. Die Rückseiten der Karten kann man entweder mit Text, Text & Bild oder nur mit Bild gestalten. Die Rückseite ist aber immer gleich. Aber die Vorderseite kann für jede Karte anders aussehen. Auch für die anderen Produkte gibt es diesen Konfigurator. Alles leicht verständlich und noch leichter zu nutzen.

Wenn man keinen eigenen Ideen hat wie seine Visitenkarte aussehen könnte hat Moo auch gleich die Lösung. Es gibt die Möglichkeit aus vorhanden Designs auszuwählen und da sind wirklich sehr schöne dabei. Dann einfach noch seine Daten eintragen und fertig. Also muss man nicht mal selber welche gestalten wenn man dazu keine Lust hat oder es eben nicht selber kann.

Für wen ist Moo perfekt geeignet?

Moo ist für Leute die wert auf Individualität legen, für Leute die kleinre Stückzahlen bestellen wollen, für Leute die an schönen Dingen gefallen finden. Moo ist das Apple und untern den Business Cards. Also wer vor hat sich ein paar Business Cards zuzulegen der sollte sich Moo auf jeden Fall mal anschauen. Für mich klar die erste Wahl.

Noch mal ein Danke an die Glücksfee Dan von Moo.
Thanks Dan! ;)

• Moo Website
• Moo Business Cards
• Rounded Corner Business Cards
• Moo MiniCards
• Moo StickerBooks

Natürlich gibt es auch noch mehr Sachen, schaut einfach mal rein. Ich würde behaupten es lohnt sich! ;)

Noch ein paar Bilder

Man hat am Anfang 90 Tage Testzeit wo man automatisch als Pro Member das ganze nutzen kann. Pro Member? Ja richtig, was wäre denn heute ein Tool ohne Pro Patch für die Elite! Kurz und knapp heißt das, dass man als Pro Member nach den 90 Tagen Geld zahlen muss oder man wird ein Mitglied der Unterschicht. Was natürlich übertrieben ist. Aber im Gegensatz zu Wunderlist muss hinter Wunderkit ja irgendein Businessplan stehen, denn von Luft und Liebe leben auch diese Leute nicht. Pro kostet 5$ im Monat was wohl so um die 3-4 € sein dürften je nach Kurs. Kann man zahlen wenn man von Wunderkit überzeugt ist.

Pro oder reicht normal?

Wunderkit ist ein, ehm ja was ist Wunderkit überhaupt. Für mich so etwas wie ein Projektmanagement Tool mit bisher eingeschränktem Funktionsumfang. Das ganze noch etwas mit einem sozialen Netzwerk vermischt und schon hat man das was Wunderkit ist. Kollaboration ist hier das Stichwort. Gemeinsam an Sachen (Projekten etc.) arbeiten. Klingt erstmal nicht schlecht oder? Jetzt aber ein kleiner unschöner Haken. Also nicht Pro Member kann man nur an eigenen Sachen (Workspaces) arbeiten. Lesen ist zwar jederzeit auch in "fremden" Projekten möglich aber eben nicht, dasss man aktiv am geschehen teilnimmt. Dazu braucht man dann eben Pro. Als normal Member hat man im Grunde eine aufgebohrte Wunderlist und das wars. Will man zusammen arbeiten wird man wohl die 5$ Zahlen müssen.

Ich weiß nicht, lohnt es sich? Für die ein oder anderen vielleicht aber aktuell kann Wunderkit zu wenig um es wirklich richtig intensiv zu nutzen. Es fehlen auf jeden Fall Dateien die man mit anhängen kann. Klar kann man auch auf externe Sachen verlinken aber das kann dann auch nicht der Sinn und zweck sein. Den Privatnutzer seh ich hier wie gesagt nicht als zahlenden. Eher den Freelencer vielleicht aber wenn dieser in Projekten arbeitet, werden wohl oft schon Tools vorhanden sein. Für Firmen kann ich mir das aktuell auch gar nicht vorstellen. Aktuell kann ich für mich kein Szenario erkennen warum ich Wunderkit nutzen sollte. Aber es wird ja sicherlich noch mehr folgen an Funktionen etc. Man wird sehen wohin die Reise geht und wie es angenommen wird.

Fakt ist, dass die Wunderkinder schon relativ viel Hype erzeugten und dem müssen Sie jetzt gerecht werden. Und bis jetzt sind die Meinungen die ich so gehört habe nicht so, dass es den Hype rechtfertigen würde.

Ein paar Screenshots

So auch diesmal. Ich hab mir eine Fuji x100 in der Limited Edition gekauft. Die mit Holzkiste, Ledercase und Blitz. Wunderschön das ganze. Natürlich gebraucht. Neue Kameras kaufen ist so ne Sache. Komisch, wollte ich doch eigentlich eine andere haben. Genau, die Fuji X-Pro1. Warum es letztendlich doch die x100 wurde ist eigentlich ganz einfach und lässt sich mit folgenden Punkten erklären.

• Der Preis der X-Pro1 steht noch nicht fest wird aber wohl relativ hoch sein. Mit Objektiv (35mm 1.4) wird sie wohl die 2.000,- Euro Marke durchbrechen. Das ist mir aktuell zu viel des guten
• Die x100 ist ein guter Einstieg in die Art der Fotografie. Meine Kameras vorher hatten immer das Gefühl vermittelt einfach zu drücken und fertig. Die x100 sagt mir irgendwie, dass ich mich mehr mit ihr und ihren Funktionen beschäftigen soll.
• Der Preis für die x100 Limited Edition war super!
• Kauf nie Produkte die neu erscheinen, es gibt immer Kinderkrankheiten :D
• Die X-Pro1 schau ich mir mal in Ruhe an und warte auf Aussagekräftige Tests. Dann kann ich immer noch schauen.

So sieht sie aus. Oooh Wunder

Das Teil ist optisch auf jeden Fall ein Leckerbissen und wirklich ein schönes Stück Kamera. Selten so etwas tolles digitales in der Hand gehabt. Der optische Sucher ist einfach mal HAMMER! Der AF ist kein Formel 1 Auto aber darum geht es wohl bei der Kamera auch nicht. Alles in allem bin ich sehr glücklich die x100 gekauft zu haben. Freue mich Fotos mit ihr machen zu können und hoffe, dass ich das auch öfters machen werde als bisher.

Verkleinert und unbearbeitet

Verkleinert und in LR4 (Beta) bearbeitet

Verkleinert und in LR4 (Beta) bearbeitet (S/W)

Ach ja, das Model war Simon Theis :)

Heute kam wieder — nach langem warten — ein kleines Paket für mich an. Darin befand sich das UGMONK Premium Leather Card Case. Im Grunde eine abgespeckte Geldbörse ganz nach dem Motto: weniger ist mehr. Das ganze ist natürlich inHandarbeit gemacht. Einfach ziemlich schön das ganze.

Auf Twitter und Co. hab ich auch schon öfters meine Begeisterung freien Lauf gelassen. Die Sachen sind einfach mal super schön und man sieht die Liebe die da drin steckt. Aber nicht nur die Produkte an sich sind Spitze. Auch das ganze drum herum vermittelt etwas einmaliges. Sei es kleine Videos oder Bilder wie die Ideen für ein Produkt entstanden oder welche, die zeigen wie die Produkte hergestellt werden. Das Gefühl etwas tolles zu kaufen, von jemanden der mächtig Spaß an dem hat was er da macht, ist sicherlich kein schlechtes. Auch wenn man sich das "Lookbook" anschaut sieht man, dass hier von vorne bis hinten auf super Qualität geachtet wird.

Auch die Verpackungen mancher Produkte gefallen mir überaus gut. Egal ob die simplen Pappschachteln mit Logo drauf oder ein Leinensack wo das "Premium Leather Journal" eingepackt ist.

Es gibt auch jedes Jahr ein Shirt in limitierter Auflage mit kleinen Extras dazu. Dieses Jahr war es Shirt #3 mit einem schicken Pappumschlag und einem Lederschild mit Gravur. Einfach hübsch.

Ich glaub über die hälfte meiner Shirts sind UGMONK-Shirts und ein paar andere Sachen hab ich davon auch noch gekauft. Einfach klasse Produkte, klasse Darstellung und ein super Image. Man sollte wenn man aus Deutschland bestellt aber eher in kleineren Mengen bestellen dann kommt das Zeug auch nicht erst zum Zoll :)

Premium Leather Card Case

Wie man auf der Startseite sieht, zeigt er hier seinen neuen heißen Scheiß den er mal wieder an die Öffentlichkeit gelassen hat. Soweit so gut. Unter dem Bild findet man eine klassische kleine Navigation um zwischen verschiedenen Arbeiten hin und her zu wechseln. Auch gut. Klick man jetzt auf deinen Punkt oder Pfeil blendet sich links und rechts vom Bild eine Art Lasche (oder wie nennt man das im PROFIBEREICH?) ein wo die Sachen drunter rutschen. Das gefällt mir! Noch besser ist, dass sich nach Desinteresse des Benutzer diese Laschen wieder langsam ausblenden.
 

In meinen Augen sehr gelungen das ganze und aus Designsicht auch super da die Laschen sonst etwas stören würden, wären sie permanent eingeblendet. Nice one Thomas! :)
 

• Thomas Website: www.thomas-aull.de

Meine GF1 hab ich sofort zum Verkauf angeboten obwohl ich noch nicht einmal weiß, was die X-Pro1 im Laden kosten wird. Ich werde mir Sie aber wohl auf jeden Fall holen. Eins schönes Stück! Hoffentlich bleibt der Preis im Rahmen. Als Objektiv werde ich wohl das 35mm 1.4er nehmen und mir dann das 14mm kaufen wenn es dann erschienen ist. Damit bin ich wohl für meine Verhältnisse super ausgestattet. Vielleicht noch nen Blitzgerät dazu und ne hübsche Tasche und fertig ist die Fotoausrüstung. Klar, die X-Pro1 ist auch nicht gerade klein aber dennoch im Rahmen. Ich freu mich drauf!

Der Kreis schließt sich

Lustiger weise war meine erste wirkliche Kamera eine FUJIFILM und zwar eineFinepix s5700. Das doch eine schöne Geschichte das ich jetzt dahin zurück kehren möchte. Findet ihr nicht auch? :)

Und nein, ich bin kein Fotograf. Verdiene kein Geld damit. Gebe wohl zu viel Geld für diese Kamera aus, da ich nicht mal so oft Fotos mache. Aber es muss sein. Ich will sie! :)

Meine Kameras bisher

• Minolta XG-9
• FUJIFILM Finepix s5700
• Canon IXUS 70
• Nikon D70
• Canon 30D
• Canon 40D
• Panasonic GF1

Canon war wohl mein heimlicher Favorit. Die IXUS 70 die geilste Kompakte die ich je hatte. Die 30D und 40D geliebt für ihr Daumenrad!

Die Frage warum man etwas schreibt stelle ich mir auch des öfteren. Und Manuela trifft es dabei eigentlich ganz gut.

Schreiben für mich. Als Gedankenstütze, als Erinnerung, als Sammelmappe, als Sieb.

Anfangs dachte ich auch, dass ich nur Sachen schreiben sollte die mit meinem Beruf oder so zu tun haben. Aber das ist quatsch. Es ist meine Seite, mein Blog und ich darf schreiben worüber ich möchte. Sei es irgendwelche Webthemen, App Reviews oder einfach nur über die nicht eingetretene Katzenallergie. Der eigene Blog heißt schreiben worüber man Lust hat. Wer nicht lesen möchte, der muss das auch nicht.

Martin sind heute auch andere Sachen wichtiger als damals, als er anfing im Web zu schreiben. Achtet er doch heute z.B. weniger darauf, ob das von ihm geschriebene auch viele lesen.

Recht hat er damit. Was bringt es einem wenn viele deinen Blog lesen. Es müssen die Richtigen deinen Blog lesen. Die besten Beiträge sind die, wo nette Diskussionen entstehen. Wo Autor und Besucher sich austauschen.

Wo wir auch schon wieder bei den Kommentaren eines Blogs wären. Hier und da sieht man in letzter Zeit immer wieder, dass die Kommentare abgeschaltet werden. Zugegebenermaßen hatte ich das auch vor. Nein, sogar gemacht habe ich es. Wenn auch nur zwei Tage. Sein geschriebenes verbreitet man oft über die sozialen Netzwerke da draußen. Da ist es doch naheliegend die Kommentare auch dort unter zu bringen. Nicht unbedingt. Ist es doch teilweise recht aufwendig, die Diskussion zu einem Beitrag auf Facebook, Twitter und Google+ gleichzeitig zu verfolgen. Da freut man sich doch, wenn das ganze auf der eigenen Seite passiert. Alles an einem Ort. Super!

Ein Blog ist was feines. Auch wenn man sich oft motivieren muss mal wieder was zu schreiben. Eine Art kleines Tagebuch das vielleicht nicht allzu persönlich bzw. intim ist. Doch mit vielen was hier geschrieben ist, kann ich sicher das ein oder andere Erlebnis verbinden. Das ist doch was. So, weitermachen!

Wie gesagt, ich war beim Arzt und lies einen so genannten Pricktest über mich ergehen. Es waren glaube 23 Substanzen gegen die man getestet wird. Kleiner Tropfen des Mittels auf die Haut und dann ein kleiner Ritz und zwanzig Minuten später weiß man, dass man am Arsch ist!
 

Warum? Ganz einfach. Ich bin allergisch gegen Frühblüher, Gräser und gegen Hausstaub. Jackpot! Ach ja, gegen die Katze nicht! Das ist schon mal gut. Nur das andere ist schlecht. Kannst du machen nichts. Desensibilisieren (Hyposensibilisierung)heißt das wohl. Wenn der Spaß nicht 3-5 Jahre dauern würde und man kann immer nur gegen ein was desensibilisieren. Noch mal Jackpot. Nächste Woche wird noch mal ein Bluttest gemacht um sicher zu sein und dann heißt es wohl, SPRITZEN gegen die Hausstaub Allergie. Na wenn ich mich da nicht mal freuen sollte. Was mich etwas ärgert ist, dass ich nicht schon eher beim Arzt war. Immerhin ist jetzt klar woher das leiden der letzten Monate kommt.
 

Was lustig ist. Seit dem ich beim Arzt war hab ich nicht viel anders gemacht als bisher. Aber dennoch geht es mir gefühlt besser. Scheint wohl auch relativ viel im Kopf statt zu finden. Wenn man denkt das man gegen die Katze allergisch ist wird man es wohl auch obwohl man es gar nicht ist. Verrückt!

Auch dieses Jahr möchte ich ein paar Zahlen zu meinen Projekten nennen. Es sind nicht viele aber es reicht um sich ein Bild zu machen. Auch letztes Jahr Tat ich das: Meine Projekte 2011. Dieses Jahr ging es meisten höher aber auch bei manchen Sachen etwas runter. Den größten Sprung hat wohl MakeBetterWebsites gemacht. Also los, hier ein paar Zahlen.

Make Better Websites

Ich bin begeistert. Hier hat sich richtig was getan. Doppelt so viele Besucher und doppelt so viele clicks. Damit kann ich gut und gern leben. Sehr gespannt bin ich nun darauf wie sich das ganze 2012 weiterentwickelt. Ob ein ähnlicher Sprung drin ist? Vorstellen kann ich es mir nicht so richtig. Mal schauen.

Stats für 2011

• 519.442 Besucher
• 1.280.242 Hits
• 2,46 Hits/Besucher

Die Website wurde dieses Jahr auch erst wieder relauncht und ist jetzt mit einem Responsiv Design am Start. Yeah!

Make Better Apps

Aktuell muss ich sagen, dass MakeBetterApps eher tot ist. Das ist sehr schade aber der Aufwand ist relativ hoch und wenn man dann noch andere Sachen am laufen hat, wird es fast unmöglich so etwas sinnvoll am laufen zu halten. Ich bin noch nicht sicher was ich damit mache. Aber Reviews werde ich wohl eher wieder hier bei mir schreiben. Na ja, kommt Zeit kommt Rat...

Stats für 2011

• 24.512 Besucher
• 53.076 Hits
• 2,17 Hits/Besucher

Make Better Shirts

Neben MakeBetterApps läuft auch noch MakeBetterShirts und hier ist der Aufwand überschaubarer und der Jan macht hier ja auch noch mit. Es wird also auf jeden Fall weiter gehen. Täglich neue Shirts wird es wohl aber auch hier nicht geben. Aber hin und wieder sicherlich. Hobbyprojekt! :)

Stats für 2011

• 32.541 Besucher
• 89.450 Hits
• 2,75 Hits/Besucher

Natürlich freuen wir uns, wenn die Besucherzahlen dieses Jahr weiter ansteigen. Man wird sehen aber ich bin da guter Dinge.

davidhellmann.com

Die eigene Seite. Sie wird langsam zu der, die ein wenig hinten anstehen muss da die anderen Sachen viel Zeit verschlingen. Macht ja aber nichts. Die Seite bleibt weiter mein Sprachrohr, Spielwiese und das Schaufenster für meine Arbeiten. So wie sich das gehört.

Und genau so soll es nun nicht mehr sein. Es ist gerade eine neue Version online gegangen die relativ simple und clean daher kommt. Ganz das Gegenteil vom Vorgänger. Ich möchte mich wieder mehr auf den Inhalt konzentrieren. Das Portfolio ist mehr in den Vordergrund gerückt (Startseite) und auch der Blog ist sauberer und schlichter geworden. Der Weg ist denke ich der Richtige.

Stats für 2011

• 243.288 Besucher
• 444.797 Hits
• 1,83 Hits/Besucher

Die Besucherzahlen gingen leider etwas zurück aber nicht wirklich viel. Dennoch sind es noch ein paar die immer wieder hier vorbei schauen und ich freue mich über jeden der dazu kommt.

Na dann ein Erfolgreiches Jahr 2012.

Warum isync die Dropbox ablösen könnte...

Ein Hauptgrund ist erstmal der Preis. Das ganze läuft wie gesagt über den Google Speicherplatz und hier sind die Preise sehr angenehm. 20GB kosten 5$ pro Jahr(richtig, pro Jahr). Aktuell habe ich mir die 80GB Variante für 20$ pro Jahr geholt.Preise und Infos zum Google Speicherplatz könnt ihr euch ja mal genauer anschauen. Kurz gerechnet merkt man, dass die Dropbox hier deutlich teurer ist. Da zahle ich für 50GB 100-120$ pro Jahr. Das ist schon ein deutlicher Unterschied.

Ein weiterer Grund ist meine Zuneigung zu Google. Haha. Erstmal werde ich insync mal etwas testen und nebenher zur Dropbox laufen lassen. Noch hat es auch nicht den Funktionsumfang den Dropbox hat aber ein Blick in den Support Bereich zeigt mir, dass hier einiges in der Pipeline zu stecken scheint. Selective Sync, Pause, Symbol Links und noch mehr. Hier gibt es einen kleinen Ausblick was noch kommt und passiert. Ich bin gespannt. Mobile Versionen sind natürlich auch geplant.
 

Ein weiterer schöner Nebeneffekt ist, dass die Nutzung von Google Docs nun noch mehr Sinn macht da man die Dateien jetzt einfach offline auf dem Rechner liegen hat. Natürlich mit der Ordnerstruktur die man auf der Online Version kennt.
 

Anschauen lohnt sich auf jeden Fall würde ich sagen. Keine Frage, Dropbox ist ein super Dienst aber wenn ich das ganze zu deutlich besseren Konditionen bekommen kann muss ich es mir einfach mal anschauen. Dropbox wird aber weiter unumgänglich sein um App-Daten bzw. App-Settings synchron zu halten. Hier ist Dropbox ja fast schon ein Standard. WAs meint ihr? Alternative zu Dropbox oder eher nicht?

Danke Steve Jobs für die inspiration :)

Als ich von Dienstag auf Mittwoch Nacht mal wieder etwas an der Steve Jobs Biographie weiter gelesen habe wurde ich unruhig und musste was kreativesmachen. Vielleicht lags am Buch? Vielleicht aber auch nicht. Auf jeden Fall steckte ich dann voller Tatendrang. Problem war nur, dass es schon Nachts drei Uhr war. "Was du Heute kannst besorgen, verschiebe nicht auf Morgen!". Also hab ich mich mal hingesetzt. 70% der Seite sind dann direkt wieder per HTML & CSS entstanden. Das macht Spaß! Viele Grafiken waren diesmal nicht nötig. Wie gesagt, mal was ganz anderes. Hier und da ist sicher noch nicht alles ganz sauber aber nach drei Tagen Vollgas musste ich das Ding jetzt einfach online stellen. Wenn wir schon bei Neuerungen sind, Kommentare wird es vorerst nicht geben. Warum? Keine Ahnung, scheint mir in Mode zu sein und dem möchte ich in nichts nachstehen, hehe. Checkt die Suche und Contact. Das gefällt mir mit am besten.

So, ich fixe hier und da mal noch ein paar Sachen.

Früher sind wir immer einfach losgefahren. Geschlafen wurde irgendwo im freien. Ja, wir waren jung und meistens Schüler. Heute, da wir alle irgendeiner Arbeit nachgehen, gönnten wir uns den Luxus einer festen bleibe. Nein, kein Hotel sondern Wohnungen die vermietet werden. Gefunden haben wir das ganze bei Airbnb(Tipp bekam ich über Facebook). Preislich ist das ganze sehr gut wie ich finde. 25 Euro die Nacht pro Person. Gefällt.

Rotterdam

Hier waren wir zu viert da der Jan nur die ersten vier Tage bleiben konnte. Die Wohnung war echt sehr schick gewesen. Ein kleines Reihenhaus in einem Arbeiterviertel (würde ich denken). Dort hatten wir zwei Etagen mit viel Platz und auch einer sehr gut ausgestatteten Wohnung. Wir mussten sogar auf die Katze aufpassen da diese nicht wie sonst woanders untergebracht wird. Aber das stellt kein Problem dar. Außer das mit der Katzenallergie war etwas uncool. Stimmts Thomas? Abend wurde immer lecker gekocht und gepokert, yeah!

Könnt ihr euch noch Erinnern als ich Vodka mit Wasser getrunken habe? Haha, der Spruch aus Rotterdam!

In Rotterdam an sich war ich glaub schon zwei mal gewesen und deshalb war auch nicht alles neu. Aber Reiseführer Thomas hatte straffe Planung und so sind wir kreuz und quer durch die Stadt gefahren. Ein paar nette Spots sind wir auch gefahren. Alles in allem vier schöne Tage in Rotterdam. Leider durften wir keine Hafenrundfahrt machen, da wir die BMX Räder nicht mit aufs Schiff nehmen durften. Schade. Dienstag ging es weiter nach Amsterdam. Ach, da hätte ich fast vergessen zu erwähnen, dass die Wohnung das wohl kleinste WC der Welt hatte. Bahnhofsklos sind dagegen Großraum WC's!

• Ein paar Bilder aus Rotterdam

Amsterdam

Und dann sind wir auch schon in Amsterdam. Als ich damals die Wohnung bei Airbnb gefunden hatte war mir nicht klar, dass diese sich quasi genau im Rotlichtviertel befinden würde. Was natürlich auch hieß, dass immer was los ist in der Hood am Abend. Die Wohnung war der volle Kontrast zu der in Rotterdam. Eher spartanisch aber dafür halt mitten im Zentrum. Aber wir sind ja auch nicht nach Holland gefahren um in unserer Wohnung zu sein. Wir hatten Dusche, Herd, WC und was zum schlafen. Perfekt.

You go to the left, you come into the red light district. You go to the right, it's just Amsterdam.

Auch in Amsterdam waren wir viel mit dem Fahrrad unterwegs. Amsterdam hat eine sehr schöne BMX & Skatehalle in der wir auch waren. Vorher ging es mit der Fähre (kostenlos) auf die andere Seite der Stadt. Super Park in einer sehr sehr großen Industriehalle. Dort wurde einfach eine zweite Etage eingezogen und ein Skatepark mit Shop und allem drum und dran geschaffen. Vorbildlich! Leider konnte ich auf Grund körperlicher Defizite nicht in den Genuss des rollens kommen. Thomas hielt die Fahne aber hoch und gab vollgas! Dennoch, schön dagewesen zu sein. Vielleicht kommt man ja mal wieder vorbei.

In Holland ist alles maximal eine Stunde weit entfernt.

Ein für mich - ich denke auch für die anderen - toller Anblick war ein Hafenviertel wo wir waren. Wirklich traumhaft schöne Wohnungen dort. Das machte schon was her. Wohl auch nicht ganz billig die Ecke aber noch mal: RICHTIG SCHICK! In Amsterdam waren wir auch mal ohne Fahrrad unterwegs um ein wenig die Urlaubskassen zu erleichtern. Lustigerweise sah die Innenstadt der von Köln ziemlich ähnlich. Also die Shopping Straße da. Auch sonst muss ich sagen fühlt man sich in Holland ziemlich zuhause. So kam es mir jeden Falls vor. Auch in Amsterdam war es sehr schön gewesen. Bis zum nächsten mal!

• Ein paar Bilder aus Amsterdam

Unboxing

Haha, wollte ich schon immer mal machen…
Aber nun gut. Hier hat sich nichts getan außer das die Verpackung wieder etwas flacher wurde wenn ich mich nicht täusche. Und es befindet sich das kleine silberneiCloud Icon mit auf der Verpackung. So weit so gut…

Das iPhone an sich

Ist wie das alte. Wirkt sehr wertig und macht auch in weiß eine gute Figur. Aber es hat sich ja auch nichts weiter zum Vorgänger geändert. Außer das neue Antennendesign und das der Stummschalter etwas verrückt wurde. Alles beim alten. Auch mal schön. Wir Menschen sind ja Gewohnheitstiere sagt man.

Siri Test

Kleiner Siri Test.

Wetter abfragen. Klappt
Erinnerung erstellen. Klappt
Dialog:

Siri, ich liebe dich.
Siri: Ich wette, das sagst du zu allen deinen Apple-Produkten.

Siri, ich liebe dich.
Immer zu deinen Diensten.

Siri, ich liebe dich.
Das kannst du nicht.

Siri, ich liebe dich.
Das ist nett. Können wir jetzt weiterarbeiten?

Siri, ich liebe dich.
Ich schwebe auf Wolke 7

Siri, wie heiße ich?
Siri: Du bist David. Das hast du mir jedenfalls erzählt. (Visitenkarte wird gezeigt).

Siri, willst du mich heiraten?
Siri: Das ist nett von dir, David. Kann ich dir sonst noch irgendwie helfen.

Der Sinn des Lebens?
Siri: Alles spricht dafür, dass es Schokolade ist.

Der Sinn des Lebens?
Siri: Da bin ich überfordert.

Der Sinn des Lebens?
Siri: Ich finde es seltsam, dass du mich das fragst. Ich bin ein nicht animiertes Objekt.

Scheint also alles ganz gut zu klappen, hehe. Aber wenn ich ehrlich bin werde ich Siri denke ich nicht all zu oft nutzen. Aber im Auto ist das sicher eine ganz interessante Sache. Ansonsten eher ne nette Spielerei im Moment finde ich. Aber das ist jetzt auch nur die Meinung nach 5 Minuten

Geschwindigkeit

Ja was soll man sagen. Man merkt, dass alles etwas flüssiger und schneller geht aber man würde glaube ich lügen wenn man sagen würde, dass es sehr auffällt. Woran das liegt? Ganz einfach. Das iPhone 4 war auch schon sehr flott unterwegs und man hatte selten das Gefühl das es schneller sein müsste. Aber auch das ist nur ein Eindruck von etwas rum probieren. Sicherlich wird es fällt und Apps geben wo man deutlich den Unterschied merkt. Die Foto App zum Beispiel zeigt schon, dass es schneller geht.

Kamera

Werde ich heute Nachmittag wohl mal ausgiebiger testen aber der erste Eindruck scheint das zu bestätigen was Apple gesagt hat. Hab hier mal schnell zwei drei Fotos gemacht um zu testen und das sieht schon ganz gut aus wie ich finde. Das iPhone wird also mehr und mehr zur immer dabei Knipse. Klar, wer mehr Qualität will wird sicher seine DSLR / MFT Kamera benutzen aber wie gesagt, immer dabei!

So, das war es erstmal. Ein kleiner Einblick sollte ja reichen. Ob man wirklich vom iPhone 4 auf das iPhone 4S umsteigen muss wage ich zu bezweifeln. Aber es ist auch nicht sonderlich schlimm wenn man es macht :)

Vielleicht interessiert es ja den ein oder anderen wie ich das gemacht habe. Deswegen ein paar Worte und ein paar Zeilen Code dazu. Grundsätzlich muss man sagen, ist es in WordPress nicht möglich Mehrfachfilter zu setzen. Das wäre richtig schick gewesen. Vielleicht geht es auch irgendwie aber mir war keine Möglichkeit bekannt. Aber auch so ist es schon recht nett bin ich der Meinung. Fangen wir an.

Der HTML/PHP Code (WordPress)

<div id="filterBox">
	<div id="filterContent">
		<div class="filterSubBox">
			<h3 style="width:100%; margin:20px 0 10px 0;">by Color</h3>
			<ul class="wp-tag-cloud">
				<li><a style="background:#b6ae94; border: 1px solid #b6ae94; color:#fff;text-shadow:none;" class="beige" href="<?php bloginfo('home'); ?>/tag/beige">Beige</a></li>
				<li><a style="background:#000; border: 1px solid #000; color:#fff;text-shadow:none;" class="black" href="<?php bloginfo('home'); ?>/tag/black">Black</a></li>
				<li><a style="background:#333; border: 1px solid #333; color:#fff;text-shadow:none;" class="blackwhite" href="<?php bloginfo('home'); ?>/tag/black-and-white">Black and white</a></li>
				<li><a style="background:#1f53b6; border: 1px solid #1f53b6; color:#fff;text-shadow:none;" class="blue" href="<?php bloginfo('home'); ?>/tag/blue">Blue</a></li>
				<li><a style="background:#583d21; border: 1px solid #583d21; color:#fff;text-shadow:none;" class="brown" href="<?php bloginfo('home'); ?>/tag/brown">Brown</a></li>
				<li><a style="background:#333; border: 1px solid #333; color:#fff;text-shadow:none;" class="colorful" href="<?php bloginfo('home'); ?>/tag/colorful">Colorful</a></li>
				<li><a style="background:#777; border: 1px solid #777; color:#fff;text-shadow:none;" class="gray" href="<?php bloginfo('home'); ?>/tag/gray">Gray</a></li>
				<li><a style="background:#569f2a; border: 1px solid #569f2a; color:#fff;text-shadow:none;" class="green" href="<?php bloginfo('home'); ?>/tag/green">Green</a></li>
				<li><a style="background:#cf7907; border: 1px solid #cf7907; color:#fff;text-shadow:none;" class="orange" href="<?php bloginfo('home'); ?>/tag/orange">Orange</a></li>
				<li><a style="background:#d5036e; border: 1px solid #d5036e; color:#fff;text-shadow:none;" class="pink" href="<?php bloginfo('home'); ?>/tag/pink">Pink</a></li>
				<li><a style="background:#7b29a8; border: 1px solid #7b29a8; color:#fff;text-shadow:none;" class="purple" href="<?php bloginfo('home'); ?>/tag/purple">Purple</a></li>
				<li><a style="background:#b21d0f; border: 1px solid #b21d0f; color:#fff;text-shadow:none;" class="red" href="<?php bloginfo('home'); ?>/tag/red">Red</a></li>
				<li><a style="background:#18c5c4; border: 1px solid #18c5c4; color:#fff;text-shadow:none;" class="turquoise" href="<?php bloginfo('home'); ?>/tag/turquoise">Turquoise</a></li>
				<li><a style="background:#c8a500; border: 1px solid #c8a500; color:#fff;text-shadow:none;" class="yellow" href="<?php bloginfo('home'); ?>/tag/yellow">Yellow</a></li>
				<li><a style="background:#fff; border: 1px solid #d4d4d4; color:#777;text-shadow:none;" class="white" href="<?php bloginfo('home'); ?>/tag/white">White</a></li>
			</ul>
		</div>
		<div class="filterSubBox">
			<h3 style="width:100%; margin:20px 0 10px 0;">by Tag</h3>
			<?php $dh_tags = array(
			    'smallest'                  => 11,
			    'largest'                   => 11,
			    'unit'                      => 'px',
			    'number'                    => 0,
			    'format'                    => 'list',
			    'orderby'                   => 'name',
			    'order'                     => 'ASC',
			    'exclude'                   => '4,5,12,14,15,19,22,24,30,36,38,40,52,55,82',
			    'taxonomy'                  => 'post_tag',
			    'echo'                      => true );
			?>
			<?php wp_tag_cloud( $dh_tags ); ?>
		</div>
		<div class="filterSubBox">
			<h3 style="width:100%; margin:20px 0 10px 0;">by Month</h3>
			<?php $dh_month = array(
			    'type'            => 'monthly',
			    'format'          => 'html',
			    'show_post_count' => false,
			    'echo'            => 1
			); ?>
			<ul class="wp-tag-cloud">
				<?php wp_get_archives( $dh_month ); ?>
			</ul>
		</div>
		<div class="filterSubBox">
			<h3 style="width:100%; margin:20px 0 10px 0;">by Year</h3>
			<?php $dh_year = array(
			    'type'            => 'yearly',
			    'format'          => 'html',
			    'show_post_count' => false,
			    'echo'            => 1
			); ?>
			<ul class="wp-tag-cloud">
				<?php wp_get_archives( $dh_year ); ?>
			</ul>
		</div>
	</div>
</div>

Der erste block ist für die Farben da. Die sind von Hand angelegt da die Button auch farbig angezeigt werden sollen. Etwas von WordPress generiertes wäre hier schwierig gewesen. Im zweiten Blog wird im Grunde nur eine TagCloud ausgegeben wo die Farben von oben extrahiert sind. Im dritten Block wird nach Monaten gefiltert und im letzten schließlich nach Jahren. Das sind so die Sachen die wohl interessant sein könnten. Wie gesagt, ein Mehrfachfilter wäre richtig schick aber ich wüsste nicht wie das mit WordPress gehen soll. Aber vielleicht hat ja später jemand eine Idee in den Kommentaren. Das ist im Grunde der HTML/PHP Code und der ganze DIV wird via: display:none; versteckt.

Der CSS Code

#filterBox {
	display: none;
	width: 100%;
	background:#ccc url(images/smooth_wall.png) 0 0 repeat;
	box-shadow: inset 0 0 10px rgba(0,0,0,0.4);
	-moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.4);
	-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.4);
	float: left;
	padding: 5px 0 20px 0;
	overflow: hidden;
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
}
 
	#filterBox #filterContent {
		width: 1000px;
		margin: 0 auto;
	}
 
	#filterBox #filterContent .filterSubBox {
		width: 958px;
		float: left;
		margin: 15px 0 0 0;
		padding:0 20px 20px 20px;
		border-radius: 5px;
		border: 1px solid #bbb;
		box-shadow: 0 1px 0 #bbb, inset 0 0 0 1px #fff;
		-moz-box-shadow: 0 1px 0 #bbb, inset 0 0 0 1px #fff;
		-webkit-box-shadow: 0 1px 0 #bbb, inset 0 0 0 1px #fff;
		background-image: linear-gradient(bottom, rgb(244,244,244) 80%, rgb(228,228,228) 100%);
		background-image: -o-linear-gradient(bottom, rgb(244,244,244) 80%, rgb(228,228,228) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(244,244,244) 80%, rgb(228,228,228) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(244,244,244) 80%, rgb(228,228,228) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(244,244,244) 80%, rgb(228,228,228) 100%);
		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.8, rgb(244,244,244)),
			color-stop(1, rgb(228,228,228))
		);
	}
 
	#filterBox #filterContent h3 {
		color: #555;
		border-bottom: 1px solid #e0e0e0;
		font: bold 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
		text-transform: uppercase;
	}
 
	#filterBox #filterContent ul.wp-tag-cloud li a {
		float: left;
		width: 131px;
		background: #e8e8e8;
		padding:0 10px;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		border-radius: 15px;
		border: 1px solid #d4d4d4;
		font: normal 11px/25px "Trebuchet MS", Arial, Helvetica, sans-serif;
		margin:3px;
		color: #555;
	}
 
	#filterBox #filterContent ul.wp-tag-cloud li a:hover {
		background: #333;
		color: #eee;
		border: 1px solid #333;
	}
 
#filterBox #filterContent {
	width: 460px;
	margin: 0 auto;
}
 
	#filterBox #filterContent .filterSubBox {
		width: 418px;
	}
 
	#filterBox #filterContent ul.wp-tag-cloud li a {
		width: 111px;
		margin:3px;
	}

Das ganze was wir oben gesehen haben wird natürlich auch noch mittels CSS gestylt. Alles kein Hexenwerk. Etwas rumspielen mit Box-Shadow und Background-Gradients.

jQuery Code

// Show Filter
 jQuery(".showfilters").toggle(function () {
	jQuery(".showfilters").css("color", "#111");
	jQuery("#filterBox").animate({
		opacity: 1,
		height: 'toggle'
	}, 500);
	return false;
}, function() {	
	jQuery(".showfilters").css("color", "#107c73");
	jQuery("#filterBox").animate({
		opacity: 1,
		height: 'toggle'
	}, 500);
	return false;	
});

Der jQuery Part ist auch relativ kurz. Mit dem Toggle Befehl wird per klick der DIV eingeblendet. Das ganze wird mit Animate animiert. Man glaubt es kaum was? :) Mittels opacity und height Befehl wird der Div gleichzeitig eingeblendet sowie aufgeschoben. Beim erneuten klick auf Filter geht das ganze wieder in die entgegengesetzte Richtung.

So sieht der Filter dann aus

Warum nun doch?

Die Entscheidung hat sich mit dem Vorstellen der Kamera dann doch geändert. Mehr Leistung, bessere Fotos und yeah. Der neue A5 Dual Core verbreitet natürlich auch Freude genau wie der Tweet der mich gerade erreicht hat (ob es stimmt weiß ich nicht). Aber 1GB Arbeitsspeicher wäre natürlich auch schön. Das iPhone nutze ich doch viel zum Fotos machen. Sicherlich keine wertvollen Fotos aber eben eine Knipse für die Momente im Leben und für die Katze, haha. Da freut man sich über gute Fotos und wenn die Kamera wirklich so viel besser ist – genial!

Ein weiterer Punkt ist die Tatsache, dass ich meine alten iPhone immer verkaufe und das meistens so um die 380,- Euro. Das tat ich auch gestern Abend wieder und der Ansturm war groß. Vielleicht ist der Preis etwas zu niedrig gewesen, wer weiß. Ich zahle für ein neues iPhone quasi um die 250,- Euro womit ich leben kann. Würde ich eine Generation auslassen würde mich das nächste iPhone sicher fast das doppelte kosten und ich hätte in der Zeit nicht das schnellere gehabt. Im Grunde musste ich schon fast verkaufen :)

Ich werde also am Freitag vorbestellen, ein iPhone 4S 16GB, so viel steht fest. 32GB macht für mich keinen Sinn da ich damit keine Musik höre. Da kaufe ich mir lieber einen iPod Nano das macht mir mehr Sinn zum Musik hören. Jetzt die entscheidende Frage: Schwarz oder Weiß? :) Ach ja, Thomas, du hattest recht :D

Markdown ermöglicht es Text zu formatieren mit einfachen Mitteln. Die häufigsten Möglichkeiten die man in Texten zum formatieren nutzt werden sein:

Blockquotes, die natürlich auch nicht fehlen dürfen

Das alles sind Grundlegende Dinge zur Formatierung von Texten. Das gute ist man kann das ziemlich einfach mit ein paar Zeichen extra machen und es ist leicht zu erlernen.

Für mich ist es wohl eine Erleichterung beim verfassen von Artikeln da ich die Formatierung schon direkt beim schreiben vornehmen kann. Ich muss dann nicht mehr in WordPress HTML Tags um die einzelnen Sachen packen. Das ist sehr angenehm.

Man exportiert einfach den geschrieben Text als HTML und schon hat man alles was man braucht. Es ist ehrlich gesagt noch ein wenig ungewohnt so zu schreiben, da man immer daran denken muss gleich zu formatieren was ich vorher erst in WordPress gemacht habe. Es ist aber davon auszugehen, dass ich mich daran gewöhnen werde.

Markdown lesen können sehr viel Apps. Auch auf dem iPhone und iPad ist das kein Problem somit hat man etwas, dass man von überall aus nutzen kann und ist nicht an eine App gebunden.

Aktuell nutze ich den iA Writer zum schreiben der Texte. Hier ist noch nicht alles super perfekt für mich aber ich denke das wird noch. Aktuell fehlt mir am meisten, dass man den Text fertigen Text nicht einfach als HTML kopieren kann. Im Moment muss man noch eine HTML exportieren was eher unschön ist. Einfach ein Schritt zu viel. Wenn dann sollten einfach beide Möglichkeiten Angeboten werden.

Was noch nicht klappt ist die saubere Zusammenarbeit mit der iPad App. Der Dropbox - Sync läuft unter der iOS 5 Beta gar nicht. Die iPad App stürzt einfach ab dabei. Aber auch hier wird wohl bald Besserung kommen.

Letztendlich bleibt zu sagen, dass mit Markdown ein wenig mehr Effektivität beim schreiben dazu kommt. Super Sache und sollte man sich auf jeden Fall mal näher anschauen.

weiterführende Links

• Markdown von John Gruber
• Markdown Syntax
• Markdown Syntax - de

Die Oberfläche

Optisch muss eine App mir auch gefallen und ich möchte hier nicht speziell auf eine App der jeweiligen Kontrahenten eingehen sondern das Gesamtpaket betrachten.

OmniFocus

Die Mac App von OmniFocus wirkt im Vergleich zu den ihren Schwestern eher Altbacken und überholt. Schön ist anders würde ich sagen und hier darf die OmniGroup gern mal etwas neues bringen. Alles wirkt etwas überladen und halt einfach nicht schön und Zeitgemäß. Aber da wir aktuell bei Version 1.9.2 sind sieht es ja aus als ob da bald was passieren könnte.

Die iPhone App und iPad App hingegen sehen sehr ansprechend aus und das schöne bei OmniFocus ist, dass auch ständig Updates kommen. Letztens wurde erst für das iPhone die Vorschau Ansicht ausgerollt. Hier merkt man das eine professionelle Firma im Hintergrund arbeitet die Ihrer Produkte ständig weiterentwickelt. Die beiden machen wirklich Spaß!

The Hit List

Es wäre nicht gelogen wenn ich sagen würde, dass The Hit List schon immer eines, von der UI her, schönsten GTD Programme war und auch noch ist (Mac Version). Die Oberfläche mag einfach gefallen. Der Hintergrund erinnert immer an den von Karteikärtchen und The Hit List hat auch ein kleines Farbleitsystem mit eingebaut was auf den ersten Blick vielleicht gar nicht gleich auffällt. Listen werden mit gelbem Hintergrund und grauem Rahmen gezeigt. Klickt man auf einen Ordner (blaues Icon) wird der Rahmen auch blau. Bei Smartlists ist es genauso, lila Icon und lila Rahmen. Today und Upcoming haben auch ihre eigenen Rahmenfarben (grün und blau). So hat man immer einen optischen Anhaltspunkt wo man sich gerade befindet.

Auch gibt es zwei Ansichten. Einmal die Listen Ansicht wo alle Tasks untereinander stehen (Standard) und dann noch die Detailansicht (Karteikarten) wo man immer nur eine Aufgabe sieht und dafür aber ein sehr großes Eingabefeld für Notizen hat. Sehr hübsch anzuschauen.

Die iPhone App ist auch hübsch geworden. Hat ja auch lang gedauert :) Das Farbleitsystem ist auch hier wieder zu finden. Nicht ganz so ausgeprägt wie in der Mac Version aber dennoch vorhanden. Nett ist auch, dass wenn man sich bei einer Aufgabe in der Detailansicht befindet das ganze, nennen wir es mal Blatt Papier, runterziehen kann und dahinter steht da worin sich die Aufgabe befindet und wann Sie angelegt wurde. Nettes Detail :)

Things

Ich glaube Things ist wohl mit am bekanntesten dafür das es gut aussieht. Hat es doch auch schon denn Apple Design Award gewonnen. Es muss also was dran sein. Ist es auch. Things ist schon sehr hübsch gemacht. Was mir aber nicht so richtig gefallen mag ist die Darstellung der einzelnen Tasks. Es bekommt jeder Task quasi einen eigenen Block. Das sieht bei vielen Tasks einfach nicht mehr schön aus finde ich. Da gefallen mir die luftigeren Ansichten bei OmniFocus und The Hit List schon deutlich besser. Der Rest ist aber wirklich schön gemacht.

Die iPad App ist wirklich hübsch geworden. Hier hat Things wirklich eine schöne App in den Store geballert. Das einzige was etwas stört ist, dass die App leicht träge wirkt. Vielleicht auch nur Einbildung aber es kommt mir so vor. Das ganzen Aufgaben sind in eine Art Notizbuch / Aufgabenbuch gepackt. Optisch wirklich sehr ansprechend.

Die iPhone App ist auch nicht schlecht. Sie ist zwar mehr oder weniger mit Apple Standardelementen umgesetzt aber dennoch gefällt Sie mir sehr gut.

Punkte Vergabe

• The Hit List: 3
• OmniFocus: 2
• Things: 1

Möglichkeiten der Programme

Ich bin sicher kein Profi was das GTD Prinzip angeht. Es soll nur eine Sichtweise von mir widerspiegeln wie ich die Programme und dessen Funktionsumfang sehe.

OmniFocus

Im Grunde ist es das komplexeste Programm der hier genannten. Aber auch das, wo ich am wenigsten zu den Möglichkeiten schreiben muss. Es kann glaube alles was man will und man wird so gut wie nicht an seine Grenzen stoßen. Bisher hatte ich nicht das Gefühl irgendwo nicht weiter zu kommen. So stellt man sich ein Programm vor. Kein zwang, alles ist Möglich. Verschiedene Typen von Aufgabenlisten sind hier z.B. zu nennen. Mit den Perspektiven kann man sich eigene Ansichten zusammenbauen was auch sehr nützlich sein kann. Das Teil ist einfach groß und mächtig und ist wohl nichts für Leute die paar Aufgaben auf ne Liste schreiben wollen.

The Hit List

Ist von den dreien im Mittelfeld anzutreffen. Auch hier ist viel Möglich aber bei weitem nicht so viel wie bei OmniFocus. Dennoch ist der Funktionsumfang so groß, dass man auch hier nicht so schnell an Grenzen des Programms stoßen sollte. Es beherrscht Kontexte und Tags die beliebig viel vergeben werden können. Das Unterscheid The Hit List schon mal von OmniFocus. Dort kann eine Aufgabe nur einen Kontext haben. Was besser ist muss da jeder für sich entscheiden. Listen können bei The Hit List verschachtelt werden. Auch bei Aufgaben ist dies möglich. Das gefällt!

Things

Auch in Things kann man Taggen so viel man möchte. Bei Things gibt es Bereiche und Projekte. Das Projekt Urlaub Spanien kann im Bereich Urlaubsplanung liegen. Das wars auch schon, weiter kann nicht verschachtelt werden. Auch können keine Ordner angelegt werden um die Sachen etwas zu ordnen. Das finde ich schade. Da drückt einem Things zu sehr das Nutzungsverhalten aufs Auge. Ein wenig mehr Freiheit wäre hier schön. Ich finde es wird schnell unübersichtlich da alle Projekte untereinander stehen und die Bereich gesondert aufgelistet werden. Mir gefällt das nicht so im täglichen Einsatz. Vielleicht aber auch Geschmackssache.

Punkte Vergabe

• OmniFocus: 3
• The Hit List: 2
• Things: 1

Im täglichen Einsatz

Es passiert hin und wieder das ich die ToDo Apps wechsle und auch mal ein anderes ausprobiere. Von den drei hier vorgestellten habe ich jedes schon mehr oder weniger intensiv genutzt und kann die für mich positiven und negativen Dinge dabei hier wieder geben. Es gibt bei jedem sicherlich Stärken aber auch Schwächen.

OmniFocus

OmniFocus lässt sich super nutzen wenn man es an seine Bedürfnisse angepasst hat. Wie schon erwähnt ist verdammt viel Möglich. Zugegeben hab ich wohl nur einen kleinen Teil der Möglichkeiten ausgenutzt. Die vielen Möglichkeiten die es bietet brauche ich bei weiten nicht. Ich hab mir ein System für meine Kontexte überlegt und dann versucht mich daran zu halten. Das hat auch im super geklappt muss ich sagen. Die Kontexte können schön verschachtelt werden. Ein Beispiel: Mac > Schreiben > Blogging um nur mal eins zu nennen. Das absolute Oberhammer Feature bei OmniFocus ist die Forecast Ansicht. Das ist auch die, die ich meistens am nutzen bin. Leider ist Sie in der Mac Version noch nicht integriert. Wie aber auf Twitter zu lesen war, soll das bald kommen. Wirklich gelungen die Ansicht. Alles in allem denke ich, dass OmniFocus super ist aber vielleicht doch etwas zu dick für mich. Ich nutze quasi einen Porsche als Stadtauto :)

The Hit List

Ich muss gestehen, dass der Artikel schon länger in Arbeit ist und ich am Anfang im Grunde nur noch OmniFocus genutzt habe. Seit ein paar Tagen nutze ich aber wieder The Hit List hauptsächlich (OmniFocus wird so nebenher ein wenige gepflegt) und wenn ich ehrlich: Es gefällt mir immer mehr. Spaß bereitet mir nach wie vor die Oberfläche der App. Eine Runde und schöne Sache. Die Möglichkeiten die mit The Hit List bietet sind im Grunde genau die, die ich auch nutze. Ich kann Ordner und Listen anlegen und es bietet mir die Möglichkeit von Smartlists. Das Anlegen derer ist zu Vergleichen mit derer von iTunes. Viele Möglichkeiten also die einem da geboten werden. Angelegt hab ich mir die Smartlists: ALL TASKS, LATER TASKS, NO DUE DATE, COMPLETED TASKS. Die Smartlists sind super um einen schnellen Überblick zu bekommen. Meine restlichen Sachen sind Listen die in Ordnern organisiert sind. Was mich etwas stört ist das Umgehen mit Tags. Man kann im Grunde die Tags auch so verschachteln wie man das mit den Kontexten bei OmniFocus machen kann. Nur das Problem ist, dass ich das Übergeordnete nicht auswählen kann. Beispiel: Mac > Schreiben > Blogging - Ich kann hier nur Blogging auswählen aber nicht z.B. einfach Mac. Das finde ich etwas schade. Ansonsten wie gesagt alles da was man braucht.

Things

Things hatte ich als erstes der Apps in Nutzung und ich muss gestehen, dass wir nie richtig warm geworden sind miteinander. Woran das lag kann ich nicht 100% sagen aber wohl viel, dass mir wie gesagt hier und da Grenzen gesetzt wurden in den Möglichkeiten wie ich eine GTP App nutzen möchte. Aber am meisten hat mich wohl gestört das man keine Ordner anlegen konnte um Projekte einzuordnen. Das geht zwar im Grunde über die Bereiche aber durch die optische Trennung fehlt mir hier etwas. Was auch noch stört ist die die reine Wlan Sync Möglichkeit was die Sache umständlich in der Nutzung macht. Man hat über Monate bzw. fast schon Jahre eine OTA Sync Möglichkeit versprochen aber gekommen ist Sie bis heute noch nicht final. Aktuell arbeitet man dran und es wird sicher auch gut werden. Aber es hat einfach zu lang gedauert wodurch man sicher viele Benutzer verloren hat. Aber ich möchte auch nicht zu hart sein. Things ist ein nettes Programm mit dem man auch schön seine Aufgaben verwalten kann. Man muss eben hier und da ein paar Abstriche machen. Man muss halt wissen wie man es nutzen möchte und wenn einem der Weg den Things vorgibt gefällt ist man sicher sehr zufrieden damit.

Punkte Vergabe

• The Hit List: 3
• OmniFocus: 2
• Things: 1

Sync Möglichkeiten

Hier gehen alle drei ihre eigenen Wege um dem User eine Möglichkeit zu geben seine Aufgaben zwischen verschiedenen MAcs, iPhones und iPads sauber zu synchronisieren. Der eine bietet mehr der andere weniger Möglichkeiten an. Fest steht jedoch das die Synchronisation ein sehr wichtiges Thema bei solchen Programmen ist. Möchte ich als Nutzer doch immer meine Aufgaben bei mir haben und nicht nur auf meinem Arbeitscomputer oder Smartphone. Es muss von überall zugänglich sein.

OmniFocus

Auch hier bietet OmniFocus die meisten Möglichkeiten. Die interessantesten sind wohl die, über einen WebDav Account (Ich nutzte hier immer MyDrive) oder noch besser über den OmniGroup Hauseigenen "Omni Sync" Dienst. Der ist aber nach wie vor in der Betaphase aber das auch kostenlos. Ob und wie viel das ganze später dann kosten wird lässt man bisher offen. Es kann also sein das es weiterhin kostenlos bleibt. Die Synchronisation ging bei mir immer gut und ich hatte keine Probleme. Hab aber auch schon anderes gehört. Aber ich kann hier erstmal nur von dem sprechen, das ich selber erlebt habe. Also ads ganze läuft und ist gut zu gebrauchen wenn man OmniFocus auf mehreren Geräten einsetzt.

The Hit List

The Hit List hatte ja lange keinen Grund wirklich eine Synchronisations Möglichkeit anzubieten da einfach nur eine Mac App vorhanden war die man ja auch eher als Tot geglaubt hatte. Seit dem nun auch die iPhone App erhältlich ist macht das ganze schon wesentlich mehr Sinn. Was soll man sagen... The Hit List hat wohl das gebaut was sich Cultured Code schon seeehr lange vornimmt. Hier steht auch schon der Preis fest. 1,99$ pro Monat oder 19,99$ pro Jahr. Klingt im Grunde erstmal viel zumal es die Konkurrenz auch kostenlos anbietet oder zumindest eine Möglichkeit über WLan bereit stellt. Darauf verzichtet The Hit List komplett. Wenn man synchronisieren dann über den Hauseigenen Dienst. Aber wenn ich ehrlich bin ist der Preis dann doch OK. Es sind nicht mal 2 Euro im Monat und man bekommt etwas, das gut funktioniert. Das schöne daran ist, dass es vollautomatisch funktioniert. Bei jeder Änderung die man vornimmt stößt The Hit List den Sync selber an. Man muss im Grunde nicht mehr von Hand synchronisieren. Das gute daran ist denke ich, dass man hier Konflikten so gut wie aus dem Weg geht da die Datenbank immer sofort aktualisiert wird. Mir gefällt es! Meine drei Monate kostenlos laufen bald aus und ich werde wohl danach weiter bezahlen zumindest vorerst solange ich denke ich bin bei The Hit List gut aufgehoben.

Things

Things und Synchronisieren. Eine never ending Story. Ich glaub seit zwei Jahren arbeiten Sie daran oder was auch immer. Es ist auf jeden Fall lang von den Nutzern von Things gefordert. Things bietet zwar die Möglichkeit via WLan das ganze aktuell zu halten aber das ist doch ein eher schlechter Weg denn man muss beide Apps starten damit man das ganze machen kann. Schnell wird es vergessen und man hat wichtige Sachen vielleicht nicht auf dem Gerät, welches man gerade bei sich führt. Aktuell ist man aber tatsächlich dran und die Betaphase ist schon am laufen. Ich konnte es für die Mac Variante testen und es ist im Grunde, rein von außen gesehen, dass gleiche was The Hit List macht. Alles wird immer schön von alleine gemacht ohne das man was von Hand anstoßen muss. Es könnte am Ende also doch noch was werden mit Things und OTA Sync. Doch die Frage wird sein, wie viele User Things schon verloren hat. Ob das ganze was kosten wird weiß man auch hier noch nicht. Wird sich dann zeigen wenn das ganze final Verfügbar ist. Am Ende wird wohl alles gut und die Things Benutzer bekommen endlich das, worauf Sie solang gewartet haben.

Punkte Vergabe

• OmniFocus: 3
• The Hit List: 2
• Things: 1

Fazit

Für mich steht OmniFocus klar auf Platz 1. Es bietet mir einfach die meisten Möglichkeiten und ich stoße nicht an Grenzen des Programms. Das ist ein wichtiger Punkt für mich. Ich fühle mich frei in meiner Art das Programm zu nutzen. Es wird mir kein Weg aufgedrängt den ich vielleicht gar nicht gehen will. Klar gibt es auch hier Sachen die so sind wie sie sind. Aber wie gesagt ist das Gefühl mit OmniFocus das beste. Es hat zwar Augenscheinlich eine Menge an Funktionen die ich nicht nutze aber es heißt ja nicht das dies immer so bleibt.

The Hit List hat leider etwas Kredit verspielt und könnte, hätte der Entwickler nicht so eine lange Pause eingelegt, sicher schon deutlich weiter sein. Ich glaube fast zwei Jahre lag The Hit List mehr oder weniger auf Eis. Der Entwickler mag sicher seine Gründe dafür gehabt haben doch dadurch, dass er nicht wenigstens einmal Stellung dazu nahm, hat er nicht gerade für Begeisterung bei der Nutzergemeinde gesorgt. Eigentlich schade denn ich glaube mich zu erinnern das auch damals schon die Reaktionen auf The Hit List sehr positiv waren. Doch die schleppende Entwicklung und fehlende iPhone App hat sich den ein oder anderen zur Konkurrenz verschlagen. Egal, jetzt scheint es wieder besser zu laufen, die iPhone App ist da und alles in allem hat man das Gefühl da geht nun was. Ich werde auf jeden Fall The Hit List immer mal wieder anschauen und testweise nutzen da ich hier wirklich potential sehe. Einzig die Extrakosten für den Sync stören etwas das Bild. Aber sicher ist das kein KO-Kriterium gegen The Hit List.

Things hat scheint das Bayern München der ToDo Apps zu sein. Von vielen geliebt und von vielen gehasst. Das die Jungs um Cultured Code schöne Oberflächen zaubern können ist mehr als bewiesen. Doch Sie lassen sich immer relativ lang Zeit, bis neue Updates erscheinen. Sicher hat das den Vorteil das die Qualität immer sehr gut ist doch manchen dauert es oft zu lang bis Features in die einzelnen Apps integriert werden. Stichwort: CloudSync. Aber das ist nur die eine Seite. Things ist wie gesagt optisch wirklich sehr schick wobei mir die Mac App nicht so 100% gefallen mag. Was mich an Things aber etwas stört ist das man recht streng das System nutzen muss was Things vorgibt und es auch keine Möglichkeiten gibt die Dinge komplexer werden zu lassen. Man hat seine Bereiche und Projekte aber ich finde es wird schnell unübersichtlich wenn man viele Projekte hat. Das kann man zwar wieder damit lösen wenn man die Projekte schön in Areas eingeordnet hat aber irgendwie ist mir zu kompliziert und flexibel genug. Man sieht halt immer alles und kann nicht ausblenden. Warum sind die Areas und Projekte nicht zusammen? Die Areas sind für mich quasi wie Ordner aber warum zeigt man die Projekte nicht genau in diesen Areas an? Sehr schade eigentlich da ich denke das es damit übersichtlicher werden würde.

Meine Punktzahl

• OmniFocus: 10 Punkte
• The Hit List: 10 Punkte
• Things: 4

Links zu den Programmen

• OmniFocus Website
• The Hit List Website
• Things Website

Wenn man sich Dein Portfolio ansieht, scheinst Du Deinen Traumberuf gefunden zu haben, wie kam es dazu?

David Hellmann: Traumberuf? Ich weiß nicht, ob ich das so nennen würde. Es war nie ein Traum von mir das zu machen, was ich heute mache. Es hat sich - auch wenn es komisch klingt - einfach alles so ergeben, wie es jetzt ist. Aber ich hab nichts dagegen.

Pixelschubser, Designer, Coder, Tausendsassa, wie würdest Du Dich beschreiben?

David Hellmann: Gar nicht so leicht zu beantworten. Designer mit Schwerpunkt Frontendentwicklung ist glaube ein ganz treffender Begriff. Ich mag Photoshop aber noch mehr mag ich es, eine Webseite mittels HTML, CSS und Photoshop entstehen zu lassen. Weniger reines Photoshop arbeiten sondern Zeit sparen und gleich viel live designen. Das macht Spaß! Geht nur nicht immer so.

Am 17.03.2011 war Deine Internetseite bei awwwards.com „site of the day“ – was bedeutet das für Dich?

David Hellmann: Es ist ja nicht das erste Mal, dass meine Seite in Galerien und Blogs erwähnt wurde. Man stumpft da ab... Nein, Spaß beiseite :) Es macht mich natürlich stolz, meine Seite dort und auf anderen Seiten zu sehen. Das zeigt, dass man einen gewissen Nerv getroffen hat und es bei den Leuten gut ankommt. Und es kommen dadurch natürlich verdammt viele Leute auf deine Seite.

Du scheinst ein Weltverbesserer zu sein, erzähl mal von Deinen Projekten makebetter…

David Hellmann: Was wohl so die wenigsten wissen ist, dass die Idee eigentlich nicht auf meinem Mist gewachsen ist. Ein gewisser Jan Dienstknecht hatte vor vier Jahre mal die Idee, eine Webseite zu machen, die gute Flyer zeigt. Gab es da glaube ich auch noch nicht. Voller Euphorie schrie ich ihm zu, dass es eine grandiose Idee sei und das, wenn er die Flyer-Seite macht, ich das Ganze für Webseiten mache. So entstanden Make Better Flyers und Make Better Websites. Heute gibt es dann auch noch Make Better Apps und Make Better Shirts.

Was wäre Deine Jobalternative gewesen – BMX-Profi?

David Hellmann: Ich glaube nicht. Das war und ist immer nur ein Hobby gewesen. Dadurch hab ich viele Städte besucht und viele Menschen kennengelernt. Danke! Aber offen und ehrlich gesagt habe ich mich damals nach der zehnten Klasse als Bäcker und KFZ-Mechaniker beworben. Sicherlich hätte ich auch mit diesen Berufen eine Menge Spaß gehabt. Aber letztendlich ist es schon schöner, so wie es jetzt ist.

Welche Rolle spielen für Dich Social Media – unser Schwerpunkt ist diesmal ja Communities?

David Hellmann: Social Media? Total überschätzt! :) <3 Twitter! Ja genau, ich liebe Twitter. Es ist schnell, einfach, übersichtlich und wirkt auf mich sympathisch. Facebook mag ich zum Beispiel nicht so sehr. Warum? Keine Ahnung, es wirkt eher unsympathisch auf mich.

Gibt es etwas, das Du nicht kannst – also was würdest Du gerne richtig gut können?

David Hellmann: Hochdeutsch kann ich als Wahlwessi mit ostdeutschen Wurzeln nicht wirklich. Es kommt schon mal vor, dass ich einfach nicht verstanden werde. Meine Arbeit anderen erklären fällt mir auch schwer.. Nicht für jeden Pixel der bei mir in Photoshop entsteht, hab' ich eine Erklärung griffbereit, warum dieser rot und nicht grün ist. Designs entwickeln sich. Oft spontan und nicht immer nach Plan. Der Satz: "Gutes Design muss man nicht erklären" gefällt mir :) Fast hätte ich es vergessen... Ich kann NICHT in Activity (das Gesellschaftsspiel) verlieren. NIE NIE NIE!!!

Überall im Netz zeigst Du Dich als Illustration, machst Du die auch selbst?

David Hellmann: Ne ne, "Schuster bleib' bei deinen Leisten”. Illustrieren ist eher nicht mein Aufgabenbereich. Meine eigene entstand eher zufällig bei einem Projekt in der Berufsschule. Wir haben zu viert eine kleine Seite gemacht und der Jan (ja genau, der Make Better Jan!!!) hat von uns allen so eine kleine Illustration gemacht. Und ich fand das Ganze so gut, dass ich das Teil einfach immer wieder und überall genutzt habe - als Avatar, auf der Webseite und wo es sonst noch gepasst hat. Danke Jan!

Was machst Du eigentlich neben Deinem Beruf?

David Hellmann: Es gibt noch Zeit daneben? Verrückt! Ich koche gerne. Vielleicht esse ich aber auch nur gerne, wer weiß das schon. Ab und an geh ich ne runde mit dem MTB fahren. Sport muss sein! Urlaub ist auch ne tolle Sache. Oft mit den Kollegen und den BMX-Rädern quer durch Europa. Fotografieren, fast hätte ich es vergessen. Da ich so Technik begeistert bin mag ich natürlich auch Kameras und mache hin und wieder sogar Fotos damit.

Für wen ist das Mobile Theme

Ja im Grunde ganz einfach. Für alle mit Mobilen Geräten mit kleinen Bildschirmen und begrenztem Datenvolumen. Kurz gesagt für Smartphone User. Meine Seite ist glaube ich schon recht Grafik intensiv und da hätte man mit dem Smartphone einiges zu laden. Die Mobile Variante kommt mit deutlich weniger Grafiken aus. Die Ressourcenverschwendung wird deutlich reduziert :)

Wie gelangt man auf die Mobile Website

Aktuell automatisch. Die Website fragt den Useragent des Gerätes ab und zeigt dann ein anderes Theme an. Was ich nicht wollte ist das ganze über eine Subdomain zu machen. Also m.davidhellmann.com wollte ich nicht. Irgendwie erscheint mir das als die unsauberere Lösung. Ich kann das aber auch nicht so richtig begründen :) Es sollte nach außen hin einfach nichts zu sehen sein von der Umleitung zur mobilen Version.

Retina Display Grafiken

Wer ein iPhone 4 hat dem wird auffallen, dass gewisse Grafiken einfach etwas weich bzw. unscharf aussehen. Es fehlt einfach an Details. Das liegt daran, dass die Auflösung beim iPhone 4 deutlich höher ist. Normale Grafiken legt man ja in 72dpi an. Ich hoffe ich erzähle jetzt nichts falsches :D Naja jeden Falls legt man dann die Grafiken für das iPhone 4 in doppelter Größe an. Man könnte diese jetzt einfach hochskalieren. Doch dann kann mann auch gleich die normalen Grafiken nutzen und spart sich die Arbeit. Die Grafiken habe ich also neu erstellt. Hatten wir vorher eine Hintergrund Grafik "background.jpg" mit 300px x 100px dann brauchen wir jetzt quasi eine Grafik "background_x2.jpg" mit 600px x 200px. Doppelte Größe eben. Das eigentlich lustige an der Sache ist ja aber, dass man ja versucht für Mobile Endgeräte die Grafikgröße zu verkleinern aber hier im Grunde genau den anderen Weg geht. Sei es drum. Man sieht einen deutlichen Unterschied und das weiß dann schon zu gefallen. Und wir haben doch eh alle Flatrates für das mobile surfen. Tränen weggewischt und weiter Grafiken erstellen mit doppelter Größe :)

Codebeispiele für die Grafiken

body {
	width: 100%;
	font:normal 18px/25px "ff-tisa-web-pro-1","ff-tisa-web-pro-2",Georgia, "Times New Roman", Times, serif;
	color:#444;
	background:#6d4f2a url(images/bg_wood.jpg) center top repeat;
	background-size: 320px 250px;
}
 
h1 a {		
	color:#333;
	background:url(images/logo.jpg) center top no-repeat;
	width:123px;
	height: 123px;
	display: block;
	background-size: 123px 123px;
	position: absolute;
	left: 50%;
	margin: 0 0 0 -61px;
}
 
section.bereich_dark {
	width: 86%;
	border:1px solid #111;
	float: left;
	height: 55px;
	background:#111 url(images/bereich_dark.png) left top repeat;
	background-size: 90px 55px;
	margin: 0 0 -1px 7%;
	z-index: 10;
	text-align: center;
	color: #fff;
	font:  30px/51px "ff-tisa-web-pro-1","ff-tisa-web-pro-2",Georgia, "Times New Roman", Times, serif;
	text-shadow: 1px 1px 0px #000;
	letter-spacing: -1px;
	box-shadow: 0 0 4px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.5);
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
}
 
section.bereich {
	width: 86%;
	border:1px solid #a10000;
	float: left;
	height: 55px;
	background:#d40000 url(images/bereich.png) left top repeat;
	background-size: 90px 55px;
	margin: 0 0 -1px 7%;
	z-index: 10;
	text-align: center;
	color: #fff;
	font:  30px/51px "ff-tisa-web-pro-1","ff-tisa-web-pro-2",Georgia, "Times New Roman", Times, serif;
	text-shadow: 1px 1px 0px #870000;
	letter-spacing: -1px;
	box-shadow: 0 0 4px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.5);
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
}
 
#footer {
	width: 100%;
	clear: both;
	float: left;
	background: url(images/footer.jpg) 0 0 repeat;
	background-size: 320px 156px;
	padding: 40px 0;
	border-top:2px solid #111;
	border-bottom:2px solid #111;
}
 
/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 2),
only screen and (min-device-pixel-ratio : 2) {
/* Styles */
	body {
		background:#6d4f2a url(images/bg_wood_x2.jpg) center top repeat;
		background-size: 320px 250px;
	}
 
	h1 a {		
		background:url(images/logo_x2.jpg) center top no-repeat;
		background-size: 123px 123px;
	}
 
	section.bereich_dark {
		background:#111 url(images/bereich_dark_x2.png) left top repeat;
	}
 
	section.bereich {
		background:#d40000 url(images/bereich_x2.png) left top repeat;
	}
 
	#footer {
		background: url(images/footer.jpg) 0 0 repeat; 
	}	
}

Neu geschrieben

Die mobile Version hatte ich ja schon vor ein paar Wochen online. Bei der - nennen wir Sie mal Version 1 - habe ich mit Media Queries die Auflösung abgefragt. Das ist im Grunde auch gar nicht so schlecht. Doch Klappt das bei einem iPhone ganz gut da es da aktuell nur zwei verschiedene Auflösungen gibt, ist bei Android Geräten die Sache schon wieder ganz anders. Da gibt es so viele Geräte mit unterschiedlichen Auflösungen das die ganze Sache schon etwas umfangreicher wird. Also musste die Sache anders gelöst werden. Am naheliegendsten ist das Arbeiten mit %-Angaben aber damit hatte ich bisher eher Probleme als Freude. Ich sag nur Box-Modell... Wenn man einem DIV die breite von 100% gibt dann ist alles gut. Gibt man dem DIV aber eine Breite von 100% und ein Padding von 20px hat der DIV nun eine Breite von 100% + 40px. Und was passiert? Richtig, horizontale Scrollbalken und das ist etwas was man sicher nicht will. Doch das Internet steckt ja voller Lösungen und somit gab es auch für dieses Problem eine. Ein wenig per Twitter geweint und prompt kam ein Tipp. Der @antpaw schrieb mir das hier (https://twitter.com/#!/antpaw/status/74928523395072001) was wiederum auf den Artikel "Schönes neues CSS: box-sizing", von Peter Kröner, verlinkte. Ja der Artikel ist von 2009 und ich glaube, dass ich ihn auch schon gelesen hatte aber man vergisst ja so schnell. Egal, danke an beide. Sowohl für den Tipp als auch für den Artikel.

Box-sizing

Wer den Link oben angeklickt hat weiß schon worum es geht und wer nicht dem erklär ich es ganz kurz. Problem wurde ja oben schon beschrieben. Das Padding (auch Border) kommen zu den 100% dazu. Das ist schlecht. Aber jetzt kommt "box-sizing" zum Einsatz. Man gibt dem DIV mit den 100% einfach noch die Zeile "box-sizing:border-box;" mit und - oh Wunder - das Padding wird nicht mehr zu den 100% dazu addiert. Die Box bleibt also bei 100% und das Padding geht, einfach ausgedrückt, nach innen. Für mich auch irgendwie die Logischer Sache aber egal. Das gute ist, dass man das ganze ohne groß Nachzudenken voll einsetzen kann wenn, ja wenn man nicht auf den ie6 / ie7 angewiesen ist. Alle anderen Unterstützen den Spaß. Bei Firefox muss zwar wieder ein -moz und bei webkit ein -webkit davor (Gott wie ich das hasse!!!) aber damit kann und muss man wohl leben.

Was auch Toll ist, das man weniger rechnen muss :) Im Grunde könnte man das schon in den CSS Reset für alle Elemente mit einbinden. Spricht was dagegen? Mir fällt nichts ein.

Warum keine "Responsive Website"?

Gute Gute Frage die ich mir auch gestellt habe. Aber mein Theme Funktioniert nicht als Responsiv Theme bin ich der Meinung. Und wie oben schon geschrieben ist es recht Grafik lastig. Von daher hab ich mich dagegen entschieden. Auch bin ich noch nicht 100% positiv gestimmt gegenüber solcher Seiten. Es macht sicher hier und da Sinn eine Website so anzulegen, dass sie komplett responsiv ist und von Smartphone bis 30" Monitor was tolles, auf die Auflösung angepasstes, anzeigt. Aber irgendwie haben die Seiten oft wenig eigenes. Sie wirken auf mich oft sehr ähnlich, sind grafisch eher zurückhaltent. Eine recht bekannte dürfte Hicksdesign sein. Was mir da auffällt ist, dass mir die Seite besser gefällt je kleiner der Viewport ist. Ich bin gerade nicht im Bilde wie er die Seite angelegt hat. Es gibt ja die Aussage "mobile first" und ein wenig hat es den Anschein, als ob genau das Prinzip hier zum Einsatz kam. Ob ich die Seite gut finde? Gute Frage. Für mich ist eine mobile Website eine nette Zugabe aber keinenfalls das, worauf sich mein Fokus richtet. Mobile Websites heißt für mich Websites für Smartphones und nicht für Tablets wie das iPad. Diese können problemlos und super gut die meisten Websites darstellen und da braucht man nicht wirklich viel zu optimieren. Das ist dann eher eine kleine Zugabe wenn hier noch speziell etwas angepasst wurde.

Für das Smartphone optmierte Websites sind für mich deshalb eher eine Zugabe, da ich nicht davon ausgehen, dass Leute wirklich intensiv mit ihrem Smartphone auf diesen surfen. Vielleicht geh ich jetzt auch zu sehr von mir aus. Aber ein Smartphone, in meinem Fall das iPhone, nutze ich um mal eben etwas anzuschauen oder zu lesen aber ich würde damit kein Surfverhalten an den Tag legen wie ich es an einem Notebook/Desktop mache. Dafür ist es einfach nicht gemacht bin ich der Meinung. Die Ladevorgänge sind trotz 3G / W-Lan recht träge. Die kleine Tastatur und die vielen langen URL's die damit eingegeben werden müssen, lassen mich auch nicht zu Ausbrüchen der Freude verleiden. Das Surfvergnügen ist einfach keins, was mich glücklich macht. Steh ich mit der Meinung alleine da? Selbst auf dem iPad ist für mich das eine Surfen auch nicht das Gelbe vom Ei. Da häng ich zu sehr an Maus und Tastatur. Mit denen fühle ich mich einfach sicher im Umgang und deutlich effektiver.

Irgendwie bin ich recht weit von der Überschrift und dessen Frage abgewichen. Kurz gesagt finde ich es besser eine wirklich optimierte mobile Version der Website zu erstellen was wiederum heißt, dass Sie ein eigenes Theme bekommt. Ich möchte bei meiner "großen Version" der Website einfach keine Kompromisse machen was das Design angeht. Sie steht für mich einfach im Vordergrund und darauf liegt der Fokus. "non-mobile first" quasi ;) Und sind wir mal ehrlich... eine normale Website ist meist auch ohne Anpassungen am iPhone schön zu nutzen. Wie das bei anderen Smartphones ist kann ich nicht sagen.

Facebook einholen? Niemals!

Oder vielleicht doch? Dazu kann man eigentlich noch nicht all zu viel sagen auch wenn es der ein oder andere probiert. Fakt ist das Facebook einen Vorsprung hat und der ist 750.000.000 User stark. Wie viele wirklich aktiv sind ist dann wieder eine andere Sache. Aber Google hat auch einen Vorteil gegenüber von Facebook. Sie wissen was besser gemacht werden muss. Fehler die Facebook vielleicht gemacht hat und immer noch macht, kann Google jetzt besser machen. Aktuell reagiert Google auch recht schnell auf Feedback der User. Denn das ein oder andere wurde schon angepasst was in Richtung Datenschutz geht.

Ich mag Google+

Generell mag ich Google und seine Produkte und deswegen mag ich wohl auch Google+ denn es passt einfach zum Rest der Google Dienste. Oder die restlichen Google Dienste passen zu Google+. Sie haben es geschafft das ich mir Picasa wieder näher angeschaut habe und wohl jetzt auch mal intensiver nutzen werde. Ich war aber vielleicht auch leicht zu begeistern, da ich Facebook nicht sonderlich mochte bzw. mag. Herr Zuckerberg hingegen bekommt mein vollen Respekt denn was er erschaffen hat, ist schon heftig. Aber der Laden mag mir einfach nicht sympatisch rüberkommen :) Schaut euch Google+ an, lest was es darüber zu lesen gibt. Es lohnt sich!

Ach ja. Langzeitbeziehung!

Weiterführende Links

Es gibt schon verdammt viel im Netz über Google+ zu lesen. Hier ein paar Links die interessant sind.

• UARRR - Warum Google das bessere Social-Network ist/
• 10 Gründe, warum Google+ gegen Facebook gewinnt
• Google macht sein eigenes Facebook
• Was Google+ besser macht als Facebook
• How to Import Your Facebook Friends to Google+
• Picasa Unlimited: bye bye Flickr
• Google+ Business Pages für Unternehmen
• Import Instagram photos into Google+
• Überarbeiteter Google Plus Stream ist teilweise aktiv
• Google Plus hat derzeit über eine Viertelmillion Nutzer
• Google verbessert Datenschutz von Google+
• Gplus Profillink Generator

Zur Feier des Tages

Gehen heute dann gleich mal vierundzwanzig Websites online :) Zur jeder vollen Stunde eine. Super oder?! www.makebetterwebsites.com

Hallo Shure 215. Stellt euch doch mal vor...

Hallo David, wir sind die Shure 215 und sind ein In-Ear-Kopfhörer der Extraklasse. Etwas, das uns von vielen anderen abhebt, ist die Tatsache, dass wir nicht normal ins Ohr gesteckt werden, wie die meisten In-Ears. Wir werden von oben in das Ohr gesteckt und das Kabel geht hinterm Ohr entlang. Das ist klasse!

Klingt interessant. Was sind die Vorteile daran?

Das ist denkbar einfach. Dadurch, dass das Kabel hinter dem Ohr langgeht und die Kopfhörer dann von oben ins Ohr gesteckt werden, kann man uns so gut wie gar nicht mehr ungewollt aus dem Ohr bekommen. Das heißt, wir halten bombenfest, auch wenn wir, wie in deinem Fall, teilweise nur einseitig genutzt werden. Das hebt uns von der Masse ab.

Klingt plausibel. Dann war der Einkauf von euch schon mal ein Guter. Aber erzählt doch mehr von euch. Wie seht ihr denn eigentlich aus?

Schön! Reicht dir das?

Nein!

OK... Ja wir sind schon eine Augenweite, das kann man nicht anders sagen. Besonders auffällig dürfte sein, dass man uns eigentlich gar nicht sieht. Wir sind nämlich transparent!!! (David macht große Augen...). Du hast richtig gehört. Du kannst unsere intimsten Sachen einfach so sehen. Aber mal im Ernst: Schwarz oder weiß, wie eben die meisten Kopfhörer aussehen, war uns einfach zu langweilig. Wir wollten neue Wege gehen.

Was auch noch hervorzuheben ist an uns wäre das Kabel. Das ist wechselbar! Ja, wechselbar. Nun schau uns halt nicht so an... Eine große Schwachstelle an mobilen Kopfhörern ist nun mal das Kabel. Das soll aber jetzt nicht heißen, dass unser Kabel nicht gut ist. Im Gegenteil, es ist sogar super gut und du wirst lange Freude damit haben. Aber sollte doch mal was passieren, weißt du Bescheid. Wir haben Brüder und Schwestern, die unseren Job weitermachen können.

Was bekommt man denn an Zubehör wenn man euch kauft?

Ja, Kopfhörer mit Kabeln, das sollte klar sein. Dann gibt es insgesamt sechs verschiedene Stöpsel dazu. Drei davon sind aus Silikon (S,M,L) und die drei anderen aus Schaumstoff (S,M,L). Dann gibt es noch eine schicke Tragetasche, in die du uns reinpacken kannst, wenn wir nicht gebraucht werden. Wir mögen es nicht, in Rucksäcke geschmissen zu werden oder in Hosentaschen gequetscht zu sein. Pack uns in die Tasche. Da geht es uns deutlich besser und die Lebenserwartung steigt rapide an. Ein kleiner Stab, mit dem man uns sauber machen kann, ist auch noch dabei.

OK, Jungs, danke für die kleine Vorstellung eurer seits.

Nicht doch, wir haben zu danken. Wir freuen uns jetzt, für dich die Musik überbringen zu können. Auf ein langes Miteinander.

Super klang im Vergleich zu den Ultimate Ears

Der Klang der Shure hat mich überzeugt. Sie klingen besser, als meine Ultimate Ears und das freut mich. Bin jetzt kein Experte auf dem Gebiet, aber man sagte mir, dass die Shure weniger basslastig sind. Aber ich finde, das basst passt alles super. Der Bass ist gut und der Rest auch. So hab' ich mir das vorgestellt.

Stöpsel und Kabel

Die Kabelführung oben herum ist anfänglich etwas komisch und man stellt sich etwas unbeholfen an, wenn man die Kopfhörer in das Ohr stecken möchte. Nach ein paar Mal hat man es dann aber im Griff. Das Kabel hinterm Ohr stört mich überhaupt nicht. Bis jetzt gibt es zwar keinen Langzeittest, aber ich denke nicht, dass dieser etwas an meiner Aussage ändern würde.

Von den Stöpseln bin ich positiv überrascht. Bisher kannte ich nur die Silikonvariante. Die Schaumstoffstöpsel aber sind der Hammer. Die Dinger passen sich wunderbar dem Ohr an und sind sehr angenehm zu tragen. Wirklich super! Nur der Wechsel der verschiedenen Stöpsel geht recht schwer. Das heißt aber auch, dass man sie wohl nicht so einfach verlieren kann. Das ist mir bei meinen alten Kopfhörern doch schon hin und wieder passiert.

Gute Wahl. Guter Kauf!

Mehr kann man eigentlich dazu nicht sagen. Ich bin zufrieden mit dem Gekauften und auch wenn ich denke, dass 100 Euro - so viel haben die Shure gekostet - schon recht viel sind für einen In-Ear-Kopfhörer, hat sich die Anschaffung allemal gelohnt. Kann ich also mit ruhigem Gewissen weiterempfehlen. Falls es noch interessiert. Ich hab die Shure bei Ebay gekauft. Madooma heißt der Verkäufer (aus Dortmund).

• Shure 215 Herstellerseite

Hier ist das Bild

Der kauf einer SSD reizte schon lang

Die zweite Komponente die ich neu angeschafft habe ist eine SSD Festplatte. Man hört ja von erstaunlichen Geschwindigkeitsschüben die ein System durch eine SSD Festplatte, im vergleich zu einer herkömmlichen Festplatte, macht. Hier fiel meine Wahl auf eine Intel 320 mit 160GB die ich für ca. 240 Euro gekauft habe. Schon ganz schön gesalzen die Preise aber irgendwie scheinen Sie auch nicht billiger zu werden sodass warten auch nicht viel am Preis gemacht hätte. Der Nachteil an einem iMac ist sicherlich, dass man nicht einfach mal selber dran rum schrauben kann. Da ich Apple Care habe und dieses auch nicht verlieren wollte blieb also nur der Gang zu einem Service Provider (nennt man das so?) der in diesem Fall Gravis Köln hieß. Dort sollte meine SSD in den iMac gebaut werden was mit - inklusive Einbaukit - stolzen 180 Euro zu Buche schlug. Nicht wenig. Letztendlich wurden mal eben 600 Euro in den iMac gesteckt und die alles entscheidende Frage die jetzt nur kommen kann ist: „Hat sich das Geld gelohnt?“ Lasst mich versuchen es zu beantworten.

Arbeitsspeicher

Vorher hatte ich 8GB verbaut und war im Grunde zufrieden. Mit Ressourcen gehe ich nicht pfleglich um. Es läuft alles parallel, Multitasking pur eben. Aber ich möchte mich auch nicht darum kümmern bzw. mich damit beschäftigen ob der Rechner das alles so packt wie ich das mache. Es muss halt einfach laufen ohne das ich Programme oder anderes schließen muss damit der Rechner wieder hinterher kommt. Von daher haben sich die 16GB glaube ich schon bezahlt gemacht. Es stehen nun einfach mehr Ressourcen zur Verfügung. Und die 160 Euro sind noch überschaubar das ich letztlich sagen kann, dass sich die Anschaffung gelohnt hat.

SSD Festplatte

Hier fällt es schon schwieriger ein Fazit zu ziehen. Eine SSD ist schon sehr cool und macht irgendwie sicher auch Sinn. Doch der Preis, vor allem mit den Kosten für den Einbau ist nicht zu verachten. Was bringt nun die SSD? Den größten Vorteil merkt man sicher beim starten vom iMac und beim starten von Programmen. Das ist schon erstaunlich wie schnell das geht. Eine Handvoll Programme ist bei mir im Autostart und dauerte es bei einer normalen Festplatte schon einige Sekunden bis der iMac einsatzbereit war, geht das jetzt innerhalb weniger Sekunden. In der Menüleiste macht es flupp flupp flupp flupp und alle Icons sind da. iTunes, Sparrow, Fontexplorer X, OmniFocus etc. starten rasend schnell. Da macht es Spaß hinzuschauen. Wie gesagt, hier sieht man die Power von einer SSD die mit viel kürzeren Reaktionszeiten daher kommen.

SSD im täglichen Einsatz

Als erstes merkt man natürlich, dass die SSD Festplatte leiser ist als eine HDD Festplatte. Das ist sicher ein netter Nebeneffekt aber nun auch keiner der den kauf einer SSD rechtfertigt. Nice to have quasi :)

Jetzt noch das empfinden beim täglichen nutzen der SSD. Hier würde ich sagen merkt man es gar nicht so arg wie man vielleicht denken mag. Wie gesagt, beim Neustart und beim starten von Programmen fällt es am meisten auf. Natürlich auch wenn man z.B. den Papierkorb leert merkt man auch, dass dies nun schneller geht. Auch Dateien hin und her schieben ist natürlich schneller. Dennoch muss ich sagen, dass eine SSD nichts ist was man unbedingt haben muss. Der Preis ist einfach immer noch relativ hoch das man sich genau überlegen sollte ob einem das so viel wert ist. Man muss aber auch sagen, dass ich hier den 2010er iMac habe der ja bekanntlich nur SATA2 besitzt. Die neuen SATA3 Platten bringen noch mal eine ganze Ecke mehr an Leistung. Von daher kann es sein das hier der merkbare Unterschied deutlich höher ausfällt.

Es bleibt aber auch festzuhalten, dass ich den kauf nicht bereue. Es war ein kleines Vermögen was mich beides gekostet hat aber ich freu mich auch, dass mein iMac jetzt mit 16GB und SSD seine Dienste verrichtet.

Benchmark SSD vs. HDD

Die ganzen Gerüchte von der Schließung hatten die Folge, dass ich mir über Alternativen Gedanken machen musste. Es gibt ja schon ein paar Anbieter die etwas ähnliches bieten wie Delicious. Man muss sich jedoch entscheiden und somit waren zwei Kandidaten übrig, die ich mir näher anschauen wollte. Zum einen wäre hier dasZootool zu nennen. Mal ein Dienst der aus deutscher Hand ist. Das war jetzt aber kein Grund mich für oder gegen Zootool zu entscheiden. Es hat mich einfach nur gefreut das es so ist. Zootool war ursprünglich eine Bachelor Arbeit von Bastian Allgeier. Hat sich gut entwickelt würde ich sagen :) Der andere Kandidat war Pinboard. Wenn ich richtig informiert bin war auch Pinboard anfangs nur als private Bookmark-Sammlung gedacht. Einer der Gründer von Delicious ist auch mit an Board.

Ich hatte knapp 5000 Bookmarks bei Delicious. Davon waren allein 3000 für Make Better Websites.

Ein Bookmark-Dienst ist für mich eigentlich nur so wichtig, da ich Make Better Websites damit betreibe. Also dort werden die Seiten gespeichert die später online gehen. Wenn Sie dann online sind, bekommen Sie ein Tag mbw-online. Somit hab ich einen Überblick was schon online ist und stelle im besten Fall nichts doppelt online. Sonst speichere ich zwar auch hin und wieder ein paar Sachen ab aber das ist eher selten. Bzw. schau ich mir die Sachen oft nicht mehr an. Ich hatte knapp 5000 Bookmarks bei Delicious. Davon waren allein 3000 für Make Better Websites. Die anderen waren halt so Sachen. Ein Problem was ich bei Delicious hatte - was aber an mir lag - war, dass ich hunderte Tags vergeben hatte da ich immer die vorgeschlagen noch mit angeklickt hatte. Somit war Übersichtlichkeit eher nicht vorhanden.

Die Entscheidung fiel auf Pinboard

Pinboard ist ein Dienst der einmalig Geld kostet. Und zwar bei der Anmeldung. Der Preis richtet sich nach der Menge der Nutzer dir bereits einen Account haben. Aktuell sind es 9,34$ was meiner Meinung nach OK ist. Bei mir waren es glaube noch irgend was um die 7$. Es wird auf jeden Fall eher mehr als weniger. Der Preis steigt also mit den Nutzern. Im Grunde fair denn mehr Nutzer bedeuten ja auch mehr kosten durch Traffic.

Warum Pinboard?

Ganz einfach. Die schlichte Seite, die im Grunde nur aus Text besteht hat mich überzeugt. Mehr brauch ich nicht. Es muss schnell gehen wenn ich mich durch meine Bookmarks kämpfe und das geht es auf Pinboard. Warum ich mich immer etwas an Delicious geklammert hatte, war die perfekte Chrome Erweiterung die mir schon beim Besuch einer Website angezeigt hat, ob ich die Seite schon in meinen Bookmarks hatte. Die Pinboard Erweiterungen konnten das alle nicht weswegen der Wechsel dorthin dann doch länger gedauert hatte. Aktuell vermisse ich diesen Luxus aber auch nicht mehr. Mein alten Bookmarks habe ich beim Umzug gleich mal ausgemistet. Mit Regulären Ausdrücken via Suchen und Ersetzen habe ich alle Tags ersetzt. Meine hunderte von Tags sind jetzt nur noch um die 20. Von daher hat sich der Umzug schonmal gelohnt.

Was kann Pinboard

Naja es ist im Grunde auch nur ein Bookmark Dienst wie viele andere. Aber wie gesagt ein schlichter und für mich effektiver bzw. passender. Es hat aber auch noch ein paar nette Features. So lassen sich zum Beispiel automatisch Sachen von Twitter,Delicious, Instapaper, Readability, Read It Later und Google Reader ziehen um Sie mit in Pinboard abzulegen. Aktuell nutze ich das aber nur für Instapaper. Er zieht sich die Sachen und markiert Sie als ungelesen. Im Grunde kann man mit Pinboard auch die Read later Funktion nutzen. Halt nicht so schön wie mit Instapaper aber es geht. Importieren klappt wie gesagt auch ziemlich einfach. Er zeigt sogar an wann man was importiert hatte.

your import history

• 26.04.11 00:27 imported 2875 bookmarks
• 26.04.11 00:27 imported 7 bookmarks
• 26.04.11 00:26 imported 85 bookmarks
• 26.04.11 00:26 imported 5 bookmarks
• 26.04.11 00:24 imported 1248 bookmarks
• 25.04.11 23:27 imported 2875 bookmarks
• 17.12.10 11:24 imported 4957 bookmark

Es gibt auch kleine Anleitungen wie man z.B. von Delicious, Diigo, Firefox und anderen die Bookmarks exportiert. Im Beta Stadium ist gerade das nutzen von Pinboard in deutsch. Aber es ist auch noch viel Englisches zwischen drin dann. Eine Seite wo alles erklärt wird und eine wo auf verschiedene Browser Erweiterungen etc. hingewiesen wird gibt es natürlich auch. Ebenso wie Bookmarklets die natürlich nicht fehlen dürfen. Persönlich nutze ich aber eher die Browser Erweiterungen.

Alles in allem ist Pinboard für mich genau richtig. Delicious vermisse ich aktuell gar nicht und da wird sich wohl auch nichts dran ändern. Man darf gespannt sein was AVOS damit vor hat und wie es sich entwickelt.

Warum nicht Zootool

Zootool ist wirklich klasse. Sehr schön das ganze und ich habe auch mit dem Gedanken gespielt es für meine Bookmarks zu nutzen. Der große Vorteil ist, dass man zu seinen Links ein Bild sieht. Es ist quasi ein visuell getriebener Bookmark Dienst. Das kann es oft leichter machen das Richtige zu finden. Aber es fehlten eben ein paar Dinge wo ich dann zu eingeschränkt gewesen wäre bzw. mein Arbeitsablauf zu umständlich. Wenn man Sachen ablegen möchte um Sie später anzuschauen ist es denke ich perfekt. Aber wenn man die Sachen aktiv nutzt, also Sie auch oft dann ändert dafür ist es etwas zu kompliziert zu nutzen. Aber ich schaue immer vorbei was sich bei Zootool tut. Denn wie gesagt, der Dienst an sich ist sehr geil.

Meine Accounts

Pinboard, Zootool und Delicious

Mehr als 500,- Euro sollte er eigentlich nicht kosten

Bei allem was man sich anschafft hat man ja einen gewissen Kostenrahmen im Kopf. Das kann schon recht praktisch sein da Geld ja bekanntlich nicht auf Bäumen wächst. Mein Satz hierzu war der: „Mehr als 500,- Euro sollte er eigentlich nicht kosten.“ Klingt ja erstmal nach einem gar nicht all so kleinem Budget. Denkste! Stühle, die erstens das erfüllen was ich möchte (z.B. hohe Rückenlehne) und zweitens auch noch optisch meinen niederen Ansprüchen genügen, sind gar nicht leicht zu finden, in dem Bereich bis max. 500,- Euro.

Kacke! Ja das dachte ich in dem Moment. Also musste eine andere Herangehensweise in Betracht gezogen werden. Ganz nach dem Motto „Geld spielt keine Rolle“ habe ich den finanziellen Aspekt erstmal beiseite geschoben. Schon war es doch etwas einfacher einen passenden Stuhl zu finden. Letztendlich fiel meine Auswahl auf denvitra headline Stuhl den ich auch schon im Stylespion Blog von Kai Müller gesehen hatte. Er entsprach meinen Anforderungen in Funktion und Design. Hohe Lehne, Armlehnen, Kippfunktion und optisch elegant. Nur der Preis war nicht ganz das was ich mir vorgestellt habe. Aber es nützt ja nichts. Halbe Sachen werden nicht gemacht. Deswegen habe ich mich dann für den vitra headline entschieden und muss sagen, dass ich es bisher nicht bereut habe. Das sitzen auf dem Stuhl fühlt sich schon gesünder an als auf seinem Vorgänger. Vielleicht auch nur ein gewisser Placebo Effekt? Wer weiß das schon. Ich bin zufrieden und das ist die Hauptsache.

Gekauft hab ich das gute Stück bei smow.de (Link zum vitra headline) - netter Kontakt und schneller Lieferung. So soll es sein :)

Ein Bild gibt es auch

Einen Teil zum Spaß beitragen kann sicher die Art und Weise wie man schreibt und mit was man schreibt. Es gibt hier viele Möglichkeiten und man muss abwägen was für einen die beste oder zumindest eine gute ist. Auf was will ich eigentlich hinaus? Ganz einfach. Es geht um die Software die ich nutze um meine Texte zu verfassen. Sicher kann man das mit jedem x-beliebigen Texteditor tun aber darum geht es nicht. Man kann auch mit jedem x-beliebigen Auto einkaufen fahren und dennoch sucht man doch immer das für sich schönste aus. So ist es bei mir auch mit den Texteditoren.

Das iPhone nutze ich nicht um Texte zu schreiben, da das einfach keinen Spaß macht.

Grundsätzlich gibt es zwei Systeme auf denen ich meine Texte verfasse. Da wäre zum einen der Mac zu nennen und zum anderen das iPad. Das iPhone nutze ich nicht um Texte zu schreiben, da das einfach keinen Spaß macht. Ein paar Notizen aber keine Texte! Der Mac ist sicherlich der, an dem ich am häufigsten schreibe. Das Verhältnis Mac zu iPad würde ich sagen 80/20. Kommen wir zur Software...

Byword, der Texteditor meiner Wahl

Byword gibt es im Mac App Store und kostet glaube ich 4.99,- Euro. Für eine App die man oft nutzt ist der Preis mehr als in Ordnung. Warum Byword und nicht zum Beispiel WriteRoom oder OmmWriter? Beide genannten besitze ich auch aber Byword hat letztendlich mehr überzeugt. Bei Writeroom war ich im Grunde von den Einstellungen schon wieder erschlagen. Hier ist einfach schon wieder zu viel möglich. In Zeiten von iOS Apps ist man simple Einstellmöglichkeiten gewohnt und keine komplexen Sachen. OK, ich möchte jetzt auch nicht übertreiben. WriteRoom ist sicher ein super Programm und wird von vielen genutzt. Wir beide mochten halt einfach nicht warm werden miteinander. Soll es ja geben.

OmmWriter funktioniert leider nur im Vollbildmodus.

OmmWriter war dann so das nächste was ich getestet habe. Ich muss sagen, dass es dem was ich mir unter einem Texteditor vorgestellt habe schon ziemlich nah kam/kommt. Es ist simple zu nutzen und es macht Spaß damit zu schreiben. Die Einstellmöglichkeiten sind so wie ich Sie mir vorstelle. Weniger ist mehr. Sachen wie die Hintergrund-Musik habe ich persönlich nicht genutzt. Entweder hab ich selber Musik gehört oder eben gar keine. Es sollte aber erwähnt werden, da das ja ein Feature ist womit sich OmmWriter von den anderen abhebt. Warum ich letztendlich nicht bei OmmWriter geblieben bin, ist relativ einfach. OmmWriter funktioniert leider nur im Vollbildmodus. Ja sind wir ehrlich. Dafür ist die App gemacht aber genau das hat mich dann gestört. Teilweise möchte man beim schreiben auch mal schnell was nachschauen und das geht im Fenstermodus einfach schöner als im Vollbildmodus. Ob das wirklich ein KO Kriterium ist, muss jeder für sich entscheiden. Für mich war es eins aber auch nur, weil es eben gute alternativen gab.

Kommen wir nun zum eigentlichen Editor: Byword.

Hin und wieder - ja fast schon täglich - schaue ich in den App Stores von Apple vorbei um zu erfahren was es tolles neues gibt. Man könnte es fast schon als Sucht bezeichnen - haha. Jedenfalls ist mir schon öfters dieses Icon aufgefallen - ja ich achte sehr auf Icons - was ich aber nie angeklickt habe. Warum das so war kann ich nicht mal sagen. Irgendwann hab ich es mir dann doch mal angeschaut und auch gleich gekauft. Was soll ich sagen... Byword ist es! So stellt ich mir einen Texteditor vor. Die Einstellungen waren auch hier sehr dezent und übersichtlich gehalten, was mir ja bekanntlich gefällt. Wobei es auch fast schon wieder zu viele sind. Wer die Wahl hat, hat die Qual.

Hier fand ich, dass beim OmmWriter das ganze am besten gelöst war. Eine kleine Auswahl an Schriften die man wählen konnte und fertig. Bei Byword kann man schon wieder aus allen Schriften wählen. Entschieden habe ich mich für die Courier in 16pt. Es gibt drei Möglichkeiten zum Einstellen der Zeilenlänge: Narrow, Medium und Wide. Hier hab ich mich für Medium entschieden. Dann kann man noch zwischen einem light und einem dark Theme wählen. Heißt soviel wie „schwarzer Text auf weißem Hintergrund“ oder „weißer Text auf schwarzem Hintergrund“. Bei mir kommt das light Theme zum Einsatz. Plain Text oder Rich Text? Plain Text! Bei Rich Text kann man halt noch gewisse Formatierungen vornehmen. Mein Fokus liegt aber auf dem schreiben und weniger auf dem Formatieren. Was mir auch gefällt ist der Wort- und Zeichen Zähler der am unteren Ende eingeblendet wird. Das gibt einen schönen Überblick wie fleißig man schon gewesen ist. Dann wäre noch der Focus View zu nennen. Hier kann man zwischen 1 und 9 Zeilen oder einem Absatz wählen. Was passiert? Ganz einfach. Je nachdem was man eingestellt hat erscheint das Ausgewählte normal und der Rest wird in der Intensität zurückgenommen. Man legt halt den Fokus auf die gewisse Zeile/n bzw. den Absatz. Persönlich nutze ich das eher weniger aber schlecht ist es sicher nicht.

Fast hätte ich es vergessen... Byword kann neben dem Vollscreenmodus auch den normalen Fenstermodus darstellen. Das finde ich persönlich - wie oben schon erwähnt - sehr gut. Ein weiteres sehr gutes Feature ist die Suchen bzw. die Suchen und Ersetzen Funktion. Das kann sehr Hilfreich sein.

Alles in allem kann man sagen, dass Byword für mich gerade die #1 unter den Texteditoren am Mac ist. Schlank, effektiv, optisch schön und das zum super Preis. Was will man mehr?! Vielleicht einen iA Writer für den Mac? Wie man hört ist da ja was in Arbeit. Warten wir es mal ab. Kommen wir zur anderen Plattform. iOS.

iA Writer genießt mein vertrauen

Wie schon erwähnt schreibe ich hin und wieder auch am iPad den ein oder anderen Text. Das passiert wenn ich Unterwegs bin und das iPad dabei habe oder ganz einfach dann, wenn ich abends im Bett liege und noch nicht schlafen will/kann. Da ist das iPad einfach handlicher als der iMac :) Auch für das iPad gibt es eine Vielzahl von guten Texteditoren. Hier wären unter anderem PlainText und Writings zu nennen. PlainText ist super da es schön sauber mit der Dropbox arbeitet. Der Ordner in der Dropbox lässt sich frei wählen und man kann - ja man glaubt es kaum - Unterordner anlegen. Optisch ist das ganz auch schön gemacht und es macht Spaß es zu nutzen. Aber irgendwie bekommt iA Writer hier den Vorzug. Dann wäre noch Writings zu nennen was auch eine sehr schöne App ist. Optisch auf jeden Fall ein wenig mehr auf Grafik gelegt mag die App gefallen. Aber auch hier ziehe ich den iA Writer vor. Warum das so ist kann ich nicht mal sagen. Es ist wohl eher eine Bauchentscheidung. Keine schlechte will ich meinen.

Wer viel schreibt sollte sich die genannten Apps mal anschauen. Mit was schreibt ihr denn so? Vielleicht gibt es auch noch bessere mir nicht bekannte. Dann einfach ab in die Kommentare damit. :)

Bilder von Byword

Bilder von iA Writer

Was kann Dribbble Pro

Hier mal die vier Sachen direkt von der Dribbble Seite.

Projects

For shots with a common theme, you can organize your work into projects (that have a name, URL, and description). When uploading or editing a shot, an option is now to include it in a project. For existing shots, you can also use the "Add to project" link on a shot page.

Advanced Stats

Visit your pro stats under the “You” menu to track views of your shots and user profile, clicks to your website, your most famous shots, your biggest fans, and more.

Attachments

Add up to five files when uploading or editing a shot. (The maximum file size is 10 MB.) Share PSDs, .zips, or larger images relevant to your Dribbble shots. In cases where that makes sense, you can also check a box when cropping to automatically keep the larger, original image as an attachment. Pro members are allotted 48 attachments per year. You currently have 48 free.

Pro Badge

Your pro badge will now appear throughout the site as a sign of your support for sustaining this amazing community. We’ve also removed ads from your profile.

Meine Meinung dazu...

Projekte

Sehr sehr geil kann man da nur sagen. Das macht Dribbble deutlich übersichtlicher und man kann komplette Projekte verfolgen. Das ist sehr interessant da man Veränderungen beobachten kann wie der Designer sein Design verändert, verfeinert oder einen komplett neuen Weg einschlägt. Auch für eigene Projekte ist es aus diesen Gründen sehr interessant. Für mich ein klares Argument um auf Pro zu wechseln.

Stats

Stats sind immer cool. Sie zeigen einem was so los ist. Sicherlich kein must have feature aber ein nice to have :)

Attachments

Hier bin ich eher negativ gestimmt muss ich sagen. Dribbble hat für mich darin seinen Reiz, dass man eben NICHT die kompletten Designs sieht sondern eben nur Ausschnitte verschiedenen Elemente. Die Anhänge sind auf 48 pro Jahr begrenzt was schon mal soviel heißt, dass man wohl nicht überall eins anhängt. Vorausgesetzt man ist relativ aktiv bei der Sache. Ich hoffe, dass nicht jeder jetzt eine Datei anhängt wo das volle Design zu sehen ist. Hier und da macht es sicherlich Sinn und ist auch gut aber der Normalfall sollte weiterhin sein, dass man seine 400x300 Pixel Shots auf Dribbble zeigt.

Pro Batch

Killer Feature! Oder auch nicht. Es könnte, wie auch schon von einigen vorgeschlagen etwas dezenter sein.

Fazit

Cool! :) - Mein Dribbble Profil

Smart Cover - gut oder schlecht?

Neben dem iPad habe ich mich auch für ein Smart Cover entschieden. Man hörte in den Medien positives wie negatives über das Smart Cover. Es blieb mir also nichts anderes übrig als das ganze selber zu testen. Also bisher kann ich mich nur positiv über das Smart Cover äußern. Mein Eigen nenne ich die billige graue Version. Muss reichen, wir reichen. Wie das ganze befestigt wird ist schon sehr ansehnlich und gefällt. Das mit öffnen des Covers das iPad aufwacht ist ein nettes Feature was sicher noch mal etwas mehr her macht. Das wäre aber auf jeden Fall nichts, was die Kaufentscheidung beeinflussen würde.

Am meisten nutze ich das Cover als Ständer zum schreiben. Dafür ist es wirklich mehr als genial, da durch die leicht schräge Stellung des iPads, das schreiben viel besser geht. Hochkant als Ständer konnte ich noch keinen Einsatzzweck finden. Wenn man das Cover nicht braucht macht man es einfach ab oder klappt es nach hinten. Ist vielleicht nicht die eleganteste Lösung aber es ist ok. ein anderes Case müsste man auch abnehmen um das iPad leichter zu machen um es länger in den Händen zu halten. Eine klare Kaufempfehlung kann ich aussprechen. Der Vorteil des Covers ist auch der, dass man das schöne iPad nicht hinter einem Case verstecken muss und dennoch nette Funktionen und Schutz bekommt. Doch was ist mit der Rückseite? Dazu kommen wir jetzt.

iDroplets, meine Idee wurde geklaut :)

iDroplets sind kleine Gummifüße wie man sie ähnlich von Tastaturen oder Laptops kennt. Sie bieten Vorteile und sind billig zu erwerben. Als ich mich entschloss ein iPad mit Smart Cover zu kaufen, kreisten meine Gedanken darum, wie man die iPad Rückseite schützen könnte ohne ein Silikoncase drum zu packen. Mir kam die Idee mit den kleinen Gummifüßen. Ein oder zwei Tage später scrollte ich durch Twitter und las einen Tweet mit dem Inhalt "iDroplets irgendwas". Also auf den Link in dem Tweet geklickt und schwupp war ich auch schon auf der iDroplets Website. Da hat doch glatt jemand aus meiner Idee eine kleine Geschäftsidee gemacht :) Ja ok, so unglaublich außergewöhnlich war die Idee halt dann doch nicht. Auf jeden Fall hab ich mir welche bestellt. Ganz einfach aus dem Grund weil ich die Sache gut fand! Nebenher habe ich mir noch welche im Baumarkt gekauft und habe nun verschiedene Formen und Größen am Start.

Die Teile klebt man einfach hinten auf das iPad drauf und man hat einen super Schutze gegen Kratzer auf der Rückseite. Optisch ist das ganze sehr nett anzusehen und stört nicht mal. Für mich die Ideale Kombination! Noch ein Vorteil ist, dass das iPad fast nicht mehr verrutscht. Ich stellte mir auch gleich die Frage warum Apple nicht von Haus aus kleine Gummifüße mit dran packt. Also, auf in den Baumarkt und Gummifüße kaufen!

Hier ein paar Bilder

Beispiel für die Nutzung

<h1>Hier steht der Headline Text</h1>

h1 {
	background:url(h1_headline.png) 0 0 no-repeat;
	text-indent:-99999px;
}

Warum dieser Artikel?

Ganz einfach. Oft sieht man es, dass der Wert von Text-Indent zu gering gewählt wird. Letztens bin ich über diese Seite hier gestoßen: http://kacperbeduch.pl/ und dort tritt genau das ein was eigentlich nicht sein sollte. Der Entwickler dieser Seite hat einen Text-Indent Wert von −1000px gewählt. Ich sitze hier an einem 27“ Monitor mir 2540px in der Breite. Was passiert bei mir? Die Texte werden einfach zu wenig verschoben und tauchen im linken Teil der Website auf.

Klar, wer hat schon so ein großes Display... Aber darum geht es mir nicht. Wenn ich den Wert setze dann kann ich ihn auch gleich so setzen, dass man alle Möglichkeiten abdeckt. Ich setze den Wert daher immer sehr hoch an wie zum Beispiel −99999px womit man auf der sicheren Seite sein sollte. Letztendlich ist es halt ein kleiner Makel den man vermeiden kann. Das war es auch schon :)

Ein Gerät mit dem Apfel hinten drauf was 600 Euro kostet sollte schon Fehlerfrei sein

Als ich diesen entdeckte, musste ich das ganze iPad natürlich genauer unter die Lupe nehmen. Und tatsächlich fand ich noch einen Mangel an genau diesem. Und zwar ist am Rand wo das Alu zum Glas übergeht eine kleine Scharte drin. Kurz dachte ich, dass diese vielleicht so sein muss aber als ich dann gestern ein anderes iPad im re:store in der Hand hatte, dass diese Scharte nicht aufweisen konnte war auch hier klar, dass es wohl eher nicht gewollt ist. Ärgerlich das ganze!

Also blieb mir nichts anderes übrig als zum Telefon zu greifen und den Apple Support anzurufen. Etwas mit dem jungen Herren da gesprochen hat sich dann folgendes ergeben. Er meinte, dass das iPad ja vollautomatisch produziert wird und solche Sachen eigentlich nicht sein können. Ich solle mich erstmal an den re:store wenden und mal schauen ob die das Problem lösen. Er meinte die Stores reparieren das meist selber. Sollte der re:store meinen es ist ein Apple Problem sollte ich mich wieder melden. Fand ich etwas komisch das ganze aber OK. Heute werd ich mal im re:store schauen was die sagen. Problem bei der ganzen Sache ist halt, dass es keine iPads gibt zum austauschen :) Also werde ich wohl entweder meines dalassen müssen oder ich nehme es mit und wenn sie neue haben sollen sie es bitte tauschen. Ich bin gespannt.
 

Alles in allem bin ich mit dem iPad 2 so total zufrieden wenn da nicht die beiden Fehler wären. Es geht hier auch darum, dass wenn man das Gerät später wieder verkauft schon Mängel dran sind. Ich gehe sehr pfleglich mit meinen Sachen um und solche Sachen passieren da in der Regel nicht. Mal schauen was Apple bzw. der re:store nun vorschlägt.

*** Update ***

Nachdem ich gestern im re:store war und die mir sagten ich solle das mit Apple direkt klären rief ich heute morgen noch mal beim Apple Support an. Montag wird es abgeholt und dann sollte bis Ende der Woche ein neues da sein. Schon mal gut zu wissen das Sie dafür welche zurückgelegt haben :)

Ein paar Bilder vom iPad 2

Wenn man in WordPress ab und an Artikel schreibt, die auch noch mehr Text haben als eine Zeile, muss man ständig, wenn man etwas formatieren möchte, nach oben zu den Buttons scrollen. Wer nicht scrollen muss, muss dennoch mit der Maus immer die aktuelle Position im Text verlassen um einen Button zu klicken. Das hat nun ein Ende!

Denn seit ein paar Tagen gibt es die Smooth Minibar von Frank Bültge. Ein kleines feines Plugin mit großer Wirkung wie ich finde. Was es kann? Ganz einfach. Es gibt einem die Möglichkeit seine Texte schnell und unkompliziert formatieren zu können, ohne ständig zur Button-Leiste über dem Textfeld zu müssen. Die Minibar kann über zwei Wege aufgerufen werden. Zum einen reicht es, dass man den Text der formatiert werden soll markiert und die Minibar erscheint. Zum anderen ist auch ein Doppelklick Möglich der auch noch weitere Möglichkeiten wie: IMG, More & Nextpage bereitstellt. Sehr viel mehr gibt es dann auch nicht zu sagen. Höchstens das es ein muss ist dieses Plugin zu nutzen. Downloaden, hochladen, aktivieren und ab geht es.

Kleiner Zusatz noch da es gerade in den Kommentaren erwähnt wurde. Das Plugin arbeitet nur im HTML Modus - dem Modus meiner Wahl, da er volle Kontrolle und mehr Möglichkeiten bietet, wie ich finde :)

• Smooth Minibar runterladen (github)
• Website von Frank Bültge besuchen

Wie immer ist es aktuell glaube ich so, dass der Internet Explorer es bis jetzt noch nicht unterstützt. In Version 9 könnte es vielleicht klappen? Also sollte man seine Sachen so anlegen, dass auch Browser die das ganze nicht unterstützen die Texte dennoch lesbar darstellen. Chrome, Firefox und Safari sollten jedoch keine Probleme mit der Darstellung haben.

HTML Code

<!DOCTYPE html>
<html lang="de">
<head>	
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
 
	<title>CSS 3 Text Shadow</title>
 
	<!-- CSS -->
    <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
 
</head>
<body>
 
	<div class="wrapper">
		<h2 class="shadow_01">we &hearts; the wonderful css</h2>
		<h2 class="shadow_02">we &hearts; the wonderful css</h2>
		<h2 class="shadow_03">we &hearts; the wonderful css</h2>
		<h2 class="shadow_04">we &hearts; the wonderful css</h2>
		<h2 class="shadow_05">we &hearts; the wonderful css</h2>
		<h2 class="shadow_06">we &hearts; the wonderful css</h2>
		<h2 class="shadow_07">we &hearts; the wonderful css</h2>
		<h2 class="shadow_08">we &hearts; the wonderful css</h2>
		<h2 class="shadow_09">we &hearts; the wonderful css</h2>
		<h2 class="shadow_10">we &hearts; the wonderful css</h2>
	</div>
 
</body>
</html>

h2 {
	font:bold 50px/80px Arial, Helvetica, sans-serif;
}
 
.shadow_01 {
	text-shadow: 5px 5px 0px #ddd;
}
 
.shadow_02 {
	text-shadow: 
		1px 1px 0px #ddd,
		2px 2px 0px #ddd,
		3px 3px 0px #ddd,
		4px 4px 50px #000;
}
 
.shadow_03 {
	text-shadow: 
		2px 2px 0px #fff,
		-2px -2px 0px #fff,
		-2px 2px 0px #fff,
		2px -2px 0px #fff,
		0px 0px 50px #000;
}
 
.shadow_04 {
	text-shadow: 
		2px 2px 0px #ff0,
		-2px -2px 0px #f0f,
		-2px 2px 0px #0ff,
		2px -2px 0px #0f0,
		0px 0px 50px #000;
}
 
.shadow_05 {
	text-shadow: 
		1px 1px 0px #777,
		2px 2px 0px #777,
		3px 3px 0px #777,
		4px 4px 0px #888,
		5px 5px 0px #888,
		6px 6px 0px #888,
		7px 7px 0px #999,
		8px 8px 0px #999,
		9px 9px 0px #999,
		10px 10px 0px #aaa,
		11px 11px 0px #aaa,
		12px 12px 0px #aaa,
		13px 13px 0px #bbb,
		14px 14px 0px #bbb,
		15px 15px 0px #bbb,
		16px 16px 0px #ccc,
		17px 17px 0px #ccc,
		18px 18px 0px #ccc,
		19px 19px 0px #ddd,
		20px 20px 0px #ddd,
		21px 21px 0px #ddd;
}
 
.shadow_06 {
	text-shadow: 
		1px 1px 0px #888,
		2px 2px 0px #888,
		3px 3px 0px #888,
		4px 4px 0px #888,
		5px 5px 0px #888,
		6px 6px 0px #888,
		7px 7px 0px #888,
		8px 8px 0px #ddd,
		9px 9px 0px #ddd,
		10px 10px 0px #ddd,
		11px 11px 0px #ddd,
		12px 12px 0px #ddd,
		13px 13px 0px #ddd,
		14px 14px 0px #ddd,
		15px 15px 0px #888,
		16px 16px 0px #888,
		17px 17px 0px #888,
		18px 18px 0px #888,
		19px 19px 0px #888,
		20px 20px 0px #888,
		21px 21px 0px #888;
}
 
.shadow_07 {
	text-shadow: 
		1px 0px 5px #888,
		2px 0px 5px #888,
		3px 0px 5px #888,
		4px 0px 5px #888,
		5px 0px 5px #888,
		6px 0px 5px #888,
		7px 0px 5px #888,
		8px 0px 5px #ddd,
		9px 0px 5px #ddd,
		10px 0px 5px #ddd,
		11px 0px 5px #ddd,
		12px 0px 5px #ddd,
		13px 0px 5px #ddd,
		14px 0px 5px #ddd,
		15px 0px 5px #888,
		16px 0px 5px #888,
		17px 0px 5px #888,
		18px 0px 5px #888,
		19px 0px 5px #888,
		20px 0px 5px #888,
		21px 0px 5px #888;
}
 
.shadow_08 {
	text-shadow: 
		2px 2px 0px #fff,
		-2px -2px 0px #fff,
		-2px 2px 0px #fff,
		2px -2px 0px #fff,
		3px 3px 0px #555,
		-3px -3px 0px #555,
		-3px 3px 0px #555,
		3px -3px 0px #555,
		4px 4px 0px #555,
		-4px -4px 0px #555,
		-4px 4px 0px #555,
		4px -4px 0px #555;
}
 
.shadow_09 {
	background: #333;
	text-shadow: 1px 1px 0px #555;
	padding: 10px;
}
 
.shadow_10 {
	background: #777;
	color: #ddd;
	text-shadow: 1px 1px 0px #000;
	padding: 10px;
}

Die Werte sind folgendermaßen: 1px 2px 3px #000

1px nach rechts
2px nach unten
3px weichzeichnung
Farbe: schwarz.

Der erste Wert gibt also die horizontale Position des Schattens an, der zweite Werte die vertikale Position, der dritte Wert die stärke der Weichzeichnung und der letzte Wert ist die Farbe des Schattens.

Wer also den Einstieg in die Tablet-Welt von Apple wagen möchte sollte das jetzt tun. Apple selbst hat die Preise für die iPad 1 Geräte etwas gesenkt und auch auf dem Gebrauchtmarkt wird sich in den nächsten Tagen das ein oder andere iPad wieder finden. Also Augen auf! Oder einfach die neue Generation kaufen. Beides wird Freude bereiten!

Warum dieser Artikel

Ehrlich gesagt ist es immer wieder ein riesen Spaß, sich auf der ein oder anderen Website die Kommentare zur iPad Vorstellung durchzulesen. Auf den Apple-News Seiten ist es da schon fast langweilig. So auch heute wieder. Diesmal war es die Lieblingszeitung der Deutschen (ist das so, ich glaube es gehört/gelesen zu haben). Ein Großteil der dort auffindbaren Kommentare lässt mich zu dem Entschluss kommen, dass man nicht verstanden hat was das iPad ist. Es wird ganz laut nach USB geschrien. Doch warum? Also ein USB Anschluss wäre das letzte was ich an einem iPad vermissen würde. Die Leute wollen es wohl einfach nicht verstehen oder besser gesagt können Sie es vielleicht gar nicht verstehen das das iPad kein Notebook/Netbook ist. Es ist kein Gerät das alle anderen Ersetzt. Es hat seine Grenzen aber das ist OK so. Für mich ist das iPad, wenn man es ganz nüchtern betrachtet ein Gerät, dass in der Liga eine Digitalkamera spielt. Klingt dumm? Ja ist es vielleicht auch. Aber der Vergleich gibt den Leuten vielleicht zu verstehen, dass man um das iPad vollends nutzen zu können noch einen Computer sein eigen nennen sollte.

Also ein USB Anschluss wäre das letzte was ich an einem iPad vermissen würde

Sollte ist sogar falsch. Im Grunde muss man es sogar. Updates, Aktivierung etc. Dazu wird ein Computer mit Internet Verbindung benötigt. Bei iPhones und iPads läuft alles über iTunes. Das mag dem einen gefallen und dem anderen nicht. Das ist aber halt mal Tatsache. Ich mag iTunes auch nicht immer aber im großen und ganzen kann man damit sehr einfach die Sachen erledigen die man erledigen möchte. Für einen Großteil der Kommentierenden ist es wichtig Fotos auf das iPad zu bekommen. Geht via iTunes wirklich mehr als einfach. Sogar ein Camera Connection Kit ist erhältlich um die Kamera oder deren SD-Karte ans iPad zu stöpseln. Vorher informieren bevor man was von sich lässt (hoffentlich schieße ich mir mit dieser Aussage nicht ins eigene Bein :). Das geschrei nach USB sollte damit erledigt sein. Wer wirklich meint seine Daten wie auf deinem Computer mit dem iPad zu nutzen ist eh falsch.

Das iPad ist überteuerter Scheiß

Auch eine Aussage die man des öfteren lesen kann. Wem es zu teuer ist der soll es nicht kaufen. Doch wenn man sich mal umschaut was die Konkurrenz Modelle so kosten merkt man schnell das Apple hier gar nicht so teuer ist. Teilweise sogar billiger als die anderen. Also ich letzte Woche mal wieder meine Füße durch den Media Markt schickte kam ich auch an einem Ausstellungstisch für Tablets vorbei. Die dort vorhandenen hab ich mir mal kurz angeschaut und den Tisch dann mit einem grinsen verlassen. Qualitativ waren die nicht die Liga eines iPad's. Es wirkte teilweise doch arg billig das ganze. Meine Hände sehnten sich sofort nach dem wertig wirkendem iPad. Ohne mir die Preise wirklich gemerkt zu haben waren diese doch alle in einer ähnlichen höhe des iPads. Das teuer Argument zählt für mich also auch nicht um gegen Apple zu schimpfen. Dann bitte kollektiv gegen alle Tablet Hersteller.

Einmal iPad immer iPad

Wohl etwas übertrieben gesagt aber die Grundaussage dahinter stimmt schon. Es ist ein super tolles Gerät das man einfach nicht mehr missen möchte. Ich weiß noch als ich damals mein MacBook Pro verkaufte um mir ein iPad zu kaufen. Jule war nicht 100% begeistert davon. So ein Laptop sei doch viel toller. Mag sein, das iPad aber ist auch toll. Über die Zeit merkte auch sie das und lernte es lieben :)

Es ist halt ein klares Konsumgerät in meinen Augen und diesen Job kann es nahezu perfekt ausfüllen. Auf die zahlreichen Apps muss ich hier nicht näher eingehen. Sie sind vorhanden und es werden ständig mehr. Doch auch schon ohne gekaufte/geladene Apps allein mit Browser und den anderen Standard installierten Programmen kann man schon viel Spaß haben. Wer denkt damit einen Computer ersetzen zu können liegt meiner Meinung nach falsch.

Für was wird das iPad genutzt

Nach knapp einem Jahr in Benutzung kann ich glaube sagen für was ich das iPad gern und viel nutze. Zum einen sicherlich das simple E-Mail checken. Dann natürlich um Apps zu testen. Das macht Spaß und es gibt viele schöne davon im App Store. Gern surfe ich auch durchs Netz damit (was ich mit dem iPhone nicht mache) und schaue mir dies und das an. Nicht unbedingt mit dem Safari Browser da ich das nutzen der Tabs nicht sehr gelungen empfinde aber es gibt eine Vielzahl an alternativen. Auch lese ich viel Nachrichten und kauf mir hin und wieder auch mal einen Tageszeitung. Das produktivste ist jedoch das schreiben von Texten am iPad. Das geht verdammt gut und man kann es überall tun. Egal ob zuhause auf dem Sofa, beim Zugfahren oder im Bett.

Vor allem die schönen Programme zum schreiben machen es noch angenehmer (z.B. iAWriter). Seltener kommt es bei mir als Spielekonsole zum Einsatz. Zwar lade ich mir oft Spiele aufs iPad aber meist fehlt dann die Zeit wirklich mal intensiv zu spielen. Aber es ist doch schön zu wissen, das man könnte wenn man wollte :) Weiterhin lese ich meine RSS Feeds mit der wunderschönen Reeder App. Das macht super Spaß! Letztens wurde das iPad auch mal als Navi missbraucht (Navigon) und auch das hat es super gemacht. Soziale Sachen wie Twitter und Facebook werden auch häufig mit über das iPad bedient. Wie man sieht kann man viel damit machen und wahrscheinlich noch viel mehr. Tatsache ist, dass es kinderleicht zu bedienen ist und somit für Jedermann geeignet ist. Sogar unserer Katze hat spaß damit ;)

David, was hast du nach der Schule nur vor????

Der Sohn ihrer Freundin ist sich schon ganz sicher, was er mal machen möchte wenn die Schule geschafft ist. In einer Bank arbeiten und viel Geld verdienen sei sein Ziel. Klasse, denk ich mir und stell' mir die Frage der Fragen: "David, was hast du nach der Schule nur vor????". Fragte man sich so durch den Freundeskreis, waren auch hier viele schon soweit und wussten tatsächlich, was sie jetzt tun werden. Michael möchte sein Abitur nachholen, um später Geografie in Berlin zu studieren. Er möchte die Welt kennenlernen etc. etc. Daniel ist wie verrückt nach Sport und geht nach Chemnitz auf die Sportschule, wo er sich den Durchbruch erhofft, einmal ein gut bezahlter Fußballspieler zu werden. Maria möchte ihr kleines Pflegestudio aufmachen, so wie es Ihre Mutter früher auch schon hatte. Mike geht erstmal ein Jahr in die USA, um Land und Leute kennenzulernen. Sein Englisch möchte er in dem einen Jahr natürlich auch stark verbessern, um später einmal davon profitieren zu können. Rene hat viel Spaß daran Dinge zu organisieren und zu leiten. Auf Klassenfahrten war er der, der die Führung der Gruppe in die Hand nahm, damit auch alles so klappte, wie es klappen sollte. Rene ist nun auf dem Weg nach Hamburg, um eine Ausbildung zum Eventmanager bei einer großen Agentur zu machen.

Lange Rede, kurzer Sinn. Im Grunde wussten so ziemlich alle, was nun passieren wird. Außer David natürlich... Ach ja, bevor ich vergesse, es zu erwähnen: die Geschichten und Namen sind rein fiktiv und haben keinen Wahrheitsgehalt :)

So, weiter im Text... Möglichkeiten gab es nicht sonderlich viele. Jedenfalls keine, weswegen ich mit Hurra-Schreien durch die Stadt gelaufen wäre. Ein paar Bewerbungen habe ich an Bäcker und Autohäuser geschrieben, was aber nichts brachte. Schade eigentlich :) Letztendlich bin ich dann in einer schulischen Ausbildung zum - Achtung - "Datenverarbeitungs-Kaufmann" gelandet. Klingt schon spannend oder? Rückblickend war es das nicht wirklich. Wobei ich ein paar Sachen in Excel und Co. schon bei mir behalten konnte. Hurra!

Ich lehnte aber den Dienst an der Waffe ab, um mich wichtigeren Dingen zu widmen

Irgendwie gab es nun aber immernoch keine wirkliche Idee wie es jetzt weiter geht. Es musste also ein Wunder passieren. Man will es kaum glauben, aber es passierte tatsächlich eines... Vater Staat ließ mich zur Musterung anrücken... Hatte ich doch glatt verdrängt, dass wir ja die allseits beliebte Wehrpflicht in unserem Lande haben. Ich lehnte aber den Dienst an der Waffe ab, um mich wichtigeren Dingen zu widmen. Zivi Junge!!! So kam es, dass ich im tiefsten Winter meinen Zivildienst in einem Altersheim antrat, um den Älteren, die nicht mehr so konnten wie sie mochten, das Leben etwas einfacher und schöner zu machen. Es ist doch schön, einen dankbaren Blick einer Frau zugeworfen zu bekommen, nur weil man das Quietschen ihrer Gehhilfe mit ein paar Spritzern WD40 beseitigt hat. Auf jeden Fall habe ich Sachen gesehen, die ich vielleicht nicht hätte sehen wollen. Alles in allem war es aber eine ganz nette und interessante Zeit, die nach zehn Monaten auch schon wieder ihr Ende fand. Pflicht erfüllt!

Klatsch! Wieder gab es jetzt das Problem des Weitermachens... Täglich grüßt das Murmelt(h)ier...

Es kam anders als gedacht und ich ging nochmal zurück auf die Schulbank. Fachabi sollte gemacht werden. Um den Schwierigkeitsgrad zu erhöhen, sollte das Ganze in einem Jahr passieren. Man muss sich ja auch mal was zutrauen :) Ein Jahr hatte dann irgendwie doch nicht geklappt. Ich hatte einen Schnitt von 2.3, aber in der Matheprüfung eine 4 und auch auf dem Zeugnis wäre es eine vier gewesen. Zum Glück musste ich in die Mathe Nachprüfung, um mich dort knallhart durchfallen zu lassen.

Also hieß es, das Jahr noch einmal zu machen. Das Ende vom Lied nach Jahr zwei war dann ein Schnitt von 3.3 und die 4 in Mathe blieb auch. Damn! OK, zugegeben habe ich in Jahr zwei nicht durch Anwesenheit geglänzt. Ob ich mehr an- oder abwesend war, kann ich heute nicht mehr genau sagen. Dumm gelaufen alles, aber ich bereue es zu keinem Stück!!! Denn ein paar Sachen passierten in genau diesem zweiten Jahr die wohl sonst so nicht passiert wären.

• Ich lernte mein Julchen kennen und lieben
• Wir (nein, nicht Jule und ich) gründeten einen Verein und bauten einen sehr großen Beton-Skatepark in Plauen
• Und ich wusste endlich was ich machen möchte

Die zwei Jahre Abi waren wohl die sinnlosesten und gleichzeitig wichtigsten Jahre in meinem Leben. Ach herrje... Wie das nur klingt :)

Und ja, es waren auch sehr lustige Jahre mit teilweise sehr tollen Lehrern (ja, das kommt aus meinem Mund). Danke für das viele Verständnis für mein teilweise recht großes Desinteresse, aber auch dem gleichzeitigen Glauben an mich. Tschagga!

Am Ende meines Fachabis wusste ich, dass es nun endlich was geben muss, das mich interessiert. Wie oben geschrieben, wurde mir langsam klar, was ich nun machen wollte. Die ganze Zeit neben der Schule hatte ich ein Hobby, das mir mehr und mehr Spaß machte. Ich erstellte Websites! Auslöser war Kotbert (insider), der damals eine Website hatte, wo es um Klofotos ging. Klingt spannend was? Ja war ganz lustig das ganze und immerhin war es für mich so toll, dass ich mich hinsetzte und eine BMX-Plauen-Website erstellt habe. Das Ganze wurde dann immer interessanter. Die Websites wurden komplexer und ich verstand mehr und mehr die Technik dahinter. Kurz gesagt: Ich habe da was gefunden, das mir Spaß macht und mit dem man auch noch Geld verdienen kann. Super!

So kam es dann, dass ich mich so gegen Ende des Fachabis nach Firmen umgeschaut habe, bei denen ich anfangen konnte, mein Hobby zum Beruf zu machen. Ich suchte mehr oder weniger nur im Internet und hatte dann sage und schreibe drei Vorstellungsgesprächstermine in der Tasche. Guter Schnitt... Drei Bewerbungen mit drei Einladungen. Kann man machen. Die drei Glucklichen waren:

• Konstruktiv GmbH Berlin
• WM Team Hannover
• nexum AG Köln

Als Bewerbung reichte immerhin eine E-Mail aus, in welcher ich meine eigene - mittlerweile ganz ordentliche - Website zeigte und fragte, ob sie noch Azubis für die ausgeschriebene Stelle bräuchten. Ganz ehrlich gesagt war das - so blöd es auch klingen mag - relativ einfach. Aber wenn ich ehrlich bin, habe ich meine Bewerbung nicht in Form von drei weißen Blatt Papier abgegeben, sondern ich hatte etwas zu zeigen. Meine eigene Website mit meinen eigenen Arbeiten, die ich im Laufe der Zeit so angesammelt hatte. Es ist schön, dass auch dieser Weg ein möglicher ist und dass nicht alles immer in einer schwarzen Klemmmappe stecken muss mit der Aufschrift "Bewerbung".

Mein Vorstellungsgespräch war das reinste Chaos

Das Vorstellungsgespräch in Köln war das reinste Chaos und vielleicht war genau das auch ein Grund, warum ich mich gleich gut aufgehoben fühlte. Chaos war es deswegen, weil ich zur falschen Geschäftsstelle gegangen bin und leider auch nicht viel Zeit hatte, da mein Zug am gleichen Tag wieder zurück gefahren ist. Doch netterweise wurde ich dann per Auto abgeholt und so lief das Gespräch zum einen Teil während der Fahrt im Auto und zum anderen Teil bei einer Limo in einem Cafe am Dom ab. Mal was anderes würde ich sagen :)

Irgendwann kam dann mal ein Anruf, dass man sich doch für mich entschieden hatte und ich bald meinen Ausildungsvertrag per Post bekommen würde. Fäääätt, mein erster. Wobei das nicht ganz stimmt, aber sagen wir mal, dass es der erste ist, der Sinn ergeben hat.

Obwohl es in Berlin und Hannover auch nicht schlecht für mich aussah, habe ich mich also letztendlich für Köln und somit für die nexum AG entschieden. War keine Fehlentscheidung würde ich jetzt mal so in die Runde werfen. Auch heute noch arbeite ich bei der nexum und habe meinen Azubi-Titel gegen den eines Designers eingetauscht. Crazy!

Mehr gibt es im Grunde auch nicht zu sagen. Warum ich das ganze Zeug da oben überhaupt geschrieben habe? Das ist ganz einfach zu erklären. Des öfteren kommen Mails in denen ich gefragt werde, wie ich zu dem gekommen bin, das ich heute mache, ob ich studiert habe und andere ähnliche Fragen in diese Richtung. Und um nicht immer die gleiche Mail zurück zu schreiben habe ich gedacht, dass man das auch als Artikel im Blog unterbringen kann, da es vielleicht auch noch ein zwei Leute mehr interessiert. Wenn nicht, ist es aber auch nicht schlimm.

Abschließend bleibt noch zu erwähnen, dass mir meine Arbeit auch heute noch Spaß macht und ich mir aktuell auch nicht vorstellen könnte, etwas anderes zu machen. Es scheint so als seien die Sachen, die eher zufällig passieren die, die wirklich gut werden.

Ich hatte ja gehofft das Apple hier wenigstens auf das MacBook Air Niveau geht. Aber nichts da. Nicht mal als Option wird es angeboten. Ich bin enttäuscht und sehe aktuell auch kein MacBook im Sortiement, was mich zum Kauf bewegen könnte. Das 13" fällt wie gesagt wegen der Auflösung schon raus. Die 15" MacBook einfach deswegen weil der Preis zu hoch ist. Über das 17" brauchen wir dann gar nicht erst reden.

Dann gibt es ja noch das MacBook Air. Ja und ich muss sagen das scheint dann wohl noch das zu sein, was am ehesten meinen Wünschen entsprechen würde. Aber irgendwie mag ich es, mit den aktuell ihn ihm verbauten CPU's, nicht kaufen. Dafür sind diese echt schon recht alt und könnten ein Update vertragen. Tja Apple, es sxheint so als ob wir gerade nicht ins Geschäft kommen. Thunderbolt Anschluss und ein wenig Zuschlag bei Grafik und CPU Leistung überzeugen mich einfach nicht. 

Jetzt bin ich noch gespannt was das neue iPad so bringen wird. Das aktuelle ist schon nicht schlecht und hätte es doppelt so viel Arbeitsspeicher (gern auch noch mehr) wäre ich im Grunde rum herum zufrieden. Hat es aber nicht, schade! Bleibt nun abzuwarten was das iPad 2 kann. Leider denke ich, dass auch hier nur bissl an den technischen Daten gedreht wird. Eine Kamera wird sicher auch dabei sein. Das ist aber nichts was ich bisher auch nur Ansatzweise vermisst hätte. Vielleicht gibt es aber ja auch die große Überraschung und alle schreien: "Das muss ich haben". Man wird sehen...

Der Artikel wurde mit iAWriter am iPad getippt auf dem Beifahrersitz von Köln nach Plauen. Fehler seien mir verziehen :)

Das ist jetzt aber wie gesagt nur ein Weg den man gehen kann. Es wird keinen Weg geben der für jede Person oder für jedes Projekt der perfekte ist. Hier sollte man flexibel sein und nicht stur seine Schiene fahren. Oft muss man auch Wege gehen die man normal nicht gehen würde, da ein Projekt/Auftrag es so verlangt.

Ich möchte hier aber mal anhand des Make Better Websites Redesigns einen Weg aufzeigen der eher in die Richtung einfach drauf los arbeiten geht. Der Seitenaufbau sollte sich dabei nicht wirklich ändern was heißt, dass nicht wirklich Scribbles gemacht werden mussten.

Wie kommt es zur Idee

Meistens eher spontan. Es wurde zum Beispiel nicht geplant, dass Make Better Websites eine neue Optik bekommen soll. Aber diese Spontanität kommt wohl oft nur bei eigenen Projekten zum Einsatz, da Aufträge meist an Termine gebunden sind und hier muss dann oft zwingend eine Idee im Kopf herum schwirren. Hier kann man nicht einfach sagen, dass heute wohl nichts mehr brauchbares raus kommen wird und man ein anderes Mal weiter macht. Aber das soll jetzt nicht so klingen, als wären Aufträge eine Qual für mich. Im Gegenteil! Es ist sehr spannend unter Druck kreativ zu sein. Man muss sich sofort in den Auftrag hineindenken und Ideen entwicklen. Es klappt mal mehr und mal weniger gut. Oft kommt es aber vor, dass man sofort eine zündende Idee hat und sofort loslegen könnte, diese umzusetzen. Ob allerdings die erste Idee auch gleich die beste ist bleibt dahingestellt. Es macht natürlich auch einen Unterschied ob im Team oder alleine gearbeitet wird. In diesem Beispiel arbeite ich alleine und kann mich voll auf mich verlassen und quasi mein Ding durchziehen. Das Lustige bei diesem Redesign von Make Better Websites ist, dass das was nun online zu sehen ist, eigentlich schon vor der letzten Version online gehen sollte. OK, da waren die Farben noch komplett anders und noch ein paar andere Dinge. Aber im Grunde ist damals die Version 3 vor der Version 2 online gegangen. Das macht es jetzt vielleicht teilweise etwas chaotisch, das ein oder andere zu erklären, aber wir bekommen das schon hin.

Der Auslöser für das Redesign

Make Better Websites ist ein privates Projekt. Hier gab es also keinen der sagte, dass hier was neu gemacht werden muss. Keine Anfrage, kein Auftrag. Der Ansporn lag allein bei mir etwas zu verändern. In diesem Falle wollte ich die Seite etwas klarer habenq im Vergleich zur Vorgängerversion. Die gezeigten Websites sollten auch noch größer zur Schau gestellt werden. Die Optimierung sollte nicht mehr auf 1024 Pixel Breite ausgerichtet sein, sondern auf 1200 Pixel. Das war Anlass genug etwas Neues zu machen. Man hat ja sonst nichts zu tun :)

Wie wird versucht diese Idee umzusetzen

Als ich angefangen habe nahm ich mir noch kurz die Zeit auf der Festplatte nach alten PSD Files zu suchen, um zu schauen ob ich noch etwas rumliegen hatte, das man gebrauchen kann. Und tatsächlich fand ich was, das mir wirklich weiterhelfen konnte. Eine Voraussetzung für das Redesign war es, dass das Look and Feel der alten Website schon beibehalten werden sollte. Farben und Stil sollten dem Benutzer beim Besuch ein vertrautes Gefühl geben. Da die gefundene PSD nicht viel mit der - zu dem Zeitpunkt noch aktuellen - Seite zu tun hatte, war sie aber nur teilweise zu gebrauchen. Dennoch war eine Grundlage vorhanden, die mir weiterhelfen sollte. Los ging es also, das Design auszuarbeiten...

Wie weit wird das Design in Photoshop ausgearbeitet

Meiner Meinung nach sollte man sich nicht all zu lange in Photoshop aufhalten und jede Seite komplett darstellen. Es ist vor allem zeitaufwendig so etwas zu machen. Leider wollen die meisten Kunden oft alle Screens erst als JPG Datei sehen, um diese dann frei zu geben. Klar ist das aus Kundensicht sicher nicht verkehrt, aber man muss auch bedenken, dass ein in Photoshop erstelltes Layout nie 100% dem entspricht, wie es dann letztendlich im Web zu sehen sein wird. Auch kann man schwer rüberbringen, wie sich eine Website anfühlen wird. Ein JPG ist halt doch nur ein Bild, das zwar viel zeigt, aber auch vieles eben nicht zeigt.

Meistens erstelle ich nur die Startseite, also das Grundlegende Layout in Photoshop. Das Look and Feel, das hier entsteht, ist dann gesetzt. Klar mache ich mir auch Gedanken was auf Unterseiten passieren soll, doch das stricke ich in meinem Kopf zurecht oder mache mir ein, zwei kleine Skizzen, die das verdeutlichen. Hier geht es dann speziell aber erstmal um Aufteilungen und Funktionen, was hier und da passieren soll. Designelemente, die dort zum Einsatz kommen, werden hier erstmal nicht berücksichtigt. Diese werden dann erstellt, wenn sie gebraucht werden. Aber das ist wie schon erwähnt eher ein Weg den man geht, wenn man seine eigenen Sachen macht oder man einen Kunden hat, der einem zu 100% vertraut, dass ihn das Endergebnis überzeugen wird. Egal, wir sind hier bei einem privaten Projekt, also heißt das für mich, wenig Photoshop und ein schneller Weg hin zur Entwicklung. Die PSD für Make Better Websites sah dann so aus:

Wann beginnt die Umsetzung

Am Besten so schnell wie möglich. Ich habe gerne etwas zum rumspielen, rumprobieren und live testen. Eine Webseite ist ja kein statischer Screenshot, sondern eine dynamische Sache und deswegen sollte man hier auch schnell genau dort hinkommen. Vieles verhält sich im Browser ganz anders, als man es vielleicht in Photoshop angedacht hatte. Vor allem sehen Sachen dann teilweise auch ein wenig anders aus als in Photoshop. Schon allein die Texte sehen im Web fast immer anders aus. Das liegt schon daran, dass Betriebssysteme unterschiedlich mit Schriften umgehen. Die einen glätten die Schriften, die anderen eben nicht. Das ist schon etwas, das man beachten sollte. Die Umsetzung beginnt für mich konkret dann, wenn ich das Gefühl habe, dass das was ich aktuell in der PSD sehe ausreichend ist, um daraus einen HTML Prototypen zu basteln.

Wie geht man an die Umsetzung heran

Ich bin Designer. Für mich heißt umsetzen nicht, dass ich einfach stur einen Screen in HTML umwandle. Beim Umsetzen sind meine Gedanken immer noch beim Design. Ich mache Sachen dann vielleicht anders, als sie bisher in der PSD zu sehen sind. Oder ich passe die PSD oder einzelne Grafiken noch einmal an, da ich beim Programmieren merke, dass es noch nicht 100% so ist, wie ich mir das vorstelle. Im Grunde ist es jetzt ein Zusammenspiel der einzelnen Bereiche (Design/Entwicklung). Es liegt also keine Trennung vor die sagt, dass das Design fertig ist und nun umgesetzt werden kann. Das Design ist dann fertig, wenn es umgesetzt ist.

Ich baue mir prinzipiell erstmal einen HTML Prototypen (außer bei sehr kleinen, überschaubaren Sachen). Dieser macht es mir später deutlich einfacher das Ganze z.B. als WordPress Theme umzusetzen. Speziell in diesem Fall habe ich aber darauf verzichtet und einfach das Theme der alten Seite kopiert und angepasst. Der Prototyp wurde hier nicht wirklich gebraucht, da viel von der alten Seite übernommen und angepasst wurde.

Wann endet die Umsetzung

Wenn die Website fertig ist? Nicht ganz. Meine Vorgehensweise ist die, dass ich auf einem Browser die Entwicklung mache und nicht immer schaue ob gerade in allen Browsern alles rund läuft. Meine Empfindung ist hier, dass ich mehr Zeit verlieren würde wenn ich so arbeiten würde. Ich baue die Website also komplett fertig und kümmere mich dann anschließend um das Bugfixing. Der Browser meines Vertrauens ist hier aktuell Google Chrome mit Webkit Engine. Wenn da alles passt sieht im Safari meist auch schon alles super aus. Auch der Firefox zieht hier meistens gleich mit, sodass hier oft nichts oder nicht viel angepasst werden muss. Die Problemkinder sind ganz klar die aus dem Hause Microsoft. Sie hören auf den Namen Internet Explorer. IE6 und IE7 sind hier mit ganz großem Abstand diejenigen, die mir oft am meisten Kopfschmerzen bereiten. Hier tun sich doch teilweise große Abgründe auf. Wie ich damit umgehe? Auf meinen privaten Seiten so, dass mir der IE6 fast schon egal ist. Wer mit solch einem Dinosaurier noch unterwegs ist sollte sich nicht wundern, dass nicht alles toll ausschaut. Eigentlich müsste man diese Benutzer gleich komplett aussperren :)

Bei Kundenprojekten ist das dann wieder anders. Hier gibt es klare Aussagen auf welchen Browsern die Website zu laufen hat. Der IE6 ist hier leider viel zu oft noch dabei. Für welche Browser man letztendlich optimiert, muss man für sich selbst entscheiden oder aber man hat eben Vorgaben.

Was kommt jetzt noch

Wenn Bugs gefixt sind, macht es sich auch immer ganz gut, dass man noch mal ein paar Leute drüber schauen lässt, bevor man die Website bzw. das neue Theme online stellt. Oft findet man so dann doch noch den ein oder anderen Bug und kann sich dessen annehmen. Am erfreulichsten ist es natürlich, wenn nichts gefunden wird und totale Zufriedenheit herrscht. Gibt es das? NEIN! :D

Es bleibt zu hoffen, dass ich einen kleinen Eindruck vermitteln konnte, wie die ein oder andere Website bei mir entsteht. Und noch mal muss ich es sagen, dass dies sicher nicht der Weg der Wege ist, sondern einer von vielen und einer der auf das Beispiel-Projekt gepasst hat.

Wie das ganze dann letztendlich ausschaut könnt ihr auf Make Better Websites selber bestaunen.

Wenn es einen iPhone Killer geben kann dann muss ich sagen fällt mir nur einer ein. Nein, es ist kein Smartphone an sich sondern ein ganzes System. WebOS, bekannt durch Palm doch jetzt, nach der Übernahme, in den Händen von HP. Viele werden jetzt sicherlich innerlich aufschreien und das Wort Android brüllen. Ja, kann man verstehen aber Android hat es bis heute für mich nicht geschafft ernsthaft das iPhone in Gefahr zu bringen. So sehr ich Google und dessen Produkte mag, bei Android haben Sie einfach von Anfang an nicht Vollgas gegeben. Das UI von Android ist meiner Meinung nach nicht Zeitgemäß. Und so geht es bei den Apps weiter. Schade das Google hier nicht mehr gemacht hat bzw. macht. Schade! Irgendwie bin ich immer noch nicht beim Thema... Jetzt aber!

WebOS

Ich konnte bisher nie ein WebOS Gerät mein Eigen nennen. Noch nicht mal eins in der Hand hatte ich wenn ich ehrlich bin. Und dennoch macht es für mich den Eindruck, als könnte es gut sein und Apple die Stirn bieten. Warum ich das gut finde? Eigentlich müsste ich mich doch freuen wenn Apple mit dem iPhone weiter unantastbar bleibt. Ich denke wäre gut, wenn Apple mal einen Gegenspieler bekommt, der technisch aber auch optisch dem iPhone was entgegensetzen kann. Android kann das meiner Meinung nach nicht. Jeden Falls bisher nicht. Und der Erfolg eines Systems richtet sich wie ich finde nicht nach dem Marktanteil. iOS gibt es halt mal nur auf Apple Geräten und Android auf so ziemlich jedem Handy in jeder Preisklasse. Wäre Android auch an einen Hersteller gebunden wäre der Marktanteil sicherlich hinter dem von Apple. Aber wie gesagt, um Marktanteil geht es nicht, mir jeden Falls nicht!

Das Gefühl muss stimmen

Apple hat mit dem iPhone nicht nur den Smartphone Markt aufgemischt. Nein, es verkauft mit dem iPhone ein gutes Gefühl. Etwas zu haben was funktioniert. Etwas besitzen, wo man nicht das Verlangen nach etwas anderem bekommt. Apple hat das bei mir geschafft. Auch wenn es hier und da sicher Dinge gibt die anders sein könnten aber im großen und ganzen bin ich rundum zufrieden. Android, ja ich hatte mal eins, hat das leider nicht geschafft. WebOS hingegen gibt mir, obwohl ich es wie gesagt noch nie in Benutzung hatte, auch ein gutes Gefühl. Es macht auf mich den Eindruck eines guten Systems das technisch gute Sachen abliefert und optisch vollkommen meinen Geschmack trifft. HP hat die neuen Smartphones und das Tablet ja letzte Woche vorgestellt und irgendwie schoss der Gedanke durch meinen Kopf das ich mir so ein Gerät gern mal zulegen möchte um es zu testen. Das Tablet wird es wohl nicht sein, da ich dort wohl eher zum iPad 2 greifen würde wenn es mich überzeugt. Oder aber ich würde einfach das iPad behalten. Das Veer wird es wohl auch nicht werden das es dann vielleicht doch einen Tick zu klein ist. Aber das Pre3 klingt wirklich sehr interessant. Die Hardware Tastatur ist sicher nett auch wenn man sich erstmal wieder daran gewöhnen müsste. Drücke ich doch bei meiner Freundin auf dem Blackberry Curve oft erstmal auf den Bildschirm in der Hoffnung er reagiert darauf :)

Auf jeden Fall werde ich mir die Geräte, wenn sie dann endlich verfügbar sein werden, näher anschauen und dann entscheiden ob ich mir eins zulegen werde. Ausgeschlossen ist das sicher nicht. Wie die aktuelle Situation mit WebOS Apps aussieht kann ich nicht beurteilen oder einschätzen. Das ist aber etwas das mich jetzt auch noch nicht interessiert. Es wird sicher nicht die Masse an Apps geben wie bei iOS aber man wird sicher auch für alle Bedürfnisse etwas finden.

Ob das Pre3 bzw. ein Gerät mit WebOS jemals der berühmt-berüchtigte iPhone Killer sein wird? Man weiß es nicht. Aber wenn es jemand schaffen kann dann HP. Aber das ist natürlich nur meine Meinung :)

Twitter

Für mich bleibt Twitter eines der besten Netzwerke. Ich nutze es viel. Egal ob auf dem Mac via "Weet" "Twitter for Mac", auf dem iPhone via "Twitter for iPhone" oder am PC via Webinterface. Twitter ist super und überall und immer im Einsatz. Auch wenn viele immer noch denken das die Leute nur posten wann sie das nächste mal aufs Klo gehen. Twitter ist mehr als das! Persönlich nutze ich es um Links zu bekommen. Wenn man den richtigen Leute folgt bekommt man viel und vor allem schnell den ein oder anderen tollen Link oder Neuigkeit. Auch wenn man Fragen hat oder wo nicht weiter kommt ist Twitter teilweise sehr schnell. Das hängt aber wohl auch daran wie viele Follower man sein Eigen nennen darf.

Twitter Account David Hellmann

Facebook

Aktuell verliert Facebook bei mir immer mehr an Reiz. Weniger und weniger schaue ich dort vorbei. Warum es dann bei den intensiver genutzten Netzwerken steht? Gute Frage! Es muss wahrscheinlich einfach so sein :) Aber mal im Ernst. Aktuell schau ich nur noch vorbei um das ein oder andere Foto anzuklicken oder lese den ein oder anderen Status von Leuten aus meinem Netzwerk. Mir ist das alles etwas zu viel des guten. Übersichtlich finde ich es auch nicht wirklich. Facebook ist aber für manche Sachen aber irgendwie auch sehr lustig. Zum Beispiel als ich letztens Partyfotos von vor sieben Jahren hochgeladen habe und darauf Leute markierte die zu sehen waren. Es folgten dann einige Bilder von anderen Leuten zu diesem Thema was dann doch recht amüsant war. Für so etwas ist es wirklich gut. Wenn Facebook aber morgen weg wäre, würde ich es wohl aber nicht sonderlich vermissen. Oder Vielleicht doch? Man weiß es nicht. Es ist nur ein Gefühl das sagt nein, das vermisst du nicht.

Facebook Account David Hellmann

Dribbble

Dribbble ist geil geil geil!!! So! Ich glaub ich habe es irgendwo schon mal geschrieben und wenn ja, sei es mir verziehen. Aber Dribbble ist für mich seit langem mal wieder ein Dienst der ein echter Mehrwert ist. Das System ist super und es macht eine Menge Spaß sich durch die arbeiten von Designern dieser Welt zu klicken. Man lernt Leute kennen und findet Unmengen an Inspiration die ich so bisher nirgends anders fand. Auch das zeigen eigener Shots bereitet Freude, da man von dem Feedback was man bekommt einiges lernen und mitnehmen kann. Und das alles passiert in einem Stadium wo man noch was ändern kann. Denn im Normalfall zeigt man seine Sachen wenn man gerade aktuell daran arbeitet. Dribbble ist invite only was ich im Grunde auch gut finde. Wo ich noch keinen Account hatte war ich da wohl auch noch anderer Meinung aber OK :) Schimpft man sich Designer und ist interessiert was da draußen in der Welt so kreatives geschaffen wird ist Dribbble pflicht!

Dribbble hat seine Türen geöffnet für jeder Mann. Oder, sagen wir mal halb geöffnet. Es ist ab sofort möglich, sich einen Zuschauer Account zu holen. Dazu benötigt wird nur ein Twitter Account und dann kann man sich bei Dribbble anmelden. Das ganze ist sehr nett und gibt Leute die Möglichkeit an der Community teilzunehmen indem Sie anderen folgen und Shots liken können.

Dribbble Account David Hellmann

FFFFOUND

Durch das betreiben von Make Better Websites und Make Better Shirts ist eineBookmark-Sammlung unabdingbar um halbwegs die Übersicht zu behalten. Angefangen habe ich hier eigentlich mit Google Bookmarks aber ich wollte etwas mit mehr Möglichkeiten. Delicious ist ja im Grunde der Big Player der Bookmark Dienste. Warum ich dann letztendlich zu Delicious kam ist ganz einfach. Es ist weit verbreitet. Es gibt für jeden Browser gute Erweiterungen und das ist mir sehr wichtig gewesen. Deswegen wird es auch schwer von Delicious wieder los zu kommen. Außer die Gerüchte werden doch noch wahr das Yahoo den Laden dicht machen will. Und selbst bei einem Verkauf ist nicht sicher wie es danach weiter geht. Bis dahin werde ich wohl bei Delicious bleiben.

Delicious Account David Hellmann

Flickr

Wer Fotos macht und irgendwie in Kontakt mit dem Internet steht wird Flickr kennen. Egal ob vom hören, sehen oder vom selber nutzen. Flickr = Fotos. Seit ein paar Wochen habe ich es mir erlaubt meinen Account auf Pro umzustellen. Keine Limits und mehr Möglichkeiten waren der ausschlaggebende Grund dafür. Nach dem Kauf einer neuen Kamera habe ich mir auch vorgenommen wieder mehr Fotos zu machen. Viel gutes hört man von Flickr aber nicht. Den sozialen Aspekt so sagt man, hat Flickr bzw. Yahoo total verpennt. Jetzt muss ich mich als Nutzer aber fragen ob man das wirklich braucht. Muss an jedem Foto zum Beispiel ein Like-Button dran hängen? Ich glaube nicht. Wo ich aber die Kritik verstehen kann, ist bei dem Aspekt Mobile Fotografie. Die Flickr App für das iPhone ist wirklich schön gemacht aber im Grunde auch nur was um eigene Fotos oder die der anderen anzuschauen. Instagram, sowas hätte von Flickr in den AppStore gebracht werden müssen. Mit dieser Meinung geh ich 100% mit! Aber dennoch ist Flickr ein schöner Dienst mit Unmengen toller Fotos die man bestaunen kann.

Flickr Account David Hellmann

Interessant aber (noch)nicht wirklich aktiv in Nutzung

Wenn man viel Zeit im Internet verbringt - ja das tue ich - dann kommen immer wieder neue Netzwerke die man sich ansehen möchte oder wo man eingeladen wird. Der reiz es auszuprobieren ist auch meisten sehr hoch. Man könnte ja etwas verpassen :) Neugier ist schon etwas tolles. Aber sind wir ehrlich. Es gibt Netzwerke die sind einfach gut und diese möchte man nicht mehr missen. Also muss probiert und entschieden werden was gut für einen ist und was nicht.

Behance Network

Letztens wurde ich ins Behance Netzwerk eingeladen. Wenn ich ehrlich bin habe ich mir es noch gar nicht weiter angeschaut da bisher einfach die Zeit gefehlt hat. Vielleicht sollte ich es aber mal nachholen. Immerhin führe ich es hier ja mit auf. Vielleicht aber auch nur aus dem Grund, um die Meinungen von anderen zu bekommen. So richtig ist mir nicht klar für was ich es nutzen sollte. Wenn meine Vermutung richtig ist, ist es ein Portfolio wo ich meine Sachen zeigen und mich als Person vorstellen kann. Aber dafür habe ich meine eigene Website. Oder steckt doch mehr dahinter? Relativ bekannt und beliebt scheint es ja zu sein.

Behance Network Account David Hellmann

Forsst

Im Grunde ist Forrst so etwas wie Dribbble. Nur das Thema ist nicht so auf Design getrimmt sondern es können auch einfach Fragen gestellt werden, Codeschnipsel oder einfach nur Links gepostet werden. Forrst ist auch ein invite only Netzwerk. Leider ist das bei den meisten der Fall. Aber das leider trifft wohl auch nur zu wenn man noch nicht drin ist. Aber genau dieses Einladungsprinzip hält im normal Fall auch die Qualität hoch. Forrst nutze ich aber im Grunde gar nicht mehr. Dribbble ist einfach das bessere von beiden in meinen Augen. Das gute ist aber bei Forrst, wie oben schon erwähnt - die Vielfältigkeit. Es geht eben nicht nur um Design. Aber hin und wieder schaue ich schon vorbei um mitzubekommen was sich tut. Letztens gab es ein update / redesign der Website. Viele Sachen die auf Dribbble zu sehen sind findet man auch auf Forrst. Doch die Qualität bei Dribbble ist deutlich höher wie ich finde. Vielleicht aber auch nur Einbildung? :)

Forrst Account David Hellmann

Pinboard

Die alternative zu Delicious... Ja wie oben schon geschrieben wurde ja letztens eine Nachricht durchs Netz gejagt das Delicious schließt bzw. verkauft wird. So ging ich - wie viele viele andere auch - auf die Suche nach einer alternative. Pinboard wurde dann von mehreren Leuten immer wieder als eine von diesen genannt. Anschauen dachte ich mir. Der Eintritt in Pinboard ist nicht kostenlos, mit ein paar Doller (7 waren es glaube ich bei mir) aber immer noch im Bereich des bezahlbaren. Lustigerweise wird es, um so mehr User sich anmelden - immer teurer :)

Irgendwie hängt ein Mitgründer von Delicious auch bei Pinboard mit drin. OK, er wird wohl nur noch bei Pinboard sein :) Pinboard fühlt sich auch an wie ein Delicious ohne CSS Datei. Alles sehr textlastig aber dennoch gut! Eigentlich wäre ich auch sofort gewechselt wenn da nicht die Chrome Extension wäre. Mir fehlt eine, die genauso arbeitet wie die von Delicious. Ich sehe sofort wenn ich auf einer Seite bin, ob ich diese schon in den Bookmarks habe. Das ist sehr zeitsparend wenn man so etwas wie Make Better Websites / Shirts betreibt.
 

Sollte sich hier noch was tun, sehe ich mich eher auf Seiten Pinboards. Warum? Es macht auf mich einfach einen guten Eindruck. Schlicht und auf das wesentliche konzentriert.

Pinboard Account David Hellmann

Zootool

Noch ein Dienst der von der Delicious Nachricht profitiert hatte ist Zootool. Zootool war eine Bachelor Arbeit von Bastian Allgeier. Schön zu sehen wie ein so tolles Tool daraus geworden ist. Für meinen Sinn und Zweck ist es zwar zu groß aber dennoch ist es ein klasse Dienst den er da geschaffen hat. Man hier auch mehr als nur Links speichern. Es ist eine Bookmark / Linksammlung mit optischer Unterstützung. Es gibt hier auch eine Menge Bookmarklets die das ganze wirklich schön in allen Browsern nutzbar machen. Ich werde auf jeden Fall immer mal dort vorbeischauen wie es sich weiter entwickelt. Ausprobieren lohnt sich auf jeden Fall.

Zootool Account David Hellmann

Anders ist es hier bei meinen kleinen Babies. Man konnte sie auch einfach Projekte nennen. Irgendwie habe ich ja ein paar von diesen am laufen und Sie werden auch dieses Jahr wieder eine Menge an Aufmerksamkeit abverlangen. Fangen wir doch mal an...

Make Better Websites

Hier läuft alles sehr gut so wie es läuft. Es zeigt wieder das Kontinuität ein sehr großer Faktor für den Erfolg einer Website ist. Anfänglich läuft es meist schleppend doch irgendwann sieht man den Erfolg. OK, die Frage "Was ist Erfolg" kann man hier sicher stellen. Für mich ist es hier, dass viel Leute Make Better Websites besuchen und eine positive Meinung zu diesem Projekt haben.

Stats für 2010

• 282.851 Besucher
• 704.726 Hits
• 2,49 Hits/Besucher

Für 2011 möchte ich natürlich das der Trend nach oben weiter anhält und die Leute weiter fleißig die Seite besuchen um sich Inspiration zu holen oder einfach nur schöne Websites zu entdecken. Für mich ganz persönlich freue ich mich auf das weitere entdecken neuer und toller Websites. Ich denke das sind Ziele die auch erreicht werden können. Womöglich gibt es auch einen Relaunch der Seite aber da möchte ich mich noch nicht festlegen. Vielleicht wird auch nur etwas aufgefrischt. Mal schauen.Ja es gibt einen Relaunch: Make Better Websites

Make Better Apps

Ich muss zugeben, dass Make Better Apps die wohl zeitaufwändigste Seite ist, die ich an der Backe habe. Das soll gar nicht negativ klingen. Ist es doch genau diese Tatsache die das ganze auch interessant macht.

Stats für 2010

• 12.014 Besucher
• 28.481 Hits
• 2,37 Hits/Besucher

Das Ziel hier ist einfach. Mehr Apps testen und den Leuten einen guten Einblick in diese geben. Vielleicht gelingt es ja auch noch ein paar Autoren an Board zu holen diese dann auch Reviews verfassen würden. Sicher ist, das es keinen Relaunch dieses Jahr geben wird :)

Make Better Shirts

Der Neuling unter allen ist Make Better Shirts. Wenn ich eine Glaskugel mein Eigen nennen würde, könnte ich vielleicht sagen das viel Potential in der Seite steckt. Kleidung - im speziellen T-Shirts - ist ein Thema das viele Leute anspricht. Ich bin gespannt wie sich die Seite weiter entwickelt.

Stats für 2010

• 4.917 Besucher
• 16.064 Hits
• 3,27 Hits/Besucher

2011 soll Make Better Shirts einfach Fuß fassen und an Bekanntheit gewinnen. Das ganze funktioniert natürlich am besten wenn viele Leute die Seite in den weiten des Internets verlinken und verteilen. Relaunch wird es hier wohl auch nicht geben :) Ansonsten hoffe ich, dass ich noch das ein oder andere nette Shirt entdecke.

davidhellmann.com

Die eigene Seite. Sie wird langsam zu der, die ein wenig hinten anstehen muss da die anderen Sachen viel Zeit verschlingen. Macht ja aber nichts. Die Seite bleibt weiter mein Sprachrohr, Spielwiese und das Schaufenster für meine Arbeiten. So wie sich das gehört.

Stats für 2010

• 242.368 Besucher
• 536.676 Hits
• 2,21 Hits/Besucher

Na dann ein Erfolgreiches Jahr 2011.

Warum also nicht eine Seite machen, die sich mit T-Shirts beschäftigt.

Ein paar Sätze möchte ich auch mal zum Design los werden. Mir war schnell klar wie sich das ganze letztendlich anfühlen soll und auch wird. Die Idee war, eine Website zu entwickeln, die man auf allen Geräten nutzen kann, ohne auf irgendetwas verzichten zu müssen. Sowohl der Benutzer am iPhone als auch der am 27" Monitorsoll gleichermaßen Freude beim Besuch der Website haben. Ob das so ist kann jeder selber testen. Ich bin der Meinung, das es ganz gut geklappt hat.

Gelb ist doch einfach mal nur geil!

Gelb! Genau, das war auch etwas das sofort fest stand. Das verlangen danach eine Website zu machen wo Gelb zur primären Farbe gehört musste endlich gestillt werden. Oft angefangen aber nie zu Ende gebracht. Das hat nun ein Ende! Gelb ist doch einfach mal nur geil! Dazu noch etwas weiß und grau/schwarz und man bekommt ganz sicher ein tolles Ergebnis mit dem alle zufrieden sind.

Das Design ist im großen und ganzen sehr einfach gehalten. Das ganze wurde in einGrid gepresst und ist somit recht skalierbar. Genau diese Skalierbarkeit macht den Reiz der Website aus. Highlight ist für mich eine Art Device-Detection. Unterm Logo befindet sich ein Icon welches das Gerät anzeigt mit dem man surft bzw. besser gesagt zeigt es das Gerät an, zu welchem die aktuell genutzte Auflösung passt. Das wird schlicht und einfach mit CSS Media Queries umgesetzt. Damit kann man wunderbar Auflösungen und viele andere Dinge abfragen und in Abhängigkeit darauf reagieren.

Mit diesen CSS Media Queries wurden auch die verschiedenen Ansichten der Website umgesetzt. Ein sehr mächtiges Feature womit man viele nette Sachen machen kann.

Device Detection Code Beispiel

#sidebar h1 .widescreen,
#sidebar h1 .screen,
#sidebar h1 .laptop,
#sidebar h1 .ipad,
#sidebar h1 .iphone {
	width: 46px;
	height: 40px;
	text-indent: -99999px;
	background:url(images/screenIcons.png) 0 -160px no-repeat;
	position: absolute;
	left:50%;
	bottom:20px;
	margin: 0 0 0 -23px;
}
 
#sidebar h1 .screen {
	display: none;
	background:url(images/screenIcons.png) 0 -120px no-repeat;
}
 
#sidebar h1 .laptop {
	display: none;
	background:url(images/screenIcons.png) 0 -80px no-repeat;
}
 
#sidebar h1 .ipad {
	display: none;
	background:url(images/screenIcons.png) 0 -40px no-repeat;
}
 
#sidebar h1 .iphone {
	display: none;
	background:url(images/screenIcons.png) 0 0 no-repeat;
}
/* < 1880 */
@media screen and (max-width:1879px) {
	#sidebar h1 .screen,
	#sidebar h1 .laptop,
	#sidebar h1 .ipad,
	#sidebar h1 .iphone {
		display: none;
	}
 
	#sidebar h1 .widescreen {
		display: block;
	}
}
 
/* < 1600 */
@media screen and (max-width:1599px) {
	#sidebar h1 .widescreen,
	#sidebar h1 .laptop,
	#sidebar h1 .ipad,
	#sidebar h1 .iphone {
		display: none;
	}
 
	#sidebar h1 .screen {
		display: block;
	}
}
 
/* < 1320 */
@media screen and (max-width:1319px) {
	#sidebar h1 .widescreen,
	#sidebar h1 .screen,
	#sidebar h1 .ipad,
	#sidebar h1 .iphone {
		display: none;
	}
 
	#sidebar h1 .laptop {
		display: block;
	}
}
 
/* < 1039 */
@media screen and (max-width:1039px) and (min-device-width: 1025px) {
	#sidebar h1 .widescreen,
	#sidebar h1 .screen,
	#sidebar h1 .laptop,
	#sidebar h1 .iphone {
		display: none;
	}
 
	#sidebar h1 .ipad {
		display: block;
	}
}
 
/* < 759 */
@media screen and (max-width:759px) and (min-device-width: 1025px) {
	#sidebar h1 .widescreen,
	#sidebar h1 .screen,
	#sidebar h1 .laptop,
	#sidebar h1 .ipad {
		display: none;
	}
 
	#sidebar h1 .iphone {
		display: block;
	}
}
 
 
/* < 1039 */
@media only screen and (max-device-width: 1024px) and (orientation:landscape) {
	#sidebar h1 .widescreen,
	#sidebar h1 .screen,
	#sidebar h1 .laptop,
	#sidebar h1 .iphone {
		display: none;
	}
 
	#sidebar h1 .ipad {
		display: block;
	}
}
 
/* < 1039 */
@media only screen and (max-device-width: 768px) and (orientation:portrait) {
	#sidebar h1 .widescreen,
	#sidebar h1 .screen,
	#sidebar h1 .laptop,
	#sidebar h1 .iphone {
		display: none;
	}
 
	#sidebar h1 .ipad {
		display: block;
	}
}
 
/* < 759 */
@media only screen and (max-device-width: 480px) and (orientation:landscape), only screen and (max-device-width: 320px) and (orientation:portrait) {
	#sidebar h1 .widescreen,
	#sidebar h1 .screen,
	#sidebar h1 .laptop,
	#sidebar h1 .ipad {
		display: none;
	}
 
	#sidebar h1 .iphone {
		display: block;
	}
}

Man kann sofort sehen das es etwas mehr Denkarbeit ist als normales CSS schreiben und natürlich ist es auch mehr Aufwand beim tippen. Im Grunde wird hier nur dieBildschirmauflösung bzw. die maximale Geräteauflösung abgefragt. Bei deniPad und iPhone dann noch ob es sich im horizontalen oder vertikalen Zustand befindet. Dem entsprechend werden dann die Icons aus bzw. eingeblendet. Diese kleine Beispiel soll nur mal einen kleinen Einblick geben was man mit den CSS Media Queries anfangen kann. Es gibt weitaus mehr Möglichkeiten.

Genug von der Technik hin zu dem menschlichen Aspekt von Make Better Shirts. Endlich kann ich mal mit Jan zusammen ein Projekt betreuen wo wir beide gleichermaßen Freude daran haben. Ist das nicht schön?!! So, Schluss jetzt. Viel Spaß beim besuchen der Website(s).

• www.makebettershirts.com
• www.makebetterflyers.com
• www.makebetterwebsites.com
• www.makebetterapps.com

Achja, meinen Google Analytics Code hat er auch gleich mit eingebunden. DEPP!!!

Keine Zeit

Ja, Umzug heißt stress. Wer was anderes sagt ist noch nicht umgezogen, so! Unsere Vormieter waren so lustig und hatten zwei Zimmer in Gelb (inklusive DECKE!!) und eins in Terrakotta (inklusive DEEEEEEECKE!!!) gestrichen welche wir massig weißer Farbe und zwei Schichten wieder in strahlend weiß verwandelten. Wir gingen sogar soweit, dass wir die ein oder andere Wand auch noch mit bunter Farbe eindeckten. Super! Damit nicht genug, lag in den Zimmern dann auch noch Teppich. Und wir - Generation nicht Teppich - konnten das so nicht hinnehmen und kauften gepresstes Holz (Laminat) und grüne (Hurra wir lieben die Natur) Dämmplatten. Diese mussten nach dem kaufen natürlich auch noch in die entsprechenden Zimmer verlegt werden. Hätte uns aber auch mal jemand sagen können... Naja, alles in allem sind wir noch lang nicht fertig aber das Gefühl, dass es zum Schluss wunderschön wird ist einfach toll! :D Wenn das ganze fertig ist (dieses Jahr wohl nicht mehr) wird hier sicher mal das ein oder andere Foto dazu auftauchen.

Make Better Shirts

Alle haben jetzt sicher viel buntes oben gelesen und wollten nur das hier wissen...

Ich kann so viel sagen: Die Party ist in vollem Gange! :) Mal schauen wann das Baby online geht. Diese oder nächste Woche sind angepeilt. Ob es auch so kommt? Schauen wir mal! :)

Das Reizvolle ist, dass man eben nur einen Ausschnitt von etwas sieht. Das ganze aber verborgen bleibt. Was soll daran reizvoll sein? Ganz einfach, man weckt dieNeugier beim Betrachter. Auf Dribbble habe ich schon sehr viele tolle iPhone und iPad Apps gefunden die ich wohl sonst erst dann gesehen hätte wenn Sie im App Store gelandet wären. Aber nicht nur das man die Sachen sehen kann. Im Grunde hat man sogar die Möglichkeit Einfluss auf die Arbeit der verschiedenen Künstler zu nehmen. Wie das? Viele von Ihnen stellen aktiv Fragen was verbessert werden könnte oder zeigen verschiedene Version und fordern die Benutzer auf ihre Meinung dazu kund zu tun.

Auf dem Screenshot oben sieht man wie aktiv nach der Meinung der Benutzer gefragt wird. Das lässt zum einen eine Diskussion starten über das gezeigte zum anderen gibt es für den Designer nützliche Sachen zu erfahren. Letztendlich sind es vielleicht die Benutzer die dann eine App kaufen oder nicht kaufen. Es gibt also ganz neue Wege der Kommunikation. Ein großer Vorteil auch hier ist, dass viele namhafte Designer dort vertreten sind und deren Meinung sicherlich nicht ganz uninteressant ist.

Rebounds auf Dribbble

Ja Dribbble ist Basketball durch und durch. Rebounds sind im Grunde Versionisierungen oder Verweise auf andere Shots (Bilder die bei Dribbble eingestellt werden heißen Shots). Arbeitet man zum Beispiel an einem Logo und hat einen neuen Entwurf dann lädt man ihn am besten als Rebound zum alten Entwurf hoch. So stehen die beiden Entwürfe im Zusammenhang und die Benutzer sehen Fortschritte oder aber auch Rückschritte :)

Rebounds sind aber nicht nur auf eigene Arbeiten möglich. Man kann alles rebounden. Oft werden kleine Challenges veranstaltet wo man dann via Rebound teilnimmt. Auch hier ist dann schön die Vernetzung zum original Shot vorhanden.

Jeder neue Nutzer hat 24 Shots wenn er startet. Jeden ersten des Monats wird dann wieder aufgefüllt. Hat man im April von seinen 24 Shots nur 10 genutzt bleiben ja noch 14 über. Das heißt es würden im Mai wieder 10 neue dazukommen. Im Grunde ganz einfach oder? :)

Dribbble is invite only

Und das ist meiner Meinung nach auch gut so. OK, sagt sich jetzt so einfach da ich ja schon einen Account besitze. Aber auch wo ich keinen hatte war ich genau dieser Meinung. Warum? Ganz einfach. Würde Dribbble offen sein für jedermann wäre die Qualität der Shots wohl schnell im Keller.

In den FAQ steht dieser Satz zum Thema invite only:

Why is Dribbble invitation only?
There is no sign up for Dribbble at this time. Membership is entirely driven by our users - all members of Dribbble have been drafted (invited) by other members. Dribbble has a narrow focus on high-quality design work. It’s a place where passionate designers share their latest and greatest. To foster that culture, we ask existing members to take responsibility for drafting new ones, but throttle both total membership and the number of shots a member can share. This strategy is imperfect—we KNOW there are many fantastic designers who have not received an invitation. But it allows us to grow the content and community at a pace where we can preserve the Dribbble ethos.

Im Grunde war es mehr ein Zufall. Es war Donnerstag 23:47 Uhr als ich durch die Tiefen meiner Ordner stöberte. Ja ihr habt ja recht. Ich hab keine Ahnung wann es genau war. Jedenfalls kam ich auch an einem angefangenen Design vorbei was ich mal für wen machte. Irgendwie kam es dann dazu, dass ich es öffnete und schon nahm das Unheil seinen Lauf. Was jetzt kommt kann man sich denken. Wenn nicht dann nicht. Kurz gesagt, es kam eine Menge Arbeit auf mich zu :D

Der größte Unterschied

Der größte Unterschied zur alten Seite ist das Portfolio. Hier wurde ein Schnitt gemacht und der Großteil der Sachen ist raus geflogen. Es kommt ja nicht auf die Menge an sondern au dieQualität. In nächster Zeit werden auch noch ein zwei Sachen hinzukommen. Geändert hat sich auch die Größe der gezeigten Arbeiten. Satte 800 Pixel in der breite gibt es nun zu sehen. Es gibt nichts schlimmeres als kleine Screenshots im Portolio. Also nicht wundern, es fehlt nicht wirklich was.

Optimiert für über 1000 Pixel

Meist optimiert man ja immer noch für 1024x768 doch laut meiner GA Stats hat der Großteil meiner Besucher mehr als die 1024 zur Verfügung. Die neue Seite ist nun mit einer Breite von 1080 Pixel angelegt. Mehr Platz für alles!

Mobile Version nicht vorhanden

Anders als bei Make Better Websites hab ich für meine eigene Seite noch kein Theme für iPhone und iPad gemacht. Fürs iPad wird das wohl auch nicht passieren aber fürs iPhone werde ich drüber nachdenken. Hängt sicherlich auch von der Zeit ab die ich habe. Aber mal schauen, es steht auf der Todo Liste.

Kritik und Feedback

Wenn jemand irgendwelche Fehler findet (404 :) darf er sich gern melden. Kann ja sein das ich irgendwas vergessen oder übersehen habe :) Aber auch Lob und Tadel sind erwünscht. Ansonsten viel Spaß beim lesen und schauen.

Das Ziel der Seite soll es sein zum einen den Leuten da draußen ein gutes Gefühl für eine App zu geben und zum anderen vielleicht auch die Entwickler auf Sachen hinzuweisen die man verbessern könnte. Ob Entwickler jetzt tatsächlich solche Seiten anschauen bleibt dahingestellt. Die Möglichkeit wäre aber gegeben :) Es sind jetzt am Anfang noch nicht all zu viele Apps auf der Seite. Aber es hätte auch keinen Sinn gemacht jetzt hier mit 50 Apps zu starten. Es wird nach und nach Inhalt folgen doch wir haben uns hier keine Ziele gesteckt in welchem Rhythmus das passieren wird. Reviews bedeutet ja auch einen gewissen Aufwand und dafür sollte man sich auch etwas Zeit nehmen. Aber egal, genug der vielen Worte :)

Ach da hätte ich doch fast noch etwas vergessen. Es gibt hier und da auch mal ein paar Gewinnspiele. Wer suchet der findet :) Ein kleiner Tipp: RSS, Money...

So, jetzt aber wirklich schluß hier, schaut es auch an: www.makebetterapps.com

Hat sich die Anschaffung gelohnt?

Die Anschaffung hatte bei mir auch eine Abschaffung zur folge. Mein 13" MacBook Pro musste gehen. Schade eigentlich aber die Betriebsstunden lagen so gegen Null. Schulzeit ist vorbei. Da hatte es noch mehr Einsatzzeiten. Aber darum soll es hier ja nicht gehen. Nicht direkt jedenfalls. OK, MacBook raus und das iPad rein. Gut? Schlecht? Gut! Das iPad hat mehr Nutzen für mich. Das MacBook war für das, wofür das iPad nun herhalten muss einfach schon wieder zu groß und unpraktisch. Abends im Bett liegen und den Feedreader abarbeiten oder einfach noch paarTweets in die Welt schießen. Einfach praktisch ein solch kleines Gerät dafür. Warum nicht das iPhone werden jetzt einige denken. Klar, würde auch alles auf dem iPhone gehen aber wesentlich komfortabler geht es doch am iPad.

Wofür wird das iPad genutzt

Hauptsächlich für das was ich oben schon geschrieben habe. Ich nutze es viel zum surfen und zum lesen im Netz. Wenn man keine Lust hat am Rechner zu sitzen nimmt man sich das kleine schicke Tablet und nimmt es mit dahin wo man gerne hin möchte. Es ist und bleibt für mich ein Gerät für den Konsum und das kann es einfach perfekt. Das kann ich nach drei Wochen auf jeden Fall bestätigen. Aber auch spielen tu ich mit dem iPad öfters als mit dem iPhone was ich dafür schon recht klein finde. Kommt natürlich auch immer auf das Spiel an aber in groß ist vieles schöner :)

Apps werden auch viele getestet auf dem iPad aber hier muss ich sagen, bin ich noch etwas enttäuscht. Hier fehlt noch sehr viel an Apps und ich hoffe das die ganzen Entwickler hier bald richtig nach legen werden. iPhone Apps auf dem iPad machen schon mal keinen wirklich Spaß und sind bei mir auch nur sehr selten im Einsatz. Nur Apps die es auf dem iPad noch nicht gibt aber diese ich dennoch nutzen möchte werden installiert. Das skalieren ist einfach unschön und die normale Ansicht ist dann wirklich etwas unpraktisch.

Wofür wird das iPad nicht genutzt

Das iPad ist für mich auf keinen Fall ein Computerersatz. Soll es auch nicht sein. Wird es auch nicht werden. Weiterhin habe ich keine Musik auf dem iPad. Ich bin noch alte Schule und hab meinen iPod Nano in der Hosentasche. Beim iPhone ist das übrigens ähnlich. Deswegen reichen bei mir wohl die 16GB auch locker. Videos hab ich bisher noch nicht geschaut aber das wird wohl bald passieren da bald längere Bahnfahrten im ICE anstehen. Da kann man das doch mal ausprobieren.

Das iPad ist für mich:

• ein "nice to have"
• eine einfache und schöne Möglichkeit im Internet unterwegs zu sein
• etwas was ich einfach ausprobieren musste/muss
• etwas ich jedem empfehlen kann der viel surft und spielt

Ein schönes Icon ist jetzt natürlich nicht gleich ein Garant für eine gute App aber es zeigt oft schon, welche Qualität eine App hat. Bei vielen Icons hab ich sogar das Gefühl die Entwickler wollen einen etwas verarschen. Wenn ich eine App in den Store bringe mit der ich die ein oder andere Mark verdienen möchte sollte ich mir doch etwas mehr Mühe geben. Beim nächsten mal ist ein Designer im Team vielleicht auch nicht der verkehrte weg. Der kann dann auch gleich am Interface der App noch etwas mithelfen dann wird es vielleicht auch ein besseres Komplettpaket.

Anleitung zum iOS 4 installieren

1. Sicher sein das man ein freies iPhone hat oder T-Mobile Kunde ist :) Es gibt noch keinen Jailbreak oder Unlock!! Aufpassen
2. Einkäufe vom iPhone übertragen via iTunes
3. Backup vom iPhone machen via iTunes
4. iPhone erstmal wieder abstöpseln
5. iTunes 9.2 Beta laden und installieren
6. die passende IPSW Datei laden für euer Gerät und irgendwo speichern wo ihr sie wieder findet :)
7. Jetzt iPhone anschließen und mit gedrückter ALT-Taste auf wiederherstellen klicken (bzw. Restore)
8. Hier die vorher runtergeladenen IPSW Datei auswählen und los gehts
9. Der Rest ist dann der Standardablauf - Backup wieder einspielen und alles sollte wieder wie vorher sein. Nur das Ihr dann iOS 4 drauf habt

Lohnt sich das update?

Wie ich finde absolut! Aber fangen wir doch mal von vorne an warum das so ist. Zum einen gibt es ENDLICH Ordner welche mit Apps gefüllt werden können um somit dem HomeScreen Chaos entgegen zu wirken. Ich bin mir gerade nicht sicher aber es sollten 18 12 (danke Thomas) Apps pro Ordner möglich sein. Bei mir hat es bisher keiner über neun geschafft :) Auf jeden Fall bin ich von sechs HomeScreens auf bisschen mehr als zwei zurückgekommen. Ich finde das macht das ganze noch etwas effektiver in der Nutzung. So hat man zum Beispiel die ganzen Foto Apps zusammen in einem Ordner und kann dort schnell ran ohne immer durch die HomeScreens suchen zu müssen. Sogar ins Dock kann man die Ordner legen und somit könnte man72 48 Apps im Dock ablegen. Bei mir hat es dorthin aber keiner geschafft - kommt vielleicht noch.

Exchange Accounts und neues in der Mail App

Der zweite und wie ich finde ein sehr wichtiger Punkt ist endlich die Unterstützung von mehreren Exchange Accounts. Das hat lange gefehlt - wirklich lange. Hat man zum Beispiel privat einen Google Mail Account und würde den gern über Exchange nutzen und hat nebenher noch einen Firmen Account musste bisher einer der beiden mittels IMAP abgeholt werden. Wenn man sich aber einmal an PUSH Mail etc. gewöhnt hat möchte man das auch nicht mehr missen. Zum Glück ist das jetzt Vergangenheit. Wo wir auch schon bei einem weiteren netten Feature sind: Ein Posteingang für alle Accounts! Auch sehr schön! Somit muss man sich auch nicht mehr umständlich durch die verschiedenen Accounts klicken und hat alles auf einen Blick. Natürlich lassen sich die Accounts aber auch noch separat bestaunen. Auch eine Gruppierung für zusammengehörige Mails gibt es. Wer Google Mail nutzt wird diese kennen. Das ist auch etwas wo man nicht mehr drauf verzichten möchte. Das erspart oft zugehörige Mails zu finden.

Multitasking

Ja 3 Jahre hat es gedauert bis es dann soweit war. Aber ich finde die Umsetzung sehr gelungen. Apple like einfach. Leider sind so gut wie keine Apps außer die Hauseigenen von Apple richtig Multitasking fähig. Das wird sich aber in den nächsten Tagen und Wochen wohl ändern. Wie das ganze richtig funktioniert möchte ich hier nicht schreiben da das sicher nicht 100% richtig wäre :) Sollte man aber auch genug Infos dazu im Netz bekommen. Ich bin Anwender da geht es nicht um das wie sondern eher um das ob :) Das ganze wird aktiviert per Doppelklick auf den Home Button. Dann schiebt sich unten die Appliste auf und wenn man ganz nach Links "wischt" findet man die iPod Controls und das nächste gute was das neue OS mit sich bringt. Man kann endlich das Bildschirmdrehen sperren!!! Weltklasse!! Endlich im Bett liegen und nichts dreht sich mehr :D

Hintergrundbilder

Wer einen Jailbreak hatte oder hat dem war es schon möglich, dass ändern des HomeScreen Wallpapers. Jetzt hat Apple auch hier mal etwas Einsicht gezeigt und endlich dieses Feature hinzugefügt. Fragt man sich nur warum das so lang auf sich hat warten lassen. Viele User freuen sich halt wenn Sie ihr eigenes Foto zu sehen bekommen. Jetzt ist es ja da und jeder kann sein iPhone damit etwas mehr personalisieren.

Schlusswort

Sehr gutes update des Betriebssystems. Ich freue mich wenn alle oder zumindest viele Apps das Multitasking unterstützen. Jetzt muss man nur noch warten bis das update für das iPad kommt :)

Software wohl interessanter als Hardware

Wie die Überschrift schon sagt ist es wohl die Software - das iPhone OS 4.0 - welches sehr interessant sein dürfte. Was mich am meiten freut ist, dass man endlich Ordner anlegen kann und somit die Apps, die standardmäßig installiert sind, in einen Ordner ans Ende der Screens zu verbannen. Vielleicht wird es ja auch endlich mal möglich sein diese zu löschen? Nein, ich glaube nicht :) Auch das neue Multitasking klingt interessant und es wird sich zeigen wie gut es funktioniert. Die Videos sehen immer sher interessant aus die man sieht. Schade das ich keinen Developer Account habe und schon selber testen kann.

Jetzt muss ich mir überlegen ob ich beim 3GS bleibe oder ob ich umsteige auf das 4te iPhone. Bis jetzt ist die Stimmung so, das ich eher beim 3GS bleibe. Vielleicht hat Steve ja aber noch ne dicke Überraschung in der Hinterhand? Monatg weiß man mehr.

Erster Eindruck

Apple typisch ist die Verpackung des iPads. Hier ist nichts was überflüssig erscheint. Was mich wundert ist, dass nicht einmal Kopfhörer dazu sind. Nicht das ich sie brauche aber das hätte ich doch erwartet. Nun gut, sollte nicht sein. iPad ausgepackt und angeschlossen und via iTunes aktiviert > WOW > was ein geiles Display!!!! Einfach nur richtig richtig gut! Nachdem ich dann ein paar iPad Apps und iPhone Apps getestet habe kam gleich etwas zu Tage. iPhone Apps auf dem iPhone sind scheiße :) Schade das FaceBook, Flickr und noch ein paar andere noch keine iPad Apps rausgebracht haben. Eigentlich schon traurig sollte es für Unternehmen dieser größe doch kein Problem darstellen. Aber was nicht ist kann ja noch werden?!

Zweiter Eindruck

WOW, was ein geiles Display! Hatte ich schon erwähnt? Sorry, das kann man nicht oft genug sagen. Die Verarbeitung ist auch 1A! Sonst gibt es noch zu berichten das das iPad wirklich flüssig und schnell arbeitet. Freue mich hier schon auf die neue OS Version (4) und die neuen Möglichkeiten. Jetzt geht es erstmal noch ein wenig rumspielen mit dem guten Stück. Später dann mehr :)

Sind drei Programme nicht zwei zu viel?

Diese Frage ist sicherlich berechtigt doch denke ich, dass diese Progamme in Kombination einen sehr guten Job machen. Warum ich zu diesen drei Programmen gewechselt bin und mein Remember the Milk nun - trotz Pro Accounts - nicht mehr genutzt wird lässt sich damit erklären, dass man zwar viel einstellen konnte und viele Möglichkeiten hatte aber letztendlich der Aufwand meist größer war als die eigentliche Aufgabe. Das mag etwas übertrieben formuliert sein doch hin und wieder hatte ich den Eindruck das es so ist.

TaskPaper (Mac Version, iPhone App und Websync)

Lange nutze ich es noch nicht aber dafür sehr oft. Jesse Grosjean - Entwickler vonTaskPaper sowie WriteRoom mag es schlicht und effizient. Da kann man sich eigentlich nur anschließen und somit muss man die Software lieben. WriteRoom aber mal außen vor, das habe ich noch nicht genutzt obwohl Lizenz vorhanden durchMacHeist. TaskPaper nutzt nichts weiter als reine Text (.txt) Dateien. Das macht es eigentlich sehr flexibel da man die Sachen mit jedem Editor bearbeiten kann. TaskPaper macht dann daraus Listen. Es gibt im Grunde drei verschiedene Arten von Einträgen. Projekte werden mit "Doppelpunkt" (:) abgeschlossen: "Projektname:". Durch den Doppelpunkt weiß das Programm das es sich um ein Projekt handelt. Sachen mit "Bindestrich" (-) vorm Text werden als Tasks gesehen. Dann gibt es noch eine dritte Form und das sind Notizen. Das ganze lässt sich natürlich auch verschachteln. Die Sachen können auch getaggt werden. Alles mit einem "@" vorm Wort wird als Tag gesehen. Der Sync zwischen Mac und iPhone wird vonSimpleText gemacht. Somit hat man seine Listen auch immer mit in der Hosentasche. Ich nutze TaskPaper auch als Einkaufszettel und für alles andere was an Aufgaben anfällt. Ich glaube man muss es einfach mal ausprobieren um zu merken ob es einem liegt. Persönlich bin ich damit sehr zufrieden. Vielleicht werde ich in nächster Zeit auch ein kleines Review zu TaskPaper schreiben, mit Bildern und so :)

Google Calendar und TouchTodo

Über den Google Calendar brauche ich wohl nicht viele Worte verlieren. Dieser sollte dem großteil bekannt sein. Hier werden alle Sachen eingetragen die nicht wirklich Aufgaben sind. Geburtstage, Urlaube, Kinobesuch oder Veranstaltungen etc. Ein Eintrag steht doch drin der eine Aufgabe ist: "Zwei Webseiten online stellen" :). Bei TouchTodo bin ich noch nicht richtig sicher ob ich es wirklich intensiv nutzen werde. Da bin ich eher noch am rumspielen und probieren. Das beste wäre immernoch eine simple und gute Google Tasks App aber irgendwie hab ich noch keine gefunden :) Vielleicht hat ja jemand einen Tipp?

...bin unheimlich Technik begeistert...

Diese Aussage ist Programm :) Das alleine ist schon ein guter Kaufgrund. Klar ist bei Apple immer etwas der bittere Beigeschmack, dass man doch ein wenig denBetatester spielt, doch ist diese Tatsache ja auch irgendwie ein wenig interessant. Technik begeistert? Ja wie gut ist denn die Technik? 1GHZ CPU klingt erstmal nicht viel wie ich finde. Aber vielleicht ist sie ja wirklich so gut wie von Apple gesagt? Wovon man sicher ausgehen kann ist, dass Gehäuse und Display super sein werden. Das andere, die inneren Werte muss man live testen oder auf aussagekräftige Reviews warten.

Aber mal ernsthaft. Das iPad scheint das Ideale Gerät zu sein um Internet sowie Multimedia Inhalte zu konsumieren. Wie oft sitz ich im Zug und fahre ein paar Stunden und weiß oft nicht so richtig was ich machen soll, um meine Zeit zu vertreiben. Mein MacBook Pro ist da schon wieder oversized und unhandlich wenn man nicht gerade einen Sitzplatz mit großem Tisch erwischt hat. Das iPhone ist zwar nett aber auf dauer auch etwas klein. Gerade wenn man seinen RSS Reader von oben nach unten und von unten nach oben liest. OK, ich werde mir kein iPad zulegen nur weil ich hin und wieder mit dem Zug fahre. Aber es gibt viele Situationen wo es ähnlich ist. Sei es auch nur abends auf der Couch oder im Bett. Laptop ist hier eher unhandlich. Irgendwie ist es sehr Reizvoll das ganze.

Etwas was auch zum Kauf beitragen könnte ist das Verhalten der Verlage. Wird es wirklich viel an Magazinen und Büchern auch als eBook geben? Bisher wird zwar viel drüber gesprochen hier aber richtig fest ist noch nichts wie scheint. Also wenn ich mir überlege was bei einem Umzug immer am schwersten ist dann sind es die Sachen aus Papier :) Beim letzten habe ich mich schon 70 Zeitschriften getrennt da man sie so eh nicht mehr liest und bei jedem Umzug man die Teile aus der Ecke holt und sie in der neuen Wohnung wieder dort hinstellt. Schade ist es aber schon irgendwie. Wenn ich meine Magazine nun auf dem iPad lesen könnte wäre das schon sehr schön. Man muss nicht überlegen welche man vielleicht einpackt. Einen großteil hat man einfach dabei. Und wie schön wäre es denn in Fachbüchern eine Suchfunktion (Volltextsuche) zu nutzen die das ganze Buch durchsucht? Nicht mehr ewig suchen auf welcher Seite was steht sondern einfach eintippen. Klar geht das haptische dabei verloren. Aber ich persönlich würde damit klar kommen :)

Was spricht dagegen

Natürlich die Geschichte mit dem öffentlichen Betatester da sein bei Apple. Man denke noch an die erste iPhone Generation. Da musste man auch lang auf Sachen warten die eigentlich selbstverständlich sein sollten (Copy & Paste z.B.). Zum anderen auch der Preis. Interessant ist eigentlich nur die 3G Variante mit 32GB oder noch besser 64GB und da sind wir wohl schon bei 700-800 Euro, Preise stehen zwar noch nicht fest für den Deutschen Markt doch meistens sind die Dollerpreise ja auch ca. 1:1 die Europreise. Das ist schon eine stange Geld. Eine Frage hier wäre, ob es dann vielleicht nicht sinnvoll wäre das MacBook Pro abzugeben? Aber irgendwie braucht man es ja doch um unterwegs produktiv zu arbeiten. Dann bleibt noch abzuwarten was die Provider hier wieder tolles anstellen. Aktuell bin ich bei o2 und da werde ich wohl auch bleiben. Wenn hier aber keine Dualsim möglich ist um bestehende Tarife auch mit dem iPad zu nutzen dann wäre das auch etwas unschön. Und weiterhin wäre es auch endlich mal ratsam das die Provider ihre sogenannten Flatrates etwas aufstocken auf 10-15 GB bis zur Drosslung. 5GB könnten recht schnell alle sein wenn man wirklich hier und da Youtube und die anderen üblichen Verdächtigen anschmeißt.

Bleibt also sehr spannend wie und wo das iPad und vorallem zu welchem Preis es hier in Deutschland rauskommen wird. Bisher ist es so 60/40 für einen kauf :) Vorallem nachdem ich mir die Seite zu den Features des iPads angeschaut habe. Schaut schon sehr schick aus. Ich bin gespannt auf wie mein Urteil ausfällt wenn ich das Teil zum ersten mal in den Händen halten werde.

Vielleicht mag das für viele nicht interessant sein aber ich finde es macht schon einiges her wenn eine App etwas kann und dazu auch noch gut ausschaut. Warum sonst kaufen sich Leute denn schöne Autos? Fahren tun auch die nicht so schönen. Man mag von Apples Willkür im AppStore halten was man will aber irgendwie bleibt eine gewisse Qualität damit erhalten. Auch geben sich AppStore Entwickler mehr mühe mit ihren Apps. Schaut man sich Apps wie MoneyBook, Reeder oder Tweetie 2sieht man schnell, dass hier Style und Funktion Hand in Hand gehen. Sehr schöne Apps die wirklich Spaß bringen sie zu nutzen. Bei Android ist es eher nicht so der Fall. Es ist halt alles mehr ein "gefrickel" und die Leute legen nicht den Wert auf das Design sondern rein auf Funktion.

Der iPhone Killer, den es vielleicht nie geben wird, kann nur einer sein wenn er in allen belangen dem iPhone und dessen Software überlegen ist. Das wird aber, so denke ich, nicht so schnell der Fall sein. Wären die angebote der Apps identisch würde ich sicher eher zu Android greifen. Und ja, ich hatte schon ein Android Smartphone. Das Google G1 und es war auch super doch warum ich gewechselt bin war vordergründlich der AppStore.

So, dass musste einfach mal gesagt werden :)

Warum ein neues Design?

Wie es oft so ist sieht man sich schnell satt an gewissen Dingen. Eine Webseite die man tagtäglich sieht verliert sicher eher ihren Glanz als eine die man einmal die Woche besucht. Es musste einfach mal ein Tapetenwechsel her, so einfach ist das! Ziel der neuen Seite war es, alles etwas aufgeräumter zu haben. Die Zeilenlänge der Texte wurde gekürzt für bessere Lesbarkeit. Es sollte nun auch alles etwas weniger überladen sein. Die Startseite wurde noch persönlicher und somit der Fokus mehr auf die Person und dessen Arbeiten als auf den Blog gelegt. Beim Footer war ich erst weniger großzügig gewesen musste dann aber selber feststellen das es schon fast ein muss für mich ist wieder einen großen Footer zu haben. Diesmal ohne Sofa dafür aber mit Fahrrad! So, genug der vielen Worte. Viel spaß mit der neuen Seite!

Was bringt das neue Jahr?

Gute Frage! Lassen wir uns mal überraschen. Ich habe keine direkten Pläne was diese Seite hier angeht. Außer das es bald einen relaunch geben wird aber wann ist noch nicht sicher, dass wird davon abhängen wie viel ich Zeit habe. Es sollen jetzt hier auch keine verprechen gemacht werden das täglich neue Beiträge online gestellt werden. Bloggen ist für mich auch 2010 nur angesagt wenn Lust und ein gutes Thema vorhanden sind. Aber das ein oder andere wird sicher kommen.

Make Better Websites

Hier werde ich versuchen weiter täglich zwei Seiten zu posten. Nach der Umstellung auf die größeren Bilder gab es auch noch mal mehr Besucher. Ob es nun wirklich daran lag oder an etwas anderem weiß ich nicht 100% aber ich kann es mir ja einreden das es daran lag :) Auf jedenfall ist die Entwicklung der Seite sehr positiv wie ich finde und ich werde auch weiterhin versuchen hier schöne Seiten zu prästentieren und mit Klasse zu glänzen anstatt mit Masse. Schaut doch mal rein:www.makebetterwebsites.com

Dann wünsche ich allen und auch mir ein erfolgreiches 2010! weitermachen...

Aber warum ist er jetzt so gut?

Ganz einfach, wie oben schon geschrieben ist er schnell. Das ist wohl schon mal ein Hauptgrund um ihn als super einzustufen. Bisher hatte ich Newsstand und war damit eigentlich zufrieden. Aber es war wirklich sehr träge. Vor ein paar Tagen kam zwar ein Update aber dennoch ist es nicht so flüssig wie Reeder. Er kommt einfach in einer leichtigkeit und schönheit daher wie es selten ein Reader getan hat. Wo wir auch schon beim zweiten Punkt wären: die Optik. Wirklich hübsch anzuschauen das ganze. Vielleicht auch weil ich eine zuneigung zu beige habe? Wer weiß. Jedenfalls ist auch hier diese leichtigkeit zu sehen. Wenig schnick schnack so darf es gern öfters sein. Sonst es aber auch nur ein Reader mit dem man seine Feeds lesen kann. Aber der für mich bisher beste!

Aktuell ist die Version 1.1 aber an der 1.2 wird schon gearbeitet bzw. ist diese wohl schon relativ weit. Es werden noch ein paar Funktion hinzukommen und Bugs behoben. Eigentlich fehlt mir nur noch die Twitter Funktion und die möglichkeit direkt im Reader Feeds zu adden und zu verwalten. Ich bin gespannt was hier noch alles kommen wird, hoffe aber auch gleichzeitig das es nicht zu viel wird. Weniger ist manchmal mehr. Von mir eine klare Kaufempfehlung!

• Reeder Webseite
• iTunes Link Reeder

Smart Lists anstelle von normalen Listen

Remember the Milk kann deutlich mehr als einfach nur Listen anlegen und darin ein paar ToDo's zu posten. Mit Smart Lists kann man seine Listen dynamischmachen. Man trägt jetzt seine Aufgaben nicht mehr in irgendwelche Listen ein sondern nutzt im Endeffekt nur noch eine. Dort stehen dann alle Aufgaben drin. Jetzt legt man sich Smart Lists an um die Aufgaben automatisch in diese einordnen zu lassen. Klingt erstmal eher kontraproduktiv und viel zu kompliziert aber es klappt eigentlich ganz gut. Das ganze ist im Endeffekt auch wesentlich mächtiger wie wir später sehen werden. Grundvoraussetzung dafür ist, dass man seine Einträge alle ordentlich mit Tags versieht. Es gibt hierzu eine reihe von Anwendungsbeispielenwie man das am besten macht. Ich habe jetzt einen Mix aus mehreren davon den ich hier vorstellen möchte.

Tags richtig vergeben (Struktur rein bringen)

Man muss sich vorher klar überlegen wie man das ganze strukturiert sonst wird es später schwer wenn man mal mehr als eine Hand voll Aufgaben eingetragen hat. Man könnte natürlich einfach taggen wie folgt: Schule, Klausur, Deutsch. So hätte man drei Tags die auch ganz gut verständlich sind aber wird das ganze dann etwas komplexer ist da keine Übersicht mehr gegeben. Persönlich nutze ich jetzt folgendeStruktur: 

.tagName = Projekte
(Bsp.: .klausuren, .makebetterwebsites, .spielen) Alle meine Projekte haben quasi eine "." vor den Projektname und somit sind sie leichter zu finden da sie immer zusammen stehen werden und markiert sind.

+tagName = Leistungen in den Projekten
(Bsp.: +design, +pflege, +monopoly)
Wenn ich jetzt das Projekt .makebetterwebsites habe und dort eine Aufgabe "Täglich zwei Seiten posten" gebe ich ihr noch das Tag "+pflege" mit. Somit haben wir die Aufgabe "Täglich zwei Seiten posten" im Projekt: ".makebetterwebsites" mit der Leistung: "+pflege".

@tagName = Kontext
(Bsp.: @home, @mac, @schule)
Diese Tags sind sind dazu da um Zusammenhänge darzustellen. Nehmen wir das Beispiel mit dem Projekt ".makebetterwebsites" mit der Leistung: "+pflege" und dort haben wir dann den Kontext "@mac". Was dann so viel heißt wie "Pflege Makebetterwebsites am Mac". :)

Was bringen die Zeichen (. + @) vor den Tagnamen?

Im Grunde ganz einfach. Dadurch werden die Sachen Gruppiert. Alle Projekt-, alle Leistungs- und alle Kontext Tags stehen zusammen. Somit hat man eine viel größere Übersicht und findet sich wohl auch schneller zurecht. Wie das ganze dann letztendlich ausschaut sieht man in folgendem Bild.

Smart Lists anlegen

Smart Lists sind schlaue Listen deren Inhalt dynamisch generiert wird. Wer einenMac hat wird sie wohl schon kennen da aber meist unter dem Namen "Smart Folder". Der Sinn ist aber der gleiche. Bei Remember the Milk werden Smart Lists erstellt indem man Suchergebnisse speichert. Das ganze ist sehr komplex. Hier kann man sich mal anschauen wie und mit was man das perfekte Suchergebnisbekommen kann. Man kann das ganze auch in den Erweiterten Suchergebnissen zusammen klicken (siehe Bild)

Beispiele für Smart Lists

Wie gesagt habe ich mir ein paar Beispiele angeschaut und mir dann meine persönlichen Smart Lists erstellt. Hier mal eine das ein oder andere Beispiel was zeigen soll was alles möglich ist.

Es gibt eine Liste die keine Smart List ist und das ist die Default Liste, da wolle alle Aufgaben abgelegt werden die ich erstelle. Ausnahme sind Aufgaben die per Mail versendet werden, diese landen in der Liste "Eingang". OK, fangen wir an mit den Listen:

Name: .
Beschreibung: Die Liste "." ist meine Standard Liste für alle Aufgaben. Hier werden alle Aufgaben abgelegt. Man könnte Sie auch "alle Aufgaben" nennen oder sonst wie.

Name: !notTagged
Suchfunktion: isTagged:false
Beschreibung: Hier landen alle Aufgaben die noch nicht mit Tags versehen wurden. Grund dafür sind das die Aufgaben noch nicht zugeordnet werden konnten oder es einfach vergessen wurde. Hier hat man Sie dann schnell im Blickfeld und kann Sie nachträglich bearbeiten.

Name: <2weeks
Suchfunktion: not(tag:-someday) (due:never or dueBefore:"15 days")
Beschreibung: <2weeks steht für die nächsten zwei Wochen. Hier werden alle Aufgaben angezeigt die: das Tag "-someday" nicht besitzen, (Aufgaben ohne festen Termin/Zeitpunkt), nicht erledigt wurden und in den nächsten zwei Wochen erledigt werden müssen.

Name: >2weeks
Suchfunktion: not(tag:-someday) (dueAfter:"14 days")
Beschreibung: >2weeks steht für nach zwei Wochen. Hier erscheinen alle Aufgaben die: das Tag "-someday" nicht besitzen und erst in zwei Wochen erledigt werden müssen.

Name: ?someday
Suchfunktion: tag:-someday
Beschreibung: Hier werden alle Aufgaben angezeigt die das Tag: "-someday" haben. Damit hat man eine Übersicht über Aufgaben die noch oder überhaupt keinen Termin haben.

Name: @home
Suchfunktion: tag:@home
Beschreibung: Hier werden alle Aufgaben mit dem Tag: "@home" angezeigt.

Name: @mac
Suchfunktion: tag:@mac
Beschreibung: Hier werden alle Aufgaben mit dem Tag: "@mac" angezeigt.

Name: @outdoor
Suchfunktion: tag:@outdoor
Beschreibung: Hier werden alle Aufgaben mit dem Tag: "@outdoor" angezeigt.

Name: @phone
Suchfunktion: tag:@phone
Beschreibung: Hier werden alle Aufgaben mit dem Tag: "@phone" angezeigt.

Name: @schule
Suchfunktion: tag:@schule
Beschreibung: Hier werden alle Aufgaben mit dem Tag: "@schule" angezeigt.

Ich denke das sollte als kleiner Einblick reichen. Es sind hier eigentlich keine Grenzen gesetzt und jeder kann sich nach belieben Smart Lists erstellen.

RTM Aufgaben im Google Calender anzeigen

Ein weiteres Killerfeature was ich gestern dann noch gefunden habe ist die problemlose Einbindung in den Google Kalender. Man kann hier Problemlos aussuchen welche Liste man in dem Kalender angezeigt haben möchte. Wie das ganze Funktioniert findet man hier: Remember the Milk in Google Kalender einbinden.

Fazit

Ich hatte Remember the Milk vor langer Zeit schon ausprobiert aber das Potential dahinter nicht erkannt und deswegen erstmal wieder auf Eis gelegt. Vor ein paar Wochen kam ich wieder drauf. Was bleibt zu sagen. Mit der iPhone App und dem guten Webinterface hat man eine Killeranwendung und ich überlege ob ich "###strong/strong###" überhautp noch brauche. Mal schauen wann deren iPhone App kommt und was die kann. Von mir klar die Note 1 für Remember the Milk!

Vorbereitung - Verzeichnisstruktur und Dateinamen

Kommen wir zum ersten Teil, das anlegen der Verzeichnisstruktur. Habe mir hier mehrfach Gedanken gemacht wie es am besten und sinnvollsten ist und das war die letzte Version meiner Gedanken.

Verzeichnisstruktur

Portfolio (Hauptordner)
- apparel (Ordner für Kleidung)
-- picture (Große Bilder im Portfoliobereich)
-- preview (Mittlere Bilder in der Portfoliovorschau)
-- thumbs (Kleine Bilder für die Portfolioschnellansicht (Startseite))
- print (Ordner für Print)
-- picture (Große Bilder im Portfoliobereich)
-- preview (Mittlere Bilder in der Portfoliovorschau)
-- thumb (Kleine Bilder für die Portfolioschnellansicht (Startseite))
- web (Ordner für Web)
-- browser (Große Bilder im Portfoliobereich)
-- preview (Mittlere Bilder in der Portfoliovorschau)
-- slide (Bilder für Slideshow im Macbook Pro)
-- thumb (Kleine Bilder für die Portfolioschnellansicht (Startseite))

Nun kommen wir zu den Dateinamen. Es sollte endlos erweiterbar sein ohne groß den Überblick zu verlieren. Es klappt bisher super :)

Der Dateiname ist wie folgt aufgebaut:

projektname_zähler_bildnummer.erweiterung
was dann konkret so ausschaut:
daivdhellmann_02_img01.jpg

davidhellmann = Projektname
02 = 2tes Projekt dafür
img01 = Bild 01

So werden die Bilder in jedem Ordner abgelegt. Es gibt immer nur ein Bild außer bei den Picture und Browser Bildern, da sind bis zu vier Bildern möglich (kann erweitert werden). Das sind dann die Bilder in der Detailansicht. Es würde dann in diesem Ordner so aussehen: 

daivdhellmann_02_img01.jpg
daivdhellmann_02_img02.jpg
daivdhellmann_02_img03.jpg

Sollte soweit alles verständlich sein. Falls nicht einfach in den Kommentaren nachfragen. Die größe der Bilder lasse ich hier mal außer acht, dass muss jeder selbst entscheiden was da brauchbar ist.

WordPress vorbereiten

Als erstes erstellt man am besten die Kategorien für die späteren Portfoliobereiche.

portfolio (ID=3) Diese dient nur als Oberkategorie.
- apparel (ID=6) Hier kommen die Apparel Sachen rein.
- print (ID=5) Hier kommen die Print Sachen rein.
- web (ID=4) Hier kommen die Web Sachen rein.

Gebrauchte Funktionen

Funktion 1 ist diese, das für jede Kategorie eine eigene single.php Datei verwendet wird. Wenn diese nicht vorhanden ist dann wird die normale single.php genommen. Diese single.php für die einzelnen Kategorien muss man selber anlegen und zwar:single-4.php für die Kategorie mit der ID=4 für "Web".

Jede Kategorie bekommt eigene single.php zugewiesen

<?php
// Jede Kategorie bekommt eine eigene single.php. Falls diese nicht vorhanden ist wird die normale single.php genutzt.
add_filter('single_template', create_function('$t', 'foreach( (array) get_the_category() as $cat ) { 
	if ( file_exists(TEMPLATEPATH . "/single-{$cat->term_id}.php") ) 
	return TEMPLATEPATH . "/single-{$cat->term_id}.php"; } return $t;' )
);
?>

Portfolio Kategorien von den normalen Blogposts ausschließen

// Kategorien von der Startseite ausschließen
function filter_posts() {
	global $wp_query;
	if(is_home()) {
		$wp_query->set('category__not_in',array(3,4,5,6));
	}
}
add_action('pre_get_posts','filter_posts');

Beide Funktionen kommen in die functions.php im Theme Ordner.
Das hätten wir geschafft. Jede Portfolio Kategorie bekommt nachher eine eigene Templatedatei. Die Portfolio Artikel tauchen nun nicht mehr unter den normalen Blogartikeln auf was so auch keinen Sinn machen würde.

Templates erstellen

Das sind nicht wenige. Es gibt "apparel.php", "print.php", "web.php", "portfolio.php", "portfolio-list.php", "single-4.php", "single-5.php" und "single-6.php". Das sollten alle sein. Ich werde jetzt den kompletten Inhalt dieser Dateien hier abbilden. Im Grunde sind es ganz normale Loops wo Artikel und derenBenutzerdefinierten Felder ausgelesen werden.

apparel.php

<?php
/*
Template Name: Apparel
*/
?>
<?php get_header(); ?>
<!-- Left -->
<div class="content-portfolio">
 
<ul class="brotnavi">
	<li><a class="list" href="<?php bloginfo('home'); ?>/portfolio/list">Liste</a></li>
	<li><a class="apparel apparel-aktiv" href="<?php bloginfo('home'); ?>/portfolio/apparel">Apparel Stuff</a></li>
	<li><a class="print" href="<?php bloginfo('home'); ?>/portfolio/print">Print Stuff</a></li>
	<li><a class="web" href="<?php bloginfo('home'); ?>/portfolio/web">Web Stuff</a></li>
	<li><a class="overview" href="<?php bloginfo('home'); ?>/portfolio/">Overview</a></li>
</ul>
 
<a name="apparelstuff"></a><h2 class="apparel">Apparel Stuff</h2>
<hr class="portfolio" />
<ul class="portfolio-preview">
 
<?php
	global $myPosts;
	$myPosts = '';
?>
 
<?php
	$my_query = new WP_Query();
	$my_query->query('cat=6&showposts=-1&orderby=date');
	if ($my_query->have_posts()) : while ($my_query->have_posts()) : $my_query->the_post();  
	 $myPosts .= $post->ID . ","; 
?>
 
<li>
	<?php $ordner = get_post_meta($post->ID, 'ordner', true); ?> 
	<?php $preview = get_post_meta($post->ID, 'preview', true); ?>                
	<?php $name = get_post_meta($post->ID, 'name', true); ?> 
	<?php $umfang = get_post_meta($post->ID, 'umfang', true); ?>                
 
	<a href="<?php the_permalink() ?>"><img src="<?php bloginfo('home'); ?>/wp-content/uploads/portfolio/<?php echo $ordner; ?>/preview/<?php echo $preview; ?>.jpg" alt="<?php the_title(); ?>" /></a>
	<div class="ordner"><?php echo $ordner; ?></div>
	<h3><a href="<?php the_permalink() ?>"><?php echo $name; ?></a></h3>
	<cite><?php echo $umfang; ?></cite>
</li>
<?php endwhile; endif; ?>
</ul>
 
</div>
<?php get_footer(); ?>

Diese Datei ist ist für die Voransicht der Apparel Sachen zuständig

print.php

<?php
/*
Template Name: Print
*/
?>
<?php get_header(); ?>		
<!-- Left -->
<div class="content-portfolio">
 
<ul class="brotnavi">
	<li><a class="list" href="<?php bloginfo('home'); ?>/portfolio/list">Liste</a></li>
	<li><a class="apparel" href="<?php bloginfo('home'); ?>/portfolio/apparel">Apparel Stuff</a></li>
	<li><a class="print print-aktiv" href="<?php bloginfo('home'); ?>/portfolio/print">Print Stuff</a></li>
	<li><a class="web" href="<?php bloginfo('home'); ?>/portfolio/web">Web Stuff</a></li>
	<li><a class="overview" href="<?php bloginfo('home'); ?>/portfolio/">Overview</a></li>
</ul>
 
<a name="printstuff"></a><h2 class="print">Print Stuff</h2>
<hr class="portfolio" />
<ul class="portfolio-preview">
 
<?php
	global $myPosts;
	$myPosts = '';
?>
 
<?php
	$my_query = new WP_Query();
	$my_query->query('cat=5&showposts=-1&orderby=date');
	if ($my_query->have_posts()) : while ($my_query->have_posts()) : $my_query->the_post();  
	 $myPosts .= $post->ID . ","; 
?>
 
<li>
	<?php $ordner = get_post_meta($post->ID, 'ordner', true); ?> 
	<?php $preview = get_post_meta($post->ID, 'preview', true); ?>                
	<?php $name = get_post_meta($post->ID, 'name', true); ?>   
	<?php $umfang = get_post_meta($post->ID, 'umfang', true); ?>              
 
	<a href="<?php the_permalink() ?>"><img src="<?php bloginfo('home'); ?>/wp-content/uploads/portfolio/<?php echo $ordner; ?>/preview/<?php echo $preview; ?>.jpg" alt="<?php the_title(); ?>" /></a>
	<div class="ordner"><?php echo $ordner; ?></div>
	<h3><a href="<?php the_permalink() ?>"><?php echo $name; ?></a></h3>
	<cite><?php echo $umfang; ?></cite>
</li>
<?php endwhile; endif; ?>
</ul>  
 
</div>
<?php get_footer(); ?>

Diese Datei ist ist für die Voransicht der Print Sachen zuständig

web.php

<?php
/*
Template Name: Web
*/
?>
<?php get_header(); ?>        
<!-- Left -->
<div class="content-portfolio">
 
<ul class="brotnavi">
    <li><a class="list" href="<?php bloginfo('home'); ?>/portfolio/list">Liste</a></li>
    <li><a class="apparel" href="<?php bloginfo('home'); ?>/portfolio/apparel">Apparel Stuff</a></li>
    <li><a class="print" href="<?php bloginfo('home'); ?>/portfolio/print">Print Stuff</a></li>
    <li><a class="web web-aktiv" href="<?php bloginfo('home'); ?>/portfolio/web">Web Stuff</a></li>
    <li><a class="overview" href="<?php bloginfo('home'); ?>/portfolio/">Overview</a></li>
</ul>
 
<a name="webstuff"></a><h2 class="web">Web Stuff</h2>
<hr class="portfolio" />
 
<ul class="portfolio-preview">
<?php
	global $myPosts;
	$myPosts = '';
?>
 
<?php
	$my_query = new WP_Query();
	$my_query->query('cat=4&showposts=-1&orderby=date');
	if ($my_query->have_posts()) : while ($my_query->have_posts()) : $my_query->the_post();  
	 $myPosts .= $post->ID . ","; 
?>
 
<li>
	<?php $ordner = get_post_meta($post->ID, 'ordner', true); ?> 
	<?php $preview = get_post_meta($post->ID, 'preview', true); ?>                
    <?php $name = get_post_meta($post->ID, 'name', true); ?>
    <?php $umfang = get_post_meta($post->ID, 'umfang', true); ?>                 
 
	<a href="<?php the_permalink() ?>"><img src="<?php bloginfo('home'); ?>/wp-content/uploads/portfolio/<?php echo $ordner; ?>/preview/<?php echo $preview; ?>.jpg" alt="<?php the_title(); ?>" /></a>
	<div class="ordner"><?php echo $ordner; ?></div>
	<h3><a href="<?php the_permalink() ?>"><?php echo $name; ?></a></h3>
	<cite><?php echo $umfang; ?></cite>  
</li>
    <?php endwhile; endif; ?>
</ul>   
 
</div>
<?php get_footer(); ?>

Diese Datei ist ist für die Voransicht der Web Sachen zuständig

portfolio.php

<?php
/*
Template Name: Portfolio
*/
?>
<?php get_header(); ?>
<!-- Left -->
<div class="content-portfolio">
 
<ul class="brotnavi">
    <li><a class="list" href="<?php bloginfo('home'); ?>/portfolio/list">Liste</a></li>
    <li><a class="apparel" href="<?php bloginfo('home'); ?>/portfolio/apparel">Apparel Stuff</a></li>
    <li><a class="print" href="<?php bloginfo('home'); ?>/portfolio/print">Print Stuff</a></li>
    <li><a class="web" href="<?php bloginfo('home'); ?>/portfolio/web">Web Stuff</a></li>
    <li><a class="overview overview-aktiv" href="<?php bloginfo('home'); ?>/portfolio/">Overview</a></li>
</ul>
 
<h2 class="latest">Latest Stuff</h2>
<hr class="portfolio" />
 
<ul class="portfolio-preview">
<?php
	global $myPosts;
	$myPosts = '';
?>
 
<?php
	$my_query = new WP_Query();
	$my_query->query('cat=4,5,6&showposts=15&orderby=date');
	if ($my_query->have_posts()) : while ($my_query->have_posts()) : $my_query->the_post();  
	 $myPosts .= $post->ID . ","; 
?>
<li>
	<?php $ordner = get_post_meta($post->ID, 'ordner', true); ?> 
	<?php $preview = get_post_meta($post->ID, 'preview', true); ?>                
    <?php $name = get_post_meta($post->ID, 'name', true); ?> 
    <?php $umfang = get_post_meta($post->ID, 'umfang', true); ?>               
 
	<a href="<?php the_permalink() ?>"><img src="<?php bloginfo('home'); ?>/wp-content/uploads/portfolio/<?php echo $ordner; ?>/preview/<?php echo $preview; ?>.jpg" alt="<?php the_title(); ?>" /></a>
	<div class="ordner"><a href="<?php bloginfo('home'); ?>/portfolio/<?php echo $ordner; ?>/"><?php echo $ordner; ?></a></div>
	<h3><a href="<?php the_permalink() ?>"><?php echo $name; ?></a></h3>
	<cite><?php echo $umfang; ?></cite>
</li>
    <?php endwhile; endif; ?>
</ul>  
</div>
<?php get_footer(); ?>

Diese Datei ist ist für die Voransicht des Portfolios zuständig

Alle vier Quelltexte sind hier nahezu identisch. Sie unterscheiden sich nur Teilweise im Wording und ziehen andere Daten aus der Datenbank (Die verschiedenen Portfoliokategorien). Jetzt fehlt nur noch die Detailansicht, hierfür haben wir jetzt jeweils eine single.php mit der jeweiligen Kategorienummer hinten dran. single-4.php, single-5.php und single-6.php. Wenn diese nicht vorhanden sind müssen sie erstellt werden. Hier die Quelltexte.

single-4.php

<?php get_header(); ?>
<div id="blog" style="width:970px;">
	<?php if (have_posts()) : ?>
	<?php while (have_posts()) : the_post(); ?>
	<ul class="brotnavi brotnavi-left">
		<li><a class="overview" href="<?php bloginfo('home'); ?>/portfolio/">Overview</a></li>
		<li><a class="web web-aktiv" href="<?php bloginfo('home'); ?>/portfolio/web">Web Stuff</a></li>
		<li><a class="print" href="<?php bloginfo('home'); ?>/portfolio/print">Print Stuff</a></li>
		<li><a class="apparel" href="<?php bloginfo('home'); ?>/portfolio/apparel">Apparel Stuff</a></li>
		<li><a class="list" href="<?php bloginfo('home'); ?>/portfolio/list">Liste</a></li>
	</ul>	
	<div style="float:left;">
		<?php $ordner = get_post_meta($post->ID, 'ordner', true); ?>
		<?php $browser = get_post_meta($post->ID, 'browser', true); ?>	
		<?php if($browser !== '') { ?>
			<p class="browser"><img src="<?php bloginfo('home'); ?>/wp-content/uploads/portfolio/<?php echo $ordner; ?>/browser/<?php echo $browser; ?>.jpg" alt="<?php the_title(); ?>" /></p>
		<?php } ?>
			<?php $img02 = get_post_meta($post->ID, 'img02', true); ?>
		<?php if($img02 !== '') { ?>
			<p class="bild"><img src="<?php bloginfo('home'); ?>/wp-content/uploads/portfolio/<?php echo $ordner; ?>/browser/<?php echo $img02; ?>.jpg" alt="<?php the_title(); ?>" /></p>
		<?php } ?>	
			<?php $img03 = get_post_meta($post->ID, 'img03', true); ?>
		<?php if($img03 !== '') { ?>
			<p class="bild"><img src="<?php bloginfo('home'); ?>/wp-content/uploads/portfolio/<?php echo $ordner; ?>/browser/<?php echo $img03; ?>.jpg" alt="<?php the_title(); ?>" /></p>
		<?php } ?>		
			<?php $img04 = get_post_meta($post->ID, 'img04', true); ?>
		<?php if($img04 !== '') { ?>
			<p class="bild"><img src="<?php bloginfo('home'); ?>/wp-content/uploads/portfolio/<?php echo $ordner; ?>/browser/<?php echo $img04; ?>.jpg" alt="<?php the_title(); ?>" /></p>
		<?php } ?>		
		<?php the_content(); ?>
	</div>
	<div id="sidebar">
		<?php $name = get_post_meta($post->ID, 'name', true); ?>
		<h3 class="details"><?php echo $name; ?></h3>
		<?php $kunde = get_post_meta($post->ID, 'kunde', true); ?>
		<?php $umfang = get_post_meta($post->ID, 'umfang', true); ?>
		<?php $datum = get_post_meta($post->ID, 'datum', true); ?>
		<?php $beschreibung = get_post_meta($post->ID, 'beschreibung', true); ?>
		<?php $url = get_post_meta($post->ID, 'url', true); ?>	
		<div class="p">
			<?php if($kunde !== '') { ?>
			<p><?php echo $kunde; ?></p>
			<h4>kunde</h4>
			<?php } ?>
			<?php if($umfang !== '') { ?>
			<p><?php echo $umfang; ?></p>
			<h4>umfang</h4>
			<?php } ?>
			<?php if($datum !== '') { ?>
			<p><?php echo $datum; ?></p>
			<h4>datum</h4>
			<?php } ?>
			<?php if($beschreibung !== '') { ?>
			<p><?php echo $beschreibung; ?></p>
			<h4>beschreibung</h4>
			<?php } ?>
			<?php if($url !== '') { ?>
			<p><a href="http://<?php echo $url; ?>"><?php echo $url; ?></a></p>
			<?php } ?>
		</div>
	</div>
	<?php endwhile; else: ?>
	<p>Keine Artikel vorhanden</p>
	<?php endif; ?>
	<div class="navigation" style="clear:both; float:left; width:600px; padding:40px 10px 0 10px;">
		<div class="alignleft" style="float:left;"><?php next_post_link('%link', '&laquo;  previous work', TRUE, '1 and 3 and 5 and 6 and 7 and 8'); ?></div>
		<div class="alignright" style="float:right; text-align:right;"><?php previous_post_link('%link', 'next work &raquo;', TRUE, '1 and 3 and 5 and 6 and 7 and 8'); ?></div>
	</div>
</div>
<?php get_footer(); ?>

Diese Datei ist für die Detailansicht der Web Portfolio Sachen zuständig.

single-5.php

<?php get_header(); ?>
<div id="blog" style="width:970px;">
	<?php if (have_posts()) : ?>
	<?php while (have_posts()) : the_post(); ?>
	<ul class="brotnavi brotnavi-left">
		<li><a class="overview" href="<?php bloginfo('home'); ?>/portfolio/">Overview</a></li>
		<li><a class="web" href="<?php bloginfo('home'); ?>/portfolio/web">Web Stuff</a></li>
		<li><a class="print print-aktiv" href="<?php bloginfo('home'); ?>/portfolio/print">Print Stuff</a></li>
		<li><a class="apparel" href="<?php bloginfo('home'); ?>/portfolio/apparel">Apparel Stuff</a></li>
		<li><a class="list" href="<?php bloginfo('home'); ?>/portfolio/list">Liste</a></li>
	</ul>
	<div style="float:left;">
		<?php $ordner = get_post_meta($post->ID, 'ordner', true); ?>
		<?php $browser = get_post_meta($post->ID, 'browser', true); ?>
		<?php if($browser !== '') { ?>
			<p class="bild"><img src="<?php bloginfo('home'); ?>/wp-content/uploads/portfolio/<?php echo $ordner; ?>/picture/<?php echo $browser; ?>.jpg" alt="<?php the_title(); ?>" /></p>
		<?php } ?>
			<?php $img02 = get_post_meta($post->ID, 'img02', true); ?>
		<?php if($img02 !== '') { ?>
			<p class="bild"><img src="<?php bloginfo('home'); ?>/wp-content/uploads/portfolio/<?php echo $ordner; ?>/picture/<?php echo $img02; ?>.jpg" alt="<?php the_title(); ?>" /></p>
		<?php } ?>
			<?php $img03 = get_post_meta($post->ID, 'img03', true); ?>
		<?php if($img03 !== '') { ?>
			<p class="bild"><img src="<?php bloginfo('home'); ?>/wp-content/uploads/portfolio/<?php echo $ordner; ?>/picture/<?php echo $img03; ?>.jpg" alt="<?php the_title(); ?>" /></p>
		<?php } ?>
			<?php $img04 = get_post_meta($post->ID, 'img04', true); ?>
		<?php if($img04 !== '') { ?>
			<p class="bild"><img src="<?php bloginfo('home'); ?>/wp-content/uploads/portfolio/<?php echo $ordner; ?>/picture/<?php echo $img04; ?>.jpg" alt="<?php the_title(); ?>" /></p>
		<?php } ?>
		<?php the_content(); ?>
	</div>
	<div id="sidebar">
		<?php $name = get_post_meta($post->ID, 'name', true); ?>
		<h3 class="details"><?php echo $name; ?></h3>
		<?php $kunde = get_post_meta($post->ID, 'kunde', true); ?>
		<?php $umfang = get_post_meta($post->ID, 'umfang', true); ?>
		<?php $datum = get_post_meta($post->ID, 'datum', true); ?>
		<?php $beschreibung = get_post_meta($post->ID, 'beschreibung', true); ?>
		<?php $url = get_post_meta($post->ID, 'url', true); ?>
		<div class="p">
			<?php if($kunde !== '') { ?>
			<p><?php echo $kunde; ?></p>
			<h4>kunde</h4>
			<?php } ?>
			<?php if($umfang !== '') { ?>
			<p><?php echo $umfang; ?></p>
			<h4>umfang</h4>
			<?php } ?>
			<?php if($datum !== '') { ?>
			<p><?php echo $datum; ?></p>
			<h4>datum</h4>
			<?php } ?>
			<?php if($beschreibung !== '') { ?>
			<p><?php echo $beschreibung; ?></p>
			<h4>beschreibung</h4>
			<?php } ?>
			<?php if($url !== '') { ?>
			<p><a href="http://<?php echo $url; ?>"><?php echo $url; ?></a></p>
			<?php } ?>
		</div>
	</div>
	<?php endwhile; else: ?>
	<p>Keine Artikel vorhanden</p>
	<?php endif; ?>
	<div class="navigation" style="clear:both; float:left; width:600px; padding:40px 10px 0 10px;">
		<div class="alignleft" style="float:left;"><?php next_post_link('%link', '&laquo;  previous work', TRUE, '1 and 3 and 4 and 6 and 7 and 8'); ?></div>
		<div class="alignright" style="float:right; text-align:right;"><?php previous_post_link('%link', 'next work &raquo;', TRUE, '1 and 3 and 4 and 6 and 7 and 8'); ?></div>
	</div>
</div>
<?php get_footer(); ?>

Diese Datei ist für die Detailansicht der Print Portfolio Sachen zuständig.

single-6.php

<?php get_header(); ?>
<div id="blog" style="width:970px;">
	<?php if (have_posts()) : ?>
	<?php while (have_posts()) : the_post(); ?>
	<ul class="brotnavi brotnavi-left">
		<li><a class="overview" href="<?php bloginfo('home'); ?>/portfolio/">Overview</a></li>
		<li><a class="web" href="<?php bloginfo('home'); ?>/portfolio/web">Web Stuff</a></li>
		<li><a class="print" href="<?php bloginfo('home'); ?>/portfolio/print">Print Stuff</a></li>
		<li><a class="apparel apparel-aktiv" href="<?php bloginfo('home'); ?>/portfolio/apparel">Apparel Stuff</a></li>
		<li><a class="list" href="<?php bloginfo('home'); ?>/portfolio/list">Liste</a></li>
	</ul>
	<div style="float:left;">
		<?php $ordner = get_post_meta($post->ID, 'ordner', true); ?>
		<?php $browser = get_post_meta($post->ID, 'browser', true); ?>
		<?php if($browser !== '') { ?>
			<p class="bild"><img src="<?php bloginfo('home'); ?>/wp-content/uploads/portfolio/<?php echo $ordner; ?>/picture/<?php echo $browser; ?>.jpg" alt="<?php the_title(); ?>" /></p>
		<?php } ?>
			<?php $img02 = get_post_meta($post->ID, 'img02', true); ?>
		<?php if($img02 !== '') { ?>
			<p class="bild"><img src="<?php bloginfo('home'); ?>/wp-content/uploads/portfolio/<?php echo $ordner; ?>/picture/<?php echo $img02; ?>.jpg" alt="<?php the_title(); ?>" /></p>
		<?php } ?>
			<?php $img03 = get_post_meta($post->ID, 'img03', true); ?>
		<?php if($img03 !== '') { ?>
			<p class="bild"><img src="<?php bloginfo('home'); ?>/wp-content/uploads/portfolio/<?php echo $ordner; ?>/picture/<?php echo $img03; ?>.jpg" alt="<?php the_title(); ?>" /></p>
		<?php } ?>
			<?php $img04 = get_post_meta($post->ID, 'img04', true); ?>
		<?php if($img04 !== '') { ?>
			<p class="bild"><img src="<?php bloginfo('home'); ?>/wp-content/uploads/portfolio/<?php echo $ordner; ?>/picture/<?php echo $img04; ?>.jpg" alt="<?php the_title(); ?>" /></p>
		<?php } ?>
		<?php the_content(); ?>
	</div>
	<div id="sidebar">
		<?php $name = get_post_meta($post->ID, 'name', true); ?>
		<h3 class="details"><?php echo $name; ?></h3>
		<?php $kunde = get_post_meta($post->ID, 'kunde', true); ?>
		<?php $umfang = get_post_meta($post->ID, 'umfang', true); ?>
		<?php $datum = get_post_meta($post->ID, 'datum', true); ?>
		<?php $beschreibung = get_post_meta($post->ID, 'beschreibung', true); ?>
		<?php $url = get_post_meta($post->ID, 'url', true); ?>
		<div class="p">
			<?php if($kunde !== '') { ?>
			<p><?php echo $kunde; ?></p>
			<h4>kunde</h4>
			<?php } ?>
			<?php if($umfang !== '') { ?>
			<p><?php echo $umfang; ?></p>
			<h4>umfang</h4>
			<?php } ?>
			<?php if($datum !== '') { ?>
			<p><?php echo $datum; ?></p>
			<h4>datum</h4>
			<?php } ?>
			<?php if($beschreibung !== '') { ?>
			<p><?php echo $beschreibung; ?></p>
			<h4>beschreibung</h4>
			<?php } ?>
			<?php if($url !== '') { ?>
			<p><a href="http://<?php echo $url; ?>"><?php echo $url; ?></a></p>
			<?php } ?>
		</div>
	</div>
	<?php endwhile; else: ?>
	<p>Keine Artikel vorhanden</p>
	<?php endif; ?>
	<div class="navigation" style="clear:both; float:left; width:600px; padding:40px 10px 0 10px;">
		<div class="alignleft" style="float:left;"><?php next_post_link('%link', '&laquo;  previous work', TRUE, '1 and 3 and 5 and 4 and 7 and 8'); ?></div>
		<div class="alignright" style="float:right; text-align:right;"><?php previous_post_link('%link', 'next work &raquo;', TRUE, '1 and 3 and 5 and 4 and 7 and 8'); ?></div>
	</div>
</div>
<?php get_footer(); ?>

Diese Datei ist für die Detailansicht der Apparel Portfolio Sachen zuständig

Die Schnellansicht auf der Startseite

Auf der Startseite habe ich ja die schnell ansicht. Hier kommen dann die ###strong/strong### zum Einsatz. Es werden zwanzig Arbeiten aus allen drei Kategorien gezogen. Das ganze sieht dann so aus (nur ein Teil des Startseiten Quelltextes):

<h2 class="latest">Latest Stuff</h2>
<ul class="latest">
<?php
	$my_query = new WP_Query();
	$my_query->query('cat=4,5,6&showposts=20&orderby=date');
	if ($my_query->have_posts()) : while ($my_query->have_posts()) : $my_query->the_post();  
	$myPosts .= $post->ID . ","; 
?>
<?php $thumb = get_post_meta($post->ID, 'thumb', true); ?>
<?php $ordner = get_post_meta($post->ID, 'ordner', true); ?> 
<?php $name = get_post_meta($post->ID, 'name', true); ?> 
<li>         
    <a class="tooltip" title="<?php echo $name; ?>" href="<?php the_permalink() ?>">
        <img src="<?php bloginfo('home'); ?>/wp-content/uploads/portfolio/<?php echo $ordner; ?>/thumb/<?php echo $thumb; ?>.jpg" alt="<?php the_title(); ?>" />
    </a>
</li>
<?php endwhile; endif; ?>
</ul>

Der Laptop Slider im Header

Oben im Header der Laptop wird ja auch automatisch und zufällig mit Inhalt gefüllt. Hier läuft das ganze wieder ähnlich ab. Dazu braucht man dann natürlich auch jQuery+ innerfade plugin. Aber es sind auch andere Sachen möglich wie Slide etc. Hier wird sich nur aus der Kategorie 4 (Web) der Inhalt gezogen und zwar die Slide Bilder. Sind immer zehn Stück die zufällig ausgwählt werden. Quelltext für diesen Teil:

<div id="headslide">
    <div id="slider">
        <ul id="macbookpro">
        <?php
			global $myPosts;
			$myPosts = '';
        ?>
        <?php
			$my_query = new WP_Query();
			$my_query->query('cat=4&showposts=10&orderby=rand');
			if ($my_query->have_posts()) : while ($my_query->have_posts()) : $my_query->the_post();  
			 $myPosts .= $post->ID . ","; 
        ?>
        <?php $slide = get_post_meta($post->ID, 'slide', true); ?>
        <li>
        	<a href="<?php the_permalink() ?>">
            	<img src="<?php bloginfo('home'); ?>/wp-content/uploads/portfolio/web/slide/<?php echo $slide; ?>.jpg" alt="<?php the_title(); ?>" />
            </a>
        </li>
        <?php endwhile; endif; ?>
        </ul>    
    </div>    
</div>

Auf gehts zum Befüllen der Bereiche

Hier benötigt man für einfacheres Arbeiten das Plugin: More-Fields. Dort kann man sich kleine Boxen zurecht basteln für die Custim Fields. Auf jeden Fall übersichtlicher als die Standardmethode von WordPress.

Soweit war es das im Grunde

Das Portfolio steht nun quasi. Klar ist das hier nicht eine Lösung die man 1:1 nutzen kann und soll. Es geht eher darum zu verstehen wie mein Portfolio aufgebaut ist. Ich habe versucht das ganze recht ausführlich zu machen. Ob alles dabei ist und auch verstanden wird kann ich nicht sagen da ich selten ein Tutorial in solch einem Umfang geschrieben habe. Bei Fragen dann einfach die Kommentarfunktion nutzen.

Weiter ging es Richtung Bahnsteig, lang sollte es ja nicht mehr dauern bis der Zug kommt. Und ca. 14:04 Uhr war es dann auch soweit; die Regionalbahn Richtung Hof traf ein. Die Türen öffneten sich und die Leute standen schon auf den Treppen. Oje, das wird wieder eng dachte ich mir. Weiter vorne wird vielleicht etwas mehr Platz sein und so machte ich mich auf den Weg dahin. Da kam mir auch schon der Schaffner entgegen und meinte, dass der Zug voll wäre und ich nicht mehr einsteigen könnte. WAS???? Hallo! Das ist der letzte Zug nach Köln... Er meinte nur, dass es ihm Leid tun würde und er nichts machen könne. Großes Problem hatte ich da nun. Letzter Zug (hätte ich nur einen eher genommen) und der war jetzt weg.

Mein nächster Weg ging zurück zum Schalter. Jetzt wollte auch ich die Nummer von der Deutschen Bahn, um mich zu beschweren. Die Frau hatte Verständnis für mein etwas unfreundliches Auftreten. Aber sie war nicht von der Deutschen Bahn - Glück gehabt. Telefon raus und die netten Callcenter Mitarbeiter angerufen. Problem geschildert und auf eine brauchbare Antwort gehofft. Weit gefehlt! "Da kann ich Ihnen jetzt leider nicht weiterhelfen, das müssen Sie vor Ort klären wie Sie ihre Reise weiter fortsetzen." Super!, dachte ich, sehr (un)kompetente Leute, die dort den Telefonhörer abnehmen. Hätte ich mir auch sparen können den Anruf. Na gut, nun konnte ich die Vorteile des Technikzeitalters voll ausschöpfen und zog mein iPhone aus der Tasche, um nach alternativen Zugverbindungen zu suchen. Eine sollte es noch geben, aber da hätte ich mich ab Mainz HBF in eine S-Bahn setzen müssen, was ich nicht machen wollte, da ich fast zwei Stunden länger unterwegs gewesen wäre als geplant.

Weiter ging es nun erstmal mit der Vogtlandbahn Richtung Hof. Dort angekommen führte mein erster Weg zum Schaffner des Zuges, mit dem ich weiterfahren musste. Mein Satz: "Entschuldigen Sie, ich hätte da ein Problem". Sein Satz (ohne mich auch nur einmal anzuschauen): "Das hab ich auch". WOW, Kundenfreundlichkeitwird in diesem Zug ganz groß geschrieben... Das Gespräch war genauso sinnvoll, als hätte ich mit einer Wand geredet, es brachte mich nicht weiter. Ich habe ihm noch mit auf den Weg gegeben, dass er das größte Arschloch ist, das sich gerade hier auf dem Bahnhof befindet. Schnell notierte ich noch seinen Namen und dann ging die Fahrt auch schon weiter... (T. Seifert, falls Interesse besteht auch mal ein angenehmes Gespräch mit dem netten Herren zu führen).

Es ist schon erstaunlich wie man behandelt wird, wenn man dank(!) der Deutschen Bahn in solche Situationen gebracht wird. Also ich stelle mir Kundenservice deutlich anders vor, deutlich anders! Die Fahrt ging dann erstmal weiter in Richtung Mainz HBF. Die schlechte Laune war nun auch noch mein treuer Begleiter. Endlich in Mainz angekommen war meine letzte Chance, noch vor 1:00 Uhr in Köln zu sein, den Schaffner des letzten IC-Zuges zu fragen, ob er mein Fahrrad und mich nicht mitnehmen kann. Am Bahnsteig traf ich eine Mitarbeiterin der Deutschen Bahn, die endlich mal etwas Kompetenz ausstrahlte. Ich schilderte ihr mein Problem und sie nahm sofort Kontakt mit dem Schaffner des IC-Zuges, der noch auf dem Weg nach Mainz war, auf. Sie riet mir, nochmal persönlich mit ihm zu sprechen. Als der Zug ankam, war mein erster Weg der zum Schaffner. Nachdem ich alles gesagt hatte, schaute er nicht wie ein Gewinner des Lottojackpots, war aber so freundlich und lies mich in den Zug einsteigen, ohne, dass ich noch etwas bezahlen musste. Je hochklassiger der Zug, desto mehr Verstand haben wohl auch die Mitarbeiter. Um23:00 Uhr kam ich dann endlich halbwegs zufrieden in Köln an.

Alles in allem noch ein halbwegs zufriedenstellendes Ende. Aber diese Deutsche Bahn regt mich wieder und wieder auf. Da nehme ich es doch schon jedes Mal hin, irgendwo im Gang Platz zu nehmen, da man die Züge wieder mit zu wenig Waggons ausgestattet hat; und trotzdem werde ich Mal für Mal wieder überrascht - die Deutsche Bahn, wie eine Wundertüte. Ich würde fast behaupten, dass das hier nicht die letzte Story ist - mal schauen!

Gestern war es dann wieder soweit, es mussten einfach neue her da die StandardApple Headphones einfach für die Tonne sind. Sie halten nicht in meinen zarten Ohren und tun gleichzeitig auch noch weh. Den besten Klang haben sie natürlich auch nicht, wer hätte das gedacht. Also ca. 30 Minuten vorm Kopfhörer Regal aufgehalten und geschaut was es so gibt. Da sind mir "Ultimate Ears" aufgefallen. Sie sahen sehr ansprechend aus und auch qualitativ hochwertig. Die Verkäuferin meinte, dass die Teile wirklich gut sind. Es gab sie von 30,- Euro bis 300,- Euro. Mein Budget belief sich so um die 50,- Euro.

Letztendlich wurden es die "Ultimate Ears MetroFi 170" für schlappe 30,- Euro. Was mir gleich auffiel ist, dass die Kabel deutlich dicker und stabiler als die der Konkurrenz erschienen. Die Verkäuferin fragte ich noch ob der rechte Kopfhörer hinterm Kopf lang gelegt wird und sie meinte ja. Als ich dann bezahlte und draußen auspackte musste ich feststellen das dies leider doch nicht der Fall war - schade! Aber sonst sind es wirklich super supe Teile! Edel anzufassen, wertig und hübsch. Auch dieGumminippel (S,M,L) wirken edler als die der Sony und Sennheiser. Nettes Feature ist, dass der rechte Kopfhörer rot ist und somit leicht vom linken schwarzen zu unterscheiden ist.
 

Zum Klang kann ich nur sagen - ich bin kein Kenner oder Musikliebhaber in dem Sinne um das wohl so genau beurteilen zu können - dass sie wirklich gut klingen. Schön viel Bass und auch alles andere hört man gut. Auf jeden Fall 100000% Steigerung zu den Apple Standard Teilen. Wer also in nächster Zeit neue In Ear Kopfhörer sucht sollte sich Ultimate Ears auf jeden Fall mal anschauen. Achja, es gibt auch die Variante mit Mikrofon was ich aber nicht gebraucht hatte. Kostet dann 10,- Euro mehr :)

Deutsche Bahn - auch scheiße...

Wollte ich doch mal wieder ein Dauer Spezial buchen. Nach langer suche hatte ich auch mal eins für 29,- Euro gefunden. Auf buchen gegangen und einen Zahlendreher bei der Kreditkarte gehabt. Vorgang abgebrochen. Kein Problem dachte ich. Machst du es einfach noch mal. Denkste! Auf einmal war das Angebot nicht mehr verfügbar. Lächerlich dachte ich mir und probierte es noch mal aber es war tatsächlich nicht mehr da. Es ist wirklich unglaublich...

Gestern dann mal wieder mit dem Wochenendticket von Plauen Richtung Köln unterwegs gewesen. Die erste Stunde hieß es wieder > Im Gang platz nehmen zwischen Fahrrädern und Reisegepäck. Da war die Stimmung natürlich gleich wieder auf dem Hochpunkt. Aber naja, ist halt so...

Shalom Typo Template

Der Gedankengang zu dem Template

Meine Idee war, ein Template ganz ohne Grafiken zu entwerfen welches optisch schick daher kommt und auch das ein oder andere Highlight zu bieten hat. Schnell kam mir die Idee mit der rießen Tagcloud im Hintergrund. Das ganze ist reines HTML und voll anpassungsfähig. Man könnte damit allerlei rumspielen. Zum Beispiel aktuelle Themen da rein packen. Suchmaschine sollte sich freuen. Ganz ohne Grafiken kam ich dann doch nicht aus so wurde in Raster über den Hintergrundtext gelegt damit dieser nicht so dominant daher kommt.

Sonst wurde ganz auf Grafiken verzichtet. Die Farbe Rot war schnell gefunden, ein Klassiker wenn es um solche Seiten geht. Schwarz, weiß und rot passen einfach immer gut. Technisch ist das ganz auch etwas aufwendiger gewesen. Der Scrollbalken der kommt wenn die Seite länger ist als der Browser ist nicht vom Body sondern kommt von einem DIV. Es wurden mehrere Ebenen übereinander gelegt damit das ganze so wie es jetzt zu sehen ist funktioniert.

Die neue Akkutechnik kann ich sehr begrüßen sowie den wieder vorhandenenFirewireanschluss. Ob nun ein Expresskartenslot oder ein SD-Kartenslot das MacBook schmückt ist mir persönlich egal. Der eine mag es so der andere so. Ich bin sehr zufrieden mit meinem neuen Gerät. Scheint super verarbeitet zu sein (was ja nicht immer der Fall ist) und es ist wirklich sehr steif - sehr schön. Auch das neue Display ist super und eine klare verbesserung zum Vorgänger der noch ohne "Pro" auskommen musste. Für mich ein super Produkt! Vielleicht folgen die Tage noch ein zwei Fotos.

Was auch noch schön ist, dass aber wohl mehr an OS X liegt als am Mac: Einfach altes System auf den neuen Rechner gespiegelt und weiter ging. Super einfach und unkompliziert. Hat ca. eine halbe Stunde mittels Firewire 800 Kabel gedauerd. Kein neuinstallieren von Programmen oder überlegen wie doch die ein oder andere Einstellung noch gewesen ist > SUPER! So macht arbeiten spaß. Das dazugehörigeAlu Keyboard und die Mighty Mouse sind bei Ebay gelandet. Wer möchte kann hier zuschlagen. Ich habe mir sogar erlaubt Windows wieder zu installiern via Bootcamp. Mal schauen wie oft ich das starten werde, wohl eher nur um mal ein wenig zu spielen.

Der erste Eindruck

Eigentlich sollte Bing ja erst Mittwoch online gehen aber es scheint schon ab heute zu funktionieren. Vielleicht habe ich auch einfach nur Montag mit Mittwoch vertauscht. Sei es wie es sei. Ich war so frei und habe mal einen Besuch gewagt. Der Startscreen von Bing ist deutlich Farbenfroher als der von Google. Man bekommt hier immer ein zufälliges Foto zu sehen und auf dem Foto ist die Eingabemaske für die Suche. Das lustige ist, dass hier das Wort "Beta" unter dem Schriftzug steht. Da hat man wohl von Google gelernt und nimmt seinem Dienst vielleicht ein wenig Angriffsfläche. Als Möglicheiten für die Suche hat man hier: "web", "Bilder", "Videos", "Shopping", "News" und "Maps" sowie "alle anzeigen", "nur Deutsch" oder "Seiten aus Deutschland". So weit erst mal nicht besonderes.

Die Suchergebnisse für normale Websuche

Erstmal muss ich sagen das die Folgeseite dann irgendwie recht billig wirkt mit dem Ausschnitt des Bildes welches man auf der Startseite gesehen hat. Hier hätte man vielleicht einfach das "Highlight" weglassen können und sich auf das wesentliche konzentrieren - die Suchergebnisse. Hier muss man sagen, dass diese wirklich schnell da sind. Zur qualität der Suchergebnisse möchte ich mich nicht äußern. Man will sich ja auch nicht zu weit aus dem Fenster lehnen aber ich würde einfach mal behaupten das Google dennoch die besseren bereit stellt. Sonst ist alles unspektakulär. Blaue Links, schwarzer Text und grüne Domainnamen.

Die Bildersuche

Bei der Bildersuche wird es schon etwas interessanter wie ich finde. Links hat man erstmal die Filtermöglichkeiten nach: "Größe", "Layout", "Farbe", "Stil" und "Personen". Das ganze ist Links schöner gelöst wie von Google die es oben drüber eingebaut haben. Wobei sich das vielleicht auch noch ändert. Die Bilder an sich werden ohne Beschreibung oder sonstiges angezeigt. Erst bei Mouseover zeigt sich wo das Bild herkommt und wie es heisst. Auch ein Link "ähnliche Bilder anzeigen" ist vorhanden. Hier bin ich etwas hin und her gerissen. Optisch wirkt das sicher etwas aufgeräumter als wenn man die ganzen Infos gleich mit anzeigt. Aber Usebillity technisch halte ich das nicht wirklich tauglich wenn ich jedes Bild erst mit der Maus überfahren muss um diese Infos zu bekommen. Was mir jedoch super gefällt ist, dass man sich bei den Bildern nicht durch die Seiten klicken muss sondern das wenn man nach unten Scrollt der Inhalt dynamisch nachgeladen wird. Erspart viele klicks manchmal.

Was noch auffällt ist, dass wenn man ein Bild anklickt man auch nicht direkt auf die Seite kommt sondern wie bei Google die Seite in einem Frame angezeigt wird. Aber anders als bei Google bekommt man hier links noch ein Frame mit den anderen Bildern angezeigt womit man schnell zwischen den Bildern wechseln kann. Das ist denke ich ein recht nützliches Feature. Man braucht somit nicht immer zurück und wieder klicken. Auch hier werden die Bilder dynamisch nachgeladen.

Die Video Suche

Die finde ich viel übersichtlicher als die von Google muss ich sagen. Links hat man wieder Filtermöglichkeiten wie: "Länge", "Bildschirmgröße", "Auflösung" und "Quelle". Die Videos werden sehr sauber angeordnet und es wirkt sehr übersichtlich. Per Mouseover starten die Videos auch und man kann sich somit einen kleinen Eindruck verschaffen. Hier hat man auf jedenfall sich schön Gedanken dazu gemacht wie man das ordentlich darstellen kann.

Fazit

Was soll ich sagen. Also persönlich würde ich wohl nicht umsteigen. Die Bildersuche überzeugt teilweise und die Videosuche ist optisch wesentlich aufgeräumter als die von Google zum Beispiel. Doch Videos suche ich nicht wirklich und bei den Bildern würde mir das Autonachladen bei Google gefallen. Also für mich kein Grund richtung Bing zu wechseln. Aber es wird interessant sein wie der neuste Suchmaschinen Versuch von Microsoft da draußen ankommt. Ob man Google damit mehr Marktanteile abringen kann oder ob die anderen Suchmaschinen eher die Verlierer sein werden.

Hier gehts zur neuen Suchmaschine: www.bing.de

Besucher

Ja es gibt Sie und es sind sogar mehr geworden was ja schon mal ganz nett ist. Doch was heisst das in Zahlen. Wie gesagt beziehen sich die Zahlen auf den Zeitraum vom:05.04.2009 - 05.05.2009. Es gab in dieser Zeit 15.284 Besuche davon waren 11.512 Absolut eindeutige Besucher. Diese Besucher haben 38.853 Seitenzugriffeerzeugt was eine Durchschnittlich 2,54 Seitenzugriffe pro Besucher macht. Die Besuchszeit lag bei Durchschnittlich: 00:02:03 pro Besucher. Alles in allem ganz ordentliche Zahlen und auf jedenfall eine Steigerung.

Woher kommen die Besucher

Interessant zu wissen ist auch woher die Besucher kommen. Die Seite ist deutsch und man würde davon ausgehen das der großteil der Besucher auch aus Deutschland kommt. So ist es dann auch tatsächlich. 
Hier mal die Top10 Länder:

• Germany 4.126
• United States 2.794
• United Kingdom 699
• China 493
• Canada 458
• Japan 424
• India 420
• Netherlands 336
• Brazil 328
• rance 321. 

Deutschland somit klar vorne. Dann folgt mit noch recht deutlichem Abstand zu Platz drei die USA. Liegt wohl daran, das die Seite hier schon durch so ziemlich jede Webgallery der Welt ging. Die meisten davon sind wohl von machern aus den USA.

Mit welchen Browser surfen die Benutzer

Firexfox? Internetexplorerer oder doch ein Exot wie Chrome? Es ist der Feuerfuchs der hier klar die Nase vorn hat. In Zahlen sieht das dann wie folgt aus:

• Mozilla Firefox: 63,48 %
• Apple Safari 14,87 %
• Microsoft Internet Explorer 14,80 %
• Google Chrome 3,52 %
• Opera 2,46 %. 

Der Internet Explorer von Microsoft ist jetzt schon auf Platz 3 abgerutscht. Eine Entwicklung die man eigentlich nur begrüßen kann. Sicher liegt es auch an der Art der Seite welchen Browser die Benutzer nutzen. Doch eine gewisse Tendenz nach unten wird wohl überall zu sehen sein beim Internet Explorer. Google Chrome hat es auf Platz vier geschafft und geht hier auf den 5% Anteil zu. Viele reden ja sehr gegen diesen Browser. Meiner einer wartet geduldig auf die Mac Version. Ein derart schneller Browser der ganz anderes surfen vermittelt. Wenn hier noch ein Pluginsystem kommt wird es wohl mein Browser und der Firefox wird abgelöst. Mal schauen.

Windows? Macintosh oder doch Linux?

Wer hat die Vormachtstellung beim Betriebssystem? Hier wird es wohl so schnell keinen Platzwechsel geben was Platz 1 angeht. Windows ist einfach fast uneinholbar vorne und das wird sich wie ich denke auch nicht ändern die nächsten Jahre. Aber der Vorsprung wird wohl weniger werden auch wenn es keine rießen Sprünge geben wird. 
Die Zahlen dazu: 

• Windows 66,55 %
• Macintosh 31,39 %
• Linux 1,55 %. 

Aber es sah auch schon anders aus, da hatte Windows noch mehr an Vorsprung. Doch die Macs holen auf, Schritt für Schritt. Auf Sagenhafte 0.4 % kommen Android,Iphone und Ipod, alle zusammen versteht sich. Nicht die Welt aber immerhin etwas.

Auflösungen, ein wohl sehr wichtiger Aspekt

Es ist soweit, man gestaltet eine Webseite und überlegt sich ein wie breit das gute Stück werden darf. Früher war 800x600 angesagt. Diese Zeiten haben wir zum Glück überwunden und wir nähern uns der 1000er Grenze. Aber diese Grenze zu überwinden traut man sich noch nicht wirklich oder eher selten. Man geht heute immernoch davon aus das man für 1024 optimieren muss. Das ergibt dann meistens Breiten so um die 900 bis 980 Pixel, da Scrollbalken ja auch noch Platz finden müssen falls die auftauchen. Schaut man sich aber die Statistiken hier an fällt auf, dass 83,08 % der Besucher eine Auflösung hat die größer als 1200 Pixel ist. Genauer gesagt1280 Pixel breit. Das ermöglicht ganz neue Sachen da man locker 200 bis 250 Pixel mehr Platz in der Breite hätte. 

Hier die genauen Zahlen:

• 1680x1050 18,53 %
• 1280x1024 17,61 %
• 1280x800 16,04 %
• 1440x900 15,45 %
• 1920x1200 11,56 %
• 1024x768 10,00 %.

Nur noch 10 % surfen mit einer Auflösung von 1024 Pixeln. Alles was drunter kommt hat großteils auch wieder mehr als 1200 Pixel oder schafft nicht mal 1 % Anteil. Sehr gute Entwicklung wie ich finde.

Weitere Statistiken

Knapp 67 % haben die Flashversion 10 auf ihrem Rechner installiert.Knapp 84 % haben Javascript aktiviert.

Häufigste Zugriffsquellen waren:

• Direkt 20,93 %
• Google 9,63 %
• Smashing Magazine 8,56 %
• Designm 3,94 %
• Vandelay Design 3,88 %.

Die Top 3 der Suchbegriffe:

• Grafikdesign 242 Zugriffe
• Grafik Design 154 Zugriffe
• David Hellmann 117 Zugriffe

Die Top 5 der aufgerufenen Seiten:

• Startseite 15.815 Zugriffe
• Portfolio 5.202 Zugriffe
• About 1.554 Zugriffe
• Blog 1.394 Zugriffe
• Contact 719 Zugriffe

Der Zeitraum für diese Daten ist der: 05.04.2009 - 05.05.2009.

Frank Bültge

In Deutschland kann man Frank Bültge in einem Atemzug mit WordPress nennen. Ob Plugins, Hilfestellungen oder Buch, er kann mit allem dienen und dazu noch in einer hervorangenden Qualität! Wie oft kommt es vor, dass man etwas für WordPress sucht wenn man mal wieder fleißig am Programmieren ist. Eine der ersten Anlaufstellen sollte hier ganz klar Frank's Webseite www.bueltge.de nennen und diese auch besuchen. Einen großteil der Probleme sollten sich nach einem Besuch erledigt haben. Bei mir jedenfalls hat es meisten geklappt. WordPress = Frank Bültge! Bam!

StyleSpion

Ehrlich gesagt kenne ich diese Seite noch nicht lange. Jan war es glaube, der mir damals einen Link geschickt (www.stylespion.de) hatte der auf einen Artikel der Seite verwies. Wenn ich schon mal da bin dachte ich, schaue ich mich doch auch gleich etwas genauer um. Interessant muss ich sagen. Besonders die Serie "15+1" ist ein nettes Feature der Seite. Jeder kann mitmachen und die Fragen beantworten. Besonders toll sind die Beiträge wo die Personen auch das ein oder andere Foto ihrer Wohnung oder Umgebung mit veröffentlicht haben. Schön zu sehen wie kreativ manche bei ihrerer Wohnungseinrichtung sind. Aber nicht nur wegen 15+1 ist Stylespion einen besuch wert. Hier geht es um allerlei kreative Dinge. Sei esWohnung, Essen oder Klamotten. Für jeden etwas dabei. Auch das ein Musthave im RSS Reader und bei jedem neuen Beitrag immer schön auf die Seite gehen und lesen.

Design Tagebuch

Hier geht es um Design! Jawohl, um Design, eben das Design Tagebuch. Hier werden Themen Diskutiert wie "Relaunch von Webseiten", "Logo Neugestaltungen" und um vieles mehr. Sehr gute Artikel und interessante Diskussionen in den Kommentaren machen den Reiz der Seite aus. Meiner einer ist eher da um zu lesen und weniger um zu schreiben und zu diskutieren doch hin und wieder kommt auch das vor. Schaut einfach mal vorbei. Es lohnt sich!

Peter Kröner

Auch noch nicht lang kenne ich die Seite von Peter Kröner (www.peterkroener.de) wobei ich glaube sie vor längerer Zeit schon mal besucht zu haben. Naja egal. Letztens kam ich mal wieder drauf und gleich fing ich an den ein oder anderen Artikel zu lesen. Mootools, HTML und CSS das schwirrt mir spontan durch den Kopf wenn ich an die Seite denke. Viele interessante Artikel zu aktuellen Themenlassen einen auch gern und oft wieder auf die Seite kommen. Peter vermittelt das Gefühl das er weis worüber er schreibt und das er sein Wissen und seine Gedanken mit anderen Teilen möchte. Vor einigen Tagen gab es auch ein kleines Facelift seiner Webseite. Bookmark > los!

Thomas Aull

Er ist ein Fan von Expression Engine und wartet wie viele voll gespannt auf die lang versprochene Version 2. Trotzdem nutzt er WordPress und hat seine Seite nun endlich zuende gebaut und ist seit einigen Wochen damit online. Auf www.thomas-aull.de findet man jetzt auch die ersten Blogeinträge von Thomas. Hier wird über das geschrieben was gerade einfällt und es ist auf jedenfall interessant zu lesen.

Der erste Eindruck ist sehr positiv. Beim Start wird nach den Twitter Benutzerdaten gefragt und nachdem man diese eingegeben hat kann es auch schon los gehen. Besonders schön finde ich das hier auf viel schnick schnack verzichtet wurde. Das Programm kommt minimalistisch daher und wirkt weder überladen noch kompliziert zu nutzen. Es gibt eine Seitenleiste wo man erst sein eigenes Bild sieht und drunter die gewohnten Twitter Funktionen: Tweets, Replies, Messages und eine Suche. Quasi alles was man braucht. In der Statusleiste ist ein kleines Symbol was man klicken kann um Nachrichten zu verfassen. Alternativ wäre auch CMD + N möglich.

Replies und Messages werden in von der Iphone SMS typischen Bubblestyle Art dargestellt. Alles wirkt sehr aufgeräumt und dezent. Optisch und funktional einfach ein super Programm. Man kann sogar mehrer Accounts damit verwalten. Konnte ich so nicht testen da ich nur einen Account besitze aber das wird schon gut klappen. Bis jetzt der wohl beste Twitter Client den ich getestet habe.

Coda habe ich bisher nur in der Testversion da ich nicht 100% zufrienden war und 99$ dann auch nicht gerade wenig sind um es dann auf der Festplatte verkümmern zu lassen. Ich möchte hier nicht wirklich auf Programmdetails eingehen denn da beide als Testversion verfügbar sind kann sich jeder selber ein genaues Bild davon machen. Im Moment würde ich eher zu Espresso tendieren da es wie ich finde einfach flüssiger läuft und nicht überladen ist. Coda kann naürlich eine Menge mehr aber vieles davon brauche ich nicht wirklich zwingend. Kurz und knapp: das arbeiten mit Espresso kam mir einfach angenehmer vor. Und es beherrscht "TAB" und "SHIFT+TAB" von Haus aus um den Coda ein- und auszurücken. Doch das einzigste was Espresso nicht kann, was mir aber sehr wichtig ist bzw. zwingend notwendig ist das "arbeiten auf dem FTP Server". Hier hoffe ich, dass MacRabbit nachbessern wird und das ermöglicht. Solang das nicht der Fall ist werde ich mich wohl auch nicht 100% auf Espresso einlassen können was wie ich finde sehr schade ist.

Wenn der ein oder andere schon beide ausprobiert hat würde mich interessieren welcher der Favorit von den beiden war.

Update

Man lernt ja nie aus. Wie Martin nun richtig gestellt hat (siehe Kommentare) ist es doch möglich direkt auf dem FTP zu arbeiten. Wie ich finde ist die Lösung aber nicht die schönste da es erfordert, das Projekte angelegt werden müssen. Nur auf dem Server arbeiten ist von daher so gesehen trotzdessen nicht möglich. Man muss wenisgtens ein Pseudo Projekt angelegt haben. Finde ich noch nicht 100% zufriedenstellend aber immerhin ist es schon mal fast möglich. Was dann aber auch noch stört ist die Tatsache, dass man keinen Dateibaum immer vor der Nase hat sondern immer wieder erst auf den FTP Server > Browse klicken muss um eine andere Datei zu bearbeiten. Arbeitet man mit Projekten und der QuickUpload funktion geht es allerdings da diese Dateien links im baum angezeigt werden.

Besondern GMUNK und Joshua Davis muss man hier aber hervorheben. Sie lieferten nicht nur einen super interessanten Vortrag ab sondern waren auch Unterhaltungsmäßig ganz weit vorn dabei. Auf jedenfall kann ich jedem nur nahe legen sich soetwas mal live anzuschauen! Fotos von der ganzen Sache gibt es auch bei Flickr.

Erster Eindruck

Ja ist halt ein Touch Handy na... Es ist jetzt nicht so das ich vor Freude im Dreieck gesprungen bin aber ein wenig freude kam schon auf. Das Display ist schön hell und scharf und reagiert auch wunderbar ohne große verzögerung so das man gern seine Finger darüber streifen lässt. Der Slider geht super und wirkt auch so als ob er nach einem Jahr noch so ähnlich funktioniert. Also gut verarbeitet. Das Gehäuse hat guten Grip und liegt auch gut in der Hand. Es ist wie gesagt optisch kein iPhone aber ich finde es dennoch sehr schick. Die Vollwertige Tastatur ist eine super Sache und nach ein wenig probieren kann man damit auch recht gut schreiben. Klar sind die Tasten nicht sehr groß aber meine Wurstfinger finden meistens den richtigen Punkt wo sie drücken müssen.

Ein paar nützliche Tools

Android Market gibt es beim G1 wie es den AppStore beim iPhone gibt. Hier hab ich schon das ein oder andere Tool runtergeladen. Also Browser nutze ich zum Beispiel "Steel" der sehr nah an dem des Iphones angelegt ist. Hier ist sogar die virtuelle Tastatur dabei die normal nicht vorhanden ist. Auch funktioniert hier derNeigungssensor oder besser gesagt nutzt der Browser ihn um das Bild zu kippen sobald man das Handy dreht. Das sollte man in einer der nächsten Firmware updates auf jeden Fall standardmäßig mit einbauen. Ist einfach intuitiver. Dann hab ich noch ein Tool drauf was mir den Traffic anzeigt. Hier kann man sehen was man "heute", "gestern" ... "den letzten Monat" an Traffic verbraucht hat. Ganz nützlich wenn man einen Datentarif hat mit einer begrenzten Menge an MB pro Monat. So verliert man nicht den Überblick und verhindert somit vielleicht unangenehme Rechnungssummen. Da das G1 ja immer online ist gibt es auch hier Tools die diese Funktionen abschalten. ToggleWifi, Toggle GPS und APNdroid verrichten hier gute Dienste. Im Grunde gibt es schon viel zu viele Programme und Erweiterungen um den Überblick zu behalten. Es sollte aber für jeden was dabei sein.

Keine Klinke Buchse

Das finde ich etwas schade. Für mich jetzt erstmal nicht so schlimm da ich eh einenIpod besitze und dieser meiner Meinung nach bessere geeignet ist fürs Musik hören. Aber eine Klinkebuchse sollte eigentlich zum Standard gehören und nicht fehlen. Schön ist hingegen das man über den USB Slot laden kann sowohl normal mit Ladegerät oder einfach per USB Kabel am Rechner.

Fazit

Ein schönes Spielzeug was ich nun immer bei mir haben werde. Ich glaube zwar nicht das man so ein Handy unbedingt braucht aber wenn man es dann hat will man es wohl auch nicht mehr hergeben. Auf dem Gebiet wird sich die nächsten Monate/Jahre wohl noch einiges tun und die Telefone werden noch mehr Leistung bekommen und auch noch mehr können. Interessant wird sein wie sich das mit demMultitouch entwickelt. Apple hat ja die Rechte daran und mal schauen ob andere bereit sind Lizenzgebühren dafür zu zahlen. Vielleicht will das Apple ja aber auch gar nicht. Persönlich finde ich aber das Multitouch auch etwas überbewertet. Ich brauche es nun nicht wirklich oder besser gesagt vermisse ich es bisher nicht. Wer überlegt das G1 zu kaufen dem kann ich nur guten Gewissens sagen: "auf gehts!".

Was sind diese Custom Fields überhaupt

Das sind einfache Eingabefelder die man einer Seite oder einem Artikel anhängen kann. Quasi Metainformationen zum Artikel. Das Prinzip ist denkbar einfach. Es gibt einen Schlüssel und diesem wird ein Wert zugewiesen. Ein einfaches Beispiel wäre dann also: Kunde > Kundenname. Der Schlüssel Kunde bekommt den Wert Kundenname. Zu finden ist das ganze unter dem normalen Eingabefeld und heisst entweder "Custom Fields" oder "Benutzerdefinierte Felder".

Bevor man anfängt…

…sollte man sich Gedanken über den Aufbau machen damit man nicht wie ich zehn mal neu anfängt bzw. im Nachhinein dann viel ändern muss. Welche Werte möchte man später ausgeben lassen? Macht es Sinn das ein oder andere zusammenzufassen oder doch lieber für jedes ein einzelnes Custom Field anlegen. Bei mir war das speziell der Fall bei: "Umfang"... Sollte ich jetzt für jede Art der Arbeit ein eigenes Custom Field anlegen oder reicht es wenn ich das unter einem zusammenfasse? Mehr Möglichkeiten bieten sich auf jedenfall wenn man es einzeln macht. Hier muss man wie schon angesprochen einfach schauen was für einen die bessere Lösung ist.

So werden die Custom Fields ausgegeben

Schauen wir uns erst einmal an wie das ganze ausgegeben wird. Ich nehm hier das Beispiel wie ich es in meinem Portfolio verwendet habe. Ich lege mittels Custom Field den Ordner fest worum es sich handel (Web, Print, Apparel) und dann lege iich noch den Bildnamen fest. Mehr nicht, der Rest wird im Loop gemacht.

So werden Custom Fields hinzugefügt

<!-- Wordpress Loop -->
<?php if (have_posts()): ?>
<?php while (have_posts()) : the_post(); ?>;
 
<!-- Hier kommt der Inhalt hin -->
<!-- Den Inhalt der Felder speichern wir in Variablen -->
 
<?php $ordner = get_post_meta(&post->ID, 'ordner', true); ?>
<?php $img01 = get_post_meta(&post->ID, 'img01', true); ?>
 
<!-- $ordner und $img01 sind die Variablennamen in diesen der Inhalt 
gespeichert wird. das 'ordner' und 'img01' sind die Custom Field Namen 
die wir später im Beitrag mit Inhalt füllen werden im nächsten Schritt 
Fragen wir ab ob der Inhalt des NICHT Leer ist und wenn das der Fall ist 
dann soll er etwas ausgeben -->;
 
<?php if($img01 !== '') { ?>
<p class="bild"><img src)"<?php bloginfo('home'); ?>/
wp-content/uploads/portfolio/<?php $ordner; ?>/<?php echo $img01; ?>.jpg" 
alt="<?php the_title(); ?>" /></p>
<?php } ?>
 
<!-- Jetzt wird, falls das Custom Field "img01" ausgefüllt ist, 
ein Bild angezeigt. Das Custom Field "ordner" sollte natürlich 
auch richtig ausgefüllt sein damit der Pfad zum Bild später stimmt. 
Jetzt muss nur noch der Loop geschlossen werden und das ganze ist fertig. 
Natürlich kann man das ganze noch mit anderen Sachen ergänzen 
aber da soll hier nicht näher drauf eingegangen werden. -->;
 
<?php endwhile; else: ?>
<p>Falls keine Artikel vorhanden...</p>
<?php endif; ?>

Custom Fields werden ganz einfach hinzugefügt. Das funktioniert bei Artikeln und auch bei Seiten. Man scrollt einfach wenn man einen Beitrag schreibt nach unten zur Box "Custom Fields" oder wer die deutsche Version hat: "Benutzerdefinierte Felder". Dort schreibt man bei Name einfach den gewünschen Feldname rein. Sollte man schon mal einen Beitrag verfasst haben und Custom Fields genutzt haben kann man hier auch per Drop Down Namen auswählen. Wenn man sich für einen Namen entschieden hat bekommt dieser einen Wert. In unserem Beispiel ist das "img01" als Name und "Bildname" der Wert. Ist alles richtig klickt man auf hinzufügen und das Custom Field wurde gespeichert. Man kann so viele anlegen wie man möchte bzw. so viele wie man benötigt. Man sollte sich vorher gedanken machen was wirklich gebraucht wird.

Ein vorhandenes Custom Field kann natürlich auch bearbeitet werden. Dazu geht ihr einfach in den Beitrag wo etwas bearbeitet werden soll und scrollt wieder zur Box mit den Custom Fields. Dort seht ihr dann die schon gespeicherten und könnt diese einfach ändern und klickt anschließend auf aktualisieren.

Plugins um das ganze etwas einfacher zu machen

Ich nutze das Plugin "More-Fields" was mir die Arbeit deutlich vereinfacht. Es soll hier keine Beschreibung des Plugins werden. Soviel sei aber gesagt. Man kann damit schön Sets erstellen für Custom Fields welche man dann beim schreiben einfach mit ausfüllen kann. Problem gibt es hier nur mit den WordPress Post Revisions die abgeschaltet werden müssen sonst schreibt er bei jedem Speichern die Custom Fields doppelt. Das ganze macht man einfach indem man eine kleine Zeile in die config.php schreibt:

define('WP_POST_REVISIONS', False); 

Sollte es Fragen geben dann fleißig in den Kommentaren posten.

Besucher 01.07.2008 - 10.08.2008

In diesem Zeitraum gabe es 12.473 Besucher was einen Durchschnitt von 304,22 Besucher / Tag macht. Wie ich finde kein schlechter Schnitt. Diese Besucher haben31.735 Seitenzugriffe verursacht was einen Schnitt von 2,54 Seiten / Besuchermacht. Durchschnittlich halten sich die Besucher 00:02:11 Minuten auf der Webseite auf.

Aus diesen Ecken der Welt kommen die Besucher

Die Karte verdeutlicht wo die Besucher her kommen. Hier mal die Top5: 1. Deutschland (2.789 Besucher), 2. United States (2.187), 3. China (1000), 4. United Kingdom (494), 5. Canada (383). Da es eine Deutschprachige Seite ist verwundert es auch nicht das die meisten Besucher aus Deutschland kommen. Erfreulich ist aber, dass Leute fast von überall her aus der Welt hier vorbei schauen.

Mit diesen Browsern surfen die Besucher

Ganz klar liegt hier der Firefox (60,91%) vor dem Internet Explorer (23,13%) und dem Safari (11,45%). Knapp drei mal mehr Besucher surfen mit dem Firefoxanstelle des Internet Explorers. Das war nicht immer so.

Diese Betriebssysteme nutzen die Besucher

Hier führt Windows (74,42%) klar vor Mac (24,42%). Linux schafft es garde mal auf 1%. Auch hier ist es sicher interessant zu beobachten wie die Entwicklung weiter geht.

Diese Auflösungen haben die Besucher

Hier liegen alle recht nah beieinander. Hier mal die sechs wichtigsten: 1. 1280 x 1024 (21,09%), 2. 1680 x 1050 (16,43%), 3. 1024 x 768 (16,03%), 4. 1280 x 800 (14,99%), 5. 1440 x 900 (11,87%), 6. 1920 x 1200 (9,25%). Knapp 40% surfen heute mit einer Auflösung die höher ist als 1024 x 768. Ein Trend der hoffentlich anhält.

Weitere Statistiken

Die meisten der Besucher haben Javascript (91,34%) aktiviert. Die neusteFlashversion nutzen immerhin 65,65%. Alle Daten beziehen sich auf den Zeitraum vom 01.07.2008 - 10.08.2008

Was daraus gewurden ist könnt ihr jetzt anschauen: 

• Make Better Websites 
• Make Better Flyers

• http://subdomain.davidhellmann.com/demo/webseite-buchcover/ Website Buchcover

An diesem 21.01.2008 waren auf einmal knapp 900 Besuche zu verzeichnen was mich erstmal sehr verwunderte denn ohne weiteres steigen die Besucherzahlen ja nicht einfach um ein 20-30 faches an.

Nach ein paar klicks in der Statistik und beim Punkt "Verweisende Websites" angekommen wurde dann auch schnell klar woher die ganzen Leute kamen... Meine Webseite wurde bei "Bestwebgallery" aufgenommen und ruck zuck klickten die Leute fleißig bei mir auf der Seite herum.

Doch damit nicht genug. Jetzt kommt der Begriff "Schneeballprinzip" ins Spiel. Kaum wurde es auf Bestwebgallery gepostet stand meine Seite auch bei einer Menge anderer Seiten mit drin. Da wurde mir erstmal klar, wie viele es solcher Seiten doch gibt. Kennt man zwanzig Seiten davon, dachte man, dass man schon fast alle kennt. Bei weitem nicht. Mich überkommt das Gefühl, das es hunderte sein müssen. Sogar auf der ein oder anderen Japanischen / Chinesischen Seite tauchte ich auf.

Ein kleiner größerer Auszug davon hier:

• The Best Design
• CSS Mania
• CSS Remix
• CSS Artillery
• SJ63
• Designwalker
• 52 Design
• Screenalicious
• Light on Dark
• CSS Nature
• 68 Design
• D500
• Max Tillich
• Web Newly
• CSS Galleries
• Screenfluent
• Design Shack
• Most Inspired
• CSS Mess
• Daily Slurp
• CSS Creme
• CSS 20
• CSS Transformer
• Netzfrühling
• Designmeltdown
• CSS Dir
• Ala Brasil
• Dr. Web Blog
• BM Access
• CSS Cube
• Visuelleorgasmus
• Hot Webber
• Designgrabs
• CSS Leak
• CSS Rand
• One Star Gallery
• Web Doctrine
• Designlinks
• Nice Stylesheet
• Viki Works
• Jay Han
• Best CSS Gallery
• CSS Warfare
• Inspiration Folder