Peinliche Panne bei den Oscars, der falsche Film wurd gekührt!

Große Aufregung bei den Oscars! Nachdem Warren Beatty etwas zögerlich den falschen Gewinner in der Kategorie Bester Film verkündet hat, sprangen die Produzenten des Musicals La La Land erfreut auf, hielten ihre Dankesrede und dann DAS: La La Land hat nicht gewonnen, der Preis geht an Moonlight – bitter! Allen Beteiligten ist die Situation sichtlich peinlich. Man bemüht sich um Schadensreduktion und entschuldigt sich. Was war passiert? Warren Beatty ist der falsche Umschlag gegeben worden, er hatte Emma Stone (Preis für beste Hauptdarstellerin für La La Land) auf dem Zettel stehen, die Schuld liegt also bei demjenigen, der die Umschläge verteilt. Ich glaube so etwas ist noch nie bei einer Verleihung passiert.

Die Pre-Show

Wie immer überträgt Pro7 das Geschehen mit eigenen Leuten am roten Teppich vor dem Dolby Theatre in Hollywood. Steven Gätjen muss sich ja immer viel anhören an so einem Abend aber ich finde ihn eigentlich immer ganz gut. Es ist vorbereitet, kennt alle, weiß über die Filme und Karrieren der Leute Bescheid.. mir fällt keiner ein, der es auf die Schnelle besser machen würde, ich erinnere nur an das Debakel mit Annemarie Carpendale letztes Jahr..

Völlig überflüssig sind zudem die beiden Hanseln – ja ich bin tatsächlich zu faul deren Namen herauszusuchen – in einem Studio in der Nähe (oder Stand das sogar in Deutschland?) mit dem kläglichen Versuch, die Kleider und Anzüge der Stars zu bewerten. Lasst es einfach, euch brauch niemand.

Insgesamt ist es aber eine gute Einstimmung auf die Verleihung. Im Laufe der Vorberichterstattung wandern die Promis in Scharen über den Teppich und wenn sich dieser langsam leert, ist die Vorfreude groß genug um 02:30 Uhr noch wach zu sein und zu bleiben.

Die Verleihung

Die Sieger: Mahershala Ali, Emma Stone, Viola Davis, Casey Affleck (v. l. n. r.)

Dann endlich geht es los! Favorit des Abends war La La Land, der mit phänomenalen 14 Nominierungen ins Rennen ging. Gewonnen hat er letzten Endes sechs Goldjungs. Leider habe ich den Film noch nicht gesehen aber ich gönne Emma Stone den Preis, in den letzten Jahren hat sie immer sehr gute Arbeit geleistet. Der kleine Bruder von Ben Affleck, Casey Affleck, hat seinen Oscar sicherlich auch für Manchester by the Sea verdient, ebenso gehen die Auszeichnungen für Mahershala Ali und Viola Davis in Ordnung. Was mich etwas geärgert hat: Amy Adams wurde nach einem extrem erfolgreichen Jahr (Arrival, Nocturnal Animals) nicht mal nominiert! Stattdessen kriegt Meryl Streep ihre 20. (!) Nominierung in den Arsch geschoben. In Florence Foster Jenkins spielt sie eine miserable Sängerin in den 1940er Jahren.

Was für ein Ausschnitt! Amy Adams bei den Oscars.

Wie es bei den Oscars üblich ist, räumen gute Dramen und Musicals alles ab, so auch dieses Jahr. Wenn in den Dramen dann noch ethnische Minderheiten mitspielen, wird es richtig spannend, man stelle sich vor, die wären noch behindert! Nach der Kritik aus dem letzten Jahr, die Oscarverleihung wäre eine Veranstaltung für das “weiße Hollywood”, hat dieses Jahr eindeutig gezeigt, dass die Afroamerikaner stark vertreten sind und sich nicht verstecken müssen. Die Zeiten als Denzel Washington (er wird überigens “Denn-Sell” ausgesprochen nicht “Dänsel”) als einer der wenigen Afroamerikaner einen Oscars bekommen hat, sind also längst gezählt und das ist gut so. Letztes Jahr waren die Filme vermutlich einfach nicht gut genug.

Der emotionale Höhepunkt der Veranstaltung war natürlich die bewegte Rede von Viola Davis. Gestört hat mich daran nur das Ende ihrer Rede: Wie kann man im Anschluss ein schmissiges Jazz-Lied spielen?! Manchmal haben die Amis kein Taktgefühl, whatsoever. Generell dieses Einspielen von Musik, wenn eine Rede mal fünf Sekunden über der Zeit ist – schrecklich unhöflich. Die Gewinner haben nach der Verkündung maximal eine Minute Zeit und ihnen wird ein Timer eingeblendet, damit sie sich ja pünktlich von der Bühne verpissen. Im schlimmsten Fall wird das Mikro ausgestellt und es kommen ein paar Mitarbeiten und ziehen sie förmlich von der Bühne. Die Werbung ist wichtiger und bringt halt mehr Geld als irgendwelche Künstler, die Jahre ihres Lebens in einen Film stecken. Abgesehen davon wurde es nur hin und wieder politisch, da keiner der ausländischen Künstler es sich verkneifen konnte President Trump eins reinzuwürgen, das war zu erwarten und gehört mittlerweile zu den Oscars.

Sehr nervig sind auch die ständigen Werbeunterbrechungen, in Amerika scheint das wohl normal zu sein, das Motto ist “kurz aber dafür viel”. Und so hat man das Gefühl, dass zwei der vier Stunden für Werbung draufgeht. Aller zehn Minuten kommt ein Werbeblock, das reicht dann immer für ein oder zwei Preise und einem kleinen Live-Act, dann heißt es wieder: Werbung! Pro7 war wenigstens so gnädig und zeigte Trailer der nominierten Filme, in Amerika laufen wohl sehr gute TV-Spots. Trotzdem finde ich diesen Zustand erschreckend und nahezu unerträglich, wer mal den Super Bowl gesehen hat, weiß wovon ich rede.

Unter den Anwesenden Hollywood-Sternchen haben sich dieses Jahr einige sehr rar gemacht – keine Spur von Angelina Jolie und Brad Pitt, nichts zu sehen von Anne Hathaway, Jennifer Garner oder Robert Downey jr. Der Vorjahressieger Leonardo DiCaprio ist nur kurz für seine Presenter-Rollle rausgekommen, ob die den wohl hinter der Bühne versteckt haben?

Der Host

Meiner Meinung nach hat Jimmy Kimmel eine sehr gute Show abgeliefert. Er brachte wie immer gute Gags, besonders Matt Damon musste dieses Jahr viel Häme einstecken, unter anderem für seinen Kassenflop The Great Wall. Es gab Süßgkeiten, die vom Himmel regneten, einige der Stars haben sich minutenlang Gedanken gemacht, wo diese kleinen Fallschirme herkommen.

Fliegende Süßigkeiten für alle!

Ein weiteres Highlight waren die Touristen, die in die Verleihung platzten, anscheinend ohne zu wissen, dass im Dolby Theater gerade die Oscars laufen. Erschreckend fand ich nur, dass einige davon die ganze Zeit auf ihr Handy geglotzt haben, statt die Stars direkt anzuschauen, was für Smombies! Einziger Lichtblick: zwei Asiaten (im Bild ganz links).. Asiaten, die sonst immer alles fotografieren müssen, haben sich wie normale Menschen verhalten, danke dafür.

Touristen bei der Verleihung

Im Großen und Ganzen also eine unterhaltsame wenn auch lange Show mit einem großen Eklat am Ende (s. o.). Gern würde ich mir wieder eine schöne Musicaleinlage wünschen, La La Land hätte hier mit zwei nominierten Songs mal ein Feuerwerk abbrennen können, die Chance wurde leider nicht genutzt. Immer noch unvergessen ist 2009 von und mit Hugh Jackman.

Wie habt ihr die Oscars erlebt? Hättet ihr euch andere Gewinner gewünscht, sagt mir wen.

Whoot! Leo finally wins his first Oscar!

Sehr politische Show diesmal, aber Chris Rock hat gut durch den Abend geführt und ich fand ihn durchaus lustig. Die Favoriten haben sich durchgesetzt aber wir mussten lange zittern, bis Leo seinen Oscar bekommen hat. Ich bin SOOOO froh, dass das endlich vom Tisch ist, verdient hat er es ja! (6. Nominierung)

Spotlight gewinnt Best Picture.. uhm okay, hab ich nicht gesehen. Aber das ist typisch.. ich glaube in den letzten 15 Jahren hab ich vielleicht nur fünf der besten Filme gesehen. Na ja.. xD

Sehr überrascht war ich von Mad Max, sowohl von der Anzahl der Nominierungen als auch von den eingeheimsten Goldjungen. Ennio Morricone hat auch endlich einen richtigen Oscar bekommen, hätte es aber auch John Williams gegönnt aber der hat ja schon fünf (und 50!!! Nominierungen). Und ich hab mich echt alt gefühlt, als eingeblendet wurde, dass Toy Story schon 20 Jahre alt ist… O.M.G.!

Auf Wikipedia könnt ihr nochmal alle Gewinner und Verlierer des Abends nachlesen,
Gute Nacht

Star Wars ist endlich wieder zurück im Kino!

Da ist sie, die lang ersehnte Fortsetzung einer der erfolgreichsten Filmreihen der Geschichte kommt mit Star Wars – Das Erwachen der Macht endlich ins Kino!

Fans weltweit hoffen auf nichts weniger als den besten Film aller Zeiten oder zumindest seit Das Imperium schlägt zurück, werden sie enttäuscht? Mitnichten! Lest weiter und erfahrt warum (und keine Angst, ich werde nichts spoilern)

Zehn Jahre hat es gedauert, nun endlich können wir es uns kurz vor Weihnachten im Kinosessel gemütlich machen und das neue Abenteuer im Star Wars Universum begutachten. Wenn man es durch die ganze Werbung (IKEAs Deathstar-Lampe) und die Trailer (Warcraft in 3D!) geschafft hat, geht es ziemlich unvermittelt los. Keine 20th Century Fox Fanfare, einfach nur das Lucasfilm-Logo und dann kommt es.. STAR WARS – Das Erwachen der Macht – und ab da weiß man: Hier ist man absolut richtig, so muss ein Film losgehen. John Williams und sein Orchester lassen es krachen, was dann folgt ist einfach nur Star Wars pur: Blastergeschosse, Lichtschwertsummen, vorbeifliegende TIE-Fighter – allein dafür lohnt es sich schon die Eintrittskarte gekauft zu haben.

Kylo Ren - die Macht ist stark in ihm

Es gibt tolle Kameraeinstellungen aus Cockpit-Perspektive, bei denen man sich am Kinosessel festhält und dem Laserbeschuss links und rechts ausweicht (nicht immer stößt man bei seinen Sitznachbarn damit auf Begeisterung ). Besonders schön sind die Verfolgungsjagden und Luftschlachten auf der Planetenoberfläche – nie hat Star Wars besser ausgesehen und mehr Spaß gemacht! Und die Basis der “Ersten Ordnung” (First Order) lässt das Herz eines jeden Fans höher schlagen.

Finn und Rey ganz erstaunt aber über was?!

Kurz etwas zu den neuen Schauspielern.. ich bin begeistert! Finn und Rey harmonieren gut zusammen, man findet beide auf Anhieb sympathisch. Es wird sich auch genug Zeit genommen ihre Vorgeschichte zu erzählen. Besonders Daisy Ridley macht als Rey nicht nur eine gute Figur, sie trägt den Film mit ihrer etwas kindlich-naiven Art fast im Alleingang. Ich bin sehr gespannt, wie sich ihr Charakter in den beiden Fortsetzungen entwickeln wird. Auch von Kylo Ren (Adam Driver), dem Bösewicht, erhoffe ich im nächsten Film noch mehr zu erfahren.

Oh und BB-8 ist klasse!

Ich muss ehrlich sagen.. als alter Fan bin ich sehr glücklich und auch ein wenig erleichtert aus dem Saal gekommen. Glücklich, weil dieser Film alles hatte, was einen guten Star Wars Film ausmacht. Erleichtert, dass es J.J. Abrams geschafft hat Neues mit Altem zu verbinden und dabei noch Platz für viel Witz, Charme und Charakterentwicklung gefunden hat. Das Erwachen der Macht ist ein großer Batzen Fanservice, es ist eine Rückkehr zum Altbewährten: Sound, Musik und Optik, es ist wie früher, es macht auch genau soviel Spaß, nur sieht alles 15 mal besser aus.

Rey und BB-8

Star Wars – Das Erwachen der Macht 10 / 10

Star Wars VII bekommt ganz klar die volle Punktzahl von mir! Sicher könnte man über einige Sachen meckern aber warum sollte ich das tun? Das Erwachen der Macht ist sehr unterhaltsames Popcornkino und als Fan ist man sowieso durchweg begeistert. Wir hatten jede Menge Spaß und ausreichend Gesprächsstoff als der Vorhang fiel. Ich kann euch nur empfehlen: Geht ins Kino und schaut ihn euch an, ich weiß, dass ich ihn mir auf jeden Fall nochmal ansehen werde, höchstwahrscheinlich sogar im IMAX – wohoo! Ich bin auf eure Meinung gespannt, sagt mir in den Kommentaren, wie euch der Film gefallen hat, aber bitte keine Spoiler!

Bis zu Episode VIII in 1,5 Jahren bleibt mir wohl nur noch folgendes zu sagen: Möge die Macht mit euch sein!

PS: Um nicht die ganze Zeit warten zu müssen, lasse ich mich wohl besser in Carbonit einfrieren..

