Drücke die Tasten ◄ ► für weitere Artikel  

Webdesign: Microsofts Modern-UI-Buttons und -Formulare kostenlos

Mit der Modern UI (ehemals Metro) hat Microsoft seinen eigenen optischen Stil für die kommenden Betriebssysteme aus Redmond erschaffen. Die schicken, bunten Schaltflächen und Formularelemente aus besagter Modern UI, gibt es nun als kostenlose CSS/JavaScript-Vorlage zur freien Verwendung in euren eigenen Webprojekten.

Webdesign: Microsofts Modern-UI-Buttons und -Formulare kostenlos

Modern UI überzeugt durch Schlichtheit

Spätestens seit der Vorstellung von Windows Phone 7 ist Modern UI (die damals noch Metro UI hieß) bei vielen Usern und Entwicklern gleichermaßen beliebt. Das optische Konzept, welches sehr minimalistisch auf schicke Typografie und große, bunte Flächen setzt, überzeugt durch seine Schlichtheit und Übersichtlichkeit. Seitdem haben viele andere diesen Stil aufgegriffen, adaptiert und weiter verbreitet.

Die Icons aus Microsofts Modern UI gibt es nun kostenlos als CSS/JavaScript-Vorlage.

Buttons und Formulare in CSS und JavaScript

Jetzt gibt es auch eine kostenlose Sammlung von Schaltflächen und Formularelementen, die allesamt dem Modern-UI-Design entlehnt sind. Der Entwickler Ace Subido hat ein Paket geschnürt, welches sowohl herkömmliche Schaltflächen als auch Formularelemente wie Dropdowns, Checkboxen und File Picker enthält. Gestaltet sind alle Elemente ausschließlich mit CSS3 und der Autor verspricht Kompatibilität zu allen aktuellen Browsern. Demos und Beispiele finden sich auf der Projektseite.

Weiterführende Links:

60 Shares bis jetzt – Dankeschön!

Bewerten
VN:F [1.9.22_1171]
2 Antworten
  1. von Malte am 14.10.2012 (09:47Uhr)

    Cool :) Schicke Dinger

  2. von Sebastian am 16.10.2012 (08:31Uhr)

    Bin allerdings bei der Umsetzung von Icons über den I-Tag nicht wirklich zufrieden. Bin selber Fan von solchen "cleanen Buttons" und nutzte sie auch schon länger (auch bevor es Modern UI gab ;)).

Deine Meinung

Bitte melde dich an!

Du musst angemeldet sein, um einen Kommentar schreiben zu können.

Jetzt anmelden

Mehr zum Thema Microsoft
Office wird zum Social Network: Wir zeigen euch, was Microsoft vorhat
Office wird zum Social Network: Wir zeigen euch, was Microsoft vorhat

Yammer wird nicht nur nach und nach in Office 365 integriert, auf Basis der Technologie entwickelt Microsoft auch neue Tools. Mit Oslo und Office Graph will der Software-Konzern Unternehmen besser... » weiterlesen

Selbsterziehung: Microsoft erschwert sich nach Schnüffelskandal den Zugriff auf private Mails
Selbsterziehung: Microsoft erschwert sich nach Schnüffelskandal den Zugriff auf private Mails

Microsoft hat den Hotmail-Account eines Bloggers durchsucht, der einen Leak veröffentlicht hatte. Jetzt gibt der Softwarekonzern zu, damit zu weit gegangen zu sein und ändert seine Richtlinien zum. ... » weiterlesen

t3n-Aktion: Jahresabo inklusive Fachbuch „Praxiswissen Responsive Webdesign“
t3n-Aktion: Jahresabo inklusive Fachbuch „Praxiswissen Responsive Webdesign“

Möchte man für unterschiedliche Geräte anpassungsfähige Websites erstellen, ist „Responsive Webdesign“ das Stichwort. Um sich damit vertraut zu machen, ist Designern und Entwicklern das Buch.. ... » weiterlesen

Kennst Du schon unser t3n Magazin?

t3n 35 jetzt kostenfrei probelesen! Alle Inhalte des t3n Magazins Diesen Hinweis verbergen