The Good, the Bad, The Ugly and the Weird

Go away

this site contains none of your business
and is for my amusement only.

You do not have permission to access the content and by doing so, you agree to waive all rights.

© Copyright 2008/2009 All rights reserved David Thorne

Dell enthüllt das Android-Smartphone Mini 3i

Thema: Hardware, Internet, Produkte, Unternehmen, 23.11.2009

So sieht es also aus, Dells erstes Smartphone. Es hört auf den Namen Mini 3i und setzt auf das Android-Betriebssystem. Bevor hier aber irgendwelche Euphorie aufkommt, lasst mich sagen, dass es das Handy zunächst nur in China geben wird. In einem Blog-Post verrät Dell, dass man vorhabe, die Hardware immer an die jeweiligen Bedürfnisse des Marktes anzupassen: “Erwarten Sie nicht, dass Dell-Smartphones überall über dieselben Spezifikationen und Features verfügen.” Das wollen wir hoffen!

Doch werfen wir erst einmal einen Blick auf die vorliegende Liste der technischen Details: Das Quadband-Handy Mini 3i bietet ein 3,5 Zoll großes Touch-Display mit einer Auflösung von 640×360 Pixel. GPS ist ebenso vorhanden wie Bluetooth und ein MiniUSB-Eingang. Auf der Rückseite befindet sich eine drei Megapixel starke Kamera mit Blitz, Zoom und Auto-Fokus. Der interne Speicher kann mittels einer MicroSD-Karte auf bis zu 32 Gigabyte erweitert werden. Die Internetschnittstelle überrascht auf dem ersten Blick, das Mini 3i kommt ohne UMTS aus und muss sich allein auf EDGE (220 Kbit/s im Download) verlassen. Die Erklärung hierfür lautet: “Für China reicht das. Nokia etwa verkauft dort seit Jahren mit gutem Erfolg leistungsfähige Modelle, bei denen 3G eliminiert wurde”, meinte Gartner-Analystin Carolina Milanesi auf Nachfrage von pressetext dazu. China Mobile würde sich heute in derselben Position wie AT&T befinden, als sie vor zwei Jahren das iPhone in ihrPortfolio aufnahmen. Apropos iPhone: das Mini 3i ist mit 105 Gramm angenehme 30 Gramm leichter als das Apple-Handy, außerdem auch schmaler (insgesamt 62,1 Millimeter breit) und flacher (12,3 Millimeter). Es ist in zwei farblichen Ausführungen erhältlich, entweder als “Red Passion” oder “Oiled Bronze”. Bei Flickr findet ihr einige Bilder dazu.

Sollte Dell irgendwann auch einmal einen Einstieg in Europa finden wollen, ist 3G wohl ein Muss. Ob sich der Gerätebauer tatsächlich den Anforderungen der jeweiligen Kunden anpassen wird, wird sich glücklicherweise noch in diesem Jahr klären. Denn schon in den kommenden Wochen will Dell das Mini 3i auch in Brasilien auf den Markt bringen. Und der dort in Frage kommende Kooperationspartner Claro vertreibt bereits erfolgreich das iPhone – und ein 2G-Downgrade wäre da eher suboptimal.

Was ist vieda?

Die Idee hinter einem Verband von iPhone Entwicklern

Die deutschen iPhone Entwickler Hanno Welsch und Holger Frank wandten sich Anfang Oktober 2009 an einige andere Entwickler aus dem deutschsprachigen Raum mit dem Vorschlag, einen losen Verband zu gründen, um gemeinsam verstärkt auf die iPhone Applikationen aus Deutschland aufmerksam zu machen:

Wir - Holger Frank (Entwickler von MobileButler, Organisator von appsforsale) und Hanno Welsch (Entwickler von iDay und iBody) - haben uns ein paar Gedanken gemacht, wie wir bei nun fast 100.000 Apps im App Store auf uns als professionelle Entwickler ein wenig besser aufmerksam machen können.
Ein erster Schritt wäre nach unseren Überlegungen der Zusammenschluss der deutschsprachigen iPhone-Entwickler in einem lockeren Verband, in dem wir diskutieren und vielleicht die ein oder andere öffentlichkeitswirksame Aktion (so was wie appsforsale zum Beispiel) gemeinsam machen könnten.

