MotionCAPTCHA

MotionCAPTCHA ist eine Revolution in Sachen “Captcha”. Statt irgendwelche Zahlen zusammenzurechnen oder unlesbare Wörter zu Identifizieren, muss man hier lediglich eine Form nachzeichnen. Dieses jQuery Plugin funktioniert tadellos und man wird es in Zukunft öfters sehen.

Power PWChecker

Power PWChecker ist ein kostenloses jQuery Plugin um die Sicherheit von Passwörtern zu gewährleisten. Dieses simlpe jQuery Plugin kann ganz einfach in jedes Formular eingebunden werden. Es prüft dann automatisch die Sicherheit des gewählten Passworts.

FitVids.js

FitVids.js ist ein einfaches und relativ kleines jQuery Plugin, das eingebundene Videos automatisch auf die Fensterbreite anpasst. Musst HAVE! Bei mir geht das auch, aber das habe ich dem Foundation Framework von ZURB zu verdanken.

Shuffle Letters Effect

Shuffle Letters Effect ist ein Tutorial, das einen coolen Effekt hervorbringt. Dieser Effekt kann auf Überschriften, Logos und Slideshows angewendet werden.

jFontSize

jFontSize ermöglicht es durch einen Mausklick die Schriftgröße von Blogs, Journalen, Tutorials usw. zu vergrößern/verkleinern. Dieses jQuery Plugin lässt sich leicht einbinden und trägt noch einen weiteren Schritt zu Responsive Design bei.

Elastislide

Elastislide ist ein responsive jQuery Carousel! Es passt sich an die Bildschirme an und lässt sich auch mit iPad und iPhone bedienen. Ein super jQuery Plugin!

PhotoSwipe

PhotoSwipe ist eine jQuery Slideshow, die es auf die Mobilen Geräte abgesehen hat udn sich mit dem Finger nutzen lässt. Mann kann auf dem iPhone mit dem Finger wischen somit die Bilder anschauen.

Touchy Boilerplate

Touchy Boilerplate ist mehr als nur eine Boilerplate für HTML/CSS. Es beinhaltet optimierungs-tools, device API uvm.

Hier sind die Bilder

Shanghai Jin Mao von angelreich

inn .. von Mastowka

A Distant Figure von TheTragicTruth-Of-Me

It’s time von TomWasilewski

winter von the lake von torobala

Mono Square Series VIII von insolitus85

Kangaroos Pose von Rems84

just a little boy von zznzz

Lonely Pine von flop404

In the Wild von kojotcement

P A C I F I C O von HuseyinKaRa

puppet von andreapun

Old, Older… von Invi51bleAlice

Chicago CXXI von RogueSamus

Mystique von ssoltan

Wheat von xbastex

Sweet Diamond von DragonofLust

XX von lukaspecterec

Last morning kojotcement

WHERE von whoskipbob

Seventh Street von OmegaMoth

466 von dienutza

orloj von miguelazevedo

unforeseen von fieldeee

Fog von Ethio

Spike von fistfullofneurons

It Will Rain von KsouthV2

… von I-IONZA

Manzoni von gavonhenri

Straight Circles von Nonel

Fly von debagger

morming von rasto1893

Flower Power von Toolbazar

Perfect Reflection von voogac

Sway von bittersweetvenom

Spider Web von JesssssT

winxx von sth22art

Transitory Glory von Capturing-the-Light

Network I von torobala

After the Rain von that-moody-artist

Back to Black von FeliDae84

Initializr 2 Responsive Template

Initializr 2 bietet nun einen HTML5 responsive design template generator an. In weniger als einer Minute kann man sich ein Responsive Template zusammenbauen.

jRumble

jRumble ist ein jQuery plugin mit dem man jedes Element zum wackeln, vibrieren, schütteln und rotieren bringen kann!

Circle Menu

Circle Menu ist ein jQuery plugin das das Path Menü emuliert und beeinhaltet verschiedene Animationen für das öffnen und schließen der Menüs.

Hovercard

