Hier gleich drei Tools mit denen man harmonische Schriftgrößenverhältnisse per CSS schaffen kann:

• Gridlover von Ville Vanninen und Tuomas Jomppanen, die die wohl coolsten Domainnamen der Welt besitzen.
• Typograph von Iain Lamb
• Golden Ratio Typography Calculator von Pearsonified

Unrelated Bonus Movie:

Mehr, mehr, mehr von sowas im Vimeo-Channel von Nice Type.
[nicht, wie ich erst dachte via dem erstaunlichen Chris Heilmann, sondern dem erstaunlichen Marc Thiele]

2011:

1987:

aber:

via tobestobs

• A cat.
• Only one HTML-element.
• A bunch of CSS.
• 12 borders.
• Plus one.

No way?

• See how this is done.
• Leave a comment

Hier eine Liste von hilfreichen Referenzen, Tools, Dings; hauptsächlich damit ich sie selbst schneller wiederfinde:

• CSS-Gradients sind der allerletzte Sch… …rei. Total cool im Prinzip, aber auch total schwierig im Grafikprogramm abzuleiten oder gar im Kopf auszudenken. Und Firefox kann keine Notation mit rgba, verflixt nochmal. Der CSS3-Gradient-Generator hilft.
• Absolut praktisch auch der Gradient Scanner, um den Code direkt aus einer Grafik, einem Screendesign abzuleiten.
• CSS-Transitions sind eine Offenbarung. Ein Nervpunkt: andauernd mit Browser-Prefixen rumhantieren. Ein anderer: Das Easing kann ich mir im Hirn nur ganz schwer previewen. Und da man das Easing per Bézier-Ankerpunkte selbst basteln kann (w00t), macht man das dann auch. Mit dem CSS cubic-bezier Builder ein Riesenspaß für die ganze Familie.
• Webfonts sind das fast Allerneuste. Und die meisten sind leider nicht so besonders gut. Als Fließtext. Und das testen ist recht aufwändig. Good web fonts will da helfen, leider noch etwas dünn.
• Sich selbst ein Webfont-Päckchen schnüren lassen, sprich die ganzen Font-Formate konvertieren, Subsets machen, weitere Optimierungsoptionen und direkt mit aktuellem Code zum Einbinden: dem Font-Squirrel sein @font-face-Generator, natürlich.
• Die Webfonts im Directory von Google zeichnen sich dadurch aus, dass sie schnell und einfach einzubinden sind, zudem kostenlos und die Qualität insgesamt ok bis sehr gut ist.
• Für Chrome gibt es dazu noch eine Extension, um einen beliebigen URL in einem der Google-Webfonts anzuzeigen. Großartig um zu Testen.
• Ähnliches, aber noch etwas mehr macht der FontFriend, ein JS-Bookmarklet zur Preview eines Dokuments mit einem lokalen @font-face (drag and drop) oder gWebfonts und einigen Optionen (line-height, text-transform, nur spezielle Selektoren …). Außerdem zeigt er an welche Fonts auf der aktuellen Page verwendet wurden (wow!). Ein echter Knaller.
• Unerlässlich um herauszufinden, ob man diese und jene CSS3-Anweisung benutzen will: Can I Use.
• Trotz @font-face sind Fontstacks natürlich nicht tot, und ein Fallback muß sowieso her. Gute Quelle: CSS-FontStack, Supercooles Profitool ist aber, obwohl knackhäßlich: Der Font stack builder von Codestyle. Einfach ausprobieren, verwirrt erstmal kurz, ist aber sehr hilfreich.
• Hier ist die GoogleWebFontLoaderAPI-Dokumentation. Falls man die mal braucht.
• Wissenwertes über font-smoothing (Webkit im Speziellen) und wie man es (im Allgemeinen) per JS detecten könnte
• Komplexere Schatten per CSS ist nur einer der Erstaunlichkeiten auf der Site von Nicolas Gallagher
• Schnell mal die Anweisungen für border-radius zusammenklicken.
• Box-shadows, gradient, border-radius photoshopmäßig zusammenklappern
• Border-radius so richtig verstehen, weil jede Ecke hat ja zwei Radii, jaja.
• Mehr Links zu CSS, Webfonts und @font-face

tbc … add your own in the comments. (Thx @schoschie, @yellowled)