Im kurzfristig eröffneten Diskusionsforum debattierten von da an eingeladene Entwickler über die Möglichkeiten einer öffentlichkeitswirksamen Zusammenarbeit. Das Echo war durchweg positiv und die Gründung von vieda nach wenigen Tagen beschlossene Sache.

Inzwischen haben sich über 40 Entwickler aus dem deutschsprachigen Raum im Forum angemeldet und die Teilnahme an vieda bestätigt.

 

Was macht vieda?

Tätigkeiten und Leistungen des Verbandes

Die in Kürze erfolgende Gründung des losen Verbandes hat vor allem den Zweck, durch einen breiten Auftritt besser auf die iPhone Apps der Mitglieder aufmerksam zu machen.

Daneben verfolgt vieda folgende Ziele:

• Die Kommunikation der iPhone Entwickler untereinander soll gefördert werden.

Gemeinsame Aktionen der Mitglieder sollen mehr Öffentlichkeit erreichen.

Entwicklung einer Zertfizierung von professionellen deutschsprachigen Apps mit Gütesiegel, um den Kunden ein gehobenes Maß an Qualität zu garantieren.

Der Verband tritt gegenüber Apple als Interessenvertretung auf.

Typografie, Webdesign Typografie ist das halbe Webdesign

Typography is the backbone of good web designBrian Hoff

Aber oft endet Webdesign bereits kurz nach dem Header. Dabei kann man in keinem Bereich des Webdesigns mit wenig Mitteln (ein paar Zeilen CSS)  schon sehr viel erreichen.

Macht eine Website auf den ersten Blick noch einen guten Eindruck, kann dieser bei genauerem Hinsehen schnell dahin sein. Fehlende Abstände (margin) und Polster (padding), niedrige Zeilenhöhen (line-height) und mikroskopisch kleine Schrift sind nur ein paar Symptome der Typoritis.

Grundvoraussetzung: Lesbarkeit

Auch im Web geht es v.a. um Information in Textform. Neben einem gut strukturierten und ansprechenden Webdesign, steht außerdem die Lesbarkeit mit an oberster Stelle. Gefolgt von Design und Eleganz des Schriftbildes. Was nützt ein Feuerwerk an Transparenzen und Schattierungen, wenn die Besucher nichts lesen können oder wollen?

Oft wird auch explizit eine möglichst kleine Schriftgröße gefordert. „Weil’s einfach besser aussieht.“ Das mag sein – auf den ersten Blick. Dann wenn ich mir eine Website als Bild betrachte. Was sie aber nicht ist. Davon abgesehen, kann auch große Schrift, wenn sie geschickt in Szene gesetzt wird, ihren Reiz haben. Dann sieht’s nicht nur gut aus, sondern es ist auch gut lesbar.

Keiner muss Experte in Sachen Typografie sein. Aber wenn man sich die Mühe macht, die wichtigen Grundregeln zu beherzigen, hat man schon viel erreicht. Darüber hinaus kann man dann seine Leser auch durch gelungene typografische Gestaltung begeistern.

Grundlagen

• The Elements of Typographic Style Applied to the Web (Klassiker)
• Typefacts
• Korrekte Typografie für’s Web mit HTML
• Typographie im Web
• A guide to Web typography
• Typography
• typographie web (französisch)

Lesbarkeit, Design & Eleganz

• Typography is the backbone of good web design
• Make Your Texts More Readable
• The 100% Easy-2-Read Standard
• 20 Do’s and Don’ts of Effective Web Typography
• Elegant Web Typography (Slideshare Präsentation)
• Dan Rubin on Web Typography (Interview)

Ressourcen & Tools

• Typedia
• Typography tips from 7 top designers
• Typetester
• Typechart
• CSS Type Set

Mehr Vielfalt