Hovercard ist ein kostenloses jQuery plugin. Es lässt dich Informationen anzuzeigen wenn man über einen Link, label oder ein anderes HTML-Element geht. Es beeinhaltet auch Optionen für Twitter und Facebook. Man braucht keine extra CSS einzubinden und es ist sehr minimal.

Sharrre

Sharrre ist ein jQuery plugin für das erstellen von widgets für das teilen auf Facebook, Twitter, Google Plus und mehr. Es beeinhaltet Google Analytics und ist sehr leicht zu bedienen und zu personalisieren.

Flow Slider

Flow Slider lässt dich auch verschiedene Art und weisen HTML inhalt sliden. Es ist in vielen Browsern kompatibel, anpassbar und leicht zu einzurichten.

Cuepoint JS

Cuepoint JS ist ein Open-source Projekt um Videos um einen Untertitel in HTML 5 Videos einzufügen.

AntiMap

AntiMap zeichnet daten auf und visualisiert sie. Ein App für Smartphones sammelt die Daten und man kann dann die Daten von einem Program oder auf der Seite vidualisieren lassen.

Kinzaa

Kinzaa ist eine Web-Applikation, die coole Infografiken erstellt und euch von anderen Job Bewerbern abhebt.

Visual Heap

Visual Heap ist ein Visueller Aggregator für Designer, der Bilder und Illustrationen aus dem ganzen Netz zieht um sich inspirieren zu lassen.

Revolver.js

Revolver.js ist ein neuer “content slider”. Er ist wie ein Framework, wo man sich seinen eigenen Slider zusammenbauen kann. Leicht zu bedienen und sehr viele Anpassungsmöglichkeiten.

Scrollorama

Scrollorama ist ein cooles jQuery plugin um beim scrollen hammer Animationen zu machen. Es gibt jede menge Effekte und man kann ganz einfach loslegen.

PROTECT-IP is a bill that has been introduced in the Senate and the House and is moving quickly through Congress. It gives the government and corporations the ability to censor the net, in the name of protecting “creativity”. The law would let the government or corporations censor entire sites– they just have to convince a judge that the site is “dedicated to copyright infringement.”

The government has already wrongly shut down sites without any recourse to the site owner. Under this bill, sharing a video with anything copyrighted in it, or what sites like Youtube and Twitter do, would be considered illegal behavior according to this bill.

According to the Congressional Budget Office, this bill would cost us $47 million tax dollars a year — that’s for a fix that won’t work, disrupts the internet, stifles innovation, shuts out diverse voices, and censors the internet. This bill is bad for creativity and does not protect your rights.

Foundation: Eine kurze Übersicht

Foundation ähnelt einer Boilerplate, also eines Templates für das Webdesign. Durch veränderungen im Framework der Foundation kann so eine Kundenwebsite entstehen.

Viele Webdesigner werden nicht an allen Stellen mit den in Foundation verfügbaren Funktionalitäten einverstanden sein. Es beeinhaltet Eric Meyers Standard-Reset, eine bewährte Lösung, aber recht destruktive Methode, die mittlerweile durch Verfahren der Normalisierung mit der normalize.css ersetzt wird. Foundation unterstützt  die modernen Desktopbrowser, auch der Internet Explorer ist ab Version 7 kompatibel. Die Mobilbrowser Safari und der Webkit-Browser Androids können ebenfalls mit Foundation bedient werden. Weitere Geräte und Brwoser findet man in der Kompatibilitätsübersicht.

Foundation implementiert ganz konkrete Lösungen für grundlegende Probleme, wie z.B. einen jQuery-Slider namens Orbit und ein jQuery-Tool namens Reveal für die Implementation modaler Dialoge.

Typografie

Foundation kommt mit Styles für die wichtigsten HTML-Elemente.  Tabellen, Navigationstabs und erhalten einen sinnvoll modernen Look.
Grundlegende Abstände, sowie vergrößerte Schriftarten auf Mobilen Geräten sind definiert. Man muss somit nicht unbedingt alles neu umkrempeln sondern nach seinen Wünschen anpassen.