Discussing a website layout with a client, the question came up, in which way the look of such a box could be manipulated. I had to google more than usually to find a hint, quite a layout-hack actually.

The bad news: It seems one cannot do much about the looks, speaking of colors, fonts and all inner elements of the iframe – no wonder considering it being an iframe, right? You possibly can or cannot do more to the XFBML-version of the code, but i didn’t really look into that one. So this is just for the iframe thing.

The good part: You can hack the appearance of background and border. Better said, you can obscure the border of the Like Box and render your own border over it. Changing the background is no big thing, as the allowTransparency-attribute of the iframe is set to be true by default.

The trick is done by a wrapping div, negative margins and some adjustment to the width and height of things.

Finally, here is an example document where you can see it in work and check out the code modification. I used inline CSS for illustration purposes, of course i recommend to use external CSS-files for several reasons, you hopefully know yourself.

And, yes, did just created a Facebook Page for this blog to use it in the example. Well …

As always, handle code with care. Hints and critisism welcome.

es geht los, ich tippe:

sein arbeitsschwerpunkt: mobile, tablet

storytelling ist ein weites und junges experimentierfeld.

markt: ipad großer hype, aber es sind bereits mehr tablets+smartphones in diesem jahr verkauft worden als desktop pcs .

ein ipad braucht eigentlich niemand, trotzdem innerhalb 28 tagen 1 mio ipads verkauft worden. schneller als das iphone (75 tage). (aber auch: wii: 13 tage, nintendo ds: 15 tage)

insgesamt 15mio ipads in 2010 verkauft. es gibt jetzt ein vielfaches an ipads als iphones (echt?).

er zitiert döpfners gebet. betet es aber nicht nach.

magazinverkäufe trotz allem hinter den erwartungen. schade, doch nicht so einfach die verlage zu retten.

downloadzahlen sind ungleich nutzungszahlen. viele ipads liegen nur rum, viele apps werden nicht verwendet. nur wenige apps werden länger als 90 tage nach kauf überhaupt noch benutzt.

deutsche saleszahlen die schlechtesten in der welt:
ca. 0.5 mio ipads bisher in de. enttäuschend.

er zeigt den hype cycle. wir sind in der frühen entäuschungsphase.
wie kommen wir auf den aufsteigenden ast?

markt noch groß, aber wie kommt man rein ins ipad? die antwort gibt er nicht wirklich.

jetzt endlich inszenierung und herangehensweise. sagt er.
dann leider doch nur technik/konzeptstrategie.

passenden technologiepfad auswählen:

A: epaper/ebook/pdf/epub: printlogik. ziemlich lahm. er sieht das auch so. dennoch gemacht, bei faz etc.

verlage sagen: zeitung ist perfekt, bitte einfach aufs ipad bringen. wenig aufwand, schnell machbar, kaum multimedia, wenig kreativ, kaum ux im spiel. findet er schade. ich auch.

B: rma (rich media app)
indesign-basierte produktion (s. frankf. rundschau): nah an print/seitenlogik entwickeln, standardtools, hohe freiheit, hoher aufwand, großes team, multimedia. adobe bietet es günstig an, woodwing ist konkurrent.

problem: kein text, alles jpgs, hohe datenmenge. (meine meinung: zur not kann man das wohl machen. sonst besser nicht.)

multimedia erzeugt großen impact auf die user, sehr attraktiv, lädt tageszeitung positiv auf. sagt die mafo.

daher machte man apps am anfang auch, allein schon um das image von tageszeitungen aufzumöbeln. aber ist es die app, oder das ipad das begeistert? weiß man nicht.
da hat er recht.

er zeigt recht unspektakuläre animation generischer interaktionsmöglichkeiten einer app, blättern, swipe, oben, unten, html widget. es scheint die präsentation für verlagstypen zu sein.

jetzt aber:
C: custom / webbased / native: selbstgeschraubt, meist html.

heute meist native und html kombi.
warum immer mehr html? weil dem ipad andere geräte folgen, die man schnell bedienen will.

printdenke, aber auch webdenke (!) sind jeweils alleine nicht genug um tablets zu denken.

logischerweise hoher aufwand; ObjectiveC etc.
dafür auch totale kreative freiheit, sensoren und so weiter.

jetzt zeigt er die app vom porsche museum, die noch nicht im store ist, die ich nun aber schon länger kenne, aus gründen. sieht gut aus.