Wer außerdem gerne auf eine Vielzahl von Schriften zurückgreifen möchte oder muss (Stichwort „Hausschrift“), dem stehen dann erweiternde Techniken und Tools zur Verfügung. Die drei Hauptrollen spielten dieses Jahr @font-face, Cufon und Typekit. Ein alter Bekannter ist außerdem sIFR.

Mehr Vielfalt kann aber auch noch so ihre Tücken haben, wie ein prominentes Beispiel zeigte: Boing Boing’s Redesign Uncovers the Dark Side of Web Fonts.

@font-face

War bereits Bestandteil der CSS2-Spezifikation, wurde aber, auf Grund mangelnder Unterstützung durch die Browserhersteller, aus CSS2.1 wieder verbannt. Mit CSS3 erlebt diese Methode ihre Renaissance. Dazu noch etwas mehr bei Tobias Otte: @font-face im Einsatz.

Cufon

Hier erfolgt eine dynamische Schriftersetzung mit Hilfe von Javascript und bietet eine Flash freie Alternative zu sIFR. Mehr zu Cufon bei Cameron Moll: Exploring Cufón, a sIFR alternative for font embedding.

Typekit

Auch Typekit setzt auf Javascript zur Einbindung System unabhängiger Schriften. Ich habe selbst auch kurz auf Typekit geblickt. Es hat aber auch noch ein paar Macken im Rendering.

Allen drei erwähnten Ansätzen ist eines gemeinsam: Probleme. Man hat entweder noch nicht die absolute Vielfalt (Lizenzen und Unterschiede im Rendering) oder es bestehen noch Unterschiede in der Browserunterstützung und Uneinigkeit über unterstütze Formate einzubettender Schriftfamilien.

Wir sind zwar schon ziemlich nah dran an einer neuen Vielfalt in Sachen Web-Typografie. Aber es kann nicht schaden, wenn man sich erst mal auf die Grundlagen beschränkt und sich allgemein um bessere Lesbarkeit und ansprechende Schriftbilder bemüht.

20. November 2009 | Tags: @font-face, Cufon, Typekit, Typografie, Usability

Nov 09

Tagged in: CSS Comments:Add

5 Simple, But Useful CSS Properties

This post is about 5 useful CSS properties that you should be very familiar with, but will most likely rarely use. I’m not talking about the new fancy CSS3 properties. I’m referring to the old CSS2 properties such as: clip, min-height, white-space, cursor, and display that are widely supported by all browsers. So, don’t miss this post because you might be surprised how useful they are.

1. CSS Clip

The clip property is like a mask. It allows you to mask the content of an element in a rectangle shape. To clip an element: you must specify the position to absolute. Then, specify the top, right, bottom, and left value relative to the element.

Image Clip Example (demo)

The following example shows you how to mask an image using clip property. First, specify the <div> element to position: relative. Next, specify the <img> element to position: absolute and the rect values accordingly.

.clip {
  position: relative;
  height: 130px;
  width: 200px;
  border: solid 1px #ccc;
}
.clip img {
  position: absolute;
  clip: rect(30px 165px 100px 30px);
}

Image Resize and Clip (demo)

In this example, I’m going to show you how to resize and clip images. My original images are in rectangle format. I want to scale it down by 50% to create a thumbnail gallery in a square format. So, I used the width and height property to resize the images and mask them with the clip property. Then, I used the left property to shift the images to the left by 15px.

.gallery li {
  float: left;
  margin: 0 10px 0 0;
  position: relative;
  width: 70px;
  height: 70px;
  border: solid 1px #000;
}
.gallery img {
  width: 100px;
  height: 70px;
  position: absolute;
  clip: rect(0 85px 70px 15px);
  left: -15px;
}

2. Min-height (demo)

The min-height property allows you to specify the minimum height of an element. It is useful when you need to balance the layout. I used it on my job board to ensure the content area is alway taller than the sidebar.

.with_minheight {
  min-height: 550px;
}

Min-height hack for IE6

Note: min-height is not supported by IE6, but there is a min-height hack.

.with_minheight {
  min-height:550px;
  height:auto !important;
  height:550px;
}

3. White-space (demo)