Layout-Grid

Das in Foundation verwendete Grid orientiert sich am klassischen 12 Spalten Layout und wird in ähnlicher Weise wie das 960.gs fast natürlich-sprachlich definiert. So würde man ein zweispaltiges Layout über die volle Breite mit .six.columns .six.columns definieren. Ihr erratet leicht, wie andere Kombinationen zu definieren sind. Offsets werden an die Definition gehängt, z.B. .three.columns.offset-by.three

Das Grid ist semi-liquid, also nach oben begrenzt, nach unten fluid. Dies ist ein klassischer und bewährter Ansatz im responsive Webdesign.

Spezielle CSS-Klassen können verwendet werden, um bestimmten Content nur auf bestimmten Geräten zu zeigen. Derzeit möglich ist die Verwendung von “show-on-desktops”, “show-on-tablets” und “show-on-phones”.

Sogenannte Block Grids, im Grunde UL-Elemente, sind ebenfalls im Wesentlichen für die Verwendung auf mobile Geräten geeignet. Sie lassen sich so arrangieren, dass sie die Breite des Gerätes ausnutzen, respektive sich an die Breite des Gerätes anpassen und sich bei geringster Breite übereinander stapeln.

Buttons

Foundation bringt diverse schicke Styles für Buttons mit, die sich nicht nur, aber insbesondere im mobilen Webdesign ausnehmend gut machen. Die Verwendung der Buttonstyles ist grundsätzlich out of the box gedacht, kann aber nach Belieben angepasst werden.

Formulare

Die Herangehensweise gefällt mir. Formularfelder werden mit Klassen ausgestattet, die natürlich-sprachlich die Länge des Feldes definieren, so etwa

<input type="text" />

Feldvalidation wird ebenso über Klassen gesteuert. Das Labeling ist inline möglich. Die Definitions-Syntax erlernt man in weniger als zwei Minuten.

Reveal und Orbit: jQuery-Plugins im Bundle

Reveal ist ein, auch separat erhältliches jQuery-Plugin für die Implementation modaler Dialogfenster. Als modal bezeichnet man ein Fenster, wenn es nach seiner Initiierung, etwa als Popoup, den sonstigen Inhalt überlagert und erst wieder freigibt, wenn eine Aktion innerhalb des Dialogfensters ausgeführt wurde. Das von Zurb entwickelte Plugin ist mit 1,75 kb sehr klein und wie die anderen Bereiche der Foundation einfach zu implementieren.

Auch Orbit, das Slider-Plugin, in der Foundation, steht separat für die Nutzung via jQuery bereit. Das 4kb große Plugin folgt dem Konzept der einfachen, fast natürlichsprachlichen Implementation der anderen Bestandteile der Foundation.

Fazit: Foundation ist im Grunde ein solider Startpunkt für eine moderne Website, wenn man sich auf die Konventionen der Entwickler einlassen will. Sicherlich ist mit dem Produkt schnell eine Website erstellt. Ein Prototyp lässt sich in kürzester Zeit bauen. Auf der anderen Seite verleitet Foundation zu einem bestimmten Designstil, der sich an den Möglichkeiten des Produkts orientiert und weniger an den eigenen kreativen Ideen oder den Bedürfnissen des Kunden. Verfechter von mehr Vielfalt im Web werden sich von daher weniger mit Foundation anfreunden können.

Den ganzen Artikel kann man hier nachlesen

Was ist drin?

Das Lernmaterial ist als DVD oder als Download verfügbar und enthält rund 4 Stunden Material.
Inhaltlich geben sich die beiden vier fotografische Herausforderungen, die sie jeweils an unterschiedlichen Orten mit ihren individuellen Arbeitsweisen zeigt.

Die DVD ist unterteilt in die Lektionen:

1. Farbportrait
2. Fotografiere einen Fremden
3. on Location
4. Studiofotografie