noch ein dummybeispiel: reisekatalog.
im prinzip mix aus tv, heft, website. so gesehen aber auch was eigenes:
interaktion mit einem globus, videosequenz mit popmusik der destination, zwischendurch interfaces, wie man sie damals auf cdroms gerne gemacht hätte. ist ja auch nur ein mockup.
zeigt aber gut, das es eben eine kombination aus allem und dazu noch touchy ist.

für verlage ist sowas täglich freilich viel zu aufwändig. ein dilemma.

tablet (ipad) ist lean-back pc, das gab so es noch nicht auf der welt.
ist auch mehr als reines lesebuch (kindle): location, messages, mails, fotos, camera, und das ganze ding mit dem internet etc. es wird klar. SoLoMo und so. nur wie bindet man Social und Location ins ipad gut ein? er nennt flipboard, aber viel gibts da noch nicht, vor allem bei location. darauf freut er sich, ich auch.

»social media als storytelling-motor«. er schwimmt etwas, weil das jetzt natürlich noch niemand weiß, wie das richtig geht. verständlich.

man muss sich neu aufstellen, linear wird interaktiv, rückkanal, monolog wird konversation. meine rede.

die ausgaben metapher ist ihm auch nicht ganz plausibel, beim thema »abgeschlossenens leseerlebnis« ist er, wie ich, skeptisch.

real-time, always-on hat auch nachteile: inhalte sind später wieder weg, offline geht nix mehr etc.

letztlich: die mögliche user experience wird noch von wenigen apps ausgereizt. oft wäre eine website auch die richtigere lösung, wenn die bezahlfunktion im web besser möglich wäre.

am ende der hinweis, das alles perpetual beta ist, was entwickler auch frustriert, aber so ist das nun mal. eine app ist einfach auch nie fertig. (und die agentur hat auch immer was zu tun, sag ich mal.)

ein paar fragen aus dem publikum, das wars.

fazit:
insgesamt kann man sagen UX auf tablet ist ein großes unerforschtes land, wird von den allermeisten nicht ausgenutzt, weil aufwand und time-to-market dagegen sprechen. als verlag man muss sich entscheiden ob man aus dem print- oder webprozeß ins pad geht, ob man es ganz billig als pdf macht, es per indesign o.ä. noch etwas aufpeppt (vergleiche springer/keese) oder ob man es sich leisten kann oder muss etwas originäres, kreatives, gutes zu machen, am besten mit webtechnologie angereichert um gerätespezifische native elemente, damit crossplatform denkbar bleibt.

danke! war guter überblick des status quo aus dem jahr 1 nach ipad.
die strategy wurde klar, was storytelling jetzt genau bedeutet, … next time.

hier der bericht dazu im typoblog.

mehr zum thema: die keynote von c. keese (axel-springer) vom vortag.

jetzt essen und reden.

morgen mehr.

[via dhrac]

launch crystalgalaxy now

[via chromeexperiments.com]

Eine Revolution in der Typografie für Web-Design kündigt sich an, die bereits kommerziell verwertet wird – zum Beispiel vom Schriftenhaus Fontshop via Typekit als gehostete DRM-Lösung. Meine leise Kritik daran habe ich bereits in den Kommentaren eines Videos mit Erik Spiekermann hinterlassen. [s. auch]

Gerrit von praegnanz.de hat vor ein paar Tagen begonnen Typekit einzusetzen und ist auf einige Probleme mit Nutzern von WIndows und Linux gestoßen.

Ich habe jetzt hier in diesem Blog angefangen @font-face zu verwenden. Aktuell benutze ich einen kostenlos erhältlichen Schnitt der Schrift Zag von Fontfabric für Überschriften und in der Seitenleiste, da dies vorbildlicherweise in der EULA der Schrift erlaubt ist.

Daher würde mich interessieren, ob die Überschrift dieses Artikels in eurem Browser so aussieht:

Falls nicht, freue ich mich über einen Kommentar, der den Unterschied erklärt und am schönsten wäre ein Screenshot, der den Unterschied zeigt. Bitte nennt auch Browser, Version und Betriebssystem – Bei Windows© bitte angeben, ob ClearType® aktiviert ist. Danke!