The white-space property specifies how white-space is handled in an element. For example, specify white-space: nowrap will prevent the text from wrapping to next line.

em {
  white-space: nowrap;
}

4. Cursor (demo)

If you change the behavior of a button, you should change its cursor as well. For example, when a button is disabled, the cursor should be changed to default (arrow) to indicate that it is not clickable. So, the cursor property is extremely useful for developing web apps.

.disabled {
  cursor: default;
}

.busy {
  cursor: wait;
}

.clickable:hover {
  cursor: pointer;
}

5. Display inline / block (demo)

In case you didn’t know: block elements are rendered on a new line, whereas inline elements are rendered on the same line. <div>, <h1>, and <p> tags are examples of block elements. Examples of inline tags are: <em>, <span>, and <strong>. You can override the display style by specifying display: inline or block.

.block em {
  display: block;
}

.inline h4, .inline p {
  display: inline;
}

Delicious Stumbleupon Digg

Fireworks vs Photoshop Compression

Comments

Pages: 5 4 3 2 1 » Show All

There are 41 comments (+Add)

• 41 Ajith Nair http://twitter.com/ajinair
  November 10th, 2009 at 4:13 am

  “Clip” was new to me also.

• 40 Mark Carter http://www.chotrul.com/
  November 10th, 2009 at 3:33 am

  Like several others I hadn’t really come across the clip property … thanks for that.

  Just a thought … might be good to run down exact browser support for properties such as the clip, so that the visitor doesn’t have to track it down themselves … a ‘nice to have’ ….

• 39 Damjan Mozetič http://scarfoo.com
  November 10th, 2009 at 3:27 am

  I must admit I never used the css clip property.

• 38 dubovoy_aleksandr http://dubovoy.at.ua/
  November 10th, 2009 at 2:46 am

  thx, great article

• 37 LiliekS http://anakbangsa.web.id/
  November 10th, 2009 at 2:01 am

  Wow nice tips especially the CSS clip. I don’t even know it exist. Thanks!

• 36 Designicle http://designicle.com
  November 10th, 2009 at 1:39 am

  Great tips. Especially the clip property.

• 35 anjum
  November 10th, 2009 at 1:37 am

  Hey thanks for this article. I had now idea about CLIP: in css. Now i come to know what is it all about thanks

• 34 Jordan http://www.wickedfactor.com/
  November 9th, 2009 at 8:48 pm

  Nice, informative post. I use 4 out of the 5 properties frequently. Never tried clip, but interesting to see it in action.

• 33 Jing
  November 9th, 2009 at 8:38 pm

  thanks, great tips

• 32 Shantharam http://inative.me
  November 9th, 2009 at 8:20 pm

  great stuff, have been using some of these like min-height,display-inline, cursors for a while now, but it is always great to know about different things.

Pages: 5 4 3 2 1 » Show All

Post Your Comments

Category

• Tutorials
• Trends
• General

Tag Cloud

CSS design design process Design Trends event Flash freebies Illustrator inspiration Javascript jobs Photoshop tutorials review SEO software talented people updates WordPress writing

Ads

Design Jobs on the Wall

• Senior Web Designer
  at Web Advanced (Irvine, California)
• Freelance Jr. Web Designer
  at Digitaria Interactive Inc. (San Diego, CA)
• User Experience Designer
  at TechSmith Corporation (Okemos, MI)
• Ad & Marketing Graphic Designer
  at Patch.com (New York, NY)
• Web / UI Designer
  at Ciplex (Los Angeles, CA)

See all Design Jobs

Follow @nickla

• Job: TechSmith is looking for a User Experience Designer (Okemos, MI) http://bit.ly/3anWJu 12 hours ago
• WDW post: 5 simple, but useful CSS properties. http://bit.ly/4oKlEL 16 hours ago
• Job: ADG Creative is looking for a full-time Print/Web/New Media Designer (Columbia, MD) http://bit.ly/8gClx 2009/11/06
• Stunning pictures of jellyfishes http://bit.ly/1FdYOm 2009/11/05

Polls

 Loading ...

Poll Archives

Back to top