JoeyL. zeigt in seiner ersten Session eine Aufnahme eines Leadsängers mit einem brennendem Mikrofon, die er auf einer Dachterrasse realisiert. JoeyL. erklärt wie er das Fotoshooting plant und der Zuschauer ist live dabei, wenn er es umsetzt. Anschließend blickt man ihm bei der Bildbearbeitung über die Schulter, die klar verständlich und Schritt für Schritt nachvollziehbar ist.

Lara Jade wählt für ihre erste Herausforderung eine Aufnahme für ein Magazin. Der Auftrag lautet, ein Shooting zum Thema Geburtstag, das sie mit verschiedenen Modellen, Stylings und Make-Up umsetzt.

Für das zweite Thema, on Location, wählt Lara eine Szene am Strand und Park, die sie mit vorhandenem Licht ohne Einsatz von Blitz realisiert, während JoeyL eine Straßenszene in Indien mit einer Mischung von vorhandenem Licht und Blitz inszeniert.

Auch beim dritten Thema wählt JoeyL einen exotischen Ort. Diesmal erlebt der Zuschauer seine Arbeitsweise in Bolivien, während Lara in Brooklyn und Hawaii ihre fotografische Herausforderung sucht.
Die vierte Herausforderung zeigt die unterschiedlichen Arbeitsweisen der beiden im Studio.

Was lernt man dabei?

Der Zuschauer ist live bei den Fotoaufnahmen dabei. JoeyL. macht seinen Job sehr gut und vermittelt einen guten Einblick in seine Arbeitsweise. Er zeigt kreative Tricks und Kniffe, wie beispielsweise den Eigenbau eines (Billig)-Lichtformers, Einsatz von Filtern und Positionierung seiner Softbox. Von Lara Jade, die sich hauptsächlich der Fashion- und Modefotografie widmet, erfährt man einiges über Styling und Umgang mit den Models. Technische Aspekte werden von JoeyL. häufiger und ausführlicher vermittelt als bei Lara Jade.

Schritt für Schritt wird anschließend im Photoshop-Lernvideo die Bildbearbeitung gezeigt, bis das Photo den individuellen Stil von Lara Jade oder JoeyL. erhält. Darin liegt mit Abstand das größte Potential der Videos: Von der Auswahl der besten Bilder, Bearbeitung in Photoshop bis zum fertigen Foto, das dem Kunden übermittelt wird, lassen die beiden keinen Schritt aus.

Allerdings hat die DVD mehr den Charakter einer Dokumentation, denn eines Workshops. So bleiben viele fotografische Fragen offen. Wenn es zum Beispiel um die Einstellung der Blitzgeräte und Blende geht. Zudem nervt die zu laute Hintergrundmusik bei den Shootings und einige Szenen wären besser gekürzt worden. Stattdessen hätte man sich mehr Informationen gewünscht, warum und weshalb etwas so gemacht wird.

Für wen eignet sich die DVD?

Das ist die schwierigste Frage und größte Kritik an dem Projekt. Zwar gibt die DVD einen genialen Einblick in die Denk- und Arbeitsweise zweier kreativer Jungprofis und dabei kann jeder etwas lernen. Schließlich geht es Lara Jade und JoeyL. um die Vermittlung von Techniken, die jeder für seinen eigenen Fotografiestil umsetzen soll. Anfänger werden es mit dem Workshop schwer haben, weil sie doch zu wenig über Blitz­– oder Kameratechnik erfahren. Für diejenigen, die sich gut mit Photoshop auskennen, werden die Bildbearbeitungslektionen wenig neues offenbaren.

Für einen Foto-Workshop bleibt die DVD hinter den Erwartungen, da sie redaktionell nicht 100 Prozent durchdacht ist. Das Konzept eines Fotoduells ist interessant, gibt der DVD aber den Charakter einer Dokumentation, die aufwändig inszeniert ist, die jedoch keine eindeutige Zielgruppe anspricht. Am ehesten eignet sich die DVD für Fans von Lara Jade und JoeyL, die dafür bereit sind, den stolzen Preis von 249 Dollar (bis zum 1.1.2011 199 Dollar) hinzublättern.