Mehr Quellen zur weiteren Recherche zum Thema: @font (Tobias Otte) bei Twitter, das Working Draft des W3C, nicewebtype.com, fontembedding.com, Paul Irish, FontSquirrel Generator.

Außerdem hab ich jetzt hier Google Friend Connect, doch bedenke dies.

25C3: Nothing to hide
25th Chaos Communication Congress
December 27th to 30th, 2008
bcc Berliner Congress Center, Berlin, Germany

und dann:

re:publica ‘09: Shift happens
Web-2.0-Festival
vom 1.-3. April 2009 in der Kalkscheune, Berlin-Mitte

Bis dann. Viel Spaß!

Platforms of the Social Web do manage to involve the users, but also consist for the most of them of content produced by users or the communication of users. Within that there are patterns of design implemented, that allow and enhance participation and conversation. Here is a overview of recurring patterns, which have been called Conversational Design Patterns recently.

Conversational Design in the sense of Community Design or Design for Participation is very young as a term; there is no wikipedia article today and Google just gives you a handfull of relevent sources. Pedro Custódio brought the term to Germany with his eleborated presentation at the Berlin Web-2.0-Expo in last autumn. Design is meant here in the sense of concept and gestalt, rather than just visual appearance, while the patterns used also contain visual representation and interactive behaviour.

So a new buzzword is born, hurray. The goal behind it, may be as old as the www itself: all participants in the global web shall be acting as senders of information and take part in a digital interchange of ideas. Bertolt Brecht’s Radiotheorie [de] is often referred to as an early manifestation of this idea. Usenet, IRC, forums and newsgroups were and are expressions of this freedom within the internet. But in many cases their patterns of interaction seem to be too complex for the regular user and appear as closed communities of some secret knowledge.

The outcome of the dotcom-era of the late 1990s makes obvious that businessideas have survived that managed to integrate the users themselves. EBay is still existing on the commerce users execute amongst them. Amazon draws its early USP, the recommendation of products from the clicking and buying behaviour of their customers and gained credebility and trust from usergenerated reviews, lists and forums.

Participation is the major paradigm shift in Web 2.0.

The popularisation of the idea of users being an online-community that reads and writes is now becoming more and more apparent in services of the so called Web 2.0. The userbuild encyclopedia Wikipedia, video and photo communities like Flickr, YouTube, Sevenload or Ipernity, musicplatforms like last.fm or ilike.com, social bookmarking at MisterWong, del.icio.us, digg or StumbleuUpon, social networks like Facebook, Xing or StudiVZ are just the tip of the iceberg, well visible though.

Blogs are the most elaborate form of self-determined publication on the net, and are known now for quite a few years in many phenotyps. Until recently firmly in the hands of techsavvy early adopters were microblogging-tools like Jaiku, Pownce, the recently launched Plurk, or the most popular Twitter. Their service provides the most compressed, yet immediate form of conversation. 140 characters per message, in which the user can publish her current moods, occupations or links to sites they want to recommend to their followers or the whole web. And the means of that communication is nearly as free as the web: Text-messages, Instant messaging, special Clients [de] or the website of twitter can be used as input and output devices.

Ease is winning

At the same time there are hundreds of services and providers, that count on “User Generated Content”. No wonder that concepts and the design of those platforms follow certain patterns that become more obvious. Those can at first be seen in ideas and businessmodels.

A service seems to be most promising, when it solves a specificproblem. That may also be a very niche challenge. The functionality just has to be most focused and usable to the extend of being joyful to use, while giving a valuable benefit for the cost of using it at all.

Dopplr is a vivid example. You can contribute in which city you are planning to travel to. What you get is the plans of your contacts that also registered with the service. Primary benefit? Appointements by recovering coincidences or joining journeys. Sounds like something for a few people. Still enough to wow the community of frequent travellers. Important assets to success are for sure the reusability of the data, maybe on your own blog, but also the possibility to increase privacy by giving information only to assigned contacts. The form of the service tough is as simple as it could be: one object, many subjects.

As in most Services of the Social Web, Dopplr is all about one specific Social Object, here travel plan. In other cases it may be photos, videos, thoughts, music or activities and places, as seen at Qype, Brightkite or Plazes. Or it is about the persons and their relations to others that form that nucleus, think Facebook or LinkedIn. This Social Object serves as main feature of usage as well as the center of crystallisation for the conversation amongst users. Those comments, inboxes, guestbooks, newsfeeds of profile changes or pictures in photoalbums are the reason for the user to return to a site, which most often are run by advertising revenue.

