Tooltips in 100% CSS

Screenshot der Hint.css Webseite

Tooltips sind inzwischen in jeder Web-Applikation zu finden, einfach um dem Benutzer mehr Informationen zu geben oder besser zu führen. Bei ganz windigen Designs braucht man die Tooltips des öfteren auch um dem Nutzer zu erklären, was sich wohl gerade hinter dem windigen Icon verbirgt. In der Regel erfolgt die Implementation mit JavaScript (jQuery-Plugin) und weiterlesen

Image Placeholder APIs

Screenshot von Placekitten

Stellt man eine Seite für ein Preview online (noch schlimmer sind an der Stelle Apps / Communities), rennt man sehr schnell in das Problem, dass man Bilder braucht, keine hat und der Kunde stundenlang über so etwas diskutieren kann. Da man Bilder ja eigentlich nicht mehr hart in die HTML-Seite setzen sollte (für so etwas weiterlesen

modern.IE – Webseiten für den Internet Explorer testen

Screenshots von modern.IE von kochen-mit-butter.de

Man kann Microsoft wohl einiges vorwerfen – aber eine stringente Politik in Sachen Internet zu verfolgen gehört wohl nicht dazu. Schon seit Jahrzehnten geht die Innovationskraft hier eher gegen Null, der Nachgemacht-Faktor liegt bei gefühlten 100%. Nicht verwunderlich das die Tools aus Redmond (ich erinnere hier nur an die verzweifelten Versuche Web-Plattformen und HTML-Editoren zu weiterlesen

Ideale Formulare in HTML5

Screenshots eines HTML5 Formulars mit Ideal Forms

Zusammen mit HTML5 wurden Formulare in ihren Möglichkeiten immens aufgewertet, was prinzipiell super ist, wenn man es benutzen könnte. Es ergibt sich hier nämlich das Problem der alten Browser, und dem beständigen Rätselraten darüber, welcher Browser welche Funktionen überhaupt umgesetzt hat. Erstellt man eine Webanwendung für ein Unternehmen kann man dieses Problem ganz galant umschiffen, weiterlesen

Sicherheitskopie im HTML5 Local Storage

Screenshot der Sisyphus-Homepage

Unabhängig von dem was man über WordPress denkt ist eine Funktion ziemlich genial: das regelmäßige automatische Speichern beim Anlegen eines Artikels. Auch Google Mail verfügt über ein ähnliches System, indem es regelmäßig E-Mails, die man gerade schreibt, als Draft speichert. Wem ist es noch nicht passiert, dass man einen ellenlangen Text in ein Forum oder weiterlesen

HTML5 Blank WordPress Theme

Screenshot des HTML5 Blank WordPress Themes

Wie heisst es so schön? Die eigene Seite ist diejenige aus dem Portfolio, die am schlechtesten gepflegt ist? Würde ich sofort unterschreiben! Die neuen Tags von HTML5 sind allerdings derart gut für einen Blog geeignet, das es etwas schade ist, diese nicht zu verwenden. Vor allem Google dürfte sich über ein geeignete HTML5-Umsetzung eines Blogs weiterlesen

99 Login-Screens als PSD

Beispiel für einen schön gestalteten Login-Screen

Login-Screens sind wohl das am meistens vernachlässigte Thema im Bereich der Backend-Entwicklung, dabei gibt es inzwischen recht schöne Möglichkeiten mittels HTML5/CSS3 dort gute Features zur Verfügung zu stellen. Es muss auch nicht unbedingt so sein, dass der Login-Screen das gleiche Design wie das Backend oder das Frontend besitzt – man muss die Sache an der weiterlesen