C:/RailsInstaller/Ruby1.9.3/lib/ruby/site_ruby/1.9.1/rubygems/defaults.rb:57:in `exist?': "\x81" to UTF-8 in conversion from Windows-1252 to
 UTF-8 (Encoding::UndefinedConversionError)
        from C:/RailsInstaller/Ruby1.9.3/lib/ruby/site_ruby/1.9.1/rubygems/defaults.rb:57:in `default_path'
        from C:/RailsInstaller/Ruby1.9.3/lib/ruby/site_ruby/1.9.1/rubygems/path_support.rb:63:in `path='
        from C:/RailsInstaller/Ruby1.9.3/lib/ruby/site_ruby/1.9.1/rubygems/path_support.rb:29:in `initialize'
        from C:/RailsInstaller/Ruby1.9.3/lib/ruby/site_ruby/1.9.1/rubygems.rb:392:in `new'
        from C:/RailsInstaller/Ruby1.9.3/lib/ruby/site_ruby/1.9.1/rubygems.rb:392:in `paths'
        from C:/RailsInstaller/Ruby1.9.3/lib/ruby/site_ruby/1.9.1/rubygems.rb:413:in `path'
        from C:/RailsInstaller/Ruby1.9.3/lib/ruby/site_ruby/1.9.1/rubygems/specification.rb:382:in `dirs'
        from C:/RailsInstaller/Ruby1.9.3/lib/ruby/site_ruby/1.9.1/rubygems/specification.rb:267:in `_all'
        from C:/RailsInstaller/Ruby1.9.3/lib/ruby/site_ruby/1.9.1/rubygems/specification.rb:410:in `each'
        from C:/RailsInstaller/Ruby1.9.3/lib/ruby/site_ruby/1.9.1/rubygems.rb:480:in `map'
        from C:/RailsInstaller/Ruby1.9.3/lib/ruby/site_ruby/1.9.1/rubygems.rb:480:in `find_files'
        from C:/RailsInstaller/Ruby1.9.3/lib/ruby/site_ruby/1.9.1/rubygems.rb:1085:in `load_plugins'
        from C:/RailsInstaller/Ruby1.9.3/lib/ruby/site_ruby/1.9.1/rubygems/gem_runner.rb:86:in `<top (required)>'
        from C:/RailsInstaller/Ruby1.9.3/lib/ruby/site_ruby/1.9.1/rubygems/custom_require.rb:36:in `require'
        from C:/RailsInstaller/Ruby1.9.3/lib/ruby/site_ruby/1.9.1/rubygems/custom_require.rb:36:in `require'
        from C:/RailsInstaller/Ruby1.9.3/bin/gem:9:in `<main>'

Wenn ihr diesen Fehler seht, nachdem ihr unter Windows Ruby installiert habt und gem benutzen wollt, gibt es Abhilfe: Schuld ist euer Benutzername unter Windows. Womöglich enthält es Umlaute bzw. andere nicht-ASCII-Buchstaben. Die Lösung besteht darin, dass ihr euer Konto umbenennt.

Benutzerkonto in Windows umbenennen

Danach sicherheitshalber auf ein anderes Admin-Konto wechseln, ggf. ein neues Konto anlegen. Ihr öffnet die Registry (Win+R, “regedit” eingeben, Enter) und sucht dort nach dem Teil eures Namens, der die nicht erlaubten Zeichen enthält, und ändert ihn ab. Das kann unter Umständen an einigen Stellen notwendig sein.

Nach einem Neustart sollte Ruby nun funktionieren, viel Erfolg!

Eeeeeeeek!

Birdman gewinnt also »Bester Film«, eine Entscheidung, mit der ich ganz gut leben kann. Schade, dass es für keinen der Darsteller gereicht hat. Auch schade, dass wir in Deutschland die Hälfte der Filme noch nicht sehen durften. Immerhin haben wir jetzt wieder Filme auf dem Radar, auf die wir uns freuen können. Dazu zähle ich unter anderem: Whiplash mit einem hervorragendem J. K. Simmons, American Sniper von Clint Eastwood und mit Bradley Cooper und auch Boyhood, ein auf 12 Jahre angelegtes Biopic.

Wer Interstellar und Birdman noch nicht gesehen hat, sollte das natürlich schleunigst nachholen, man sieht sich dann im Kino!

Die Linie hinter dem Text in diesem Beispiel ist gemeint.

Das hab ich mich auch schon einige Male gefragt. Und zu meiner Verwunderung gibt es schon viele gute Ansätze zu dem Thema, wie man eine Linie vertikal hinter einem Text zentriert und dabei noch Abstand zum Text halten kann. Nachfolgend will ich euch eine Variante vorstellen, die auch auf kunterbuntem Hintergrund funktioniert.

Wie immer brauchen wir zu Beginn eine HTML-Grundlage, mit der wir arbeiten können. Dazu reicht uns ein Container und eine Überschrift, in diesem Fall soll das mal eine <h3> sein.

HTML

1
2
3

<section>
	<h3>Lorem Ipsum</h3>
</section>

Zuerst bekommen der Container und die H3 selbst einige CSS Anweisungen.

CSS

1
2
3
4
5
6
7
8

section {
	overflow: hidden;
	text-align: center;
}
h3 {
	display: inline-block;
	position: relative;
}

position: relative sorgt dafür, dass wir später die Linien relativ zur Überschrift ausrichten können. Damit die Überschrift mittig dargestellt wird, braucht es die Zentrierung über text-align. Overflow verhindert, dass die Linien über den Container hinaus weitergezeichnet werden.

Der Hintergrund ist nur Beispielhaft.

So weit, so gut! Jetzt geht es darum die Linien zu erstellen. Da wir dafür keine weitere HTML-Tags hinzufügen wollen, nehmen wir die CSS-Pseudo-Elemente ::before und ::after.

CSS

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

h3::before,
h3::after {
	content: "";
	position: absolute;
	border-top: 1px solid #666;
	top: 50%;
	width: 2000px;
}
h3::before {
	margin-right: 15px;
	right: 100%;
}
h3::after {
	margin-left: 15px;
	left: 100%;
}

Mit diesen CSS-Anweisungen werden die Linien auf einen Pixel Dicke und einer sehr großen Länge von 2000 Pixeln festgelegt, um sicher zu gehen, dass sie immer bis ans Ende des Containers reichen. Ihr könnt die Länge aber natürlich auch auf eine andere Breite beschränken. Die 15 Pixel Margin bei beiden Linien stellt den Abstand links und rechts zur Überschrift dar.

Tipp

Wenn du die Linien dicker machen willst, geht das über die border-top-Anweisung. Wenn die Linie dicker wird, wird sie nicht mehr zentriert ausgegeben, das kannst du mit einem negativen margin-top ausgleichen.

Damit wären wir auch schon fertig! Die Vorteile liegen auf der Hand: Wenig HTML, auf jedem Hintergrund anwendbar und funktioniert auf allen Browser ab IE9. Der Nachteil ist, dass wir overflow:hidden benötigen. Sollte das aber kein Problem für euch darstellen, hab ihr hiermit eine gute Möglichkeit gefunden eure Überschriften etwas aufzupeppen.

Ich will für diese Lösung übrigens ganz sicher keine Anerkennung ernten, 1. hat mein Kollege diese Variante verfasst, ich hab sie lediglich leicht verändert und veröffentlicht, und 2. hat diese Variante sicher schon jemand irgendwo in dieser Form bereits gemacht und ich hab es nur übersehen. Solltet ihr übrigens Verbesserungen finden oder eine gänzlich andere Methode bevorzugen, würde ich mich über einen Kommentar sehr freuen.

Sorry wegen der Qualität, hab nur diese Version auf Youtube gefunden.

Neulich bei einem Kundenprojekt habe ich eine kleine Entdeckung gemacht, die ich gern mit euch teilen würde.

Die Situation war folgendermaßen: Die Website hat auf jeder Seite eine “Bühne” (aka Keyvisuals, großer Bilderslider). Dadurch, dass die Seite responsive ist und die Bühne über die gesamte Seite gehen soll, wird das Bild natürlich recht groß gezogen. Besonders ärgerlich ist das auf Widescreen-Monitoren, wo die Bühne den kompletten Monitor bedeckt, der eigentliche Inhalt darunter hat dann keinen Platz und “liegt unter der Falz“.

Daraufhin sollte ich mir Gedanken machen, wie man das beheben könnte. Die naheliegendste Lösung ist es, die Bühne auf solchen Monitoren in der Höhe zu beschränken. Dazu schaute ich mir alle möglichen Media Queries an und landete bei device-aspect-ratio. Damit lässt sich das Seitenverhältnis des Anzeigegeräts abfragen, in diesem Fall also 16:9 und 16:10, die üblichen Widescreen-Maße.

Mit diesem Ansatz konnte ich mein CSS um folgende Media Queries erweitern:

1
2
3
4
5
6
7
8

@media screen and (device-aspect-ratio: 16/9) and (max-height: 900px), 
	screen and (device-aspect-ratio: 16/10) and (max-height: 900px) {
	.buehne { max-height:450px; }
}
@media screen and (device-aspect-ratio: 16/9) and (max-height: 720px), 
	screen and (device-aspect-ratio: 16/10) and (max-height: 720px) {
	.buehne { max-height:360px; }
}

Es wird abgefragt, ob das Anzeigemedium (Monitor) eine Widescreenauflösung benutzt und wie viele Pixel es in der Höhe besitzt. Die Werte sind ungefähr so gewählt, dass die Bühne nicht mehr als 50% des gesamten Display einnimmt.

Ich habe gedacht, damit wäre das Problem gelöst. Tests auf meinem Monitor verliefen alle positiv also eingecheckt und ab dafür. Schade nur, dass der Kunde Laptops im Einsatz hat, die eine Auflösung von 1366×768 Pixeln haben. Auf den ersten Blick kein Problem, denn das fällt ja unter die 16:9 Auflösungen… oder? Ja, zumindest, wenn man nicht genauer hinschaut.

Alle gängigen Bildschirmauflösungen, Quelle: Wikipedia

Gelistet ist 1366×768 als 16:9er Auflösung, in der Realität weicht es aber leicht davon ab. 16:9 ergibt 1,7, allerdings ist 1366:768 gleich 1.77864583. Genau da hat der Browser Probleme mit seiner Abfrage. Sobald auch nur ein Hauch von Abweichung vorhanden ist, greift device-aspect-ratio: 16/9 nicht mehr.

Meinen Code habe ich um die Abfrage dieser speziellen Auflösung erweitern müssen, das ist unschön aber musste sein. Wenn jemand einen besseren Weg kennen sollte, lasst ihn mich bitte wissen!

1
2
3
4
5

@media screen and (device-aspect-ratio: 16/9) and (max-height: 900px), 
	screen and (device-aspect-ratio: 16/10) and (max-height: 900px),
	screen and (device-aspect-ratio: 1366/768) and (max-height: 900px) {
	.buehne { max-height:450px; }
}

Oh, und übrigens: die anderen Auflösungen könnt ihr getrost ignorieren, die sind alles Vielfache von 16:9 bzw. 16:10, da gibt es keine Probleme.

Das alte Logo gibt es zwar noch nicht so lang – seit Version 3.5 um genau zu sein – man entschied sich dennoch für eine Überholung. Vor ziemlich genau 4 Jahren fügte Mozilla damals dem Logo wesentlich mehr Details hinzu (ich berichtete), nun scheint es so, als wolle man den Detailgrad wieder verringern.

Zum einen um eine bessere Kompatibilität mit SVG herzustellen und zum anderen um die Darstellung bei kleiner Auflösung zu verbessern. Zu sehen gibt es das Logo ab Firefox Version 23, die laut Releaseplan am 6. August erscheinen wird. Wer nicht solange warten will oder kann, sollte einen Blick auf die Beta-Version werfen.

Wem die Neuerungen nicht gleich alle auffallen, hat hier nochmal die Gelegenheit zum Vergleich:

Die Entwicklung des Firefox Logos von 2004 bis jetzt

Gefällts euch?

Übrigens ist gestern nach langem Warten endlich mein Plüsch-Dino zu Mozillas 15. Geburtstag eingetroffen. “Mozi” ziert nun meinen heimischen Arbeitsplatz und passt auf, dass ich mich nicht verschreibe.

Sag 'Hallo' Mozi.. "Hallo Mozi!" <3

50/50, Bad Sitter, Iron Sky, Battleship, Zorn der Titanen, Chronicle, Act of Valor, Avengers

… und ich habe viel aufzuholen. Deswegen geht es ohne viel Worte gleich zur Sache.

50/50 8 / 10

- Sneak Preview -

Wenn man an Krebs erkrankt, ist das eine niederschmetternde Nachricht. In 50/50 bekommt Adam (Joseph Gordon-Levitt) im Alter von 27 genau diese Nachricht. Sein bester Freund und die Familie versuchen ihm zu helfen und es zeichnet sich früh ab, auf wen er sich wirklich verlassen kann. Um mit seinem Schicksal fertig zu werden, bekommt er seelischen Beistand von der noch unerfahrenen Psychologin Katherine (Anna Kendrick). Er freundet sich mit ihr an und macht Bekanntschaft mit anderen Krebspatienten. Trotz des eher traurigen Themas kommt die Komik hier nicht zu kurz, immer wieder gibt es lustige Dialoge und Situationen, manchmal makaber, manchmal bewegend.

Bad Sitter 6 / 10

- Sneak Preview -

Bad Sitter mit Jonah Hill in der Hauptrolle ist einer dieser Durchschnittskomödien: ziemlich lustig aber schnell wieder vergessen, da Story und Charaktere austauschbar sind.

Iron Sky 8 / 10

Selten solchen Trash gesehen, aber auch selten über sowas dermaßen gelacht! Iron Sky ist durchaus gelungene Nazi-Satire aus Deutschland. Die Story ist absurd: Nazis, die den zweiten Weltkrieg überlebt haben, verschanzten sich auf der dunklen Seite des Mondes, um im richtigen Zeitpunkt zurück zu schlagen. Dieser Zeitpunkt ist jetzt gekommen…

Julia Dietze (mitte) als aufreizende Nazi-Braut im Büro der Präsidentin Palin (rechts).

Battleship 8 / 10

Battleship ist im Grunde ein Mix aus Schiffe versenken und Transformers. Optisch sind sie sich sehr ähnlich, es gibt den jungen Protagonisten, eine wahnsinnig schöne Frau (damit meine ich nicht Rihanna, da hier ihr Debüt gibt sondern Brooklyn Decker) und allerlei Action und Geballer. Viele mögen diesen Film als hirnlose Materialschlacht verschreien, andere schätzen diesen Blockbuster als das, was er ist: pure Unterhaltung.

Zorn der Titanen 7 / 10

- 3D-Vorstellung -

Erneut muss sich Perseus mit Göttern und Titanen rumschlagen. Diesmal aber in richtig gutem 3D! Der Cast aus dem ersten Teil ist komplett wieder an Board, wer also von Liam Neeson als Zeus nicht genug kriegen konnte, kann sich bei Zorn der Titanen freuen. Ich habe ein paar Parallelen zu God of War gesehen, die dem Film aber nicht schaden. Insgesamt besser als der erste Teil, trotzdem kein Überflieger.

Chronicle 9 / 10

Hand hoch, wer schon mal davon geträumt hat zu fliegen! Dank eines außerirdischen Zwischenfalls, bekommen drei normale High School Absolventen in Chronicle telekinetische Fähigkeiten, d. h. sie können Dinge durch die Kraft ihrer Gedanken bewegen (so wie Luke in Star Wars). Je mehr sie ihre Kräfte nutzen, desto stärker werden sie. Andrew, dem schwächsten der Gruppe, steigt diese Macht allerdings zu Kopf. Er benutzt sein Können zu seinem eigenen Vorteil und verliert zusehens den Kontakt zu seinem Umfeld. Der Verfall Andrews und das dramatische Finale erinnern stark an Akira. Originell und sehr unterhaltsam, definitiv ein Highlight des Jahres.

"Du musst Sie fühlen die Macht, die dich umgiebt!"

Act of Valor 5 / 10

- Sneak Preview -

Patrioten kämpfen mit anderen Patrioten an geheimen Orten gegen böse Terroristen. Die Amis haben es nicht einfach als Weltpolizei.. zum Glück gibt es so tapfere kleine Truppenverbände, die zwar nicht schauspielern können, dafür aber an der Waffe überzeugen.

The Avengers 10 / 10

- 3D-Vorstellung -

Wenn es einen Film im Jahr 2012 gab, den man unbedingt gesehen haben *muss*, dass ist das Marvel’s The Avengers. Es erfüllt einem einfach mit Freude, wenn all diese tollen Helden mit ihren unterschiedlichen Charakteren aufeinander treffen. Dabei kommt keiner zu kurz, egal ob Hulk, Captain America, Thor oder Iron Man – jeder bekommt seinen eigenen kleinen Subplot und genügend Zeit, um nicht vernachlässigt zu wirken. Das allein ist schon ein Kunststück für sich, Joss Whedon setzt dem Ganzen noch die Krone auf, indem er unvergesslich komische Momente einbaut (Stickwort: Hulk). Natürlich gibt es auch jede Menge tolle Actionsequenzen zu bestaunen und neue Rüstungen von Iron Man anzuhimmeln. Jeder, der sich als Comic-Fan bezeichnet, darf diesen Film nicht verpassen. Für Leute, die die bisherigen Marvel-Filme gesehen und gemocht haben, geht eh kein Weg an Avengers vorbei – also anschauen!

Die Rächer (v. l. n. r.): Black Widow, Thor, Captain America, Hawkeye, Iron Man, Hulk

Star Wars 1313 sah vielversprechend aus, jetzt wird es wohl nie veröffentlicht

Es trifft mich wie ein Schlag ins Gesicht, kurz nach der 4-Milliarden-Übernahme von Lucasfilm durch Disney, wird das Spielestudio LucasArts geschlossen. Wie Kontaku berichtet, verlieren 150 Mitarbeiter ihre Jobs, ein Pionier der Spielegeschichte wird dicht gemacht.

Max, Laverne und Co.

LucasArts war bekannt für seine erstklassigen Point & Click Adventures wie Day of the Tentacle, Monkey Island, Sam & Max, Indiana Jones und Full Throttle. In meiner Generation gibt es niemanden, der nich mindestens zwei dieser Spiele bis zum Erbrechen gezockt hat. Mit der Zeit, hat sich das Studio zunehmend auf Spiele innerhalb des Star Wars Universums konzentriert. Besonders hervorheben möchte ich folgende Titel: die Jedi-Knight Serie, Battlefront, Republic Commando und The Force Unleashed. Derzeit war das vielversprechende Star Wars 1313 in Produktion. Auf Basis der Unreal Engine 3 und mit dem Gameplay von Mass Effect wollte man einen atmosphärischen Thrid-Person-Shooter erschaffen – dazu wird es wohl nun nicht mehr kommen.

LucasArts schließt die Tore.. für immer

Es ist schade und irgendwie sehr traurig, dass es LucasArts nicht mehr geben soll. Mach’s gut LucasArts und vielen Dank für die vielen Stunden!

Nachtrag

Wie es scheint, trägt die Schließung nun ungeahnte Früchte: Raven Software hat den Source Code von Jedi Outcast und Jedi Academy veröffentlicht!

2. Nachtrag

Raven scheint die Repos wieder gelöscht zu haben. Man findet den Quellcode dennoch im Netz. Darüber hinaus wurde ein Projekt namens OpenJK ins Leben gerufen, das den Code von diversen Bugs befreien will.

1
2
3
4
5
6
7

<span style="font-size:11.0pt;font-family:&quot;Calibri&quot;,&quot;
sans-serif&quot;;mso-fareast-font-family:Calibri;
mso-fareast-theme-font:minor-latin;mso-bidi-font-family:
&quot;Times New Roman&quot;;mso-ansi-language:DE;
mso-fareast-language:EN-US;mso-bidi-language:AR-SA">
Lorem ipsum
</span>

WTF, echt jetzt..

Jennifer Lawrence gewinnt den Oscar als beste Hauptdarstellerin in Silver Linings

Yay!

Rate welche Figur zu welchem Spiel gehört!

Als meine Familie sich Anfang der 90er Jahre einen PC angeschafft hat, konnte ja niemand ahnen, wo das alles hinführt. Das eigentlich für Büroarbeite gedachte Gerät wurde selbstverständlich spielerisch zweckentfremdet – besonders von mir. Wie sich vielleicht einige denken können, war damals aber alles etwas “einfacher” gehalten.. Spiele kamen auf Disketten daher, RAM war noch im zweistelligen Megabytebereich angesiedelt, Bildschirmauflösungen von 800×600 galten als hochauflösend, Egoshooter hat man ohne Maus gespielt und das Internet gab es auch noch nicht.

Der damalige Freund meiner älteren Schwester war so nett und gab mir eine CD vollgepackt mit den besten Spielen der damaligen Zeit, samt Ordner mit allen Codes und Cheats (Ordner im Sinne von Papier und so). Echte Klassiker, natürlich alles illegal versteht sich (nicht, dass es sowas wie Kopierschutz damals gegeben hätte). Ich weiß nicht, woher er diese CD hatte und ich fragte nie nach. Fakt ist, dass ich unter Windows 95 im Norton Commander (FTW!) die gepackten Spiele erst irgendwie auf die Platte bringen musste. Mit gepackt meine ich natürlich nicht ZIP, ..pfahaha ZIP.. nein ich meine ARJ. Ich wusste natürlich nicht, was das bedeutete aber

1

 arj.exe c:/spiele/warcraft/warcraft.arj

konnte ich grad noch so eingeben.. und schon gings los. In dieser Zeit haben mich viele Spiele so dermaßen geprägt, dass ich noch heute Zitate und Anspielungen unterbringe, die Jüngere schon gar nicht mehr verstehen. Zu schade, dass sie die Spiele nicht gespielt haben, mit denen ich groß geworden bin. Aber nicht nur die Zitate sind hängen geblieben, besonders die Musik hat sich durch stundenlanges Zocken für immer in mein Hirn gebrannt. Jeder Spieler hat selbstverständlich eine ganz eigene Top-10 Liste seiner Lieblingsmelodien, ich möchte euch gern meine vorstellen.

Also schaltet eure Sound Blaster ein und lauscht den Klängen unserer Kindheit! Den Anfang macht..

#10 Warcraft II: Tides Of Darkness

Entwickler	Blizzard
Release	1996
Genre	Strategie
Platform	PC

Warcraft II setzte im Vergleich zum Vorgänger in allen Belangen noch eins drauf. Grafik, Sound und Spielmechanik waren wegweisend für das Strategie Genre. Anders als noch in Warcraft gab es diesmal eine ausgeklügelte Story und mehrere wichtige Figuren, die wir viele Jahre später in World of Warcraft wieder antreffen sollten. Es gibt viele Anspielungen, Storylines und Orte in WoW, die sich auf Warcraft 2 beziehen und die Fan-Herzen höher schlagen lassen.

Bei dem verlinkten Musikstück handelt es sich um Human 1 (man hat damals nicht viel Wert auf den Namen des Tracks gelegt), der regelmäßig in den Menschenkampagne ertönt. Meine Nummer 10!

“When my work is finished, I’m coming back for you!” – Deathknight

weiter zu #9 »

Bessere Formulare dank HTML5 und CSS3 - iX 09/2012

Mit Hilfe meines Arbeitgebers das MedienKombinat ist es mir möglich gewesen, einen Artikel in der Septemberausgabe der Fachzeitschrift iX zu veröffentlichen. Im Artikel geht es um HTML5 Fomulare, deren Styling mit CSS3 und den Vorteilen für mobile Endgeräte. Wer Interesse hat, kann mittlerweile alles online nachlesen.

Ich bedanke mich bei allen Beteiligten und wünsche euch viel Spaß damit. Wenn es Fragen dazu gibt, könnt ihr die hier oder im Forum der iX stellen.

Ausgewählte Filme im Februar/März

Relativ viele 3D-Filme diesmal. Der Trend geht ja sehr stark in diese Richtung, kein Blockbuster kann es sich noch erlauben nicht in 3D zu sein, mit Ausnahme von The Dark Knight Rises..

Underworld: Awakening 7 / 10

- 3D-Vorstellung -

Endlich sehen wir Kate Beckinsale wieder im hautengen Lederoutfit, wie sie Lykaner und anderes Getier ins Jenseits befördert. Im vierten Teil der Underworld-Reihe handelt es sich wieder um ein Sequel. Kate alias Selene wird in Kryostase versetzt und zwölf Jahre später von ihrer Tochter Eve befreit. Sie sucht und findet Eve, doch das Glück wärt nicht lang, als sie von einem mutierten Lykaner außer Gefecht gesetzt und das kleine Mädchen entführt wird. Eine Vampir-Mutter sollte man nicht reizen..

Die Action stimmt, die Optik auch, nur die Story ist etwas verwirrend und lose zusammengewürfelt. Hoffentlich endet das nicht wie bei Resident Evil. Der 3D-Effekt lohnt sich nicht wirklich aber er stört wenigstens nicht.

Selene tut das, was sie am besten kann: gut aussehen und Lykaner töten

Star Wars: Episode 1 – Die dunkle Bedrohung 8 / 10

- 3D-Vorstellung -

Ab jetzt soll ja pro Jahr eine Episode der Star Wars Saga in 3D im Kino laufen. Als großer Star Wars Fan gibt es natürlich nichts schöneres als alle Filme nochmal mit zusätzlichen Szenen im Kino zu sehen, besonders gespannt bin ich auch die alten Episode, die ich bisher ja noch nicht im Kino sehen konnte. Persönlich finde ich Episode 1 besser als die 2, allen voran das Podracer-Rennen und der finalen Kampf im Generatorraum des Palastes auf Naboo bleiben ewig in Erinnerung. Wie wir wissen, ändert Lucas seine Filme ständig, bei dieser Version handelt es sich um die Blu-ray-Variante mit neuen Szenen und einem digitalen Yoda (ursprünglich war Yoda in Ep1 eine Handpuppe). Star Wars ist und bleibt ein wenn nicht das beste Sci-Fi-Universum, das die Welt je kennen lernen durfte. Ach ja, Jar Jar nervt auch in 3D.

Headhunters 8 / 10

- Sneak Preview -

In Headhunters geht es um einen jungen Mann namens Roger, der sich mit Kunstdiebstählen ein Leben leistet, das für ihn eigentlich unbezahlbar ist. Sein Job besteht in der Vermittlung von Bewerbern an große Unternehmen. Dabei horcht er diese aus und erfährt so, ob sich teure Kunstgegenstände in deren Besitzt befinden und wann sie nicht Zuhause sind. Als er eines Tages gelaubt, das große Los mit dem Unternehmer Clas Greve gezogen zu haben, gerät er an den falschen Mann. Clas ist ein Ex-Elitesoldat und mit allen Wassern gewaschen. Er bekommt mit, was Roger vor hat und so wird aus dem Jäger der Gejagte. Dabei nimmt der Kampf zwischen beiden recht krasse Formen an, um es mal freundlich auszudrücken. Ein Film, der wesentlich besser ist, als man anfangs vermuten würde.

Einer wie Bruno 5 / 10

- Sneak Preview -

Erneut ein Christian Ulmen Film mit selbigem in der Hauptrolle des behinderten Vaters Bruno. Wobei.. die eigentliche Hauptrolle spielt die Tochter im Film. Sie muss sich um ihren Vater kümmern, macht alles für ihn und muss seine Fehler ausbügeln. Mitten in der Pubertät hat sie aber eigentlich ganz andere Probleme und ihr wird langsam alles zuviel. Kein schlechter Film aber eher was fürs Fernsehen.

Ghost Rider: Spirit of Vengeance 6 / 10

- 3D-Vorstellung -

Der Rider ist wieder da! Nicolas Cage braucht immer noch Geld also gibt es ein Sequel, in dem Johnny Blaze einen Weg sucht, seinen Fluch los zu werden. Ein Mönch namens Moreau bietet sich an ihm dabei zu helfen. Als Gegenleistung soll Blaze einen Jungen finden, der – wie sich später herausstellt – der Sohn des Teufels ist. Das positive an Ghost Rider 2 ist, dass der Rider wesentlich verrückter rüberkommt als noch im ersten Teil. Generell ist das Auftreten und die Präsentation des Films dunkler und dreckiger. Leider ist die Story wieder recht flach und die Darstellung des Teufels von Ciarán Hinds ist bei Weitem nicht so gut wie die des großen Peter Fonda im Vorgänger.

Nicolas Cage versucht es erneut als Ghost Rider

Contraband 7 / 10

- Sneak Preview -

In Contraband geht es um den ehemaligen Schmuggler Chris (Mark Wahlberg), der jetzt Alarmanlagen verkauft. Der jüngere Bruder seiner Frau (schon wieder Kate Beckinsale) versucht sich ebenfalls als Schmuggler aber das geht schief und jetzt hat er Schulden bei den falschen Leuten. Chris versucht ihm zu helfen und heuert an. Bei einem letzten Job will er genug Geld verdienen, um seinem Schwager aus der Patsche zu helfen. Ein spannender Thriller mit toller Besetzung, der gut unterhält, obwohl die Handlung vorhersehbar ist.

Die Tribute von Panem – Tödliche Spiele 5 / 10

In einer Zukunft, in der die Reichen die Armen regieren und zu ihrer Unterhaltung jedes Jahr ein Battle Royale ausgetragen wird. Aus jeden Distrikt des Landes werden dabei per Losentscheid junge Frauen und Männer dazu verpflichtet, sich gegenseitig zu töten. Die Idee von Tribute von Panem ist also nicht wirklich neu und die filmische Umsetzung lässt eher zu wünschen übrig. Jedoch macht Jennifer Lawrence eine bessere Figur als noch im Mystique-Kostüm in X-Men.. und das meine ich wortwörtlich.

John Carter – Zwischen zwei Welten 7 / 10

- 3D-Vorstellung -

John Carter ist Offizier der konföderierten Armee im amerikanischen Bürgerkrieg. Da ihm aber weniger nach Krieg ist, sucht er stattdessen lieber nach Gold. Als er auf Apachen trifft, sucht er Unterschlupf in einer Höhle. Plötzlich erscheint ein Fremder, der ihn angreift. Carter kann den komisch gekleideten Mann töten und berührt dessen Medaillon. Als er wieder aufwacht, befindet er sich auf dem Mars. Zunächst kann er sich kaum bewegen. Bei jedem Schritt, den er tut, macht er einen mächtigen Satz. Aufgrund der geringeren Schwerkraft ist John mit Abstand der stärkste auf dem Planeten. Es stellt sich heraus, dass er der prophezeite Besucher ist, der Frieden auf dem Mars herstellen kann.

Meiner Meinung nach ist John Carter ein richtig lustiger Film mit vielen guten One-Linern und tollen Effekten. Leider hapert es etwas an der tiefe der Charaktere, besonders die Bösen verhalten sich sehr klischeehaft.

Ausgewählte Filme im Januar

Und da kommen auch schon die nächsten! Der Januar war sehr durchwachsen was die Qualität der Filme angeht.

Kriegerin 6 / 10

- Sneak Preview -

Kriegerin ist eine deutsche Produktion, die sich, wie könnte es anders sein, mit Nationalsozialismus beschäftigt. An sich gut umgesetzt aber insgesamt gesehen eher ein Film fürs Fernsehen als fürs Kino. Wusstet ihr eigentlich, dass Deutschland nahezu alle seine Oscar™-Nominierungen durch Filme ergattert hat, die mit Nazis zu tun haben?

Sherlock Holmes 2: Spiel im Schatten 7 / 10

Die Erwartungen an Teil 2 waren nach dem überaus erfolgreichem ersten Teil von Sherlock Holmes doch recht hoch. Leider konnte er nicht alle davon erfüllen. Zusammenfassend gesagt ist es aber ein unterhaltsamer Actionfilm mit Robert Downey Jr. in einer seine Paraderollen. Mit viel Witz und Charme ist er auch in diesem Film wieder der Mittelpunkt und genau das wollen wir als Zuschauer auch.

Verblendung 8 / 10

Obwohl ich die erste Verfilmung von vor ein paar Jahren nicht gesehen habe, lehne ich mich jetzt mal soweit aus dem Fenster und sage, dass die Neuauflage von Verblendung mindestens genauso gut ist. Tolle Besetzung, spannende Geschichte und fesselnde Bilder machen diesen Streifen zu einem Must-See.

Rooney Mara ist in Verblendung kaum wieder zu erkennen

Offroad 6 / 10

Durchschnittskost aus Deutschland bietet Offroad. Durchschnittskost deshalb, weil der Film nach einer berechenbaren Formel funktioniert. Nichtsdestotrotz gibt es einige gute Lacher und natürlich ist die schöne Nora Tschirner wieder das herausragende Juwel des Films. Von ihr würde ich sogar einen Stummfilm in Schwarz-weiß angucken.

Die Muppets 4 / 10

- Sneak Preview -

Ich hab nichts gegen die Muppets. Ich hab auch nichts gegen Gesangsfilme. Ich habe aber was gegen schlecht nachgesungene Lieder auf Deutsch, für die man sich fremdschämt und von denen man Gänsehaut bekommt. Für Fans der Handpuppen könnte sich der Kinobesuch dennoch lohnen, einige wenige hatten richtig Spaß im Kino..

Intruders 7 / 10

Intruders gibt einen erstaunlich guten.. nennen wir es mal Gruselfilm ab. Zwar geht er nicht so unter die Haut wie Insidious aber er ist interessant genug, um gut unterhalten zu werden. Ich mochte besonders die schaurige Atmosphäre im Kinderzimmer. Danach fühlt man sich beobachtet..

Da schaut Clive Owen nicht schlecht..

Ein riskanter Plan 6 / 10

Wenn sich sexy Génesis Rodríguez nicht halb ausgezogen hätte, wäre der Film mir nicht mal im Gedächtnis geblieben. Was bleibt ist ein Film über Geld, Diebstahl und Rache, wie man ihn schon öfter gesehen hat. Ein riskanter Plan ist daher nicht mehr als ein typischer Actionfilm von der Stange.

Sex on the Beach 4 / 10

- Sneak Preview -

American Pie meets Ballerman 6.. so ähnlich nur in schlecht, dann hat man Sex on the Beach. Peinlich hoch zehn und nicht wirklich originell. Für niveaulose Fans von Fäkalhumor könnte aber der ein oder andere Gag lustig sein.

Mass Effect 3 - Die letzte Schlacht steht uns bevor.

Nach etwas mehr als zwei Jahren Abstinenz, betritt Commander Shepard mit einem mächtigen Wumms erneut die Bühne. Im nunmehr dritten und damit letzten Teil der epischen Mass Effect Saga geht es um alles. Die Reaper sind da und machen keine halben Sachen. Überall in der Galaxie machen sie alles platt, was sich ihnen in den Weg stellt, es gibt kein Entkommen, keine Zukunft – nur noch einen Funken Hoffnung.

Spoiler Alarm!

Bevor du weiterliest: Ich werde gewollt und ungewollt spoilern, es ist also besser du spielst ME3 erst zu Ende.
Sag hinterher nicht, ich hätte dich nicht gewarnt.

Inhalt der Collector’s Edition

Pünktlich am 8. März trudelte die schon im September letzten Jahres bestellte N7 Collector’s Edition bei mir ein. Sie hat mich 75 € bei Amazon gekostet. Ich war zunächst überrascht, dass sie nur so groß wie eine DVD-Hülle war (wenn auch dreimal so dick) und nicht, wie eigentlich üblich, in einer großen Box mit der Bemaßung von etwa 25×30×10 cm. Das hat meine Vorfreude schon etwas getrübt, aber gut dachte ich, schauen wir mal, was da so drin ist. Also ausgepackt das Ding und es sprang mir eine edle Steelbox-Hülle entgegen. In der befindet sich das Spiel auf zwei DVDs. Daneben gibt es noch eine Hülle aus Karton, in der die übrigen physischen Extras enthalten sind. Die Hülle hat ein schönes Motiv wie ich finde (siehe Bild). Nach dem Öffnen, entdeckt man ein kleines Buch mit Konzeptzeichnungen, ein Comicheft zur Vorgeschichte, ein N7-Aufnäher und ein sogenannter Lithograph mit der Normandy SR2 als Motiv.

Inhalt der N7 Collector's Edition

Gerade vom Buch hätte ich mir mehr erwartet. Es ist zu klein und die Schrift ist leicht verschwommen. Die Bilder sind aber in guter Qualität gedruckt und sehr interessant. Wer lieber ein richtiges Buch mit Konzeptzeichnungen will, sollte einen Blick auf Art of Mass Effect oder Art of the Mass Effect Universe werfen. Der Comic ist nur der Anfang einer Serie und soll einem zum Kauf der restlichen Comics animieren. Der Aufnäher ist dafür ziemlich cool. Er hat auf der Rückseite eine Klettoberfläche (wie beim Klettverschluss), die kann man aber bei Bedarf einfach entfernen. Beim Lithograph handelt es sich lediglich um ein Bild im Postkartenformat.

Neben diesen physischen, gibt es aber noch einige virtuelle Extras, die man erst nach der Installation des Spiels erhält. Dazu zählen ein Roboter-Hund an Bord der Normandy (allerdings hält der sich nur in einem Raum des Schiffes auf – der Shuttlebucht), spezielle N7-Waffen, eine neue Freizeit-Kleidung für Shepard (N7-Hoodie), ein neues Outfit für jedes Crewmitglied und den Soundtrack des Spiels zum herunterladen. Den DLC Aus der Asche bekommt man ebenfalls kostenlos, ein Code für die Freischaltung liegt bei. Für Käufer der normalen Version, kostet die Erweiterung 7 € (eine Geldanlage, die sich lohnt ).

Schön wäre gewesen, es hätte ein großes Artwork-Buch, den Soundtrack auf CD, ein Poster oder eine N7-Hundemarke und eine Making-Of-DVD gegeben und nicht lauter sinnlosen Kram. Hier kann sich BioWare/EA ruhig mal eine Scheibe von Blizzard abschneiden. Die wissen, wie man Collector’s Editions macht!

Origin

EAs Origin

Es scheint ja kein Geheimnis mehr zu sein, dass immer mehr Spielepublisher ihren Kunden die eigene Platform aufzuzwingen versuchen. Neben alten Hasen wie Valves Steam und Blizzards Battle.net, haben wir nun also auch noch EAs Origin an der Backe. Es gab schon zu Battlefield 3 viel Gerede über die AGB etc. aber installiert und gespielt haben es trotzdem alle. Ich muss sagen, ich hab kein großes Problem mit Origin, da ich es nur zum Starten des Spiels und zum Downloaden neuer Inhalte brauche. Die Installation und Einrichtung dauert zwar relativ lang aber bis jetzt funktioniert alles. Woher die Seuche mit diesen Clients kommt: keine Ahnung.. anscheinend ist das das Allheilmittel gegen Raubkopierer. Bevor man spielen kann, kommuniziert Mass Effect 3 mit EA-Servern und holt sich damit quasi die Bestätigung, dass es sich um eine originale Version handelt. Dass es natürlich trotzdem gecrackte Versionen im Internet gibt, mit denen man den Single Player samt DLC problemlos spielen kann, wissen die anscheinend nicht..

Grafik, Sound & Gameplay

Grafikoptionen im Konfigurator

Wie erwartet, sind Grafik und Sound erneut umwerfend. Jede Mission, jeder Planet sieht anders aus, ist sehr detailreich modelliert und entsprechend stimmig vertont. Die Unreal Engine 3 läuft trotz ihres Alters (5 ½ Jahre) nochmal zur Höchstform auf, natürlich verdankt sie das der kontinuierlichen Weiterentwicklung von Epic und den Modifkationen seitens BioWare. Schon in Teil 2 bot Mass Effect tolle Lichteffekte (God Rays) und mitreißende Musik – diesem Erfolgsrezept ist man sich Treu geblieben. Kleine grafische Änderungen finden sich am Beispiel von Garrus’ Visor oder Shepards Rüstung, die noch mehr Details spendiert bekommen haben.

Wer die Grafik an sein System anpassen möchte, sollte dies über den Konfigurator machen, da hier viel mehr Einstellungen als im Optionsmenü innerhalb des Spieles zur Verfügung stehen. Leider fehlt Mass Effect 3 (wie den Vorgängern auch) eine Screenshottaste, sodass man es im rahmenlosen Fenstermodus laufen lassen und die Druck-Taste betätigen muss, will man die wundervollen Aussichten festhalten.

God Rays auf Thessia

Garrus' Visor

Shepards N7 Rüstung

Das Gameplay ist im Vergleich zum Vorgänger fast unverändert geblieben. Das Cover-System wurde um eine Vorwärtsrolle erweitert, die es einem erlaubt von Deckung zu Deckung zu springen. Die Steuerung fühlt sich insgesamt etwas direkter an. Es ist jetzt möglich Waffen mit verschiedenen Modifikationen auszustatten, die Genauigkeit oder Schaden erhöhen. Außerdem kann man je nach Klasse unterschiedlich viele Waffentypen tragen und je mehr Waffen man trägt, desto langsamer laden die eigenen Spezialfähigkeiten wieder auf. Die Waffenmodelle und -fabrikanten sind zum Großteil aus Mass Effect 2 bekannt, wirklich neu ist nur das Omniblade und seine Variationen. Jede Klasse hat ihren ganz eigenen starken Nahkampfangriff, der auch zu Stealthzwecken verwendet werden kann.

Die Nahkampfwaffe des Soldaten: Das Omniblade

Ein neuer Aspekt ist der Multiplayer-Modus, in dem man sich einen oder mehrere Charaktere anlegen kann, die dann online im Team mit anderen Spielern Wellen von Angreifern auf unterschiedlichen Planeten aufhalten müssen. Dabei gewinnt der Charakter Erfahrung, die er in neue Kräfte oder Waffen investieren kann. Je mehr Kämpfe man erfolgreich absolviert, desto höher steigt die Galaktische Bereitschaft. Dies ist ein Prozentwert, der angibt, wie stark der Kampfgeist gegen die Reaper ist und ebenfalls das Ende der Geschichte beeinflusst. Eine Beendigung der Einzelspieler­kampagne ist aber auch ohne die Verwendung der Mehrspieler-Funktionen möglich.

Auf Seite 2 erwarten euch Infos zu Gegnern, der Story und das Fazit.

Ausgewählte Filme im November/Dezember

Dann lasst uns das mal schnell über die Bühne bringen.

Krieg der Götter 6 / 10

- 3D-Vorstellung -

Wenn man nicht mehr erwartet als eine flache Story mit ein wenig brutaler Action, ist man mit Krieg der Götter ganz gut bedient. Die Optik reicht zwar nicht an Kampf der Titanen ran, dafür ist das 3D wesentlich besser. Die Kostüme spalten die Geschmäcker und auch ich muss zugeben, dass einige der Götter-Rüstungen relativ peinlich wirken. Für den kurzweiligen Spaß reicht dieser Film allemal.

Jonas 7 / 10

- Sneak Preview -

Christian Ulmen verkleidet sich als Schüler Jonas und macht eine Doku über eine ganz normale Schule in Deutschland. All die kleinen Probleme innerhalb und um die Bildungseinrichtung herum holen Erinnerungen zurück und bringen einen oft zum Schmunzeln. Leider gibt es hier und da einige Längen aber im Grunde ganz lustig. Hätte ich mir ohne die Sneak aber sicher nicht angesehen.

Breaking Dawn – Bis(s) zum Ende der Nacht: Teil 1 6 / 10

Beim ersten Teil des Twiligh-Finales handelt es sich im Grunde um einen lang gezogenen Cliffhanger ohne großen Anspruch. Kristen Stewart ist nach der Hochzeit mit Edward zwar in einigen aufreizenden Outfits zu sehen, die meiste Zeit aber ist sie krank schwanger und ist alles andere als schön. Wollen wir hoffen, dass der vorerst letzte Teil der Saga besser wird.

In Time 8 / 10

Wie es Justin Timberlake vom Boygroup-Milchbubi zum grundsoliden Schauspieler geschafft hat, ist mir zwar immer noch ein Rätsel aber auf jeden Fall schafft er es Rollen in guten Filmen zu bekommen und diese auch sehr glaubhaft auszufüllen. In Time ist ein spannender Thriller mit guten Ideen und tollem Konzept (neue Währung ist Lebenszeit!). Diesen Film kann man sich definitiv mal angucken.

Shark Night 3D 7 / 10

- 3D-Vorstellung -

Hier geht es eigentlich nur um zwei Sachen: sterben Teenager und Titten (wahlweise Ärsche). Jop, eine Gruppe junger amerikanischer Hochschulabsolventen versucht auf einer abgelegenen Insel Urlaub zu machen, Spaß zu haben und sich näher zu kommen. Selbstverständlich hat niemand mit den zwei Vollidioten aus der Gegend gerechnet, die es irgendwie geschafft haben mehrere Dutzend kleine und große Haie in die hiesigen Gewässer zu lotsen. Natürlich haben diese Fische auch nichts anderes im Sinn als leicht bekleidete Frauen zu fressen. Und so dezimiert sich langsam aber sicher der Bestand der Protagonisten auf ein Minimum. Freunde von Piranha 3D werden auch mit Shark Night 3D voll auf ihre Kosten kommen und sich gut unterhalten fühlen.. Kerle unter euch sowieso.

Da wirds eng.. Sara Paxton wird von einem Hai angegriffen

Mission: Impossible – Phantom Protokoll 9 / 10

Wow, wer hätte gedacht, dass Tom Cruise nochmal dermaßen zurück kommt. Viele hassen diesen Typ ja wegen seinem Sientology-Hintergrund aber ich finde man kann sagen was man will – Tom Cruise ist einfach ein richtig guter Schauspieler. Aber er allein ist nicht der Grund, dass Mission Impossible 4 so ein unterhaltsamer Film ist. Es gibt einige Komik-Elemente (der Film nimmt sich teilweise sogar selbst auf die Schippe), ein hübsches Mädel und viel gute Action. Klasse Popcorn-Kino!

Drive 10 / 10

- Sneak Preview -

Wahnsinn.. Drive ist praktisch die Definition von Coolness. Selten sieht man einen Film, in dem jedes Bild so überlegt in Szene geworfen wird. Die erste Hälfte ist langsam, fast schon langweilig. Das macht aber nichts, denn dafür schlägt die zweite Hälfte umso härter zu. Drive ist ein perfekter Mix aus Miami Vice und Scarface. Es ist die Verfilmung von GTA Vice City nur ohne Humor. Ganz großes Kino, das man sich nicht entgehen lassen sollte!

Coole Sau: Ryan Gosling in Drive

Darkest Hour 5 / 10

- 3D-Vorstellung -

Der Trailer versprach viel, der Film selbst war dann eher ernüchternd. Gut gefallen haben mir die Effekte, die allein können aber nicht den schlechten Spannungsbogen wett machen. Und so versinkt Darkest Hour in der Belanglosigkeit.

Das wars auch schon wieder. Demnächst werden noch mehr Filmreviews folgen.. das neue Jahr hatte schon einige Kinobesuche, die es aufzuholen gilt. Ihr dürft also gespannt sein.

Wie schon in der Beta zu Windows 7 werden wir von einem Fisch begrüßt.

Microsoft macht ja gerade viel Trara um seine neue Windowsversion, die schlicht Windows 8 heißt und noch vor Weihnachten in den Läden stehen soll. Am 29.02.2012 hat man sich entschieden eine freie Beta zu veröffentlichen und ich hab mir gedacht, das Teil installier ich mir mal auf meinem fünf Jahre alten Laptop, ein Dell Inspiron 1520.

Installation

Gesagt, getan. Da die Systemvoraussetzungen für Windows 8 identisch mit denen von Windows 7 sind, sollte es keine Probleme geben. Und tatsächlich läuft die neue Beta nach der rund 20-minütigen Installation ohne Probleme und vollkommen flüssig. Das Einzige, was nicht auf Anhieb erkannt wurde, waren meine NVIDIA-Grafikkarte und mein Synaptics-Touchpad. Das Touchpad funktionierte zwar aber die Bildlauf-Funktion war nicht vorhanden (am Rand scrollen). Beides konnte ich jedoch beheben, indem ich die Treiber vom Hersteller installiert hatte. Mit meinem Heimnetzwerk konnte ich mich direkt verbinden, hier gab es gar keine Schwierigkeiten, meine angeschlossene USB-Maus wurde ebenfalls direkt erkannt.

Die Bootzeit (Kaltstart) beträgt auf diesem Laptop mit Intel Core 2 Duo T7500 @2.20GHz und 2GB RAM etwa 25 Sekunden. Die Einrichtung der grundlegenden Einstellungen passiert direkt bei der Installation und dem ersten Startvorgang. Danach landet man als erstes auf dem neuen Willkommensbildschirm. Hier wird lediglich ein Hintergrundbild, die Uhrzeit und ein paar Icons eingeblendet, die einem später Informationen zu Apps – wie Nachrichten oder Kalender – anzeigen. Schiebt man den Screen mit der Maus nach oben (entsperren quasi) gelangt man auf den Startscreen im neuen Metro-Style, der verschiedenste Apps als Gruppen von Kacheln anzeigt. Kacheln lassen sich beliebig verschieben, gruppieren und zusammenstellen, bei einigen lässt sich auch die Größe ändern.

Mein mittlerweile etwas modifizierter Startscreen

Metro

Der Metro-Style ist Microsofts GUI für Touchgeräte, das aber auch auf normalen Desktops zur Anwendung kommen soll. Klickt man oben rechts auf seinen Namen, lassen sich noch viele weitere Einstellungen machen. Zum Beispiel kann man seinem Homescreen ein neues Hintergrundbild verpassen und den Startscreen farblich an seine Wünsche anpassen, das alles läuft in einer Metro-App.

Einstellungen

Will man jetzt auf den klassischen Desktop, klickt man auf die Kachel “Desktop”. Spätestens hier sollte man sich wieder wie zu Hause fühlen.. aber Moment, wo ist der Startbutton?! Den gibts nicht mehr! Stattdessen soll man den neuen Startscreen benutzen. Klingt am Anfang etwas komisch, ist aber eigentlich kein Problem. Der Startscreen enthält nahezu alle installierten Apps und wenn man anfängt zu tippen, wird eine Auswahl anhand des Suchwortes erstellt. So findet man in Windeseile die gesuchte App – genau wie im ehemaligem Startmenü (ja, das hatte auch eine eingebaute Suche ). Per Druck auf die Windows-Taste gelangt man auf den Startscreen, nochmaliges Drücken befördert einen zurück.

Desktop mit Explorer

App suchen

Taskmanager

Zurück zum Desktop: Wie man im Bild sieht, haben sich einzelne Programme geändert. Der Explorer wurde etwas entschlackt und bietet sinnvollere Schaltflächen zur effizienteren Benutzung. Auf Wunsch lässt sich das Ribbon-Menü einblenden (große Schaltflächen für Touchbedienung), der Up-Button ist wieder da und in der Statusleiste werden die wichtigsten Informationen zu ausgewählten Dateien eingeblendet – SO muss ein Explorer sein, bravo.

Auch der Taskmanager wurde erheblich verbessert (wurde auch mal Zeit!). So gibt er jetzt viel detailliertere Informationen zu einzelnen Programmen/Apps aus und stellt alles viel schöner dar. Im neuen Tab “Autostart” sieht man, welche Programme beim Hochfahren automatisch gestartet werden. Diese lassen sich ggf. deaktivieren, das ging vorher nur in der msconfig.

Was gibt es sonst so? Die Fensterrahmen sind wieder eckig und haben eine milchigere Farbe (ich hab die Transparenz schon ganz hoch gestellt), auch neu ist der Fenstertitel, der mittig und in großer Schrift über dem Inhalt thront. Man kann auch zwei Anwendungen nebeneinander laufen lassen. So lässt sich zum Beispiel der Desktop und eine Metro-App im 3:1 (oder 1:3) Verhältnis ausführen. Aero Snap gibts natürlich immernoch, jedoch lassen sich Metro-Apps nicht snappen, da sie immer im Fullscreen laufen.

Splitscreen: Desktop - Kontakte

Wenn man mit der Maus in eine der Ecken fährt, öffnen sich kleine Overlays mit verschiedenen Funktionen:

Oben links: die derzeit aktive App wird gezeigt, fährt man ein Stück runter, werden auch die anderen aktiven Apps angezeigt und man kann zwischen ihnen wechseln und sie per rechtsklick schließen. Meiner Meinung nach muss hier fürs Schließen eine gesonderte Schaltfläche an die Panels ran, sonst ist das zu fummelig.

Unten Links: es öffnet sich eine Miniaturansicht des Startscreen, per klick gelangt man dahin.

Oben rechts: es blendet sich eine Aktionsleiste (Charms) am rechten Rand ein, mit der man innerhalb der aktuellen App suchen, Teilen (per Mail) und Einstellungen vornehmen kann. Das ist die einzige Möglichkeit in Maps oder Store etwas zu suchen.. hat mich etwas Zeit gebraucht das zu kapieren. Außerdem kann man nur hier seinen PC herunterfahren oder neu starten. Über Einstellungen » Ein/Aus.

Unten rechts: Aero Peak, fährt man von der Ecke nach oben erscheint ebenfalls die Aktionsleiste rechts.

Aktionsleiste - auch Charms genannt

Apps

Noch ein paar Worte zu den Apps.. es gibt Kamera, mit der ich direkt Zugriff auf meine Webcam hatte und Bilder machen konnte. Kontakte, hier lassen sich Personen aus Twitter, Facebook und Live einbinden und es lassen sich Nachrichten und Mails verschicken. Man kann sogar einzelne Personen auf seine Startscreen ziehen. Nachrichten ist sowas wie ein Chat-Programm, dass sich mit Live und Facebook verbinden lässt. Maps ist Bing. Kalender lässt sich mit Google Kalender verbinden und zeigt alle Termine. Im Store kann man sich neue Apps suchen und installieren, funktioniert wie andere Appstores auch. Mail, auch hier kann eine Verbindung mit Live oder Google hergestellt werden. Für alle gilt: Per Rechtsklick öffnet sich meist unten eine Liste mit zusätzlichen Funktionen und Navigationselementen. Leider werden innerhalb der Apps die Vor- und Zurücktasten der Maus nicht erkannt, zumindest ist das bei mir so.

Kontakte: Ich

Mail

Kalender

Fazit

Was Microsoft da macht, wirkt recht vielversprechend, hat aber noch einige Macken und Kinderkrankheiten. Ich bin aber recht zuversichtlich, dass die Leute aus Redmond in mit dem Feedback aus der Beta hier ein ordentliches Betriebssystem auf die Beine stellen. Die Performance ist für ein Windows fast schon sensationell, alles wirkt super flüssig und reagiert prompt. Der Speicherverbrauch ist wie im Vorgänger aber man merkt keinen Unterschied egal wie viele Apps im Hintergrund offen sind. Sind sie nicht im Fokus, bekommen sie auch keine CPU-Zeit und mit keine meine ich ZERO. Einzig der neue Metro-Style macht mir noch kleine Sorgen. Der Unterschied zwischen Metro-Apps und normalen Desktop-Programmen ist relativ groß und erfordert immer etwas Umdenken. Und auf mich wirkt es doch sehr.. “einfach”, die einfarbigen Kacheln und die Aufteilung der Apps sieht immer ein bisschen nach Wireframe aus. Hier könnte etwas mehr tatsächlich mal mehr sein.

Wie dürfen also gespannt sein, was Microsoft bis Weihnachten noch alles hinbiegen wird und ich bin nicht abgeneigt Windows 8 eine Chance zu geben. Wie sind eure Erfahrungen mit der Beta oder welche Befürchtungen habt ihr? Werdet ihr wechseln oder bleibt ihr bei Windows 7 und wartet auf ein ausgereifteres Windows 9? Auf eure Meinungen bin ich gespannt.

- Artikel unter Windows 8 verfasst

Abräumer des Abends: The Artist

Le Fuck?!

Ausgewählte Filme im September/Oktober

Hab noch sooooviiiieeeele Filme zu reviewen, ich muss hier bisschen kürzer treten, sonst verlier ich komplett den Anschluss.. los gehts!

Love Life 4 / 10

- Sneak Preview -

Ein niederländisches Drama um ein Ehepaar, das sehr harte Zeiten durchmachen muss. Bei der hübschen Carmen wurde Brustkrebs diagnostiziert und ihr Mann hat große Schwierigkeiten damit fertig zu werden und zu ihr zu halten. An sich kein schlechter Film, gute Produktion und gut geschauspielert. Das Problem ist nur, dass der Film einen richtig runterzieht, fast schon depressiv macht. Dazu kommt, dass sich Carmens Mann wie ein Arschloch verhält. Ihr solltet ihn euch nicht ansehen, wenn ihr schon Bekanntschaft mit Krebs innerhalb der Familie gemacht habt – unschön.

Fright Night 8 / 10

- 3D-Vorstellung -

Etwas kurzweilig aber dafür sehr unterhaltsam präsentiert sich Fright Night mit Colin Farrell als kaltblütiger Vampir Jerry, der die unschuldigen Mädchen aus der Nachbarschaft wegfängt, Zuhause einsperrt und aussaugt, wenn ihm danach ist. Sein Nachbar Charley (Anton Yelchin) kommt aber hinter sein Geheimnis. Hinzu kommt, dass Jerry großen Gefallen an Charleys Freundin Amy (Imogen Poots) gefunden hat..

Perfekte Unterhaltung für Zwischedurch, angenehmes Erzähltempo, für jeden was dabei und viel cooler als die Twilight-Vampire!

Imogen Poots in Fright Night

Killer Elite 6 / 10

- Sneak Preview -

Killer Elite ist ein solider Actionfilm mit Jason Statham und Clive Owen. Wenn man andere Filme mit den beiden mag, ist man hier ganz gut aufgehoben würde ich sagen. Der Film spielt Ende der 70er Jahre und es geht um Auftragskiller und kleine Verschwörungen.. nichts Besonderes, hat man im Prinzip alles schonmal gesehen. Nicht schlimm, wenn man diesen Film verpasst hat.

Apollo 18 6 / 10

Die erste Stunde zieht sich Apollo 18 ganz schön in die Länge, nimmt dann aber erheblich Fahrt auf und schockt uns mit klaustrophobischer Atmosphäre und der Angst vor dem Unsichtbaren. Was als Routinemission zum Mond beginnt, endet in einem Horrortrip, denn wider erwartend ist der Mond nicht unbewohnt..

Kein schlechter Film wie ich finde aber das gewisse Etwas scheint zu fehlen. Für Gruselfans lohnt sich der Besuch aber allemal.

Contagion 6 / 10

Viele Köche verderben den Brei? Naja so schlimm ist Contagion nicht, aber trotz des eindrucksvollen Cast es ist eben doch “nur” ein Katastrophenfilm, nichts weiter. Er ist aber, so fair sollte man sein, gut gespielt und ziemlich realistisch. Durchaus möglich, dass es uns mal so ergeht. Am besten wir lassen Fledermäuse und Schweine nicht mehr so nah beieinander leben.

30 Minuten oder weniger 6 / 10

- Sneak Preview -

Eine Komödie mit Jesse Eisenberg als Pizzabote, der kein Geld bekommt, wenn er nicht binnen 30 Minuten die Pizza an den Mann bringt. Zufällig wird er von zwei schwachsinnigen Rednecks gekidnappt und dazu gezwungen eine Bank zu überfallen. Dass das komisch wird, kann man sich eigentlich schon denken. Der Film hat zwar ein paar gute Lacher aber Danny R. McBride ist einfach nicht lustig und nervt mit seiner Art.

Real Steel 8 / 10

Yeah – it’s time to break some steel! Real Steel ist sowas wie der Inbegriff eines Männerfilms. Es gibt kämpfende Roboter, eine coole Hauptfigur (Hugh Jackman) und dessen hübsche Freundin (Evangeline Lilly), die immer noch an ihn glaubt. Man weiß schon, was passiert, wenn man Rocky gesehen hat, trotzdem macht Real Steel mächtig viel Spaß!

Der ungeschlagene Champion Zeus

The Thing 8 / 10

- Sneak Preview -

Wahnsinns Prequel zu John Carpenters The Thing von 1982! The Thing erzählt quasi die Vorgeschichte zum Klassiker mit Kurt Russel in der Hauptrolle. Der Ablauf ist zwar nahezu identisch aber es gibt einen Unterschied: Anstatt keine einzige Frau zu zeigen, spielt diesmal Mary Elizabeth Winstead (Scott Pilgrim) die Hauptrolle. Das ist dem Alien natürlich ziemlich egal, es absorbiert eh alles, was ihm in den Weg kommt. Genau wie sein Vorbild, zeichnen diesen Film tolle Effekte und eine gute Atmosphäre aus.

Vortragsfolien: HTML5 & CSS3

Wer möchte hat, kann sich die Folien meines Vortrags zum Thema HTML5 & CSS3 anschauen. Der Vortrag soll Lust auf die neuen Technologien machen und zeigt auf, welche Möglichkeiten sich dabei bieten. Aufgrund der zeitlichen Begrenzung, konnte ich leider nicht zu sehr ins Detail gehen. Über Feedback würde ich mich trotzdem freuen!

Oh übrigens werden IE-User kein großes Vergnügen an den Folien haben, auch iPad-User könnten Probleme haben, für euch gibts daher eine vereinfachte Version der Slides.

Ich weiß ja nicht, wie ihr es mit Weihnachten haltet, aber ich mag es. Die Familie ist da, jeder kriegt Geschenke und es gibt wahnsinnig viel lecker Essen UND DAS DREI TAGE LANG! (Bis auf die Geschenke versteht sich.. obwohl.. wäre auch mal cool eigentlich ) Kommen wir zum eigentlichen Thema des Tages: CSS Transitions!

Browserunterstützung

Folgende Browser unterstützen diese Technik bereits vollständig:

(Opera unterstützt noch nicht alle Properties, IE erst ab Version 10)

Animationen bei Mouse-Hover

Prinzipiell dient Transition dazu eine Änderung am Styling eines Elements zu verlängern. Natürlich kennen wir alle schon die Peusoklasse :hover und auch, dass wir damit Eigenschaften des Normalzustandes überschreiben können. Transition greift genau an diesem Punkt an. Wir können bestimmen, wie lang diese Änderung dauert, welche Eigenschaften davon betroffen sind, ob es eine Pause gibt, bevor die Änderung beginnt und das Muster, in der sie abläuft (dazu wird eine Bézierkurve benutzt). Es entsteht eine kurze Animation.

Syntax

Die Kurzform lautet transition, danach folgen bis zu vier Werte, die gleichzeitig auch als einzelne Befehle benutzt werden können, ähnlich wie das bei padding oder background auch der Fall ist.

1. transition-property – gibt an, welche Eigenschaft animiert werden soll, Default ist all
2. transition-duration – ein dezimaler Wert in Sekunden, der für die Länge der Transition steht, Default ist 0s (0 Sekunden, also keine Transition sichtbar)
3. transition-timing-function – mehrere Schlüsselwörter möglich, eigenen Kurven-Beschreibungen möglich, Default ist ease
4. transition-delay – Länge der Pause in Sekunden bis Transition beginnt, Default ist 0s

Da der Standard bisher nicht zu 100% fertig ist, unterstützen alle Browser Transition mit dem jeweils bekannten Prefix. An einem Beispiel wollen wir erreichen, dass sich die Textfarbe eines Links bei Mouse-Over innerhalb einer Sekunde von Blau zu Rot ändert.

CSS

1
2
3
4
5
6
7
8
9
10
11

a {
	color:blue;
	-moz-transition:all 1s ease 0s; /*Firefox*/
	-webkit-transition:all 1s ease 0s; /*Safari + Chrome*/
	-o-transition:all 1s ease 0s; /*Opera*/
	-ms-transition:all 1s ease 0s; /*Internet Explorer*/
	transition:all 1s ease 0s; /*W3C Standard*/
}
a:hover {
	color:red;
}

Man könnte auch nur transition:1s schreiben und den Rest den Defaultwerten überlassen aber ein Beispiel sollte ausführlicher sein. Der Effekt bliebe übrigens der gleiche, wenn wir ausschließlich transition-duration (samt allen Prefixes) verwenden würden, weil im Beispiel nur die Rede von einer Sekunde ist.

Was vielleicht noch erwähnenswert ist..

• die Transition-Eigenschaften schreibt man immer in den Selector ohne Pseudoklasse
• und der Wert für transition-duration sollte immer zwischen 0s und 1s liegen

Alles, was länger dauert, bringt dem User nicht das Geringste und die Webseite wirkt dadurch nur unglaublich träge.

Ergebnis

Bewege die Maus über diesen Link

Wie wir leicht sehen, läuft der Wechsel von Blau nach Rot in einer Sekunde ab und nicht wie normal sofort nachdem die Maus über dem Element schwebt.

Dadurch, dass es viele Properties gibt, die durch Transition beeinflusst werden können, gibt es extrem viele Möglichkeiten schöne und sinnvolle Effekte zu erzielen. Auch ich benutze es an einigen Stellen.. dem Weiterlesen-Button, Bilderrahmen, den Social Media Buttons links, das Einblenden des Text-Overlays bei verwandten Artikeln usw.

Fazit

CSS Transitions sind eine prima Sache zum Spielen und ausprobieren. Einige nervige Javascript-Lösungen lassen sich komplett damit ersetzen und User haben das Gefühl es mit einer edlen, unaufdringlichen Website zu tun zu haben.

CSS Transition Demo

Ich habe auch noch eine weitere Demo geschrieben, die zeigt, was man alles so animieren kann. Trotzdem ist auch sie nur die Spitze des Eisberges, ich bin sicher, dass ihr euch noch viel tollere Beispiele ausdenken werdet.

Viel Spaß also beim Experimentieren und da es unwahrscheinlich ist, dass ich dieses Jahr noch einen Artikel schreibe, wünsche ich euch schonmal einen guten Start ins neue Jahr (das wäre dann schon 2012)!

Ausgewählte Filme im August

Ohne große Umschweife will ich gleich zur Sache kommen..

Planet der Affen: Prevolution 8 / 10

Ursprünglich hat mich der erste Trailer von Planet der Affen: Prevolution nicht so angesprochen. Allein der Titel hat mich etwas abgeschreckt, da ich weder ein großer Fan vom Original noch von Tim Burtons Remake bin. Spätere Reviews in der Presse waren jedoch gut bis sehr gut und so haben wir uns dann doch entschlossen den Film zu sehen. Und es hat sich sehr gelohnt. Zwar sieht man den Affen stellenweise ihre CGI-Herkunft an aber seit King Kong (2005) haben animierte Affen nicht mehr so gut ausgesehen und dermaßen überzeugend Emotionen übermittelt. Die Geschichte ist zudem glaubwürdig, das liegt vor allem daran, dass die Geschichte in der Gegenwart und auf der Erde spielt. James Franco (Spider-Man) steht spätestens seit seiner Oscar-Nominierung für 127 Hours für gutes Kino und spielt die Hauptrolle des Forschers perfekt. Hier gibts also fast nichts zu meckern, diesen Film kann man sich getrost ansehen.

Cowboys & Aliens 6 / 10

Bei Namen wie Harrison Ford, Daniel Craig und Olivia Wilde sind die Erwartungen natürlich hoch. Leider kann Cowboys & Aliens diese nicht gänzlich erfüllen. Die Geschichte ist schnell erzählt: Ein Fremder wacht mitten in der Wüste auf und landet in Mitten einer Stadt, die von Aliens angegriffen wird. Die Bevölkerung stellt einen Trupp auf und versucht gemeinsam, die Menschen aus den Klauen der Aliens zu befreien. Wie sich herausstellt, werden an den Entführten gemeine Tests durchgeführt, viele sind bereits tot. Zusammen mit den Indianern wird ein Plan ausgetüftelt, die Aliens aus ihrem Versteck zu locken und auf offener Fläche zu bekämpfen. Sehenswerte Effekte und ein guter Cast retten den Film und machen ihn trotz Schwächen bei der Story zu einem unterhaltsamen Sci-Fi-Abenteuer.

Attack the Block 7 / 10

- Sneak Preview -

Auch mit Aliens aber trashiger, kommt Attack the Block daher. Hier fallen tiefschwarze, bärähnliche Monster vom Himmel und terrorisieren South London. Zum Glück gibt es ein paar Ghetto Kids, die sich der Sache annehmen und die Außerirdischen in ihrem Block ordentlich vermöbeln. Mit Feuerwerksraketen und Samuraischwert von Amazon gehts auf die Alienjagd. In den knapp 90 Minuten geht es schon fast kultig zu, schade nur, dass man ihn hierzulande nicht auf Englisch zusehen bekommt. Denn dann sind die Dialoge durch den starken Londoner Dialekt sicher noch um einiges knackiger.

Crazy, Stupid, Love 7 / 10

Als Mischung aus Beziehungs-Drama, Liebesfilm und Komödie (wobei Komödie etwas dominiert) entpuppt sich Crazy, Stupd, Love. Emma Stone, Ryan Gosling und Steve Carell sind irgendwie miteinander verbunden und haben alle so ihre Problemchen. Am Schluss gibts dann einen richtig, richtig unerwarteten Twist und die Geschichte nimmt ein gutes Ende. Gut erzählte Story mit vielen unterschiedlichen Charakteren, für die sich ausreichend Zeit genommen wird. Hier ist für jeden etwas zum Identifizieren dabei, der Film kann eigentlich nur jedem gefallen.

Freunde mit gewissen Vorzügen 7 / 10

Justin Timberlake und Mila Kunis sind neuerdings gern gesehene Schauspieler, die zusammen eine gute Figur machen. In Freunde mit gewissen Vorzügen trennen sich die beiden von ihren jeweiligen Partnern und finden dann zueinander. Am Anfang geht es nur um Sex, aber wie das so ist, entwickeln beide bald Gefühle für einander und es wird kompliziert. Klingt ausgelutscht, was stimmen mag, aber es funktioniert und ist sogar lustig. Besonders die gute Besetzung und die intelligenten Dialoge überzeugen und machen den Film unterhaltsam.

Zoë Saldaña in Colombiana

Colombiana 6 / 10

- Sneak Preview -

Zoë Saldaña muss man vielleicht nicht kennen, es schadet aber nicht. Spielte sie zuletzt die Amazone Neytiri in Camerons Avatar, kann man sie jetzt als genauso taffe Profikillerin in Colombiana sehen. Darin wurde sie in jungen Jahren Zeuge, wie ihre Eltern von kolumbianischen Drogenbossen getötet wurden. Sie schwört Rache und lässt sich von ihrem Onkel ausbilden. Ganz ordentlich gemachter Actionfilm mit einigen guten Szenen aber unterm Strich zu einfallslos. Hat man irgendwie alles schonmal gesehen. Nette Unterhaltung, wenn sonst nichts besseres läuft.

Conan 4 / 10

- 3D-Vorstellung -

Wenn man von der unterirdisch schwachen Story mal absieht, bleibt von Conan nicht viel über. Das war früher schon so und das gilt jetzt auch noch. Na ja vielleicht nicht ganz.. das Original hatte immerhin noch Arnold Schwarzenegger auf der Besetzungsliste. Die Optik und das Setting des Films sind OK, es gibt einige sehr schöne Landschaften und Panoramas zu bewundern aber irgendwie wird man mit dem Hauptdarsteller nicht so richtig warm. Ob bei diesem Film mehr drin gewesen wäre, mag ich bezweifeln. Manche Reboots sind halt einfach unnötig, Conan ist eins davon.

Kill the Boss 8 / 10

Und noch eine Komödie! Die Beste unter den heutigen möchte ich hinzufügen. Kill the Boss kann überdurchschnittlich viele Lacher auf seiner Seite verbuchen. Ob es zum Kultfilm reicht, muss trotzdem jeder selbst entscheiden. Die Charaktere jedenfalls könnten besser nicht zusammenpassen. Sehr gut gefallen hat mir diesmal übrigens Jennifer Aniston, die ja eigentlich auch nicht mehr die Jüngste ist (immerhin schon 42!). Davon merkt man im Film aber nicht die Bohne. Auf jeden Fall bestens geeignet, um mit Freunden einen spaßigen Abend im Kino zu verbringen.

Acht ausgewählte Filme im Juli

Paar Filme habe ich noch abzuarbeiten, bevor mal wieder einige technische Posts geplant sind.

Harry Potter und die Heiligtümer des Todes: Teil 2 9 / 10

- 3D-Vorstellung -

Großartiges Finale in 3D! Wir waren ja zur Harry Potter Nacht, bei der Teil 1 (2D) und Teil 2 hintereinander gezeigt wurden. So hatten wir einen direkten Vergleich und ich muss sagen, dass sich der 3D-Effekt tatsächlich lohnt. Alles wirkt um einiges plastischer und brachialer. Von der Story will ich nicht viel verraten, aber es geht heiß her, viele Kämpfe, viele Tote. Insgesamt ein gelungener Abschluss der massiven Harry Potter Septologie – sollte man alle mal gesehen haben!

Arschkalt 7 / 10

- Sneak Preview -

Eine deutsche Produktion mit, mal mehr mal weniger bekannten, deutschen Schauspielern. Arschkalt fängt missmutig an und mausert sich dann recht schnell zu einem versöhnlich-lustigen Film über zwischenmenschliche Beziehungen, die den grauen Alltag erhellen können. Die Geschichte spielt in einer Tiefkühlfabrik in Norddeutschland, in der der mürrische Fahrer Berg an seine neue ehrgeizige Chefin gerät.

Insidious 8 / 10

Wer abseits von nicht enden wollenden Serien wie Saw und Resident Evil auch mal wieder “guten” Horror erleben will, sollten sich Insidious nicht entgehen lassen. Ganz klassisch und ohne Blut schafft dieser Film, was nicht mehr viele Filme dieses Genre schaffen: Er baut Spannung auf. Ein kleines Kind ist ebenfalls Bestandteil und wie wir alle wissen, sind kleine Kinder immer gruselig.

Brautalarm 6 / 10

Als ein “Hangover mit Frauen” wurde Brautalarm im Vorfeld immer bezeichnet und tatsächlich gibt es Parallelen, aber im Gegensatz zu Hangover, geht es hier nicht um die Frage “Was zum TEUFEL ist gestern Nacht passiert?!”, sondern um Zickenkrieg während den Vorbereitungen zur Hochzeit an sich. In der Hauptrolle sehen wir Kristen Wiig als Annie, die in letzter Zeit immer öfter auch auf der großen Leinwand zu sehen ist (Adventureland, Paul). Sie ist allerdings nicht diejenige, die heiratet. Ihre von klein auf beste Freundin hat vor, einen langweiligen Geschäftsmann zu heiraten. Deren andere beste Freundin Helen (Rose Byrne) wiederum versucht mit allen Mitteln Annie auszustechen. Die übrigen Mädels bedienen die anderen Stereotypen.. da haben wir die sympathische Dicke, die sexgeile Ehefrau und das kleine Naivchen. Für jeden Typ Frau ist also was dabei, soll aber nicht heißen, dass Männer keinen Spaß an diesem Film haben können.

Green Lantern 6 / 10

- 3D-Vorstellung -

Apropos Männer, für die dürfte Green Lantern schon das passendere Kaliber sein. Hier gibt es eine flache Story mit massig CGI-Effekten (das mein ich jetzt nicht abwertend, die Effekte sind alle ziemlich gut und 3D lohnt sich auch) und auch eine hübsche Frau ist dabei (Blake Lively). Man wird halt leider nicht richtig warm mit dem Film, das liegt vermutlich an den austauschbaren Charakteren. Die Action ist gut aber es gibt kaum Gelegenheiten, in denen man sich so richtig mit den Figuren anfreunden kann. Schade eigentlich, aber vielleicht machen es die geplanten Fortsetzungen ja besser.

Sinestro - wartet den Abspann ab, es lohnt sich

Super 8 9 / 10

- Sneak Preview -

Ganz anders dagegen Super 8 mit einer sympathischen Gruppe Kinder, die versuchen einen Film zu drehen. Wäre da nicht dieses Zugunglück und die darauffolgenden Ereignisse. Ein regelrechter Krieg bricht aus, als das Militär die Situation versucht unter Kontrolle zu bringen. Super 8 ist Unterhaltung vom Feinsten und erinnert an Spielbergs E.T. nur eben etwas actiongeladener.

The Guard 8 / 10

- Sneak Preview -

Tiefschwarz und etwas eigensinnig präsentiert sich The Guard. Niemand anderes als Brendan Gleeson (28 Days Later, Harry Potter) verkörpert einen irischen Polizisten, der es mit “political correctness” nicht so ernst nimmt. Dafür kennt er die Gegend wie seine eigene Westentasche und die die meisten Einwohner beim Vornamen. Was er aber nicht ausstehen kann, sind Drogenkuriere, die glauben, sie könnten in seinem Revier machen was sie wollen. So unternimmt er auf eigene Faust einen Gegenschlag. Lustige Dialoge und eine gute Besetzung, machen The Guard zu einem klasse Sneak-Vergnügen.

Captain America 7 / 10

- 3D-Vorstellung -

Die zweite Comicverfilmung in dieser Runde ist Captain America, dessen Kostüm etwas lächerlicher aussieht als das von Green Lantern. Dafür ist der Film besser. Warum? Weil er bessere Charaktere hat und mehr Atmosphäre aufbaut. Der Film spielt in den 40er Jahren. Im zweiten Weltkrieg braucht es Helden und genau so jemand will Steve Rogers (Chris Evans) werden. Sein Problem ist nur, dass er viel zu klein und schmächtig für den Krieg ist. Er bekommt jedoch die Chance, an einem Supersoldaten-Programm teilzunehmen. Aber auch die bösen Nazis haben ihre Champions. Hugo Weaving verkörpert Red Skull, ein gerissener Erzfeind, wie er im Buche steht. Kein schlechter Film, reiht sich zwar hinter Spider-Man, Iron Man und Thor ein, muss sich aber nicht verstecken.

Sobald ich wieder Zeit habe, folgen noch mehr Filmreviews und auch wieder CSS-Artikel, die sich zur Zeit in Planung befinden. Ich werd euch auf dem Laufenden halten, bis dahin viel Spaß.

Die letzten acht Filme aus Juni

Die Liste hier ist schon lange überfällig.. daher wird die Runde kurz und knackig.

Country Strong 5 / 10

- Sneak Preview -

Wer auf Country-Musik steht, kommt hier auf seine Kosten. Gwyneth Paltrow spielt im Drama Country Strong die Sängerin Kelly, die nach einer Fehlgeburt und der daraus resultierenden Alkoholsucht eine Entziehungskur absolviert. Von ihrem Manager und Ehemann wird sie frühzeitig entlassen und dazu gedrängt schnell wieder auf Tour zu gehen. Ein erneuter Zusammenbruch ist bei diesem Druck und den Erwartungen nur eine Frage der Zeit. Mit dabei sind Garrett Hedlund, der ebenfalls einen Sänger darstellt und eine Affäre mit der älteren Kelly hat und Leighton Meester als aufstrebender Star am Country-Himmel. Kein ganz schlechter Film, die Musik ist gut nur die Story wirkt etwas zu aufgesetzt.

X-Men: Erste Entscheidung 8 / 10

Hey, na wenn das nicht der beste X-Men-Film aller Zeiten ist?! Abgesehen von kleinen Schwächen (dicke Mystique, peinliche Helden wie Angel oder Banshee und der rote Anzug von Magneto am Ende) macht X-Men: Erste Entscheidung einen richtig guten Eindruck. Besonders die Hintergrundgeschichte des jungen Erik Lehnsherr in einem deutschen KZ sind gut gelungen. In der Zeit um die Kubakrise, die vom Bösewicht Sebastian Shaw (Kevin Bacon) heraufbeschworen wird, lernen sich die Mutanten Charles Xavier und Erik Lehnsherr kennen und bilden zusammen eine Allianz, um Shaw aufzuhalten und einen dritten Weltkrieg zu verhindern. Gemeinsam stellen sie ein Team aus Mutanten zusammen und trainieren sie. Auch Shaw ist ein Mutant und kann jegliche Form von Energie absorbieren und gezielt freisetzen. Auch er hat Komplizen wie die schöne Emma Frost und den heimtückischen Azazel. Unterm Strich kann man sagen, dass der neue X-Men mit guter Besetzung und lustigen Anspielungen (Wolverine ftw!) es schafft, die Kurve zu kriegen und dabei sehr gut unterhält. Michael Fassbender ist mit Abstand der Beste im Cast und spielt den rachsüchtigen Magneto mit Bravur.

Kung Fu Panda 2 9 / 10

- 3D-Vorstellung -

Wie auch der Vorgänger bietet Kung Fu Panda 2 wieder jede Menge Spaß und Unterhaltung. Alle bekannten Figuren haben wieder ihren Auftritt, neu ist lediglich der Bösewicht Lord Shen, ein weißer Pfau. Mit Hilfe von Feuerwerk und mächtigen Kanonen will er sich das Reich unterwürfig machen. Po muss das natürlich verhindern und erfährt nebenbei woher er eigentlich kommt und warum er der einzige Panda weit und breit ist. Die Animationen und Charaktere sind wieder mal einsame Spitze. Auch wenn sich auf den ersten Blick nicht viel geändert hat, so ist die Geschichte um den Drachenkrieger und seine Truppe wieder sehr erfrischend und lustig geraten. 3D ist, wie bei allen Animationsfilmen, sehr gut.

Der Mandant 7 / 10

- Sneak Preview -

Matthew McConaughey als verwegener Rechtsanwalt Mickey und Ryan Phillippe als Playboy Louis liefern sich in Der Mandant ein mitreißendes Katz und Maus Spiel. Louis wird beschuldigt eine Frau misshandelt und vergewaltigt zu haben, bestreitet dies jedoch. Schon bald entpuppt sich der Fall als eine Falle. Mickey findet heraus, dass sein Mandant schuldig ist, kann ihn aber nicht selbst anklagen. Die Sache wird schmutzig als Mickeys Ermittler tot aufgefunden und seine Familie bedroht wird. Ziemlich intelligenter Film, wird nicht langweilig und hat ein paar überraschende Wendungen auf Lager.

Werner – Eiskalt! 4 / 10

Der x-te Werner-Film handelt vom ewigen Wettstreit zwischen Brösel und seinem alten Schulfreund Holgi, der sich teure Untersätze leisten kann und bisher jedes Duell gewonnen hat. Der Film ist prinzipiell schlecht, besonders wegen den wirren und nervigen Real-Life-Szenen, in denen Brösel seine Existenzängste überwinden muss, stirbt und wieder zum Leben erwacht (ich sag ja.. wirr). Einzige Lichtblicke sind Meister Röhrich und die Szene mit Biene Maja, die wirklich lustig sind. Der Rest reiht sich irgendwo dazwischen ein.

Bad Teacher 6 / 10

Cameron Diaz will es nochmal wissen und spielt die sexy Lehrerin Elizabeth in Bad Teacher. Und sie kann mit Stolz behaupten ein schlechter Lehrer zu sein. Die Kinder kriegen nur Videos vor die Nase gesetzt, während sie ihren Schönheitsschlaf nachholt und in den Pausen wird auf dem Schulhof Gras geraucht. Gern würde Elizabeth ihrem Dasein entfliehen und ein Leben in Reichtum führen. Da kommt der wohlhabende Aushilfslehrer Scott (Justin Timberlake) gerade recht. Um seine Aufmerksam zu kriegen, sammelt sie mit unfairen Mitteln Geld für eine Brust-OP. Doch die miesen Tricks werden von ihrer nervigen (und psychisch labilen) Kollegin Amy durchschaut. Zu allem Überfluss scheint sich Scott auch noch in Amy anstatt in Elizabeth verliebt zu haben, ein Zickenkrieg ist die Folge. Unterhaltsam aber recht vorhersehbar. Cameron Diaz macht trotz ihres Alters dennoch noch eine ganz gute Figur.

Shockwave in Transformers: Dark of the Moon

Transformers 3 8 / 10

- 3D-Vorstellung -

Hat man Transformers 1 & 2 schon gesehen, weiß man, was einem blüht, wenn Michael Bay einen dritten Teil der Transformers-Reihe auf die Leinwand zaubert. Allen anderen sei gesagt: Vergesst, was ihr über Sci-Fi-Action-Filme wisst und lasst euch auf ein Effektfeuerwerk der Extraklasse ein! Hier gibts heiße Frauen (obwohl Rosie Huntington-Whiteley einfach nicht an Megan Fox rankommt), schnelle Autos und kämpfende motherfucking Roboter from outer space! Die Story ist selbstverständlich genauso flach wie die Charaktere aber dafür gibts Unterhaltung vom Feinsten, denn wenn sich Optimus mit Sentinel und Megatron gleichzeitig prügelt, ist einem der Grund dafür eigentlich schon wieder egal. Wenn man kann, sollte man sich den Film in 3D ansehen, hat Spaß gemacht.

Barney’s Version 5 / 10

- Sneak Preview -

In Barney’s Version wird Barneys Lebensgeschichte erzählt. Seine Frau aus zweiter Ehe betrügt ihn mit seinem besten Freund und es kommt zum Streit zwischen den Männern bei dem am Ende der Freund spurlos verschwindet. Da Barney der letzte war, der ihn gesehen hat und auch noch bewaffnet war, ist er der Hauptverdächtige in dem Fall. Mit seiner dritten Frau hat er dann zwei Kinder, betrügt sie aber später und sie verlässt ihn darauf. Später erkrankt er an Alzheimer und sein Geisteszustand nimmt rapide ab. Ein etwas langatmiger Film ohne große Höhepunkte, dafür aber ganz gut geschauspielert.

Das wars mal wieder, ein weiter Block von Filmen wartet bereits schon auf eine Review, da werd ich mir auch wieder etwas mehr Zeit für nehmen.

HTML5 in progress

Nach langer Pause melde ich mich mal wieder zurück. Ja, mir gehts gut, ich war nur ziemlich abgelenkt und hatte daher wenig Lust zu Schreiben.

Jedenfalls dachte ich, wir sollten mal einen Blick auf ein neues HTML5 Form Element werfen: Das progress Element. Wie der Name schon sagt, kann man damit einen Fortschritt abbilden, meistens im Zusammenhang mit einem Formular. Dabei ist das geläufigste Beispiel ein Checkout in einem Internet-Shop, bei dem in der Regel mehrere Schritte nötig sind, bis die Ware verschickt wird.

Browserunterstützung

Browser
ab Version	6	–	11	6	–

Das Element ist Teil einer ganzen Reihe von neuen HTML-Tags und wird daher noch nicht von allen Browsern unterstützt. In Chrome und Opera geht es schon seit geraumer Zeit und Firefox wird ab Version 6 (kommt am 16.08.) vollständigen Support bieten. Leider hat auch das Update auf 5.1 bei Safari keine Unterstützung mitgebracht und beim IE weiß man nicht, ob und wann es überhaupt kommt.

Syntax

Um ein einfaches progress Element zu erzeugen reicht es, wenn ihr das bisschen Code benutzt:

HTML

1

<progress>in progress</progress>

Das erzeugt dann einen Fortschrittsbalken mit einer, je nach Browser, Standardbreite und einem Aussehen, das sich am Betriebssystem orientiert.

in progress

Wie ihr seht, ist das der Zustand, bei dem ein genauer Fortschritt ungewiss ist, man weiß nur, dass etwas im Gange ist. Der Text innerhalb des Elements ist zugleich ein Fallback für ältere Browser und für die Accessibility des Tags zuständig. Schaut man sich das Element also im IE an, sieht man nur den Text “in progress”, nicht aber einen Fortschrittsbalken.

Will man nun zeigen, dass etwas zu 25% abgeschlossen ist, muss man das dem Element in Form von Attributen sagen. progress hat derzeit zwei mögliche Attribute (abgesehen natürlich von class, id, style etc., die jedes Element besitzen kann).

1. max, der Maximalwert, entspricht 100% der Breite des Fortschrittsbalkens
2. value, der derzeitige Stand des Fortschrittsbalkens, kleiner-gleich max

Damit lassen sich jetzt z. B. diese drei Balken produzieren:

HTML

1
2
3

<progress value="0.5">50%</progress>
<progress value="25" max="100">25 aus 100</progress>
<progress value="800" max="1000">800</progress>

50%
25 aus 100
800

Wer will, kann das ganze auch per JavaScript animieren, dazu muss man nur den Wert von value überschreiben.

Styling per CSS

Zu aller erst sei gesagt, dass es sich hier um ein Inline-Element handelt, ähnlich dem img Tag. padding, margin, vertical-align und width haben also alle eine Wirkung auf unseren Fortschrittsbalken. Daneben gibt es noch Experimente mit Pseudo-Elementen wie ::-moz-progress-bar oder ::-webkit-progress-value (nur wenn -webkit-appearance auf none gestellt ist). Mozilla benutzt auch -moz-orient, um das Element auf den Kopf zu stellen.

Nun ja, das soll es dazu gewesen sein. Habt ihr das neuen Element schon benutzt? Könnt ihr euch vielleicht noch andere Anwendungsfälle vorstellen? Die Comments stehen euren Gedanklichen Ergüssen frei zur Verfügung!

Die letzten acht Filme aus Mai & Juni

Hab ja gesagt, die nächsten Filme drängeln schon, hier die nächsten Acht auf meiner Liste! Die Hälfte davon sind diesmal Komödien, es wird also lustig möchte man meinen.

Arthur 7 / 10

An Arthur hatte ich keine großen Erwartungen geknüpft, vielleicht hat er mir deshalb so gut gefallen. Arthur, das ist ein reicher junger Mann (Russell Brand), der in seinem ganzen Leben noch nicht gearbeitet hat, geschweige denn weiß, was sich hinter diesem Wort verbirgt. Er lebt ein Leben in Saus und Braus und hat jede Woche ein neues Auto und eine neue Frau an seiner Seite. Seine Mutter, die er kaum sieht und die ihn von einer Nanny (Helen Mirren) “großziehen” lässt, ist die Eskapaden leid und will ihn mit einer seiner Exfreundinnen (Jennifer Garner) verheiraten. Arthur hat keine andere Wahl als sich darauf einzulassen, sonst wird ihm der Geldhahn zugedreht. Während den Hochzeitsvorbereitungen lernt er jedoch die niedlich-verrückte Reiseführerin Naomi (Greta Gerwig) kennen und verliebt sich in sie.. irgendwie. Ein lustiger Film für Zwischendurch.

Wer ist Hanna? 9 / 10

- Sneak Preview -

Eine der Überraschungen in diesem Jahr ist zweifellos Wer ist Hanna? Es geht um ein junges Mädchen, das durch ihren Vater (Eric Bana) zur Killerin ausgebildet wird. Beide trainieren im eiskalten Finnland fernab von jeder Zivilisation, ohne Elektrizität oder modernen Geräten. Gejagt von einer skrupellosen CIA-Agentin (Cate Blanchett), muss sich Hanna (Saoirse Ronan) nur wenig später in einer für sie völlig neuen Welt zurechtfinden. Auf ihrer Flucht durch Marokko wird sie von einer Familie aufgenommen und freundet sich mit der Tochter Sophie an. Zwischendurch gibts immer wieder deftige Actioneinlagen und häppchenweise neue Infos über Hanna und ihrer Vergangenheit. Sehr spannend verpackt und sehr unterhaltsam – Geheimtipp!

Priest 5 / 10

- 3D-Vorstellung -

Vor vielen Jahren kämpften sogenannte Priester gegen die Vampire, scheußliche Kreaturen, die nachts auf Beutezug gehen. Nach dem Sieg über die Vampire, zogen die Menschen in große Städte und die Priester wurden nicht länger gebraucht. Seitdem fristet auch der junge Priester, gespielt von Paul Bettany, sein Dasein. Zumindest bis er erfährt, dass seine Nichte Lucy (Lily Collins) von Vampiren entführt worden ist. Gemeinsam mit ihrem Freund und Sheriff der Stadt (Cam Gigandet), macht er auf den Weg die verlorene Lucy zu finden. Als die Kirche von seinem Feldzug gegen die Vampire hört, entsendet sie weitere Priester um ihn davon abzubringen. Eine der Priesterinnen (Maggie Q) nutzt allerdings die Chance und warnt den jungen Priester bevor es zu spät ist. Bald darauf deckt die Gruppe den Plan der Vampire auf und es gilt, zusammen zu arbeiten und den alten Feind endgültig zu besiegen. Gut gefallen haben mir die Effekte und die Vampire. Ansonsten eher ein kurzweiliger Spaß in schlechtem 3D. Dafür ist Priest auf DVD bestimmt ganz gut – wenn man was für Trash übrig hat.

Wenn das nicht postapokalyptisch ist, weiß ich auch nicht! Maggie Q in Priest

Pirates of the Caribbean: Fremde Gezeiten 5 / 10

- 3D-Vorstellung -

Selbst ohne große Erwartungen macht Fluch der Karibik 4 keine gute Figur. Ich fand sowieso, dass nach dem dritten Teil hätte Schluss sein müssen. Aber wir kennen ja alle Hollywood.. ein gut laufendes Franchise muss auf Biegen und Brechen ausgequetscht werden. Tja, und bei raus kommt dann so Quark wie Pirates of the Caribbean: Fremde Gezeiten wieder mit Johnny Depp als Captain Jack Sparrow aber ohne Keira Knightly und Orlando Bloom. Der nervige Ersatz heißt deshalb Penelope Cruz und was damals noch der coole Tentakel-Pirat Davy Jones war, ist heute nur ein schwacher Black Beard, dessen Ruf furchteinflößender ist als er selbst. Die langweilige Story und das absolut überflüssige 3D (Stichwort: Melkkuh) runden sozusagen das Paket ab. Fazit: Lieber drauf verzichtet!

Willkommen in Cedar Rapids 8 / 10

- Sneak Preview -

Unkomplizierte Komödie mit viel Witz und Charme. In Willkommen in Cedar Rapids spielt Ed Helms (Stu aus Hangover) den Versicherungsverkäufer Tim. Tim hat eine Affäre mit einer ältere Frau, die ihn genauso liebt wie er, zumindest glaubt das Tim vor lauter Naivität. Als ein Arbeitskollege plötzlich stirbt, übernimmt Tim dessen Stelle und darf an einer großen Konferenz teilnehmen, bei der es gilt, den jährlichen Preis für die beste Versicherungsfirma zu gewinnen. Die Reise und der Aufenthalt in Cedar Rapids stellen Tim vor große Probleme, hat er doch sein behütetes Zuhause nie verlassen. Sichtlich überfordert ist er außerdem noch von der bezaubernden Joan (Anne Heche), dem Partylöwen Dean (John C. Reilly) und seinem Zimmergenossen Ronald (Isiah Whitlock Jr.). Nach und nach entwickelt sich aus der zusammengewürfelten Truppe eine freundschaftliche Gemeinschaft. Eine sehr charmante Komödie, genau richtig für eine Sneak.

The Mechanic 6 / 10

Jason Statham schlägt mal wieder zu! Diesmal spielt er den Profikiller Bishop, der von seinem Auftraggeber verraten wird und dafür will er sich rächen. Während seines letztens Auftrags, musste er seinen besten Freund töten. Nach außen wird alles als ein Raubüberfall dargestellt. Bishop nimmt unterdessen den Sohn des Opfers, Steve (Ben Foster), unter seine Obhut. Er trainiert ihn, bildet ihn zu einem Killer aus. Gemeinsam gehen sie gegen die vermeintlichen Bösen vor und töten sich bis zum Auftraggeber vor. Steve stellt aber bald fest, dass sein Vater nicht bei einem Überfall starb sondern durch Bishop. The Mechanic ist erstaunlich unterhaltsam, obwohl die Story recht flach ist. Action-Freunde werden ihren Spaß haben und Statham-Fans sowieso.

Hangover 2 7 / 10

Gleiche Besetzung, gleiche Story, nur unterschiedliche Location. So könnte man Hangover 2 kurz und knapp beschreiben. Statt einem fehlendem Zahn ist es diesmal ein Tattoo, statt einem Tiger ist es ein Affe. Fast alles ist gleich und trotzdem mach dieser Film wieder sehr viel Spaß. Die alten Charaktere brauchen nicht weiter vorgestellt zu werden und so bleibt mehr Zeit für die neuen und der eigentlichen Handlung: Was zum Teufel ist letzte Nacht passiert?! Durchaus sehenswert, trotz fehlender Originalität. Teil 2 der Hangover-Reihe funktioniert dank schräger Typen ziemlich gut.

Source Code 9 / 10

Spricht man in diesem Sommer von Blockbusters wird jedem sicherlich sofort Harry Potter 7 und Transformers 3 einfallen (Stichwort diesmal: Franchise ). Dass es daneben aber auch noch originelle Projekte gibt, beweist uns Source Code mit dem sympathischen Jake Gyllenhaal. Darin spielt er den Soldat Colter Stevens. Er nimmt unfreiwillig an einem Regierungsexperiment teil, bei dem er beliebig oft die letzten acht Minuten eines kürzlich verstorbenen Menschen erneut erleben kann. Es ist dabei aber nicht nur Zuschauer, sondern kann aktiv ins Geschehen eingreifen. Nach acht Minuten explodiert jedoch eine Bombe an Bord des Zuges, auf dem sich Stevens immer wieder aufs Neue befindet. Ziel der Aktion ist es, den Attentäter zu schnappen, der für die Explosion verantwortlich ist, bevor er noch mehr Anschläge verüben kann. Was jetzt etwas kompliziert klingen mag, ist in Echt gut zu verstehen, weil spannend und einleuchtend erzählt. Jedem Action-/Thriller-Fan kann ich diesen Film nur wärmstens empfehlen.

Damit sind wir auch schon wieder am Ende – ABER(!) die nächsten Filme warten schon, freut euch auf Transformers 3 ohne Megan Fox, Kung Fu Panda 2, X-Men und noch ein paar andere, bis dahin!

Mit Firefox 5 hat Mozilla gestern den ersten Browser innerhalb des neuen Rapid Release Cycle herausgegeben. Drei Monate nach Version 4 ist es nur logisch, dass sich die Änderungen in Grenzen halten. Von nun an heißt es: “Alle sechs Wochen ein neuer Firefox!”

CSS-Enthusiasten müssen im Prinzip nur wissen, dass Animationen jetzt unterstützt werden, wie das geht, erfahrt ihr auf der MDN-Seite.

Neue Updatepolitik

Worauf ich in diesem Artikel eigentlich eingehen möchte, ist das geänderte Release-Modell. Immer wieder lese ich Kommentare in diversen Foren (heise.de, golem.de etc.) von genervten Usern, die sich darüber aufregen, dass jetzt aller sechs Wochen eine neue Major-Version rauskommt und man doch “mit Updaten gar nicht mehr hinterher kommen würde” und “es ja eigentlich keine Major-Version sein dürfte, sondern höchstens ein Minor/Point-Release”.

Leute.. kommt mal bitte klar.

Canery - Version 14

1. Ihr müsst aufhören in Versionsnummern zu denken. Ab jetzt heißt es einfach nur noch Firefox, ohne Nummer hinten dran. Bei Chrome zählt auch keiner mehr mit und es stört auch keinen. Dank Silent Updates hat der Großteil der Nutzer stets die aktuelle Version auf dem Rechner. Auch Firefox lädt das Update im Hintergrund und installiert es beim nächsten Start. Unter Windows hängt es von der Einstellung innerhalb der UAC ab, ob und wie viel der Nutzer davon mitbekommt.

2. Das Testen einer Seite in jeder neuen Version ist praktisch Zeitverschwendung. Die meisten Entwickler (ich meine jetzt Frontend also HTML+CSS-Gedöns) arbeiten mit HTML 4 bzw. XHTML und CSS 2.1. Also alles, was der Acid2-Test auch überprüft. Diesen Test besteht Firefox seit Version 3.5 und seitdem hat sich daran auch nichts geändert. Man brauch also keine Angst haben, dass ein Layout, das im Firefox 3.5 erstellt wurde, in Firefox 4, 5, 6 oder 7 ganz plötzlich anders aussehen wird. Seit Version 4 hat Firefox einen HTML5-Parser und beherrscht die wichtigsten CSS3-Neuheiten, neue Versionen können also nichts verschlimmern, im Gegenteil, sie komplettieren nur den Support. Nutzt man JS-Frameworks wie jQuery, sollte es auch hier zu keinerlei Problemen kommen. Ein Update auf die neueste jQuery-Version kann natürlich nicht schaden.

3. Durch den neuen Release-Cycle wird es nicht mehr Updates geben als vorher. Bisher gab es auch etwa alle 5-6 Wochen einen Minor-Release, der diverse Bug- und Securityfixes enthielt. Jetzt zählt es halt ganzzahlig hoch – so what?

Release Channels

Für alle, die es noch nicht mitbekommen haben, möchte ich auch nochmal erwähnen, dass es jetzt mehrere Release-Channel von Firefox gibt. Insgesamt sind das vier.

• Nightly – diese Builds werden jeden Tag aus dem mozilla-central Repository gebaut und sind nicht vom QA-Team überprüft worden (derzeit Version 7)
• Aurora – sind tägliche Builds aus dem mozilla-aurora Repository, das aller 6 Wochen mit dem mozilla-central Repository gesynct wird (derzeit Version 6)
• Beta – Builds, die aus dem mozilla-beta Repository kommen, sie werden vom QA-Team weitreichend geprüft (derzeit noch Version 5)
• Release – diese Builds (mozilla-release Repository) bekommen alle Nutzer angeboten, sie sind vom QA-Team abgesegnet

Firefox Channel-Auswahl

Am 5. Juli rutscht alles eine Version nach, wer darüber auf dem neuesten Stand bleiben will, sollte den offiziellen Blog Future Releases (eng.) lesen. Eine Übersicht mit allen Downloadlinks hat Mozilla auch erstellt. Oh und übrigens wird die mobile Variante für Android Handys jetzt immer mit geupdated. Thunderbird ist ebenfalls auf besten Wege auf diesen Zug aufzuspringen, erste Versionen sind schon verfügbar.

Was haltet ihr vom neuen Firefox und dem neuen Update-System? Nervig oder nützlich? Seht ihr Gefahren oder überwiegen die Vorteile? Lasst es mich wissen.

Die letzten acht Filme aus April & Mai

Bevor schon die nächsten acht Filme drängeln, werd ich erstmal noch schnell die letzten reviewen. Wieder einmal sehr abwechslungsreich.

Paul – Ein Alien auf der Flucht 8 / 10

- Sneak Preview -

Kennt und mag man die bisherigen Filme von Simon Pegg und Nick Frost (Shaun of the Dead, Hot Fuzz), ist man mit Paul sehr gut bedient. Paul ist ein Alien, der in den 60er Jahren in Area 51 gelandet ist und seitdem die Welt mit Ideen für Sci-Fi-Filmen und allerhand neuer Technologie bereichert. Nach Jahren der Gefangenschaft, kann er jedoch flüchten und läuft zwei Nerds (Pegg und Frost) über den Weg, die gerade von der Comic-Con kommen und eine Tour zu allen Alien-Hotspots machen. Natürlich sind ihnen Agenten einer geheimen Organisation auf den Versen und versuchen mit allen Mitteln Paul wieder einzusperren. Aber mit Hilfe seiner neuen Freunde meistert er neben vielen witzigen Situationen auch das und kann entwischen. Sehr amüsant sind dabei die Anspielungen auf alte Klassiker wie Star Wars und Alien, die mal mehr mal weniger offensichtlich eingearbeitet wurden. Im Deutschen wird Paul übrigens von Bela B. gesprochen, eine Aufgabe, die er mit Bravur meistert. Paul ist auf jeden Fall einen Blick wert, besonders für Sci-Fi-Fans.

World Invasion: Battle Los Angeles 6 / 10

Die Aliens kommen! Mal wieder.. diesmal, wer hätte es gedacht, auch nach L.A.! Innerhalb kürzester Zeit übernehmen sie praktisch die gesamte Welt und löschen unzählige Städte und Siedlungen aus. Wir sind chancenlos.. aber eine kleine Gruppe von US Marines dreht den Spieß um. Nach einigen patriotischen Reden und unter schweren Verlusten, schaffen es die Protagonisten einen Schwachpunkt ausfindig zu machen, aber bringt sie die Wende im Krieg? World Invasion: Battle Los Angeles ist ein einziger langer Häuser- bzw. Straßenkampf mit einigen Logikfehlern, der bei Weitem nicht an die Qualität oder Tiefe eines District 9 herankommt. Actionfans werden trotzdem gut unterhalten und sollten auf ihre Kosten kommen.

Ohne Limit 8 / 10

Bradley Cooper, den meisten als der Schönling aus Hangover bekannt, spielt in Ohne Limit den faulen und erfolglosen Schriftsteller Eddie, der seit Jahren vorhat ein Buch zu schreiben aber bisher keine einzige Seite fertig hat. Seine Freundin sieht mit ihm keine Zukunft und verlässt ihn. Als er jedoch den Bruder seiner Ex auf der Straße trifft, gibt ihn dieser eine neue Wunderdroge, die ihn extrem motiviert, leistungsfähig und kreativ macht. Eddie schafft von nun an alles, was er sich vornimmt und noch mehr. Eine neue Sprache an einem Tag lernen? Kein Problem. Er wird unglaublich erfolgreich, schreibt sein Buch in wenigen Tagen fertig und scheffelt einen Haufen Geld an der Börse. Das macht viele misstrauisch und neidisch. Bald hat es eine ganze Horde böser Typen auf ihn abgesehen und Eddie muss feststellen, dass er nicht der einzige ist, der die neue Droge einwirft. Ohne Limit ist ein schlauer und aufregender Thriller mit guter Besetzung, der mir gut gefallen hat. Lediglich die Moral bleibt am Ende etwas auf der Strecke.. aber ich möchte nicht zu viel verraten, entscheidet selbst!

Red Riding Hood 5 / 10

Als eher schwache Mischung aus Rotkäppchen und Twilight entpuppte sich Red Riding Hood mit Amanda Seyfried. Abgesehen vom recht ansehnlich animierten Wolf und den wenigen Splatter-Effekten, enttäuscht die Story um ein Liebesdrama und der Suche nach dem Menschen, der sich bei Vollmond in den bösen Wolf verwandelt. Auch ein Gary Oldman als gottgesandter Werwolf-Töter reißt es da nicht wirklich raus.

Mein bester Feind 7 / 10

- Sneak Preview -

Die erste halbe Stunde denkt man nur so: “Ach schon wieder so ein deutsches Drama zur Vergangenheitsbewältigung.. gähn!” Aber nach und nach mutiert Mein bester Feind zu einer Art schwarzen Komödie. Ob das immer beabsichtigt ist, bleibt fraglich, unterhaltsam ist es aber allemal. Moritz Bleibtreu als Jude Victor Kaufmann und sein Gegenspieler Georg Friedrich als Nazi-Sympathisant Rudi Smekal liefern sich einen grandiosen Schlagabtausch auf verbaler und psychischer Ebene. Ob es dieser Film je richtig ins deutsche Kino schafft, werden wir frühestens im September erfahren, fand ihn jedenfalls ganz gut und ist ein typischer hätt-ich-nich-gesehen-wenn-er-nicht-zur-Sneak-gekommen-wäre-Film.

Thor 9 / 10

- 3D-Vorstellung -

Der Donnergott Thor wagt sich mit seinen treuen Gefährten und seinem Bruder Loki ins verbotene Land der Eisriesen und bricht dort einen Krieg vom Zaun. Aus Zorn darüber verbannt ihn sein Vater Odin auf die Erde, wo er ohne seine Götterkräfte bestehen muss. Dort begegnet er einer kleinen Forschergruppe, darunter die ansehnliche, von Natalie Portman gespielte, Jane Foster. Beide lernen sich näher kennen und es beginnt zwischen ihnen zu funken. Als Loki später erfährt, dass er gar nicht Odins leiblicher Sohn ist, entbrennt ein unfairer Kampf um die Thronfolge, bei dem Loki jedes Mittel recht ist.

Ich bin wirklich froh, dass Thor die doch recht hohen Erwartungen ganz gut erfüllen konnte. Es gibt viel zu sehen, allein die Rüstungen der Götter, die königlichen Gemächer und die prachtvolle Stadt Asgard sind das Eintrittsgeld fast wert. Außerdem ist Thor, trotz Konvertierung, in meinen Augen bisher einer der wenigen 3D-Filme, bei dem sich der Effekt auch wirklich auszahlt. Ich hatte viel Spaß und kann den Film nur jedem Comic- und Action-Fan empfehlen.

Heimdall - Hüter des Bifröst

Fast & Furious Five 7 / 10

In Fortsetzung Nummer Fünf der Fast & Furious Reihe verschlägt es uns diesmal ins feuchtwarme Rio de Janeiro, wo Toretto (Vin Diesel) und seine Bande den ganz großen Coup planen: Sie wollen den ansässigen Drogenbaron um sein gesamtes Geld erleichtern. Aber nicht nur der hat was dagegen. Da Toretto aus dem Gefängnis ausgebrochen ist, wird er von Spezialeinheiten des DSS verfolgt. Angeführt von Dwayne ‘The Rock’ Johnson, machen diese Jungs keine Kompromisse, sie schießen erst und fragen dann. Obwohl Fast & Furious Five nur so vor flachen Dialogen strotzt und sich abseits jedweder physikalisch korrekten Realität bewegt (ich sag nur Tresor), macht dieser Film trotzdem Spaß. Ähnlich wie in Transformers wird einem einfach nie langweilig, weil ständig massig Kugeln oder ganze Autos durch die Luft fliegen.

Scream 4 7 / 10

Ghostface sorgt in Woodsboro zum vierten Mal für kreischende junge Mädchen und viele gefüllte Leichensäcke. Die Rede ist natürlich von Scream 4. Wes Craven höchstpersönlich startet einen weiteren Versuch dem angestaubten Franchise wieder neues Leben einzuhauchen und setzt dabei auf viel frisches Blut. Wer aber glaubt, es hier mit einer billigen Fortsetzung zu tun zu haben, der irrt. Scream 4 ist seit Langem mal wieder ein Film, der es schafft, den Zuschauer durch Aufbau von Spannung und ohne viel Splatter an den Kinosessel zu fesseln. Dass man bei Schauspielerinnen wie Emma Roberts, Hayden Panettiere oder Kristen Bell sowieso nicht geneigt ist wegzusehen, sollte klar sein. Das Ende wartet übrigens mit einer krassen Wendung und macht diesen Teil damit zu einem der besseren Scream-Filme, auch wenn er nicht ganz an den ersten Teil rankommt.

Problem?

Dass der IE6 manchmal ein übler Troll sein kann und sein Nachfolger IE7 ihm in dieser Hinsicht in nichts nachsteht, brauch ich euch ja wohl kaum erzählen (ich habs jetzt natürlich trotzdem gemacht, einfach um ein cooles Intro zu haben ). Jedenfalls bin ich neulich erst auf einen richtig schönen Fix für ein bekanntes Problem bezüglich der Darstellung von Buttons im IE gestoßen.

Kennt ihr das: Ihr habt einen Button oder ein Submit-Input und gebt dem etwas Padding und schon zerschießt es euch im IE das halbe Formular, weil dieser Browser denkt, er müsse den Dicken markieren, indem er den Padding-Wert verdoppelt?

Na dann seit ihr hier goldrichtig!

Das Problem

Wir haben also einen button oder ein input mit dem type="submit" (der Bug betrifft beides gleichermaßen) auf unserer Seite, was der tut ist uns an dieser Stelle reichlich egal.

HTML

1

<button>Button</button>

Normalerweise rate ich immer dazu die Buttons so zu lassen, wie sie sind und so wenig wie möglich am Styling zu ändern. Natürlich kommt es jedoch vor, dass sie dadurch nicht richtig ins “Corporate Design” einer Firma “fitten”. Und da Kunde==König immer wahr ist, muss man hier und da etwas nachhelfen, dass die Buttons auch zum Rest passen. Sehr häufig muss dazu beispielsweise links und rechts das Padding erhöht werden, damit das alles nicht so zusammengeklatscht aussieht.

CSS

1
2
3

button {
	padding:3px 10px;
}

Alles gut denkt man, aber beim X-Browser-Test macht man schnell große Augen: Im IE6 und IE7 sind es nicht nur 10 Pixel links und rechts sondern mindestens doppelt so viele. Hier ein Vergleich:

Die türkisen Linien sind nachträglich eingezeichnet worden..

Die Lösung

In solchen Momenten möchte man am liebsten in die Tastatur beißen oder die Maus durch die Gegend werfen (@Wireless-Maus-User: tut es nicht!). Aber das ist gar nicht nötig, denn die Lösung ist ganz einfach, nahezu trivial.

Alles, was wir tun müssen, ist eine Zeile CSS mehr zu schreiben:

CSS

1
2
3
4

button {
	overflow:visible;
	padding:3px 10px;
}

Durch overflow:visible hört der IE auf, mehr Padding zu vergeben als eigentlich gewollt. Das Schöne daran ist, dass er 100% valide ist und keinerlei Nachteile hat. Der Tag ist damit gerettet und alle können quietschvergnügt nach Hause gehen!

Frontend-Developer 1:0 Internet Explorer

Die letzten acht Filme aus März & April

Hui, da kommen auch schon die nächsten acht Filme! 2011 wird sicher ein Rekordjahr was die Kinobesuche angeht.

The Roommate 3 / 10

- Sneak Preview -

In The Roommate geht es um die junge Sara, die ihr erstes Semester an der Uni verbringt. Mit ihrer Mitbewohnerin versteht sie sich bald sehr gut, weiß jedoch nicht, dass diese extrem eifersüchtig auf andere Freunde ist. Was als ruhiger Mädel-kommt-an-die-Uni-Film beginnt, entwickelt sich recht schnell in einen vorhersehbaren Thriller. Hin und wieder blitzt zwar sowas wie Spannung auf aber insgesamt ist der Ablauf nicht originell genug, zu ideenlos. Ein paar Pluspunkte sammelt er durch die hübsche Besetzung (Leighton Meester, Minka Kelly und Alyson Michalka) und der ansonsten ganz ordentlichen Umsetzung.

Der Plan 8 / 10

Wie es besser geht, zeigt Der Plan mit Matt Damon und Emily Blunt. Der dynamische Kongressabgeordnete David, lernt auf einer Toilette die schöne Tänzerin Elise kennen, beide verlieben sich blitzartig ineinander, werden jedoch schon bald wieder getrennt. David erfährt, dass er Elise hätte nie treffen sollen, da dies – laut Plan – schlimme Folgen für beide hätte. Mit aller Macht versuchen die Mitarbeiter des Planungsbüros die beiden auseinander zu bringen, während das Paar versucht, zusammen zu bleiben und zu entkommen. Mit einer guten neuen Idee und einer intelligenten Story mausert sich Der Plan, je länger man ihn ansieht, zu einem richtig guten Film über Schicksal, Liebe und Zusammenhalt aller Widrigkeiten zum Trotz.

Ich bin Nummer Vier 7 / 10

Hoho, guck an.. so mittelmäßig wie ich dachte, war der gar nicht. Ich bin Nummer Vier lässt es ruhig angehen. Als außerirdischer Flüchtling mit geheimen Kräften muss sich “John” (#4) an seiner neuen Schule erstmal etwas Respekt verdienen und neue Freunde kennen lernen. Darunter ist auch ein junges Mädchen namens Sarah, die ihm den Kopf verdreht, und Sam, der bald schon hinter Johns Geheimnis kommt. Nebenbei sieht man immer ein außerirdisches Killerkommando, das es sich zur Aufgabe gemacht hat, alle acht Flüchtlings-Kinder zu jagen und zu töten – drei haben sie bereits. Die Geschichte finde ich zwar etwas an den Haaren herbeigezogen aber das war mir spätestens dann egal, als Nummer Sechs (Teresa Palmer) ihren Auftritt hatte und ordentlich auf den Putz gehauen hat. Auch sie hat außergewöhnliche Kräfte und mit John zusammen sind beide noch stärker und können sich gegen den bösen Trupp behaupten. Ich hoffe mal, dass es hier noch mindestens eine Fortsetzung geben wird, denn am Ende will man eigentlich nur mehr davon sehen.

Meine erfundene Frau 8 / 10

Richtig lustig gehts in Meine erfundene Frau zur Sache. Der Frauenheld und Schönheitschirurg Danny (Adam Sandler) hat in der heißen Blondine Palmer (Brooklyn Decker) seine Traumfrau gefunden. Blöderweise findet sie einen Ehering in seiner Hosentasche, den Danny noch von seiner geplatzten ersten Ehe aufgehoben hat und nun (erfolgreich) dazu benutzt, Frauen aufzureißen. Er verspricht ihr daraufhin sich von seiner imaginären Frau scheiden zu lassen. Bis dahin weiß Dannys Arzthelferin Katherine (Jennifer Aniston) aber noch nichts davon. Als Palmer dann auch noch herausfindet, dass die beiden angeblich Kinder haben, ist Danny gezwungen, einige Gefallen zu erfüllen, damit die erfundene Familie die ganze Show auch mitmacht.

Huuiiiii!

So fliegt der ganze Trupp für einen Kurzurlaub nach Hawai, wo der eigentliche Spaß beginnt. Sehr witzig erzählt und gut besetzt ist Meine erfundene Frau die perfekte Komödie für Zwischendurch.

Der letzte Tempelritter 7 / 10

Ich mag ja so Filme, in denen es um Dämonen, Götter und generell um Mythologie geht (freu mich schon auf THOR), bestes Beispiel dahingehend war in jüngster Vergangenheit Constantine mit Keanu Reeves. Jetzt begibt sich Nicolas Cage zusammen mit Ron Perlman auf ähnliches Terrain allerdings spielt Der letzte Tempelritter nicht in unserer Zeit sondern im tiefsten Mittelalter. Die Hexenverbrennung ist im vollen Gange und hin und wieder ist sogar eine richtige Hexe dabei, wie der Pfarrer von nebenan in der Anfangsszene feststellen muss. Jedenfalls haben die beiden Haudegen (Cage & Perlman) als Kreuzritter schon einige Schlachten geschlagen und erkennen zu spät, dass sie im Namen Gottes mehr Leid und Elend verbreitet haben, anstatt Gutes zu tun und so beschließen sie heimzukehren. Jedoch werden sie als Deserteure gefangen genommen und sollen ein junges Mädchen in ein Kloster bringen, auch sie steht unter dem Verdacht eine Hexe zu sein, wie sich herausstellt nicht ohne Grund..

Abgesehen von kleinen Startschwierigkeiten und dem eher mäßigen ersten Drittel, unterhält der Film ganz gut, hat einige gute Effekte zu bieten und kommt gegen Ende sogar richtig in Fahrt.

Alles, was wir geben mussten 4 / 10

- Sneak Preview -

Diesen Film zu bewerten ist nicht gerade einfach. Als Drama mit ernstem Hintergrund muss man mit der richtigen Stimmung in diesen Film gehen. Er ist bedrückend und gefühlvoll und unter diesen Gesichtspunkten als solcher sicherlich ein sehr guter Film. Will man jedoch unterhalten werden – und darum gehe ich ins Kino – wird man ziemlich enttäuscht den Kinosaal wieder verlassen. Da ist einfach zuviel Leerlauf und Langeweile drin. Stellt euch Die Insel ohne Action und Spannung vor und ihr habt Alles, was wir geben mussten. Dass die Kinder hier sogar wissen, dass sie nur herumlaufende Ersatzteillager sind und trotzdem nichts dagegen unternehmen, sagt glaub ich alles. Pluspunkt für die gute Besetzung mit Keira Knightley und Andrew Garfield aber das wars dann auch schon.

Sucker Punch 7 / 10

Dieser Film spaltet so ein bisschen die Gemüter. Die einen lieben den Film wegen seinen fantastischen Effekten, den coolen Slow-Motion-Sequenzen und den heißen Mädchen in ihren Schuluniformen, die anderen mögen ihn nicht wegen seiner schwachen Story, dem Ende und den zusammenhangslosen Schauplätzen. Ich persönlich finde Sucker Punch ganz gut, er unterhält vorbildlich. Ständig fliegen einem Kugeln um die Ohren, man trifft Drachen, riesige Samurai-Krieger aus Stein und Nazi-Zombies (ich weiß, es spielt im Ersten Weltkrieg aber “Deutsche-Soldaten-aus-dem-Ersten-Weltkrieg-Zombies” klingt einfach scheiße). Zwischen all der Action spielt sich die Geschichte in einer Nervenheilanstalt für junge Frauen ab. Babydoll, wird von ihrem bösen Stiefvater dorthin gebracht und soll einer Lobotomie unterzogen werden. Um sich den Aufenthalt etwas erträglicher zu machen, flüchtet sie sich in eine Fantasiewelt, in der sie ihren Ausbruch plant. Dabei wird sie von vier weiteren Mädchen unterstützt. Gemeinsam müssen sie in einer weiteren Fantasie-Ebene (jaja so bissl Inception-like) nach und nach fünf Gegenstände finden, die für einen Ausbruch nötig sind. Nicht alles läuft dabei nach Plan..

Wie gesagt, ich find ihn ganz gut, die Idee ist nicht schlecht und die Umsetzung ziemlich krass.. man muss sein Hirn nur hier und da mal ausschalten.

The Fighter 9 / 10

Der Durchschnittsboxer Micky (Mark Walberg) und sein ältere Bruder Dicky (Christian Bale) trainieren seit jeher zusammen. Während Dicky seinen Zenit längst überschritten hat und sich als Cracksüchtiger in der Stadt einen neuen Namen gemacht hat, arbeitet Micky weiter an seiner Karriere als Profiboxer. Seine Mutter (Melissa Leo) und sein Bruder ziehen für ihn allerdings nur unfaire Kämpfe an Land und Micky muss eine Niederlange nach der anderen einstecken. Alles ändert sich aber, nachdem er die toughe Kellnerin Charlene (Amy Adams) kennen und lieben lernt. Sie zeigt ihm auf, dass seine Familie ihn zurückwirft und enttäuscht. Mit ihrer Hilfe bekommt er endlich ordentliche Kämpfe und fährt die ersten Siege ein. Für Micky allerdings braut sich ein großer Konflikt zusammen, er liebt Charlene und er liebt seine Familie nur mag Charlene seine Familie nicht und umgekehrt sieht es nicht viel besser aus.

The Fighter ist ein richtig gutes Drama mit perfekter Besetzung, die drei Oscarnominierungen – darunter zwei Gewinne für Bale und Leo – gehen völlig in Ordnung und sogar Mark Wahlberg liefert meiner Meinung nach eine überzeugende Vorstellung ab. Definitiv sehenswert!

Nächstes Mal lest ihr mehr über einen Außerirdischen namens Paul, den Donnergott Thor und … naja ich will jetzt nicht alles verraten. Bis dahin!

Nach über einem Jahr Alpha- und Beta-Phase hat Mozilla gestern erfolgreich seinen längst überfälligen Firefox 4 released! Das Äußere wurde komplett umgekrempelt, unter der Haube hat sich einiges getan und die Featureliste ist lang. Ich will euch zeigen, was genau man als ausgefuchster Langzeitnutzer (Wortspiel har har) oder Neuein- bzw. Umsteiger von der neuen Version so zu erwarten hat und welche Auswirkungen sie speziell für erfahrene Nutzer hat.

Die Jungs und Mädchen von Mozilla haben sich einiges einfallen lassen, um so einen großen Release auch gebührend zu feiern. Unter anderem hat man einen schönen Download-Zähler gebaut, der anzeigt wie viel Downloads pro Minute und von welchem Fleck auf der Erde diese getätigt werden.

Firefox Mosaik

Auch für Twitter hat man etwas ganz Spezielles gebaut. Jeder, der den Hashtag #fx4 tweetet, wird kurzfristig als eine Kachel in einem großen Firefox-Mosaik dargestellt. Man kann nach sich und anderen suchen und bekommt dann die jeweilige Kachel mit dem Tweet angezeigt – lustige Idee.

Geschwindigkeit

Ein großer Punkt auf der Agenda war die Geschwindigkeit in allen Bereichen zu verbessern. Dazu hat man bspw. an der Startzeit geschraubt, die bei mir bei 8s (kalt) und und ca. 1,5s (warm) liegt. Das ist etwas mehr als doppelt soviel wie Chrome. Hier hat Firefox noch Potential nach oben und Mozilla weiß das auch, Geschwindigkeit und Leichtigkeit bleiben die wichtigsten Punkte für die Zukunft. Weiterhin werkelt neben Gecko 2.0, dem ein schneller HTML5-Parser verabreicht wurde, noch die blitzschnelle JavaScript Engine JägerMonkey. Besonders auf JavaScript-lastigen Seiten wie Twitter und Facebook ist ein spürbarer Unterschied auszumachen. Wer Bock auf Benchmarks hat, kann sich auf firefox.com/performance den Unterschied zur 3.6 anschauen.

Außerdem gibt es noch die Hardwarebeschleunigung, die ähnlich wie im IE9 und Chrome 10 Webinhalte unter Benutzung der GPU auf die Sprünge helfen soll. Vorrangig geht es dabei um Canvas-Inhalte (Spiele), Scrollen von Webseiten und dem Anschauen von Videos. Damit einher geht auch das veränderte Schriftbild, das den meisten am Anfang etwas seltsam vorkommen wird. Ohne jetzt zu sehr in die Tiefe gehen zu wollen, verweise ich euch auf diesen Artikel über DirectWrite (5 Seiten), der schön erklärt, warum wieso und überhaupt. Nur soviel sei gesagt: Es ist nicht schlecht und man gewöhnt sich relativ schnell daran. Microsoft arbeitet wohl auch an Verbesserungen dahingehend.

User Interface + Customize = User Experience!

Der zweite große Punkt ist die Frage, wie man Firefox um sinnvolle Funktionen erweitern kann, um den Nutzern ein bestmögliches Surferlebnis zu gewährleisten. Dazu hat man sich ALLERHAND lustige Sachen ausgedacht, ich werde mal einige vorstellen und zu jedem einen kleinen Kommentar verfassen..

Tab Management

Alle Tabs befinden sich jetzt oberhalb der Lesezeichen- und Adresstoolbar. Unter Windows Vista und 7 schließen sie dadurch (wenn das Fenster maximiert ist) bündig mit dem Fensterrand ab. Unter Windows XP, Mac OS und Linux ist das nicht immer der Fall. Zwar sind auch hier die Tabs oben, es ist aber immer noch eine Titelleiste vorhanden. Vorteil ist, dass man Tabs besser trifft, wenn man die Maus einfach nur schnell nach oben schiebt. Kleiner Nachteil besteht für Leute, die neue Tabs durch einen Doppelklick im Tabstrip geöffnet haben. Diese Funktion gibt es nicht mehr, es ist jedoch möglich mit dem Neuen-Tab-Button (Tab mit dem großen “Plus” drauf) ODER über Mittelklick, also einen Klick auf das Mausrad, neue Tabs zu erstellen.

App-Tabs und Tabs On Top im Einsatz (Windows 7)

Dazugekommen sind sogenannte App-Tabs, das sind bis auf ihr Favicon geschrumpfte Tabs, die immer offen bleiben. Um einen App-Tab zu erstellen reicht ein Rechtsklick auf einen Tab und das Auswählen von “Als App-Tab anpinnen”. Werden innerhalb von App-Tabs externe Links angeklickt, so werden sie in einem neuen Tab geöffnet. Sie können außerdem nicht per STRG + W geschlossen werden (Shortcut zum Schließen von Tabs, in allen Browsern übrigens..).

Für Leute mit vielen gleichzeitig geöffneten Tabs, gibt es jetzt Panorama. Damit lassen sich Tabs sehr bequem per Drag & Drop gruppieren, wobei dann immer nur eine Gruppe aktiv sein kann. Die Funktion wird entweder über STRG+Umschalt+E oder den Panorama Button geöffnet oder geschlossen. App-Tabs bleiben übrigens in allen Gruppen erhalten.

Panorama - sehr intuitiv gelöst

Einige Verbesserungen wie dem verzögerten Wachstum der Tabs, wenn andere Tabs geschlossen werden oder den neuen Animationen der Tab-Sortierung (beides wie in Chrome, Opera oder IE), haben es leider nicht mehr in dieses Release geschafft.

Änderungen an den Toolbars

Wer sich fragt, wo denn der Home-Button sowie der Stop- und der Reload-Button hin sind, der sollte mal einen Blick nach rechts werfen. Dort finden sich alle Elemente wieder. Der Home-Button ist rüber gewandert und Stop, Go und Reload wurden zu einem einzigen Button verschmolzen, der sich sehr elegant in die Adresszeile einfügt.

Bäumchen wechsle dich!

Es gibt außerdem jetzt die Möglichkeit von Paste & Go bzw. Paste & Search, wobei URLs oder Begriffe in der Zwischenablage direkt eingefügt und danach sofort die Aktion der Adress- bzw. Suchleiste in Gang gesetzt wird. Leider habe ich dafür noch keine Shortcuts entdecken können, sonst würde ich das sicherlich öfter benutzen.

Übrigens ist die Lesezeichenleiste standardmäßig versteckt. Der Button ganz rechts mit dem Stern kann jedoch dazu genutzt werden die geliebte Leiste wieder einzublenden und fungiert darüber hinaus als Lesezeichen-Menü/-Manager.

Die neue Addon Toolbar

Viele Leute stören sich auch an der fehlenden Statusbar. Ich vermisse das hässliche Ding bisher keine Minute. Ziellinks werden in der unteren Ecke angezeigt, für Addons gibt es die neue Addon-Bar, die schnell mit STRG+Umschalt+7 ein- und ausgeblendet werden kann, und für laufende Downloads nutzt man entweder ein gutes Addon oder die Windows 7 Integration mitsamt Download-Fortschrittsanzeige in der Taskleiste (Tabvorschau und Jumplists funktionieren natürlich auch).

Ein weiterer Punkt ist der neue Firefox-Button oben links. Der erscheint, wenn man die Menüleiste ausblendet und vereint alle wichtigen Menüeinträge zu einem Super-Menü. Von hier aus kommt man in die Optionen, den Addon-Manager, dem About/Update-Dialog und allen anderen Punkten, die einem das klassische Menü auch geliefert hat.

Firefox Button mit ausgeklappten Menü

Mir persönlich ist der Button etwas zu sperrig, deshalb nutze ich Movable Firefox Button (veraltet), ein Addon, dass es mir erlaubt den Button als wesentlich kleinere Version irgendwo in eine der Toolbars zu packen. So haben meine Tabs mehr platz und ich bin das klobige Ding los ohne an Funktionalität zu verlieren.

Movable Firefox Button - toll!

Addon Manager

Komplett überholt wurde der Addon Manager, der jetzt mit STRG+Umschalt+A aufgerufen werden kann. Innerhalb des Managers verschwinden alle unrelevanten Toolbars. Erweiterungen, Plugins, Themes, hier findet sich alles schön sortiert und farbliche angenehm hervorgehoben. Addons werden auch weiterhin automatisch im Hintergrund geupdated, man bekommt jetzt aber keine Benachrichtigung mehr wann das passiert – Stichwort: Silent Update.

Der überarbeitete Addon Manager

Link: Rechtsklick -> Im neuen Tab öffnen??

Ja, das ist jetzt nicht mehr an zweiter Stelle im Context-Menü sondern gleich an erster.. hat mich auch 2-3 Tage gebraucht, bis das wieder richtig funktioniert hat. Hintergrund ist, dass Öffnen im neuen Tab viel öfter benutzt wird als Öffnen im neuen Fenster und nach dem Motto “Wichtige Dinge kommen zuerst” wurden die beiden einfach vertauscht, so dass jetzt das wichtigere an erster Stelle steht.

Öffnen in neuem Tab steht jetzt oben

Übrigens! Firefox erkennt jetzt nicht-verlinkte Links auch als Links und offeriert uns gerade genannte Context-Einträge nachdem wir den Link markiert haben. Oftmals sieht man sowas in Foren oder z. B. auf Twitter, wenn jemand vergessen hat ein http:// vor die URL zu setzen. Finde ich eine recht nützliche Sache.

Firefox Sync

Synchronisation ist derzeit ein großes Thema, das Schlagwort Cloud ist in aller Munde. Speziell für Browser scheint daher im Moment kein Weg an Sync-Lösungen vorbei zu gehen. Mozilla hat einen eigenen Dienst entwickelt, der Lesezeichen, Passwörter, Einstellungen, Chroniken und Tabs auf mehreren Rechnern und sogar auf Mobilgeräten (auf denen Firefox oder Firefox Home läuft) zu synchronisieren. Dabei verschlüsselt Firefox die zu übertragenen Daten, sodass sie für keinen einsehbar auf den Mozilla-Servern liegen. Wem das trotzdem zu unsicher ist, kann sich auch einen eigenen Server einrichten. Ich nutze das, um Daten zwischen Zuhause und meinem Rechner auf Arbeit zu syncen, so habe ich meine gewohnte Surf-Umgebung bei mir, egal wo ich mich befinde. In späteren Versionen sollen auch Addons und deren Einstellungen synchronisiert werden können.

Fazit

Mozilla macht einen großen Schritt nach vorn. Das war äußerst wichtig, hat man doch zuletzt viele Nutzer zurecht an Chrome verloren. Man kann vielleicht noch nicht in jeder Hinsicht mit dem Primus in Sachen Geschwindigkeit gleichziehen aber dafür den Vorsprung um einiges wieder verkürzen. Firefox 4 war ein immens großes Projekt, das eigentlich schon hätte Ende letzten Jahres fertig sein müssen. Jetzt stellt Mozilla den Entwicklungszyklus um und erhofft sich dadurch noch schneller und flexibler zu werden. Die Konkurrenz bleibt natürlich auch nicht stehen, IE9 hatte letzte Woche seinen großen Auftritt und von Googles Chrome gibts mittlerweile auch schon die Nummer 10. Es stehen uns also noch viele interessante Neuerungen für die Zukunft ins Haus, es ist so spannend wie nie!

PS

Toolbars anpassen

An alle, die sich an das neue Aussehen von Firefox nicht gewöhnen können oder wollen: Es gibt extra die Möglichkeit alles so zu verändern, bis es einem gefällt. Gerade was die Anordnung von Icons oder Toolbars angeht.. einfach mal Rechtsklick auf eine Toolbar und den Punkt “Anpassen…” wählen. Jetzt könnt ihr Elemente auf den Toolbars per Drag & Drop verschieben, hinzufügen oder entfernen – es ist wirklich einfach, probiert es aus!

Die Plakate der letzten Kinofilme.

Auch heute präsentiere ich euch wieder acht Filme der letzten beiden Monate. Das Feld ist relativ durchwachsen, es dürfte also für jeden etwas dabei sein.

Tucker & Dale vs. Evil 8 / 10

- Sneak Preview -

Die zwei Dorftrottel Tucker und Dale ahnen nichts Böses als sie ihre Einkäufe für den anstehenden Angelausflug am See machen und ihnen eine Gruppe Teenager über den Weg läuft. Diese halten die beiden für geistesgestörte Serienkiller und machen sich schleunigst aus dem Staub. Zufällig schlagen sie ihr Camp aber ganz in der Nähe des Hauses auf, in dem Tucker und Dale wohnen. Als ein Mädchen beim nächtlichen Badeausflug ausrutscht und fast ertrinkt, wird sie von Dale gerettet und ins Haus gebracht. Sie erkennt schnell, dass die beiden gar keine Killer sind sondern alles nur ein Missverständnis ist. Die verbliebenen Teenager denken jedoch, dass ihre Freundin entführt wurde und versuchen Tucker und Dale zu überwältigen. Das geht jedoch gründlich schief und einer nach dem anderen stirbt auf ziemlich dümmliche Art und Weise. Tucker & Dale vs. Evil ist eine perfekte Parodie auf typische Slasherfilme, die einem mit viel schwarzem Humor Tränen in Augen treibt. Sehr lustig, sehr unterhaltsam!

Gullivers Reisen 4 / 10

- 3D-Vorstellung -

Leider ist Gullivers Reisen weder eine gute Komödie, noch eine gute Schnulze, und schon gar kein guter 3D-Film. Er ist vielmehr ein gutes Beispiel dafür, wie heutzutage mit 3D ein Haufen Geld gemacht wird. Einzig die Darstellerriege, zu der sich neben Jack Black und Amanda Peet noch Jason Segel und die viel beschäftigte Emily Blunt gesellen, lassen einem den Film einigermaßen ertragen. Einige witzige Momente gibt es zwar aber es scheint so, als tauge die berühmte Swift-Vorlage nur bedingt als Komödie. Eine Verfilmung, die man sich hätte ruhig sparen können.

Freundschaft Plus 7 / 10

Eine wirklich schöne Schnulze ist hingegen Freundschaft Plus mit Ashton Kutcher und Natalie Portman in den Hauptrollen. Die besten Freunde Emma und Adam kennen sich schon ewig aber urplötzlich macht es *klick* und sie landen im Bett. Es entwickelt sich eine Beziehung, die nur auf Sex basiert, Spaß ohne Liebe also. Zumindest für Emma ist klar, dass da nicht mehr daraus wird. Adam fängt aber schon früh an sich in sie zu verlieben und gibt sich größte Mühe, Emma zu einem richtigen Date auszuführen. Und ganz erfolglos bleibt er nicht: Emma muss erkennen, dass auch sie mehr für ihn empfindet als sie zunächst glaubt. Daraufhin zieht sie die Reißleine und macht Schluss. Aber ganz so einfach ist auch das nicht..

Schöne Liebeskomödie mit guter Besetzung und einigen guten Gags. Wer Schnulzen mag, sollte hiermit voll auf seine Kosten kommen.

127 Hours 8 / 10

2003 wurde der Amerikaner Aron Ralston berühmt, als er sich selbst die rechte Hand amputierte als diese von einem Felsbrocken eingeklemmt wurde. Dieser Stoff wurde nun mit James Franco in der Hauptrolle verfilmt, der dafür eine Oscar-Nominierung als bester Hauptdarsteller einheimsen konnte. 127 Hours – also etwas über 5 Tage war er buchstäblich festgenagelt und kämpfte mit sich und der Natur um sein Überleben. Eindrucksvoll zeigt der Film auf, wie ein Mensch auf so eine Lage reagieren kann. Nach zahllosen Versuchen den Felsen anzuheben oder ihn zu zerkleinern, trifft Aron einen Entschluss. Will er überleben, gibt es keinen anderen Weg als sich die Hand abzutrennen. Nichts für schwache Nerven! Sehr gut gefilmt und klasse gespielt – empfehlenswert.

Drive Angry 8 / 10

- 3D-Vorstellung -

Update: Bewertung geändert, von 6 auf 8 Sterne.

Dass Nicolas Cage Geldprobleme hat, merkt man spätestens, wenn man einen Blick auf das örtliche Kinoprogramm wirft. Man kann sich ziemlich sicher sein, dass Cage in mindestens zwei Filmen die Hauptrolle spielt. Zum Glück mindert das nicht seine schauspielerischen Fähigkeiten. So flieht er in Drive Angry als Untoter aus der Hölle um seine Tochter zu rächen und seine Enkelin aus den Klauen einer satanischen Sekte zu befreien. Was ziemlich abgedreht klingt, ist auch abgedreht. Mit allerhand überflüssiger Gewalt und Splatter metzelt er sich so bis zum Sektenoberhaupt vor und sorgt für einiges Schmunzeln beim Zuschauer. Mit von der Partie ist die heiße Piper, gespielt von Amber Heard, die er zufällig aufgabelt. Der Ausbruch blieb nicht unbemerkt und so werden beide von einem Agenten der Hölle verfolgt, dem sogenannten Buchhalter (William Fichtner, ich mag seinen schwarzen Humor! ). Natürlich muss ich nicht erwähnen, dass auch hier 3D reine Geldverschwendung ist, der Film würde auch wunderbar in 2D funktionieren. Jedenfalls ein netter kleiner Grindhouse, nur nicht so gut wie Machete/Planet Terror/Death Proof.

Amber Heard in Drive Angry - Jap, genau.

Faster 5 / 10

- Sneak Preview -

Ähm.. um was ging es hier gleich nochmal? Achja, “The Rock” macht nach seinem Ausflug als Zahnfee mal wieder einen auf hart und begibt sich nach seiner Entlassung auf einen blutigen Rachefeldzug. Es gibt nicht viel über diesen Film zu erzählen. Außer ein paar kleinen Schießereien und guten Verfolgungsjagden hält sich Faster eher zurück. Die Story ist zwar ziemlich flach, jedoch gibt es eine überraschende Wendung am Ende und eine ganz interessante Nebenhandlung mit einem Killer, die immer wieder kleine Akzente setzen kann. Neben Dwayne Johnson, Billy Bob Thornton und Carla Gugino, macht sich Maggie Grace durch ihr ansehnliches Äußeres noch am ehesten bemerkbar. Belangloses Action-Kino für zwischendurch.

True Grit 6 / 10

Ja ihr seht richtig, nur sechs Sterne! Denn mehr hat True Grit in meinen Augen nicht verdient. Jeff Bridges und Matt Damon liefern zwar eine klasse Leistung als besoffenen, schießwütigen Marshall und schnell beleidigten Texas Ranger ab, jedoch fehlt es der Geschichte an Tiefgang. Der Vater eines Mädchens wird erschossen. Die Kleine macht sich auf den Weg und heuert die beiden Herren an, um sich des Mörders anzunehmen. Das war’s.. viel mehr ist da nicht. Es geht die ganze Zeit nur darum, Nebenhandlungen hab ich keine erkennen können und auch sonst haben mich bis auf einige komödiantischen Einlagen seitens Marshall Rooster Cogburn keine Aktionen des Films vom Hocker gerissen. Von dem ganzen Hype und den zehn Oscar-Nominierungen im Vorfeld (ging btw leer aus!) hatte ich mir schon etwas mehr erhofft. Der Trailer versprach mit Bad-Ass Johnny Cash Mucke einen epischen Western.. hat sich für mich mehr nach einer Folge Tatort mit Pferden angefühlt. Vielleicht muss man aber auch ein Fan von Western und den Coen-Brüdern sein, um den Film richtig zu verstehen und so mega-toll zu finden, wie er von vielen gelobt wird.

Unknown Identity 8 / 10

Der amerikanische Forscher Dr. Martin Harris kommt für eine Konferenz mit seiner Frau nach Berlin. Im Hotel Adlon angekommen, bemerkt Harris, dass sein Aktenkoffer fehlt und beschließt das nächste Taxi zum Flughafen zu nehmen. Die Reise endet vorzeitig in der Spree, die Taxifahrerin schafft es gerade noch Harris zu retten. Vier Tage später erwacht er im Krankenhaus aus dem Koma. Doch nichts ist mehr so, wie es war. Zurück im Hotel muss er feststellen, dass jemand anders seinen Platz eingenommen hat und sich als Dr. Martin Harris ausgibt. Wenig später wird er auch noch von unbekannten Männern verfolgt und attackiert. Ihm wird ihm klar, dass mehr dahinter steckt. Er macht die Taxifahrerin Gina ausfindig und bittet einen alten Stasi-Spitzel um Hilfe. Eine aufregende Verfolgungsjagt quer durch Berlin nimmt ihren Lauf.

Unknown Identity ist spannend erzähltes Popcorn-Kino mit guter Besetzung. Taxifahrerin Gina, verkörpert von Diane Kruger, spielt ihre Rolle genauso gut wie Bruno Ganz den alten Mann von der Stasi. Liam Neeson als Dr. Martin Harris zeigt erneut, dass er keine Probleme hat, den Spagat zwischen Charakter- und Actiondarsteller zu meistern.

Yeah, fertig. Meinungen eurerseits sind wie immer erwünscht!

Hätte ich noch länger gewartet, wäre bald wieder Advent gewesen aber so passt es schon noch.. seht es einfach als eine Art Serie von Artikeln und nicht mehr als Adventskalender an. Ok, worum geht es heute? Ganz kurz und bündig: resize. Diese CSS3 Eigenschaft erlaubt es dem User ohne Einsatz von Javascript Block-Level Elemente in ihrer Größe zu manipulieren. Ich werde euch zeigen, was damit alles möglich ist, wo es Sinn macht und was man beachten sollte.

Browserunterstützung

Browser
ab Version	4.0	3.0	–	1.0	–

Unterstützung gibt es bisher von Webkit- und künftigen Geckoversionen. Anders sieht es in Opera 11 und Internet Explorer 9 aus, hier fehlt jeglicher Support bisher.

Also, was macht resize nun genau? Wir als Entwickler können bestimmten, wie User die Größe, sprich Höhe und Breite, eines Blocks verändern können. Dazu stehen uns fünf mögliche Werte zur Verfügung:

1. none, das Element kann nicht verändert werden (Default, außer bei textarea)
2. both, Höhe und Breite können verändert werden (Default bei textarea)
3. horizontal, nur die Breite kann verändert werden
4. vertical, nur die Höhe kann verändert werden
5. inherit, erbt den Wert vom Elternelement

resize ist für textarea-Elemente standardmäßig auf both gesetzt, alle anderen Elemente müssen zwei Bedingungen erfüllen:

• sie dürfen kein inline-Element sein (nur inline-block, block und replaced elements sind erlaubt)
• die Eigenschaft overflow darf nicht auf visible gesetzt sein

Ist eine der beiden Bedingungen nicht erfüllt, greift resize nicht!

Beispiele

Okay, damit wissen wir jetzt, was wir zu tun haben. Als erstes Beispiel nehmen wir eine textarea zur Hand:

HTML

1

<textarea cols="20" rows="3"></textarea>

Ergebnis

Benutzer von Chrome, Safari und Firefox 4 sollten jetzt in der Lage sein, die Box zu vergrößern, indem sie auf den kleinen Marker unten rechts klicken und ihn verschieben. Damit kann man wunderbar das Layout einer Seite zerstören, eventuell hat der ein oder andere das schon auf anderen Seiten bemerkt.

Jetzt wollen wir erreichen, dass die Textbox nur in der Höhe änderbar ist. Dazu benutzen wir resize:

CSS

1
2
3

textarea {
	resize:vertical;
}

Ergebnis

Es hat geklappt, die Textbox kann jetzt nicht mehr in ihrer Breite, sondern nur noch in ihrer Höhe geändert werden, damit lässt sich schonmal wesentlich weniger “Schaden” anrichten.

Okay, probieren wir das ganze jetzt mit einem div. Dazu müssen wir, wie oben schon beschrieben, neben der resize Eigenschaft auch overflow verändern:

HTML

1

<div class="resize"></div>

CSS

1
2
3
4
5
6
7

div.resize {
	border:2px solid orange;
	height:100px;
	overflow:hidden;
	resize:both;
	width:200px;
}

Ergebnis

Und siehe da, wir haben den gleichen Effekt auch für ein stinknormales div erzielt – viel Spaß beim Basteln!

Goodbye Lullaby

Goodbye Lullaby ist das neue Album von Avril Lavinge, die 2002 mit Complicated die Charts stürmte und seitdem regelmäßig für den einen oder anderen Hit sorgt. Nach Ihrem Debütalbum Let Go folgten zwei weitere Alben: Under My Skin (2004) und The Best Damn Thing (2007). Nach nunmehr etwas über drei Jahren meldet sie sich jetzt mit der Single What the Hell und dem neuen Album im Gepäck zurück.

Was ist noch auf dem Album zu hören? Sind es wieder nur schrille Popsongs wie auf dem letzten Album? Lohnt sich ein Kauf? Alles Fragen, auf die ich versuchen werde Antworten zu geben.

Titelliste

Das Album beginnt mit Black Star verhalten ruhig. Bekannt ist das Lied aus dem Werbespot zum gleichnamigen Parfüm, das auch hierzulande verkauft wird. Nach nur 1,5 Minuten geht es mit What the Hell weiter. Dieses Lied ist meiner Meinung nach das schnellste und rockigste Lied auf der Platte. Es knüpft deutlich an The Best Damn Thing an und eignet sich anscheinend ganz gut, um sich mit einem lauten Knall bei den Fans zurück zu melden – Ohrwurmgefahr!

Es folgen Push und Wish You Were Here, beides wiederum ruhigere Songs ohne große Schnörkel. Es dominieren die Akustikgitarren und Avrils Stimme. Bei Wish You Were Here stört mich ein wenig der Chorus, zuviele Wiederholungen des gleichen Wortes.

Das fünfte Lied ist Smile. Hier haben wir es wieder mit einem etwas schnelleren Lied zu tun. Am Anfang ist man etwas verwirrt, weil Avril in eine Art Sprechgesang verfällt. Spätestens wenn der Refrain anfängt, hat man das aber wieder vergessen und der Song wird zum Ende hin immer besser. Gefällt mir sehr gut.

Stop Standing There könnte aus einer dieser klassischen Liebeskomödien sein, bei der sich das Paar gerade gestritten hat und beide jetzt ihren eigenen Weg gehen, bald aber merken, dass sie doch nicht ohne den anderen auskommen. Sehr eingängig, guter Text, gut gesungen. Ganz ähnlich verhält es sich mit I Love You, allerdings gefällt mir hier der eher austauschbare Beat nicht so sonderlich, der sich durch das ganze Lied zieht.

Avril Lavigne (Photo by Mark Liddell)

Die nächsten Lieder Everybody Hurts, Not Enough, 4 Real und Darlin’ sind auch wieder eher ruhig und sehr persönlich. Wobei Not Enough etwas mehr mit E-Gitarren und Schlagzeug arbeitet als die anderen.

Das Vorletzte Lied trägt den Namen Remember When und schlägt wieder in die persönliche Kerbe. Erneut hört man das Klavier und Streicher im Hintergrund. Ein sehr hermonisches Lied, allerdings ohne große Höhepunkte, hier reißt es der Text raus. Den Abschluss bildet Goodbye, das an ein Gute-Nacht-Lied erinnert, was wohl nicht ganz unbeabsichtigt ist, schaut man sich den Titel des Albums genauer an.

Es reiht sich außerdem noch ein sogenannter “Hidden Track” ein. Es handelt sich dabei um Alice, die offizielle Single zu Alice im Wunderland, dem Tim Burton Film von 2010. Die auf dem Album befindliche Extended Version ist ganze fünf Minuten lang und wird von tiefen Klaviertönen, einer lauten Untermalung und Lavignes sehr hoher Stimme dominiert.

Fazit 7 / 10

Goodbye Lullaby ist mit Abstand das persönlichste Album von Avril Lavigne und gleichzeitig das ruhigste. Kennt man nur Avrils bisherige Singles, ist man vielleicht etwas enttäuscht. Für Fans ist das Album ein Muss, man wird mit ehrlicher Musik belohnt und fühlt sich hier und da an die weniger bekannten Lieder aus Let Go oder Under My Skin erinnert. Schaut man sich die jüngste Vergangenheit von Avril an (die Trennung von Ehemann Deryck Whibley, die neue Liebe Brody Jenner), erkennt man durchaus Zusammenhänge, die einige Lieder in einem ganz anderen Licht erscheinen lassen.

Avril Lavigne (Photo by Mark Liddell)

Schwer zu sagen, welche Songs außer What The Hell noch als Single veröffentlicht werden. Gute Chancen haben meiner Meinung nach Smile und Not Enough. Unter Fans wird jedoch Wish You Were Here hoch gehandelt.

Avril befindet sich derzeit auf Promotour (siehe auch WTH.tv) und wird im Herbst mit der Black Star Tour erneut um die Welt reisen. Bis dahin kann man sich die Zeit mit dem Album ganz gut vertrösten. Je nach Region gibt es übrigens verschiedene Bonussongs auf der Platte, auch eine Deluxe Edition gibt es, mit Bonusmaterial auf DVD.

Viel Spaß beim Reinhören und sagt mir eure Meinung zum neuen Album!

12€ für Tron: Legacy

Ich denke, ich bin nicht der einzige, der sich etwas auf die Füße getreten fühlt bei den derzeitigen Preisen für eine Kinokarte (ganz interessant dazu auch meine Kinostatistik 2010). Die Karte für Avatar damals kam genau 11€ ohne Brille, was schon ziemlich teuer ist aber naja.. Logenplätze, 3D-Vorstellung, neue Leinwand muss abbezahlt werden etc. und der Film ging immerhin fast drei Stunden.

Anfang diesen Jahres (mit Avatar wurde bestimmt soviel Geld gemacht, dass die Leinwand hätte 2× bezahlt werden können) folgte dann Tron: Legacy, geiler Film, hat Spaß gemacht ins Kino zu gehen. Das große ABER: Der Preis für ein Ticket zum neuen Tron-Film ist plötzlich um einen ganzen Euro gestiegen. Einfach so. Die Karte kostete 12€ ohne Brille, gleicher Platz, kürzerer Film (zwei Stunden).

Das hat mich etwas verärgert und ich schrieb eine Aufforderung an CineStar am Roten Turm mir doch bitte zu erklären, warum die Karte jetzt einen Euro teurer ist. Zusätzlich regte ich mich noch über ein paar Kleinigkeiten auf, von denen einige immer mal, andere häufig oder permanent auftreten. Es folgt meine Mail von Donnerstag, dem 27.01.2011…

Hallo liebes CineStar-Team,

ich bin seit Jahren ein treuer Kinogänger (mind. 1 Mal/Woche) und ein kleines Bier für 3,20€ durfte es auch meistens sein. Als Sie im Herbst letzten Jahres die Preise für Getränke und Snacks erhöht haben, hab ich aufgehört etwas Ess- oder Trinkbares im Kino zu kaufen, da mir mein Geld dafür einfach zu schade geworden ist.

Heute aber dachte ich, ich sehe nicht richtig, als ich eine Kinokarte für eine Vorstellung kaufte. Könnte mir bitte jemand erklären, wie es zu einem Preis von 12€ pro Karte für eine Donnerstag Abend Vorstellung kommen kann? Es handelt sich um den Film Tron: Legacy 3D, der eine Dauer von 127 Minuten hat. Es sind Logenplätze und der Preis für eine 3D Brille ist nicht inbegriffen.

Letztes Jahr als Avatar im Kino lief, habe ich 11€ bezahlt. Es handelte sich ebenfalls um Logenplätze. Avatar hat eine Länge von 162 Minuten, ist also länger und kostet trotzdem 1€ weniger als Tron.

Ich würde gern wissen, woher der eine Euro Aufschlag kommt und warum eine eventuelle Preiserhöhung nicht angekündigt worden ist.

Wenn ich einmal dabei bin, mich über die horrenden Preise zu beschweren, kann ich Sie auch gleich noch auf einige andere Punkte aufmerksam machen:

• mind. 2-3 kurze Tonaussetzer in jedem Film
• in den seltensten Fällen (3D Filme, Vorpremieren) kann man Karten online vorbestellen
• Onlinevorverkauf kostet mehr, warum? Wenn es einen Euro günster wäre statt teurer, würden es vielleicht auch der ein oder andere eher nutzen, außerdem muss man die Karten auch noch selbst ausdrucken!
• Warum wird keine Jahres-/Monatskarte angeboten?
• Warum nicht Dienstag und Donnertag zum Kino-Tag machen?
• Warum kostet mich die Sneak 5-6€ und nicht 4-5 wie in anderen Kinos? Da wäre der Saal wenigstens mal voll und unter Studenten spricht sich das sehr schnell rum (die haben in Chemnitz nämlich ihr eigenes Club-Kino, zu wesentlich geringeren Eintrittspreisen)
• O-Ton Sneaks sind unter Filmfreunden auch extrem beliebt – eventuell eine Überlegung wert (statt einer normalen Sneak aber mit Ankündigung vorher)

Ich hoffe es sind Dinge dabei, die sich in Zukunft realisieren lassen. Schlussendlich ist aber immer noch der Preis pro Film entscheidend. Wenn Sie Stammkunden behalten und neue hinzugewinnen möchten, sollten Sie die Preise eher senken, denn in Zeiten, in denen man BluRay-Filme kostenlos aus dem Internet laden kann, sollten Sie über jeden ehrlich bezahlenden Kunden froh sein.

Hochachtungsvoll und mit freundlichen Grüßen,
Norman Paschke

Ist vielleicht hier und da etwas dick aufgetragen ab sind wir doch ehrlich, es ist zum kotzen, dass man als bezahlender Kunde so abgezockt wird. Schlimmer wirds, wenn auch noch Ton- und Bildfehler auftreten.

Am Freitag, dem 11.02.2011 (das sind btw zwei Wochen!) kam dann sogar eine Antwort zurück, die ich euch natürlich nicht vorenthalten will…

Sehr geehrter Herr Paschke,

wir bedanken und für Ihre E-Mail von 27.01.2011.

Bezüglich der Kartenreservierung haben wir uns vor einer Weile dazu entschlossen, die Möglichkeit der Reservierung auf ein bestimmtes Kartenkontingent zu beschränken. In der Regel sind daher für alle regulären Filmvorführungen (ausgenommen Sondervorstellungen, 3D-Vorstellungen, Konzerte, Lesungen usw.), pro Saal in etwa 10% der Plätze für Reservierungen verfügbar. Ist dieses Reservierungskontingent erschöpft, ist fortan nur noch ein Kartenkauf vor Ort im Kino oder online möglich.

Hintergrund für die Einführung dieser Beschränkung war, dass wir in der Vergangenheit leider immer wieder die Erfahrung machen mussten, dass oftmals frühzeitig ein Großteil der Plätze reserviert wurde, ohne dass dann eine tatsächliche Abholung der Karten erfolgte. Zum Teil waren somit gesamte Vorstellung frühzeitig „ausreserviert“ und daher Karten für Gäste, die ernsthaft an dem Besuch einer Vorstellung interessierten waren, nicht mehr oder aber erst 30 Minuten vor Vorstellungsbeginn, verfügbar.

Eine entsprechende Limitierung von Reservierungen kommt also den wirklich interessierten Kinogängern zu Gute. Zudem haben wir als Gastgeber, durch den nun verstärkt erfolgenden Vorverkauf, die Möglichkeit den tatsächlichen Kartenbedarf realistischer einschätzen zu können. Zeichnet sich durch die Vorverkäufe beispielsweise der Ausverkauf einer bestimmten Vorstellung ab, kann hier dann geprüft werden, ob z.B. ein Tausch in einen größeren Saal oder eine kurzfristige Anlage einer weiteren Vorstellung des begehrten Films noch möglich ist. Somit eröffnet sich uns daher ggf. die Möglichkeit noch weiteren Gästen Ihren Kartenwunsch zu erfüllen.

Dass unser Online-Kartenverkauf zur Verärgerung Ihrerseits geführt hat, bitten wir zu entschuldigen. Die Servicegebühr, die beim Online-Kauf anfällt, erhält ausschließlich unser Service-Provider, der die komplette Abwicklung des Online-Ticketings für Sie und uns abwickelt. Das Kino erhält nur den jeweiligen Kartenpreis.

Die Preise der Eintrittskarten sowie im Bereich Snacks & Getränke wurden in den letzten drei Jahren, trotz Entwicklung des Einkaufspreises im Markt, nur zwei Mal gering angepasst. Die national gesteuerten Preise werden immer an den Preisen der vergleichbaren Freizeit-Gastronomie gemessen.

Betrachtet man die Kosten für ein Kinoticket so entfällt davon eine wesentliche Lizenzabgabe allein für den Verleih. Weitere Abzüge entstehen für Mieten, Wartungskosten, Personalkosten etc. Daher sind Zusatzeinnahmen durch den Snack- und Getränkebereich für ein Kino unerlässlich.

Ihre Anregungen einer O-Ton-Sneak sowie der Einführung einer Monatskarte, finden wir äußerst interessant und werde diese Ideen an die zuständigen Stellen, zwecks Optimierung, weiterleiten. In diesem Zusammenhang würden wir Sie gern noch auf unser 5-Sterne-Ticket aufmerksam machen, welches € 32,50 kostet und unbegrenzt und in allen CineStar-Kinos gültig ist und somit zu einer regulären 2D-Karte, einen erheblichen Preisvorteil bietet.

Wir hoffen durch diese Erläuterung zum besseren Verständnis beigetragen zu haben, freuen uns darauf, Sie auch zukünftig wieder als Gast bei uns willkommen heißen zu dürfen und verbleiben
Mit freundlichen Grüßen

H. S. (Name gekürzt)
Theatre Assistance Cinestar Chemnitz

Tja, ich bin froh, dass sich der Kritik überhaupt angenommen wurde, eine richtig klare Antwort fehlt mir allerdings. Ich kann die Kinobetreiber zwar verstehen, die 2010 wohl kein so rosiges Jahr erlebt haben (awwww) aber warum sind die ehrlichen Kunden wieder die Doofen?

Auf Twitter wurde mir gesagt, dass ca. 55% der Einnahmen durch die Kinokarten an den Verleih gehen, den Rest scheinen oben genannte Kosten aufzufressen. Traurig eigentlich, dass ein Kino nicht über Filme sondern über Snacks und Getränke seinen Gewinn erzielen muss.

Wie steht ihr zu der Sache? Geht ihr trotzdem noch fleißig ins Kino oder habt ihr es satt eine Melkkuh der Kinoindustrie zu sein?

Die Plakate der letzten Kinofilme.

Es erwarten uns viele durchschnittliche Komödien, aber auch einige Perlen sind diesmal dabei, besonders Brothers, Black Swan und Tron: Legacy dürfen sich hier angesprochen fühlen.

Meine Frau, unsere Kinder und ich 6 / 10

Ein weiterer Teil der Meine Frau, *blah* und ich-Reihe läuft also wieder einmal im Kino. Die Geschichte macht einen etwas größeren Sprung, die beiden Kinder von Pamela und Greg sind fast fünf Jahre alt und der Alltag hat die Familie fest im Griff. Schwiegervater Jack muss angesichts seines Alters einen Nachfolger als Familienoberhaupt bestimmen, Greg ist seine einzige Wahl nachdem Dr. Bob (ich glaube das war der Mann der Schwester von Pam oder sowas) die Familie verlassen hat.. der zukünftigen “Ober-Focker” ist geboren und Greg nimmt die Sache ziemlich ernst.

Aber es kommt wie es kommen muss.. eine überaus attraktive Vertreterin für Potenzmitteln (gespielt von Jessica Alba) versucht – aus welchen Gründen auch immer – Greg zu verführen. Dieser kann wiederstehen aber Jack bekommt Wind davon und ist außer sich vor Wut. Alles spitzt sich dann an der Geburtsfeier der beiden Kinder zu und es kommt zum Kampf.

Im Grunde ist Meine Frau, unsere Kinder und ich ein unterhaltsamer Film mit einigen witzigen Momenten und einer Jessica Alba zum Hinknien aber insgesamt betrachtet doch nur Mittelmaß. Der Anfang zieht sich und bringt so gut wie keine Lacher, erst später nimmt der Film Fahrt auf und die ersten Witze zünden. Wer die Vorgänger mochte, wird sich auch im dritten Teil amüsieren.

Devil 6 / 10

- Sneak Preview -

Der Trailer zu Devil hält, was er verspricht. Fünf Menschen, gefangen in einem Fahrstuhl, keiner kommt rein oder raus. Immer wenn das Licht für einen Moment aus geht, ist im nächsten schon jemand tot. Die immer kleiner werdende Anzahl an Leuten verdächtigt sich gegenseitig. Was sie nicht wissen (und was man sich natürlich anhand des Titels auch nicht schon vorher denken kann) ist, dass der Teufel sich höchstpersönlich unters Volk gemischt hat, um uns zur Verzweiflung zu bringen.

Devil ist, wenn auch nur auf eine Lokalität begrenzt, spannend erzählt, das Ende allerdings überrascht nicht vollends. Richtige Schocker bleiben leider aus, für den kleinen Horror zwischendurch reicht er aber allemal.

The Green Hornet 6 / 10

- 3D-Vorstellung -

Schade, dass bei den konvertierten 3D-Filmen der Abspann der einzige Teil ist, bei dem der Effekt wirklich überzeugen kann.. so auch bei The Green Hornet. Was ich vorher nicht wusste ist, dass es The Green Hornet schon einmal als TV-Serie gab, mit fucking Bruce Lee als Keto. Naja jedenfalls geht es im Film um Britt Reid, den Sohn eines milliardenschweren Zeitungsguru, der sich außer für Sex, Drugs & Rock ‘n Roll für wenig interessiert. Als sein Vater jedoch überraschend stirbt, stellt er fest, dass er sein Leben vergeudet und schließt sich mit dem Wunderkind Keto zusammen. Gemeinsam bilden sie The Green Hornet. Danach folgt allerhand Geplänkel mit bösen Jungs und ein Konkurrenzkampf um die “schöne” Sekretärin Lenore Case, gespielt von Cameron Diaz.

Insgesamt unterhaltsames Popcorn-Kino mit der einen oder anderen Schwäche: Zum einen wäre da Seth Rogen (Britt Reid) selbst, den man entweder mag oder eben nicht; Cameron Diaz, die ihre besten Jahre hinter sich hat und der schwache 3D-Eindruck, den der Film hinterlässt. 2D wäre hier sicher mehr gewesen und hätte außerdem den Geldbeutel geschont.

Morning Glory 7 / 10

In Morning Glory spielt die quirlige Rachel McAdams die arbeitswütige Becky Fuller, eine Produzentin im Frühstücksfernsehen. Als sie gefeuert wird um die Kosten zu senken, sucht sie händeringend nach einem neuen Job, den sie letztlich bei der Sendung Daybreak findet. Daybreak ist die ewige Nummer vier hinter den drei großen Frühstücks-Shows im amerikanischen Fernsehen. An ihrem ersten Tag feuert sie den Ko-Moderator, schafft es aber den angesehenen Nachrichtenmann Mike Pomeray (Harrison Ford) für die Sendung zu “gewinnen”.

Die Sendung muss aber mehr Quote bringen oder sie wird abgesetzt (jaja das Frühstücksfernsehen scheint ein hartes Pflaster zu sein), jedenfalls reißt sich Becky den knackigen Arsch auf, um die Quoten zu erhöhen und erlangt erste Erfolge. Jedoch ist es für alle Beteiligten schwer mit Ko-Moderator Mike zu arbeiten, der sich mit Klatsch und Tratsch absolut nicht anfreunden kann. Aber auch ein Mike Pomeroy muss erkennen, dass er für das Team Verantwortung trägt. Besonders zu Becky baut er eine gewissen freundschaftliche Bindung auf, da sie ihn an sich selbst erinnert und er vermeiden will, dass es ihr genauso ergeht wie ihm.

Morning Glory ist eine gefühlvolle Mischung aus Selbstfindungsdrama und Komödie, mit guten Schauspielern und einem schönen Happy End, angucken!

Brothers 8 / 10

- Sneak Preview -

Der junge Capt. Sam Cahill (Tobey Maguire) holt seinen Bruder Tommy (Jake Gyllenhaal) aus dem Knast ab. Solange Sam im Einsatz in Afghanistan ist, soll Tommy auf Sams Frau Grace (Natalie Portman) und seine zwei Töchter aufpassen.

Während einer Patrouille wird Sams Konvoi angegriffen und er und ein weiter Soldat werden von Terroristen gefangen genommen. Beide erleiden Qualen und Sam wird gezwungen seinen Kamerad zu töten. Währenddessen wird Grace informiert, dass ihr Mann im Kampf gefallen sei und ein Begräbnis findet statt. Tommy versucht Grace wo er kann zu unterstützen und den Kindern ein guter Onkel zu sein. Er geht mit ihnen Eislaufen und renoviert sogar die abgewohnte Küche.

Dann passiert ein Wunder, Sam wird von amerikanischen Soldaten befreit und kann nach Hause zurückkehren, sein Geheimnis behält er jedoch für sich. Er traut sich niemanden an aber alle merken, dass etwas nicht stimmt. Sogar seine eigenen Kinder haben Angst vor ihm und wünschen sich, dass ihr Dad lieber tot geblieben wäre.

Maguire, Gyllenhaal und Portman machen Brothers zu einem sehr gefühlvollen und nachdenklichen Drama um eine junge Familie, denen der Krieg nahezu alles abverlangt und das einen darüber nachdenken lässt, was in Menschen vorgeht, die ihn so hautnah miterlebt haben.

Black Swan 8 / 10

Noch ein Film mit Natalie Portman in der Hauptrolle (die wird uns demnächst auch noch in Thor und Freundschaft Plus über den Weg laufen). Black Swan handelt von der jungen Balletttänzerin Nina, die unbedingt die Hauptrolle in der Neuaufführung von Schwanensee spielen will. Wie keine andere beherrscht sie den Tanz des weißen Schwans aber laut ihrem Trainer/Regisseur Thomas (Vincent Cassel) fehlt ihr die nötige Leidenschaft den schwarzen Schwan (sowas wie einen bösen Klon des weißen Schwans) zu spielen. Als er versucht sie zu küssen, beißt sie ihn. Er sieht darin diesen einen Funken Leidenschaft, der ihr bisher immer gefehlt hat und gibt ihr die ersehnte Rolle.

Nina arbeitet von nun an hart dafür besser zu werden. Allerdings muss sie noch mit anderen Dingen fertig werden, zum einen hat sie eine größer werdende Wunde an ihrer Schulter und zum anderen sieht sie in der verführerischen Tänzerin Lily (Mila Kunis) aus Amerika eine Konkurrentin und ein Vorbild zugleich.

Nina versucht mehr Zeit mit Lily zu verbringen, um mehr wie sie zu werden um so den schwarzen Schwan besser spielen zu können. Die beiden gehen in eine Bar, trinken und nehmen Drogen. Der Druck, der auf Nina lastet, wird jedoch immer größer und sie fängt an, sich Dinge einzubilden.

Black Swan fängt verhalten an, bessert sich aber zur Hälfte ungemein und es entfesselt sich ein regelrechten Sog hinab in die Abgründe der Seele einer Perfektionistin. Das Tempo wird dabei immer schneller, Realität und Fantasie verschwimmen zu einem fesselnden Finale, das geprägt ist von einer starken Bildsprache, untermalt mit bekannten, eindringlichen Musikstücken aus dem Schwanensee. Wahnsinnsleistung von Portman, die für diese Rolle zurecht eine Nominierung für den Oscar erhalten hat.

Tron: Legacy 8 / 10

- 3D-Vorstellung -

Je nachdem in welchem Jahr man Tron gesehen hat, wird man den Film als eher “revolutionäres Meisterwerk” oder als “trashigen Sci-Fi-Movie” sehen. Ich falle jedenfalls in letztere Gruppe, nachdem ich hörte, dass es besser sei, man schaut sich das Original an, bevor man Tron: Legacy sieht. Und tatsächlich gebe ich diesen Tipp weiter, denn der neue Tron nimmt sich keine große Zeit dafür die Figuren und ihren Hintergrund zu erklären. Es gibt besonders am Anfang einige Anspielungen auf den mittlerweile 28 Jahre alten Vorgänger, die einen schmunzeln lassen.

Ich fasse die Ausgangssituation kurz zusammen: Kevin Flynn (Jeff Bridges) verschwindet eines Tages spurlos und lässt seinen Sohn Sam (Garrett Hedlund) zurück, den sein Leben als kleiner Rebell Spaß macht und der sich davor drückt die Firma seines Vaters zu leiten. Als das neue Betriebssystem von Encom released werden soll, bricht Sam in die Firma ein und lädt das OS für alle frei verfügbar ins Internet, natürlich zum großen Ärger der Chefs.

Dann bekommt er vom besten Freund seines Vaters und seinem Quasi-Vater Alan Bradley (Bruce Boxleitner) eine Nachricht weitergeleitet, die Kevin Flynn aus seinem Büro geschickt haben soll. Verwundert und neugierig schaut Sam in der alten Spielhalle vorbei und entdeckt einen geheimen Raum, von wo aus sein Vater die Welt mit seiner Erfindung verändern wollte. Der alte Computer funktioniert noch und Sam wird kurzerhand auf das Raster transportiert und findet sich in einer virtuellen Welt wieder, in der er gezwungen ist, sich zu behaupten.

Erst zu diesem Zeitpunkt nutzt der Film den 3D-Effekt, wie eine kleine Einblendung am Anfang des Films verrät, soll es sich dabei vorrangig um ein Stilmittel handeln und das funktioniert ganz wunderbar. Sam muss sich in mehreren Diskus-Duellen und Lightcycle-Rennen behaupten, bevor er von der schönen Quorra (Olivia Wilde) befreit und zu seinen verschollenen Vater gebracht wird.

Effektfeuerwerk in Tron: Legacy

Tron: Legacy ist wortwörtlich ein Effektfeuerwerk, das einen mit unglaublichen Bildern eindeckt und dazu noch einen erstklassigen Soundtrack obendrauf legt. Schade nur, dass insgesamt etwas Potential verschenkt worden ist, die Zutaten für einen epischen Actionfilm waren jedenfalls vorhanden. Aber auch so ist Tron: Legacy absolut sehenswert und ein Erlebnis für Augen und Ohren.

Dickste Freunde 6 / 10

Mit Dickste Freunde erwartet uns eine neue Komödie mit Vince Vaughn als Ronny und Kevin James als dessen bester Freund Nick. Die beiden Kumpels arbeiten daran Elektroautos den kernigen Sound alter PS-Schleudern zu verpassen und sind dabei einen großen Deal mit Crysler an Land zu ziehen. Alles scheint glatt zu laufen bis Ronny Nicks Ehefrau dabei beobachtet, wie sie mit einem anderen fremdgeht. Er ist sich nicht sicher, ob Nick das in der derzeitigen Lage verkraften würde und verheimlicht es vorerst.

Er spioniert Nicks Frau weiter hinterher und lügt seine Freundin Beth (Jennifer Connelly) an, die glaubt, dass Ronny wieder mit dem Wetten angefangen hat. Schließlich findet er heraus, dass auch Nick fremdgeht und die Situation wird schlimmer.

Eine durchschnittliche Komödie ohne viel Tiefgang aber mit einigen guten Gags, die aber nur selten über die Mittelmäßigkeit hinaus kommen.

So damit habt ihr erstmal wieder was zu lesen, demnächst gehts mit den restlichen Türchen aus dem Adventskalender weiter. Bis dahin viel Spaß im Kino!

Eine Übersicht der letzten Kinofilme.

Wie sich anhand der Plakate erkennen lässt, haben uns November bzw. Dezember eine bunte Mischung aus Action, Animation, Komödie und “Sonstiges” beschert.

Harry Potter und die Heiligtümer des Todes: Teil 1 8 / 10

Der ein oder andere erinnert sich vielleicht noch an Teil sechs der HP-Reihe.. jaja das ist der zweistündige Liebesfilm mit Zauberallüren, den man schnell wieder vergessen würde, wäre nicht Albus Dumbledore zu Tode gekommen. Ich muss allerdings zugeben, dass er mir beim zweiten Mal besser gefallen hat (hab mit Alex nochmal alle sechs Teile vorher angeschaut).

Im Oktober wurde dann bekannt, dass Teil 7.1 nicht – wie ursprünglich geplant – in 3D ins Kino kommen wird, laut Warner Bros. könne eine zufriedenstellende Konvertierung des Materials in der kurzen Zeit nicht gewährleistet werden (für 7.2 ist aber definitiv ein 3D-Release vorgesehen). Jedenfalls waren die Erwartungen etwas gedämpft aber ich hoffte trotzdem auf einen spannenden und actionreichen Film, den man uns ja laut Trailer versprochen hatte.

Und ich muss sagen, ich wurde nicht enttäuscht. Zwar ist nicht soviel Action dabei, wie ich dachte (Hogwarts wird erst in 7.2 angegriffen, obwohl das schon im Trailer vorkam) aber dafür wird sich sehr viel Zeit für die Geschichte um Tom Riddle, Harry Potter selbst und der Suche bzw. der Zerstörung der Horkruxe genommen.

Vielleicht findet das mancher etwas langweilig, mich hat es aber gut unterhalten und es war interessant mal etwas mehr von der Backstory zu erfahren. Außerdem war so mehr von der (Achtung Wortspiel!) bezaubernden Emma Watson zu sehen, die wieder mal mit Abstand die beste Performance hinlegte.

Von dem, was ich so im Vorfeld gehört habe, hatten diesmal die ewigen “im-Buch-ist-es-ganz-anders-und-viel-besser”-Nörgler auch viel weniger zu meckern. Durch die Teilung in zwei Filme, konnte viel näher am Buch gearbeitet werden und das macht sich positiv bemerkbar. Den ganzen Film über spürt man eine beklemmende Atmosphäre, die einen den bevorstehenden Kampf gegen Voldemort und dessen Todesser-Armee erahnen lässt. Erzählt wird außerdem von einer alten Legende, nach der es drei mächtige Artefakte gibt, die einen Zauberer unbesiegbar machen können – die Heiligtümer des Todes.

Abschließend ist zu sagen, dass HP 7.1 hinter dem dritten Teil der wahrscheinlich beste Harry Potter bis jetzt ist. Die Erwartungen an das Finale sind dementsprechend groß und es kann eigentlich nur noch besser werden. Ich kann es auf jeden Fall kaum erwarten, bis endlich Sommer wird (Release ist am 14. Juli 2011).

Einfach zu haben 8 / 10

Die wunderbare Emma Stone (übrigens bald im neuen Spider-Man 3D zu sehen) zeigt sich in Einfach zu haben von ihrer schlampigen Seite. Ja schlampig, weil sie sich an die größten Loser der Schule verkauft und vorgibt ein Verhältnis mit ihnen gehabt zu haben. Was den Jungs einen gewissen Status verleiht und ihr einen Ruf als Nutte.

Klingt alles nach Teenie-Film, ist es auch irgendwie aber dafür ein gut gemachter. Natürlich wird es erst schlimmer, bis es besser wird und sie ihren Traumprinzen findet. Bis dahin aber ist es ein lustiger, unterhaltsamer Film mit guter Besetzung und knackigen Dialogen.

Megamind 7 / 10

- Sneak Preview -

Auch unterhaltend aber nicht übermäßig sensationell hat sich Megamind in der 2D-Fassung präsentiert. Es geht um einen Bösewicht wider Willen, der es, wie alle Bösewichte, schwer gegen den immer triumphierenden Helden Metroman hat.

Schon im Kindesalter zieht er den Kürzeren und erntet die Missgunst der Allgemeinheit auf sich, nur sein treuer Freund Minion (ein Fisch im Fischglas) steht ihm zur Seite. Als Zuschauer wird man aber förmlich gezwungen, sich auf die Seite des sympathischen Megamind zu stellen.

Eines schrecklichen Plans später, wird Metroman jedoch besiegt und Megamind hat die Stadt ganz für sich allein. Da nun kein Widersacher mehr da ist, für den es sich lohnt neue Pläne auszudenken, bastelt er sich aus lauter Langeweile einen neuen Helden. Aber das geht komplett in die Hose und der neue Held benutzt seine Kräfte für das Böse.

Ein schöner Kinderfilm, leider etwas zu vorhersehbar um wirklich gut zu sein.

R.E.D. 7 / 10

Frank Moses gespielt von Bruce Willis ist ein extrem gefährlicher CIA-Agent im Ruhestand. Ständig vernichtet er seinen Pensionscheck, um dann bei seiner Sachbearbeiterin Sarah anzurufen und mit ihr zu plaudern. Beide haben Interesse an dem jeweils anderen gefunden und verabreden sich. Kurz darauf wird Moses von einem Killerkommando angegriffen und kann fliehen.

Da er ja eh Sarah besuchen wollte, steht er nachts im Dunkeln in ihrer Wohnung. Weil Sarah nun auch bedroht ist, fliehen beide weiter und versuchen herauszufinden, wer es auf sie abgesehen hat. Die Sache entpuppt sich als ein ganz großes Ding und Moses ist gezwungen, sich Hilfe von ein paar anderen CIA-Rentnern zu holen.

R.E.D. ist ein ziemlich abgedrehter Spaß für zwischendurch, bei dem man den Kopf ausschalten und einfach nur Spaß haben kann.

Monsters 6 / 10

Bei dem Film tu ich mich ehrlich gesagt etwas schwer. Das mag zum einen an mir und meinen Erwartungen liegen, zum anderen aber auch am Film. Nach District 9 dachte ich, dass Monsters ähnlich gut sein wird. Tatsächlich gibt es einige Parallelen zwischen den Filmen. Zum Beispiel sind in beiden Streifen Aliens auf der Erde gelandet und werden in einem begrenzten Gebiet unter Kontrolle gehalten.

In Monsters geht es aber nicht um die Aliens sondern um zwei Menschen, die sich durch die infizierte Zone kämpfen und dabei näher kommen. Es ist also mehr ein Liebesfilm, in dem die Monster zur Nebensache werden. Der Fotograf Andrew macht in Mexico (die Aliens sind hauptsächlich dort) Fotos von Opfern der Alienangriffe als er von seinem Chef den Auftrag bekommt, dessen Tochter, die ebenfalls in Mexiko ist, zurück in die USA zu bringen. Dort soll sie ihren Verlobten heiraten, auf den sie anscheinend keine große Lust mehr hat.

Wie es der Zufall so will, bekommen sie keinen Platz auf dem Schiff, weil ihnen der Pass geklaut wurde. Also schließen sie sich einer Gruppe an, die mit dem Auto durch die infizierte Zone fahren will. Sie werden allerdings angegriffen und außer ihnen sterben alle. Die Aliens sind sowas wie große Kraken an Land, sie scheinen auf Licht zu reagieren und saugen es regelrecht mit ihren Tentakel auf.

Der Film ist nicht schlecht aber mir war er besonders im Mittelteil doch sehr langatmig geraten, weil einfach nicht viel passiert ist. Wenigstens konnte man die Hauptdarstellerin angucken.. Whitney Able wen’s interessiert. Eine lächerliche Szene gibt es, in der Sie als Dolmetscherin zwischen einer Mexikanerin und Andrew fungiert, obwohl alle Deutsch sprechen.. in der Originalfassung übersetzt sie halt vom Mexikanisch ins Englische.. fail@synchro.

Stichtag 7 / 10

Als lustiger Roadmovie in perfekter Besetzung empfiehlt sich Stichtag als guter Langeweile-Killer für zwischendurch. Sowohl Robert Downey Jr (Iron Man) als auch Zach Galifianakis (“dem Dicken aus Hangover” – oh, wie ich diesen TV-Trailer hasse) spielen ihre Rollen perfekt.

Peter Highman (Downey) will nichts weiter als bei der Entbindung seiner schwangeren Frau dabei zu sein. Am Flughafen trifft er auf den angehenden Schauspieler Ethan Tremblay (Galifianakis), den er auf Anhieb nicht ausstehen kann, weil er sich wie ein Idiot benimmt. Weil Peter sein Handy im Flugzeug nicht ausschaltet und sich darüber mit Ethan streitet, kommen beide auf die No-Fly-Liste und müssen mit dem Auto weiter.

Auf dem Weg passieren natürlich die verrücktesten Sachen, die meisten Gags funktionieren sogar ganz gut. Da die beiden nun aufeinander angewiesen sind, lernen sie sich besser kennen und verstehen.

Ein durchaus witziger Film für Jung und Alt, der richtig gut unterhält aber nichts Weltbewegendes darstellt.

Vergissmichnicht 4 / 10

- Sneak Preview -

Wieder mal ein Griff ins Klo aber kein ganz mieser. Vergissmichnicht ist ein typischer Franzosenfilm nur ohne Jean Reno oder Gérard Depardieu. Dafür gibts Sophie Marceau, die eine erfolgreiche Geschäftsfrau spielt. An ihrem Geburtstag bekommt sie einen Brief von sich selbst geschickt. Als sie sieben Jahre alt war, schrieb sie diesen und weitere reichlich verzierte Briefe an sich selbst, um sich daran zu erinnern, wer sie war und wer sie einmal werden wollte.

Es artet also alles in einem recht schmalzigen Selbstfindungstripp aus, den nur eine Frau nachvollziehen und gut finden kann. Für das normale Kinovolk ist das eher weniger interessant.

Skyline 5 / 10

Tja, was soll man schon groß über einen Film sagen, der sein ganzes Geld für Effekte ausgibt und dann ein Drehbuch kauft, das gerade so für einen schlechten B-Movie gereicht hätte? Skyline könnte man auf den ersten Blick mit Transformers in einen Sack stecken. Das wäre aber nicht richtig, denn Skyline macht deutlich mehr Fehler als das spektakuläre Actionfeuerwerk von Michael Bay.

Zum einen besteht die Besetzung aus ziemlich unbekannten Schauspielern, zum anderen fehlt die eine Geile Alte im Film. Es gibt 2-3, die diese Rolle vermutlich gern übernehmen wollen, aber es zu keinem Zeitpunkt schaffen. In Skyline geht es um eine Gruppe von Menschen, die aus einem Hotelzimmer heraus mit ansehen müssen, wie eine unbekannte Alien-Rasse auf der Erde landet und mit riesengroßen Staubsaugern alle Menschen in ihre Raumschiffe saugt.

Die genauen Absichten bleiben verborgen, aber anscheinend brauchen die Aliens unsere Gehirne als Energiequelle. Wie sie es bisher ohne menschliche Gehirne geschafft haben? Tja.. keine Ahnung, jedenfalls kennen sie keine Gnade. Der Film will einfach nicht richtig zünden und nimmt sich keine Zeit die Charaktere vorzustellen, einzig das Ende ist etwas unerwartet.. der Rest versinkt im Mittelmaß.

Da das mein letzter Artikel in diesem Jahr sein wird, wünsche ich schonmal einen richtig guten Rutsch ins neue Jahr und ich würde mich riesig freuen, wenn ihr auch 2011 meinen Blog hin und wieder besuchen kommt. Ich hab zwar wenig Vorsätze fürs neue Jahr aber ich habe mir fest vorgenommen den Adventskalender noch zu vervollständigen. Also dann, alles Gute und einen schönen Abend noch.

Heute ist zwar schon der 24. aber hier kommt erst das 15. Türchen. Ich wünsche euch und euren Familien ein schönes Fest und hoffe ihr vergebt mir meinen Rückstand bezüglich des Adventskalenders. Natürlich werde ich versuchen ihn trotz allem noch dieses Jahr zu komplettieren, wir werden sehen, ob das klappt. Die letzten Tage ist wenig passiert, da ich durch diverse Geburtstagsfeiern nie Zeit hatte. Jetzt geht es aber auf jeden Fall mit text-overflow weiter, das hauptsächlich deswegen so selten benutzt wird, da es erst offiziell mit CSS3 Einzug in die Webwelt hält.

Browserunterstützung

Browser
ab Version	7	1.3	11.0	1.0	6.0

Die von Microsoft stammende Eigenschaft wird mittlerweile von allen Browsern außer Firefox unterstützt (es gibt aber schon einen Bug dafür ), seit Version 7 auch von Firefox, unterstützt. Opera unterstützt sie seit Version 11, in Version 9-10 wurde aber noch die Präfix-Variante benutzt (-o-text-overflow).

Mit text-overflow können wir bestimmen, wie ein Text, der aufgrund seiner Länge nicht in sein Elternelement passt, abgeschnitten wird. Es werden für diese Eigenschaft nur drei Werte akzeptiert:

1. ellipsis, Text endet mit drei Punkten “…” (U+2026, &hellip;)
2. clip, der Text hört einfach auf, wie abgeschnitten (Defaultwert)
3. <string>, eine Zeichenkette, mit der der Text abgeschnitten werden soll, wird noch von keinem Browser unterstützt!

Beispiel

Wie immer, zeige ich euch das Ganze natürlich an einem Beispiel, denkt daran, dass ihr den Effekt in Firefox nicht sehen könnt. Als Versuchskaninchen dient uns diesmal eine Liste, mit der Artikel angeteasert werden sollen.

HTML

1
2
3
4
5
6
7
8

<ul>
<li><h3>Post 1</h3>
<p>Lorem ipsum dolor sit amet.</p></li>
<li><h3>Post 2</h3>
<p>Lorem ipsum dolor sit amet, sadipscing elitr sed diam voluptua.</p></li>
<li><h3>Post 3</h3>
<p>Lorem ipsum dolor sit amet, sed diam nonumy eirmod.</p></li>
</ul>

CSS

1
2
3
4
5
6
7
8
9
10
11
12
13

ul {
	list-style:none;
	margin:10px 0;
	overflow:hidden;
}
li {
	background-color:#eee;
	border:1px solid #aaa;
	float:left;
	margin-right:20px;
	padding:5px;
	width:140px;
}

Ergebnis

• Post 1

  Lorem ipsum dolor sit amet.

• Post 2

  Lorem ipsum dolor sit amet, sadipscing elitr sed diam voluptua.

• Post 3

  Lorem ipsum dolor sit amet, sed diam nonumy eirmod.

Damit erhalten wir drei gleiche Boxen. Das ist zwar ganz gut aber noch nicht schön. Schön wäre es, wenn die Boxen auch gleich hoch wären, dazu müssen wir den Text kürzen und das ist wiederum der Punkt, an dem uns text-overflow zu Hilfe kommt.

Als erstes müssen wir die Zeilenumbrüche mit white-space:nowrap verhindern – ohne dem geht es nicht! Danach müssen wir den Paragraphen innerhalb der Listenelemente ein overflow:hidden verpassen, damit zu langer Text nicht über das Element hinaus gerendert wird. Zum Schluss kommt noch text-overflow:ellipsis dazu. Das CSS der li-Tags wird also um folgenden Code erweitert:

zusätzliches CSS

1
2
3
4
5
6
7

li {
	white-space:nowrap;
}
li p {
	overflow:hidden;
	text-overflow:ellipsis;
}

Ergebnis

• Post 1

  Lorem ipsum dolor sit amet.

• Post 2

  Lorem ipsum dolor sit amet, consetetur sadipscing elitr sed diam voluptua.

• Post 3

  Lorem ipsum dolor sit amet, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Und siehe da (!=Firefox) die Boxen haben alle die gleiche Höhe und die Posts werden automatisch abgeschnitten und enden mit drei Punkten, ganz ohne PHP. Schöne Sache wie ich finde.. so und nun wünsche ich allen Lesern ein ruhiges Weihnachtsfest und eine schöne Bescherung.

Ein weiterer Tag, ein weiteres Türchen, eigentlich wollte ich mittlerweile mal etwas aufgeholt haben aber irgendwie kommt immer was dazwischen. Aber na gut, kommen wir also zu #14: text-indent. Mit dieser Eigenschaft können wir die erste Zeile eines beliebigen Textblocks manipulieren.

Browserunterstützung

Browser
ab Version	1.0	1.0	3.5	1.0	3.0

Unterstützt ab Internet Explorer 3.0, das sagt glaub ich alles. Man kann die Eigenschaft also bedenkenlos einsetzen, sie funktioniert ausnahmslos in jedem Browser.

Erfahrene Webdeveloper nutzen diese Technik relativ häufig um beispielsweise Text zu verstecken oder um einen Absatz eingerückt beginnen zu lassen. Für Anfänger jedoch erschließt sich der richtige Gebrauch von text-indent meist etwas zu spät. Deswegen sei hier nochmal darauf hingewiesen, dass man damit nur einzeilige Texte bzw. die erste Zeile eines Textes beeinflussen kann.

Als Werte sind positive wie negative Längenangaben und prozentuale Angaben erlaubt.

Beispiele

Beispiel Nummer eins gebraucht text-indent zur Einrückung von Absatzanfängen, als Basis dient uns folgender Code:

HTML

1
2
3
4

<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, 
sed diam nonumy eirmod tempor invidunt ut labore et dolore 
magna aliquyam erat, sed diam voluptua. At vero eos et accusam 
et justo duo dolores et ea rebum.</p>

CSS

1
2
3

p {
	text-indent:2em;
}

Ergebnis

Man beachte, wie die erste Zeile des Absatzes um 2em eingerückt wird, die anderen Zeilen aber nicht.

Deswegen sollte man text-indent auch niemals in Menüs/Navigationen verwenden, sollte nämlich doch mal ein Menüpunkt umbrechen, ist nur die obere Zeile eingerückt, nicht aber der Rest des Textes. In solchen Fällen ist padding zu bevorzugen.

Nächstes Beispiel: Wie in Türchen #3 angedeutet, wird text-indent gern zum verstecken von Text verwendet, speziell wenn es um Image-Replacement geht. Wollen wir doch noch mal nachsehen, wie genau das funktioniert. Wir nehmen wieder den Absatz von oben und fügen noch ein span-Tag ein, dass wir mit einem Bild (in diesem Fall der Schriftzug meines Blogs) ersetzen wollen..

HTML

1
2
3
4

<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, 
sed diam nonumy eirmod tempor invidunt ut labore et dolore 
magna aliquyam erat, sed diam voluptua. <span class="logo">Norman's Blog</span> 
At vero eos et accusam et justo duo dolores et ea rebum.</p>

CSS

1
2
3
4
5
6
7
8

.logo {
	background:transparent url(normansblog_logo.png) no-repeat 0 0;
	display:inline-block; /*damit height und width greift*/
	height:29px; /*Höhe des Bildes*/
	text-indent:-9999px;
	vertical-align:bottom;
	width:150px; /*Breite des Bildes*/
}

Ergebnis

Soviel dazu, text-indent ist also eine nützliche Sache, die man im Hinterkopf behalten sollte.

Auch an diesem wundervollen Abend gilt es einmal mehr ein Türchen im Adventskalender zu öffenbaren, diesmal verbirgt sich dahiner.. cursor! Mit dieser tollen Eigenschaft ist es uns möglich, das Bild des Mauszeigers zu ändern, wenn dieser über bestimmte Elemente unserer Webseite fährt bzw. ruht.

Browserunterstützung

Browser
ab Version	1.0	1.2	7.0	1.0	4.0

cursor hat sehr viele mögliche Werte, angefangen vom normalen Pfeil, über eine Hand, bis hin zu einer Sanduhr kann man so ziemlich alles damit machen. Die Unterstützung an der Browserfront ist sehr gut, einige extravagante Icons sind allerdings erst in höheren Versionen nutzbar bzw. abhängig vom jeweiligen Betriebssystem.

Von der Syntax her ist cursor ganz einfach aufgebaut und kann auf jedes Elemente angewendet werden. Nach der Eigenschaft folgt einfach eines der vielen Schlüsselwörter. Man kann auch eigene Cursor verwenden, hierzu benötigt man jedoch eine .cur-Datei (eine besondere Form des .ico Formats). Diese bindet man dann über url(pfad-zur-cursor-datei) ein.

CSS

1
2
3
4
5
6
7
8
9

abbr {
	cursor:help;
}
.wait {
	cursor:wait;
}
.hide-cursor {
	cursor:none;
}

Beispiele

Im Folgenden werde ich mal einige Werte auflisten, wenn ihr über den Listeneintrag fahrt, werden ihr sehen, wie sich euer Mauszeiger verändert.

• default
• none
• help
• pointer
• progress
• wait
• crosshair
• move
• n-resize

Eine komplette Übersicht mit allen möglichen Werten gibt es unter anderem im MDN. Wie ihr sicherlich schon richtig vermutet, kann man cursor dazu nutzen, um damit allerhand Blödsinn anzustellen. Das ist natürlich nicht der Sinn des Erfinders. Vielmehr würde ich mir wünschen, dass bei anklickbaren Elemente (in Zeiten von jQuery und Co. kann das ja alles sein) ein Pointer-Cursor erscheint, und bei Dialogboxen/Fenstern entsprechend ein Move-Cursor.

Für erklärende Elemente, wie das abbr-Tag beispielsweise, sollte man cursor:help setzen, damit der User weiß: “Ah, hier wird mir etwas erklärt, hier bekomme ich Hilfe.” Kleine Dinge, die die Usability einer Seite aber entscheidend beeinflussen können, aber bitte nutzt es in Maßen!

Wenn wir nun einmal mit Tables angefangen haben, machen wir doch gleich damit weiter. Noch eine Eigenschaft, die es nur für Tables gibt, ist caption-side. Sie ist fest an das caption-Tag gebunden und setzt logischer Weise voraus, dass ihr solches auch benutzt. Die Eigenschaft gibt dabei an, auf welcher Seite der Tabelle der Titel ausgegeben werden soll.

Browserunterstützung

Browser
ab Version	1.0	1.0	4.0	1.0	8.0

caption-side hat zwei Werte, die von Bedeutung sind: top und bottom, wobei erstes den Defaultwert darstellt. Firefox unterstützt zudem auch noch left und right. Die Wahrscheinlichkeit aber, mit der ein Fall eintritt, indem einer dieser beiden Werte nötig wären, geht quasi gegen Null.

Beispiel

Wie letztens gehts mit einer normalen Tabelle los, diese hier wird auch eine caption (Überschrift, Bezeichnung) haben, denn darum gehts uns ja.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

<table>
	<caption>Besucherzahlen</caption>
	<thead>
		<tr>
			<th>Monat</th>
			<th>Besucher</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>11/2010</td>
			<td>2.744</td>
		</tr>
		<tr>
			<td>10/2010</td>
			<td>2.503</td>
		</tr>
		<tr>
			<td>09/2010</td>
			<td>2.771</td>
		</tr>
	</tbody>
</table>

Da caption-side:top der Standard ist, erwartet uns folgende Ausgabe:

Jetzt nutzen wir caption-side:bottom und wenden es am caption-Tag an.

CSS

1
2
3

caption {
	caption-side:bottom;
}

Damit sieht unsere Tabelle dann so aus:

Das Gleiche könnt ihr jetzt ja mal für left und right im Firefox probieren.

Manchmal werden sie einfach noch gebraucht, auch wenn man sie eigentlich überhaupt nicht leiden kann.. die Rede ist nicht von Frauen sondern natürlich von Tables. Im Zusammenhang mit Tables gibt es einiges zu wissen und kennen zu lernen. Neben den ganzen Elementen und Hierarchien, die man damit aufbauen kann, gibt es auch eine ganze Reihe von CSS Eigenschaften, die speziell Tables beeinflussen. Eine davon, nämlich empty-cells, stelle ich euch heute vor.

Browserunterstützung

Browser
ab Version	1.0	1.2	4.0	1.0	8.0

Eigentlich schon erstaunlich wie wenig der IE vor Version 8 überhaupt beherrscht hat, empty-cells hat jedenfalls nicht dazu gehört. Aber da es sich hier eh nur um eine kosmetische Eigenschaft geht, ist das noch vertretbar. Was macht empty-cells? Wie der Name schon andeutet, handelt es sich hier um Zellen einer Tabelle, die durch CSS ausgeblendet werden können, wenn sie leer sind.

Der dafür zuständige Wert lautet hide, um leere Zellen wieder anzuzeigen, muss der Wert auf show gestellt werden. show ist außerdem der Standardwert für empty-cells.

Beispiel

Schauen wir uns die Sache an einer Beispieltabelle an:

HTML

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

<table>
	<thead>
		<tr>
			<th>Browser</th>
			<th>CSS3</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>Firefox</td>
			<td>ja</td>
		</tr>
		<tr>
			<td>Chrome</td>
			<td>ja</td>
		</tr>
		<tr>
			<td>IE</td>
			<td></td>
		</tr>
	</tbody>
</table>
<p>(..jede Menge Tags, ich weiß..)</p>

Ergebnis

Raus kommt eine normale Tabelle, eventuelle Borders und Hintergründe werden auch für leere Zellen gerendert, jetzt das Ganze mit empty-cells:hide.

1
2
3

table {
	empty-cells:hide;
}

Ergebnis

Und weg ist die leere td! Naja nicht ganz weg, aber halt versteckt. Sie bleibt immer noch im Markup vorhanden und behält ihre Ausmaße. Man muss auch keine Angst haben, dass floatende Elemente in die Lücken rutschen oder sowas in der Art.

Komischer Weise hat sich so ein bisschen das Gerücht verbreitet, dass negative Werte für margin irgendwie falsch oder nicht standardkonform oder Cross-Browser-inkompatibel sein sollen. Das ist natürlich vollkommener Blödsinn, vor allem wenn man bedenkt, wie nützlich es sein kann, negative Werte zu benutzen. Ein Beispiel will ich euch gern zeigen.

Browserunterstützung

Browser
ab Version	1.0	1.0	3.5	1.0	3.0

margin wird natürlich von allen Browsern seit jeher unterstützt, dazu zählt auch die Angabe von negativen Werten. Damit lässt sich allerhand machen und kann einen in so manch einer kniffligen Situation aus der Patsche helfen. Prinzipiell könnte man es vielleicht am ehesten mit position:relative vergleichen. Die Position bzw. die Ausmaße einen Blocks ändern sich.. aber wie immer lässt es sich am besten an einem Beispiel erklären.

Beispiel

Nehmen wir ein einfaches Widget mit einer Überschrift, innerhalb des Widgets gibt es eine Überschrift und Inhalt in irgendeiner Form. Natürlich soll der Inhalt einen gewissen Abstand zum Rand des Widgets haben, dafür nutzen wir logischerweise Padding. Die Überschrift allerdings, soll durch einen Hintergrund farblich hervorgehoben sein.. aber durch das Padding des Widgets entsteht jetzt links und rechts eine Lücke, was also tun?

Schauen wir uns das Ganze mal näher an:

HTML

1
2
3
4

<div class="widget">
	<h4>Überschrift</h4>
	<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
</div>

CSS

1
2
3
4
5
6
7
8
9

.widget {
	border:1px solid #aaa;
	padding:0 10px 10px;
	width:200px;
}
h4 {
	background-color:#adf;
	padding:0 10px;
}

Ergebnis

Da haben wirs.. grottig diese blöde Lücke links und rechts – aber es gibt eine Lösung für dieses Problem: negatives Margin to the rescue!

Überschrift bekommt negatives Margin

1
2
3
4
5

h4 {
	background-color:#adf;
	padding:0 10px;
	margin:0 -10px;
}

Ergebnis

Ach schön.

Am neunten Tag möchte ich euch display:inline-block näher bringen. display an sich dürfte ja allen bekannt sein.. es gibt (neben diversen anderen) display:none, display:block, display:inline und eben noch etwas dazwischen – inline-block. Wozu man das braucht und wobei es hilfreich sein kann, verrät euch der heutige Eintrag.

Browserunterstützung

Browser
ab Version	3.0	1.0	3.5	1.0	5.5

inline-block hat eine Weile gebraucht bis es sich flächendeckend bei allen Browsern durchgesetzt hat. Aktuelle Versionen unterstützen es problemlos, nur IE6 und 7 haben eine Einschränkung: Der Wert wird nur auf inline-Elemente korrekt angewendet.

Was ist nun der große Vorteil von Inline-Block-Elementen? Anders als Block-Elemente, welche standardmäßig auf die volle Breite des Elternelements aufgezogen, verhalten sich Inline-Block-Elemente wie Replaced Elements (das img-Tag wäre ein Beispiel dafür). D. h. dass sie in den Textfluss eingebunden bleiben aber dennoch dir Vorteile eines Block-Elements genießen. Dazu zählen unter anderem volle Unterstützung für Margin. Auf normale Inline-Elemente kann man beispielsweise kein Margin anwenden, das hat schlicht keinen Einfluss.

Beispiel

Oftmals wird inline-block eingesetzt, wenn man ein Grid – auf Deutsch “Gitter-Struktur” – aufbauen will, deren Zellen aufgrund ihres Inhalts eine unbekannte Höhe haben können. Nehmen wir an, wie hätten eine Liste mit sechs Elementen, diese wollen wir zu einem 3×2-Grid zusammenfügen.

HTML

1
2
3
4
5
6
7
8

<ul>
	<li>1</li>
	<li>2<br/>+</li>
	<li>3</li>
	<li>4</li>
	<li>5</li>
	<li>6</li>
</ul>

Zunächst wollen wir das auf althergebrachte Art und Weise machen, mit float:

CSS

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

ul {
	border:1px solid #aaa;
	color:#fff;
	font-size:30px;
	list-style:none;
	overflow:hidden;
	padding:0 10px 10px 0;
	width:180px;
}
li {
	background:#adf;
	float:left;
	margin:10px 0 0 10px;
	padding:10px;
	text-align:center;
	width:30px;
}

Ergebnis

• 1
• 2
  +
• 3
• 4
• 5
• 6

Und da sehen wir auch schon das Problem dieser Lösung: Sobald ein Listenelement höher ist als die anderen, bringt es komplett die Reihenfolge durcheinander. Außerdem muss die Liste gecleared werden, da die Listenelemente floaten. Genau da hilft uns inline-block weiter, aber auch damit muss man zwei Dinge beachten.

1. Dadurch, dass die Elemente nun Inline-Charakter haben, werden Zeilenumbrüche, Einrückungen und Leerzeichen im Code als zu einem Leerzeichen zusammengefasst. Um dem entgegen zu wirken, brauch man nur die li-Tags hintereinander zu schreiben.
2. Ein weiterer Nachteil des Inline-Charakters ist die Tatsache, dass jetzt das Vertical-Alignment greift. Wir müssen also vertical-align:top setzen, damit die Listenelemente nach oben hin bündig zueinander sind.

HTML

1
2
3

<ul>
	<li>1</li><li>2<br/>+</li><li>3</li><li>4</li><li>5</li><li>6</li>
</ul>

CSS

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

ul {
	border:1px solid #aaa;
	color:#fff;
	font-size:30px;
	list-style:none;
	/*overflow:hidden;*/
	padding:0 10px 10px 0;
	width:180px;
}
li {
	background:#adf;
	/*float:left;*/
	display:inline-block;
	margin:10px 0 0 10px;
	padding:10px;
	text-align:center;
	width:30px;
	vertical-align:top;
}

Ergebnis

• 1
• 2
  +
• 3
• 4
• 5
• 6

Somit hätten wir ein schönes Grid, das so umbricht, wie man es von einem Grid erwartet. To be continued..

Tag acht des CSS-Adventskalenders, wie die Zeit vergeht. Heute im Angebot: white-space und wie und warum man es benutzt. Wie immer gibts ein aussagekräftiges Beispiel, wenn ihr allerdings noch ein besseres bzw. überzeugenderes parat habt, dann immer her damit! Und ja ich weiß, ich bin viel zu spät dran damit aber besser spät als.. na ihr wisst schon.

Browserunterstützung

Browser
ab Version	1.0	1.0	4.0	1.0	6.0

white-space hat im Laufe der Zeit einige neue mögliche Werte bekommen, uns geht es aber primär um den Wert nowrap, den jeder relevante Browser schon seit längerem unterstützt. nowrap ermöglicht es uns Zeilenumbrüche zu verhindern. D. h. egal was kommt, Text mit diesem Wert wird auf keinen Fall umgebrochen.

Beispiel

Am einfachsten kann man das durch ein Beispiel zeigen. Manchmal möchte man ein Element in eine Richtung floaten lassen und vergibt eine eher schmale Breite. Innerhalb des Elements steht meinetwegen eine Überschrift und ein Datum, da der Browser nicht weiß, dass es ein Datum ist, bricht er den Text aufgrund der Breite innerhalb des Datums um. Das sieht nicht schön aus, besser wäre es doch, wenn der Text nach der Überschrift umbrechen würde und das Datum zusammen bleibt.

HTML

1
2
3
4

<div class="widget">
	<h3>Überschrift <span class="datum">8. Dezember 2010</span></h3>
	<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
</div>

CSS

1
2
3
4
5
6

.widget {
	background-color:#eee;
	border:1px solid #aaa;
	padding:10px;
	width:180px;
}

Ergebnis

Wie ihr seht, bricht der Text erst nach der “8″ um, somit wird das Datum auseinander gerissen. Um das zu vermeiden, geben wir jetzt der Klasse “datum” white-space:nowrap.

CSS

1
2
3

.datum {
	white-space:nowrap;
}

Ergebnis

Und siehe da, das Datum bleibt als Ganzes erhalten und die Überschrift muss nun an anderer Stelle umbrechen. Mission accomplished.

Ich weiß, ich weiß.. ich hatte versprochen etwas pünktlicher zu werden und jetzt ist es später als je zuvor. Tut mir leid aber am Geburtstag meiner Mutter gibt es einfach andere Prioritäten als einen Artikel im Blog zu schreiben.

Trotzdem will ich mir jetzt die Zeit nehmen und euch etwas über outline erzählen.

Browserunterstützung

Browser
ab Version	1.5	1.2	7.0	1.0	8.0

Wow, erst ab IE8 wird das unterstützt.. ich musste auch erst zwei mal hinsehen und auf einer zweiten Seite checken aber okay. outline gibt es prinzipiell aus einem Grund. Dieser eine Grund besteht darin, Elemente, die mit der Tastatur (meistens durch Drücken der Tabulator-Taste) sogenannten “Fokus” bekommen, hervorzuheben. Dies geschiet in der Regel durch eine gepunktete Linie, die um das Elemente gezogen wird. Im Prinzip handelt es sich dabei um eine Art Spezialfall von border Da nur klickbare Elemente Fokus bekommen, können wir durchaus outline dazu benutzen einen doppelten Border-Effekt für nicht-klickbare Elemente zu erstellen.

Leider ist outline um einiges restriktiver als es border ist. Es erlaubt nämlich nicht, nur bestimmte Seiten rendern zu lassen, sondern rendert immer alle vier Seiten. D. h. im Klartext: es gibt kein outline-top/-right/-bottom/-left sondern eben nur outline.

Das Wertetripel ist allerdings das Gleiche wie wir es von border her kennen:

1. outline-width, die Linienstärke – angegeben in irgendeiner Maßeinheit
2. outline-style, ein Style-Schlüsselwort wie bspw. dottet, solid, dashed oder groove
3. outline-color, Farbe der Linie; wenn nicht angegeben, nimmt es (zumindest in Firefox) den Wert der Schriftfarbe an

Beispiele

Wie oben schon erwähnt werden wir jetzt mal eine doppelte Border mit Hilfe von outline erstellen:

CSS

1
2
3
4
5
6
7

.widget {
	background-color:#eee;
	border:5px solid #aaa;
	padding:10px;
	outline:5px solid #888;
	width:200px;
}

Ergebnis

Aber Achtung: Outline zählt nicht zum Box-Model, das Margin fängt stets nach der Border an, Outline wird dabei ignoriert. Es hat damit auch keinen Einfluss auf den Gesamtfluss aller anderen Elemente.

Ein weiteres Beispiel wäre einer Box oder einem Widget einen kleinen 3D-Effekt zu verpassen. Dazu hellt man die oberste Pixelreihe auf und dunkelt die anderen ab, um so die Box hervorzuheben.

CSS

1
2
3
4
5
6
7
8

.box {
	background-color:#adf;
	border-top:1px solid #cff;
	border-bottom:1px solid #28a;
	padding:10px;
	outline:5px solid #7ac;
	width:200px;
}

Ergebnis

Ich geb’s ja zu.. man muss schon etwas genauer hinsehen. Aber solche Details sind es schließlich, die ein klasse Design von einem guten Design unterscheiden können. Und mit outline geht das ganz einfach ohne zusätzlichem Markup.

Ach und bevor ich wieder Mecker einstecken muss: Die durch Outline produzierte Border wird derzeit im Firefox nicht von border-radius abgerundet, bei anderen Browsern bin ich mir grad nicht sicher. Und ja, man kann eine doppelte Border auch mit box-shadow herstellen aber das ist noch Cross-Browser-inkompatibler ( ) als man mit outline schon ist.

Bis morgen dann.

Und, hattet ihr was leckeres in euren selbstverständlich geputzten Schuhen? Wenn nicht, gibts hier wieder etwas, was eure Laune eventuell anheben kann. Hinter Türchen Nummer sechs haben wir heute overflow:hidden, das viele im Zusammenhang mit Verstecken von Inhalt bzw. Scrollbalken kennen werden. Es gibt aber noch einen anderen Anwendungsfall…

Browserunterstützung

Browser
ab Version	1.0	1.1	4.0	1.0	4.0

Die Eigenschaft overflow wird von allen Browsern beherrscht, im IE6 gibts allerdings ein kleines Problem, wenn der Wert visible gesetzt ist. Demnach vergrößert er das Element, damit der Inhalt hinein passt. Dadurch verhalten sich height/width wie min-height/min-width. Uns interessiert aber nur ganz speziell der Fall von overflow:hidden und da gibts keine Probleme.

Normalerweise setzt man diese Eigenschaft ja dazu ein, um überstehenden Text auszublenden oder um zu verhindern, dass Scrollbalken erscheinen. Ein schöner Nebeneffekt ist aber, dass Elemente mit overflow:hidden ihren gefloateten Inhalt “clearen”.

Beispiele

Am besten wir schauen uns das mal an einem Beispiel an. Folgender Aufbau: Ein Container hat eine nach links floatende Box als Inhalt. Dadurch fällt der Container in sich zusammen und alle nachrückenden Inhalte rücken nach oben.

HTML

1
2
3
4

<div class="container">
	<div class="box">Box</div>
	Container
</div>

CSS

1
2
3
4
5
6

.box {
	float:left;
	height:100px;
	margin-right:10px;
	width:100px;
}

Ergebnis

Seht ihr was ich meine? Das sieht doof aus und oftmals will man das gar nicht.

Um das zu vermeiden, kann man jetzt dem nachrückenden Inhalt z. B. ein clear:both geben. Das löst zwar das Problem mit dem Text neben der Box, aber nicht die Höhe unseres Containers. Jetzt kommt aber overflow:hidden ins Spiel, das wir dem Container verpassen müssen:

CSS

1
2
3

.container {
	overflow:hidden;
}

Ergebnis

Siehe da, alles bestens, die floatende Box wird wieder komplett vom Container umschlossen. Dabei brauchen wir nicht einmal zusätzliches Markup wie beispielsweise ein Clear-Div.

Short and simple, schönen Tag noch und bis morgen.