Patterns will help

Usability is a matter of concept and design. And it is OK to cling on prelearned patterns. Humans do trust anything more when it happens in some familiar environment. The Logo should be up left, searchbox more on the right, the menu is the thing on the left.

Those are learned patterns in webdesign, that needed some time to come up and still give freedom for some variation. The consensus seemed to be much faster on Conversational Design Patterns; the building blocks, that are meant to enable conversation and interaction. If a servcie is built on participation of users you might be noticing flaws in usability obviously very much faster. But also these patterns will evolve constantly.

Patterns of conversation

It starts up, when you sign up for a new service. Registering as few data as possible should be the principle not only for privacy reasons. EMail and password are what is mandatory in most cases. After opting-in via email you often get to a form to enrich your profile with data, to make it easier to be identified by your peers. The Login-Functionality belongs there as well. username or eMail-address serve as authentification, another field for the password. Links for recovering lost passwords and probably a link for new users to sign up. That is how a pattern for the login-box can be imagined.

The pattern of a login box. OpenId is becoming more popular as an option.

But even this well known pattern has seen modifications recently. OpenID shows up more often at login-boxes, eithar as a logo or a text-link. OpenId is an open standard, that aims to solve the problem of constantly reentering profile-data including coming up with passwords and forgetting those again. A central spot, like myopenid.com or a bunch of similar providers, that host your own profil or even multiple personas of yourself and keep them up to date. The platforms then access only those datasets that they have been given permission for, the user only has to remember one password, which should be as safe as possible then for sure.

Another obvious pattern in conversational design are buddyicons, small pictures, often square-sized, that shall make the user identifiable to others. Flickr made those 48×48 pixel images popular. Over there serve also as tools to access the functions attached to a user. The trend is to use more larger images, some are even 200×200 pixel.

The own buddyicon and an activating preallocation encourage comments. Here: jovoto.com

Tagging and tagclouds came up especially but not exclusively on social bookmarking sites and serve to categorize the social objects by the user themselves. Over a while they were s0 popular as a trademark symbol of web 2.0, that there usecase fell behind many times. Tagy are only useful, if they are linked to lists of items. Tagclouds are only fun when they display an alphabetical order and as long as they show popularity or frequency over a certain timeframe.

Most important are the possibilites to communicate. Those are diverse, but can all coexist on a platform. A subliminal form of getting in contact is happening without consciousness on many sites: the visit of a profile page. Often, as for example on stumbleupon, is transparent to the user who has visited their profile. The full function is even part of the premium features of xing, while on mixxt you can turn of leaving (and seeing) those trails. The next level is called as “grooming” by experts. The user knows it as “poke” on facebook or “Gruscheln” on StudiVZ. A brief poke, without leaving any textual message. Public guestbooks on profile pages or private messages in internal inboxes of social-web-platforms are as common as groups and forums for conversations off site-topic. Interestingly those ways of communication are, besides SMS and Chat, getting more popular with youngsters than email is, which turns into a medium of the older generation soon. As long as it is not burried under spam before.

Facebook wants to keep users on the page and recently recalls an ancient pattern: Chat.

The pattern of comment became known on blogs and is a standard element of classic news-sites now also. Annotation to objects of all kinds are getting more elaborated. At Viddler and SoundCloud comments can be attached to the very timecode of videos or songs.

Ideal for audio in video: Comments directly in the timeline.

A very important building block is rating. It is stunning,how fast 5 stars became a widespread means of rating. Stats and numbers, karma and popularity are a recurring element in many ways. The vanity of each has to be fed with encouragement by a large count of contacts, comments, images and activity meters. You could call this cluster “reputation”, which is so often the motivation for the people to participate in the global conversation of the social web.

We love to take away

Not at last but still lately interoperability of platforms has gained focus.The possibilities of RSS and OAuth protocols are more and more fields of experimentation for the web-2.0-community. Egotainment, the joy in self-expression and networking of the users is sustained by aggregation services like friendfeed, socialthing or soup.io. The free portability of your own data and the integration of datastreams among platforms are goals of initiatives like dataportability and Google’s Open Social.

OpenID, OAuth, Dataportability and OpenSocial are initiatives, that want to improve open and secure standards.

This will only happen by broader standardisation on a technical level and by that more designpatterns will be created and streamlined for the social web. Services like Fring, Aka-Aki or Jaiku illustrate the trend of convergence onto mobile devices, like the iPhone, and make interaction designers to face further challenges.

Plattformen des Social Web gelingt es nicht nur, die Nutzer einzubinden, sondern sie bestehen zum größten Teil aus Inhalten, die von Nutzern verfasst werden oder die durch die Kommunikation der Nutzer entstehen. Dabei kommen Gestaltungsmuster zum Einsatz, die Partizipation und Konversation ermöglichen und fördern. Wir geben einen Überblick über wiederkehrende Muster, für die sich der Begriff Conversational Design Pattern etabliert hat.

Den Rest des Artikels hätte ich natürlich auch hier reinkopieren können, denn er ist erstens von mir selbst geschrieben und zweitens sowieso unter der Creative-Commons-Lizenz (BY) in der aktuellen Ausgabe der t3n erschienen und auch auf deren Website schon zu lesen.

Aber warum duplizieren, wenn der Hyperlink bereits erfunden wurde? Den ganzen Artikel mit Bildern etc., also dort bei t3n weiterlesen. Das Heft sollte man sich natürlich trotzdem auch besorgen.

Morgen werde ich auf der next08 zusammen mit Tina gemeinsam das Thema Live-Video-Dings mit Internet beleuchten und einige Dienste kurz vorstellen. Wir hoffen, dies dann auch direkt live streamen zu können, aber man weiß ja aus Erfahrung, wie das mit der Technik im Zweifel so ist sein kann. Wir werden sehen. Man achte einfach gegen 1700 auf unsre Tweets. Getwittert wird ja immer.

(Ja, ich bin der einzige Redner der mit seinem Netznamen gelistet ist … ich denke aber die anderen kennen sich mit dem Medium auch ganz ok aus.)

[Update]
Und hier die Folien:

| View | Upload your own

und hier auf Mogulus zum nachschauen.

[ … insert smart text later … ]

Euan Semple;

Simon Wardley:

Opening:

Closing:

Mehr sowas bei Frogpond.

Da Slideshare leider Keynote nicht direkt unterstützt, müßt ihr euch vorstellen wie das Wort Mode in Flammen aufgeht:

| View | Upload your own

In 15 Minuten konnte ich nur die augenfälligsten Muster anreißen, vielleicht sammle ich den Rest mal noch dazu. Andererseits hat Pedro Custódio da schon etwas Vorsprung:

| View | Upload your own

Auch großartig ist die Pattern Sammlung von Chris Messina.

Bonuslink: Designpatterns bei Y!

One more click for the large view …

| View | Upload your own

Irgendwann dazwischen hat mich Jojo Beetlebum erwischt: Danke ö_Ö:

Der Text da neben mir bezieht sich wohl auf unseren Claim (momentan nur im Fenstertitel der Site im perpetualen Redesign … ) Wobei ich darauf hinweisen muss, dass wir da keine ! benutzen. mit Absicht …

| View | Upload your own

[via heike]

License:

Memorable URI for this page: http://fon.gs/lessonsinsocial
Fullscreen on slideshare
PDF-Download

Und auch sonst ist die Sache bisher ohne jeden Makel. Die Sessions an denen ich bisher teilnahm waren inhaltlich auch prima. Es ging um Recht in Metaversen und dem Netz allgemein von Rechtsanwalt Henning , Twitter und was das soll und kann von Social-Net-Profi Oliver und das mobile Internet heute und morgen von -wird nachgereicht-. Jetzt sitze ich in einer Session für großes Bloggen mit Chefkoch Jan. Und da ich ja auch mal ein großer Blogger werden will … blogge ich während ich hochkonzentriert lausche. Ja, ich kann das.

Nochmal ein Lob an alle. Die ersten sechs Stunden Barcamp waren wirklich super: Ort, Wifi, Sessions, Leute, Essen und Wetter. München Hallbergmoos ist toll.

So sah das während des Entstehens aus:

Wer also wissen will wozu ich diese Piktogramme gestaltet habe …

…und was ich an jenem Wochenende unter anderem tat, der kuckt:

und liest weiter bei der Quelle, die ihre Filme unter CC BY-NC-SA ins Internet stellt. (Merke: Bei Wiederveröffentlichungen immer Creative-Commons-Lizenzen nennen!)

Nach seiner interessanten BarcampCologne2-Session über Netzwerkeffekt habe ich mit Thomas Vehmeier unter anderem kurz den Unterschied von Social Network und Community besprochen. Warum auch immer. Da ich erst danach die flashende Session über Kreativitätstechniken vom Werbeblogger gesehen habe, ist es kein Wunder, das ich erst jetzt auf passende assoziative Analogien (!) gekommen bin:

• Communities sind, wie das Wort auch schon meint, sowas wie Städte, also die Leute in Orten, mit allen Graden von Sympathie und aus einem (beinahe) äußeren Grund beisammen.
• Social Networks hingegen sind eher wie eine Dinner-Party in deinem Haus, mit Freunden und Bekannten, mehr oder weniger vertraut, manchmal kommt auch ein Fremder mit rein, ein Freund eines Freundes etwa.
• Foren sind wie Arztwartezimmer, in denen man den Gesprächen der anderen über ihre Sorgen lauscht, welche oft auch die eigenen sind. Und man froh ist wenn man wieder raus ist. Ab und zu kommt der Arzt rein und hilft oder die Sprechstundenhilfe schmeißt einen raus, weil man stinkt oder unerlaubt was aus den Zeitschriften rausreißt.
• Chaträume sind Discos.
• Blogs sind … äh … öffentliche Tagebücher mit Rändern für Notizen anderer.
• RSS-Feeds sind Flüstertüten, die endlos in die Welt rausbrüllen. Aber man hört sie nur wenn man das Fenster aufmacht.
• Facebook ist der Briefkasten vom Studentenwohnheim, in dem immer jemand Geburtstag hat.
• MySpace ist ein WG-Wohnheim, in dem alle gleichzeitig Geburtstag feiern
• Jaiku ist ein Röntgenbild das alle 10 Minuten gemacht wird.
• Tumblr ist ein Setzkasten.
• Twitter, also Twitter ist der Polizeifunk und Pownce ist ein privater Geheimdienst.
• Was Google ist, sag ich nicht.
• Aber Barcamps, die sind wie Feiertagsausflüge mit der ganzen Familie. Jeder weiß was zu erzählen, ein paar interessiert es sogar und es ist zu Ende, wenn man sowieso nicht mehr kann.

P.S. Hier die Sammlung zu meiner Session über Mac-Tools und hier einer zu »Web 2.0 Zombie oder Zorro« Außerdem nicht verpassen: Das sehenswerte BarcampCologne2-Tag-Mashup

Und so will ich noch kurz auf die mobile Auskunft-Website der Bahn hinweisen, die auch am großen Bildschirm prima funktioniert und endlich mal Auskunft gibt, ohne, dass man sich von allerlei Marketing-Optionen verwirrt fühlen muss. Den Tipp habe ich übrigens von einem Sehbehinderten. Barrierefreiheit rockt!

Bis nachher oder morgen auf dem Barcamp in Köln.

Es gibt eine tolle Retourkutsche von Thomas Zydek, Gesamtleitung von tagesspiegel.de bei yatil.de in den Kommentaren zu lesen, die sich mit Kritik an der technischen Umsetzung des kürzlichen Relaunches beschäftigt. Ich habe selten so gelacht.

Nicht weil’s so witzig wäre, sondern so lächerlich.

[Update: 20 Minuten zuvor war er übrigens mit der gleichen Laufmasche bei trash-wissen und gibt dort zumindest noch Erklärungsversuche bei und hinterher.]

[via billyblog]

technorati tags:thomas.zydek, tagesspiegel, tagesspiegel.de

[Update: Moved to http://microbuttons.wordpress.com/]

[Update: Die Buttons haben jetzt ihr eigenes Blog]

.
.
.
.
.

[english: Use those blogbuttons at will, but please be so kind and blog about it with a link here. Please do not hotlink them from my server but copy them over to your own webspace. Miss something? Put it in the comments. (Trademarks are owned by their respective owners, send me a mail before you send your lawyers please.)]

Ich hab mich heute mal ne Stunde oder zwei hingesetzt und alle Blogbuttons überarbeitet, die ich selbst wollte. Was für ein elendes Geschubse!

Sie stehen unter der kosmar.de-backlink-License: Du kannst sie einfach so benutzen, aber blogge dann doch bitte genauso einfach einen Link hierher. Schließlich sind Inlinks die Währung in dieser Sphäre.

Bitte nicht von meinem Server hotlinken (ich verschieb die auch extra alle paar Tage), sondern gerne auf den eigenen Webspace kopieren.

Fehlt dir was? Ab in die Kommentare. Mit etwas einigem ziemlichem viel Glück … mach ich’s noch.

Live von der Reboot aufgefischt.

[Update: und so wird sowas gemacht.]

[via hackrs tweet, Techcrunch]

technorati tags:gmaps, google, virtual.earth.3d, microsoft, flash

Besser wäre natürlich ein extra Client wie er hier für GMail vorliegt. (Als mobile Browser-Version gibts GMail übrigens auch unter m.gmail.com, auch manchmal nützlich für den flinken Desktop-Zugriff. Passwort für beides muss man auch nur einmal eingeben. [via] )

Noch besser wäre allerding wenn es ein vernünftiges Kalender-Sync-Tool von Google gäbe. Denn gcalsync will mein Nokia leider nicht installieren.

Ach so ja, per SMS kann man natürlich auch mit dem GCal sprechen.

[Update goosync kann man auch mal ausprobieren.]

[via mashable und vecosys]

technorati tags:gcal, mobile, calendar, gmail, email, google

Genau so einen Beitrag wollte ich, deshalb, heute noch über das angebliche freeSMS Tool von cellity schreiben . Das frazr mit den gleichen Mitteln die Kids ranholt Zielgruppe anspricht, war mir bisher entgangen.

Kostenlose SMS vom Handy aus werden versprochen. Doch bei genauem Hinsehen entpuppt sich immer wieder, dass es die kostenlose, vollwertige SMS zwischen zwei Handys nicht gibt.

Jodeleit hat in mir die Worte quasi aus dem Kopf genommen, also kann ich das auch abhaken. Gut. Danke. Nacht.

technorati tags:cellity, sms

[dazu passend: die 7 frechsten Ripoffs auf mashable … und dass hier ein (leicht fehlerhafter) trackback von wamadu ankommt, finde ich … lustig]

Das geht jetzt endlich über m.twitter.com mit dem Browser deines Mobiltelefons. Wenn du keinen Browser im Mobiltelefon hast, dann geht das natürlich nicht, klar. Aber alle die einen modernen Handapparat (super Studenten-Gag!) haben, wissen was ich meine. Also einfach Opera oder Nokia Web oder so angeschmissen und drauflostwittern.

An den kürzlich erschienenen beiden alternativen Symbian/Java-Applikationen, die das auch können stört mich nämlich jeweils was Spezielles:

Beim Tweeter von cellity versteh ich nicht wozu cellity meine Telefonnummer während der Installation unbedingt wissen will, das mag ich nicht … Außerdem muss ich dreimal klicken um endlich die Timeline zu laden. (Ich hab die neuste Version noch nicht probiert, da soll es zumindest direct messages geben … mal sehen [lies Sariks Kommentar dazu] )

Bei twitteresce sind es deutsche Umlaute und Sonderzeichen, die einen Tweet durch ihr Auftauchen einfach mal abschneiden. Sehr doof. Außerdem muss man jeweils nochmal klicken um den einzelnen Post komplett zu lesen. Die Übersicht lädt dafür schneller als bei cellity und automatisch alle soundsoviel Minuten. (auch hier hab ich anscheinend nicht die allerneuste Version … also auch updaten)

Und mobil gehts einfach mal um jeden einzelnen Klick und jede Sekunde. Und da ist das Original vielleicht am Besten, mal ausprobieren … wenn Opera mini mal schneller starten würde …

[via Rudy von m-trends]

[Bonuslink: Übersicht über ne Menge twitter-tools beim wortgefecht]

technorati tags:twitter, mobile, mobile2.0, cellity, twitteresce

Natürlich ist die neue US AOL-Seite nicht identisch zur auch relativ neuen Yahoo-Seite. Aber doch dermaßen ähnlich in Funktion und Layout, dass ich denken mußte: Soll das ein Scherz sein?

[via techcrunch]

technorati tags:aol, yahoo, design, copycat Blogged with Flock