Permalink

CSS3 Toolkit · CSS Styles (kostenlos) am Mac erstellen

Mit dem CSS3 Toolkit kann man, wie der Name vielleicht schon vermuten lässt, relativ einfach CSS Styles erstellen.

Bildschirmfoto 2012 05 11 um 19 39 00

Dazu bastelt man sich im integrierte Editor anfangs eine Form zurecht, fügt anschließend Schatten und Transparenz hinzu oder passt Farben bzw. Farbverläufe an.

Currently CSS3 Toolkit supports:

  • Border Radius
  • Gradients (Up to 5 step)
  • Box Shadow
  • Inner Shadow
  • Text Shadow

Anschließend kann man den so generierten Code in seine Webseite oder jede andere Internetpräsenz integrieren.

CSS3 Toolkit steht aktuell kostenlos (kostet sonst zwischen 2,39 Euro und 10,99 Euro) im Mac App Store bereit uns setzt minimal OS X 10.7 Lion voraus.

[app 479856901]

Permalink

Hype um HTML5: Mit Tumult Hype 1.5

Fast ein Jahr hat es nun gedauert, bis Entwickler Tumult eine neue erweiterte Version von Hype den Benutzern zur Verfügung gestellt hat. Ich habe mir die neue Version 1.5 angesehen, die man seit einigen Tagen aus dem Mac App Store herunterladen bzw. aktualisieren kann.

Für Besitzer der ersten Version ist es damit ein kostenloses Update. Tumult Hype kostet jetzt auch einiges mehr. Wo man im Mai letzten Jahres noch 23,99€ bezahlte, muss man heute 39,99€ auf den Tisch legen. Dafür bekommt man aber einige neue und nette Features obendrauf und insgesamt eine immer erwachsenere Software.

Bildschirmfoto 2012 02 28 um 15 29 23

Darüber hinaus kann man Hype jetzt auch offiziell als Demo laden, sowie außerhalb des Mac App Stores kaufen. Eine Windows Version wird es laut Hersteller so schnell nicht geben. Hintergrund ist wohl die ehemalige Mitarbeit im Apfel-Konzern.

Mit Hype kann man „dynamische“ Webseiten in „Adobe Flash“-Manier bauen. Die GUI ähnelt in gewissen Dingen sogar der von Adobe Flash. Ich würde auch vermuten, dass Flash Entwickler sich gut zurecht finden. Ich bin ehrlich gesagt kein Flash Entwickler und kann deren Funktionsumfang nicht so gut vergleichen. Ich bitte daher um Rücksicht. Ich möchte dieses Mal auch das Buzzwort HTML5 vermeiden. Es führt eventuell zu Irritationen, da nicht alles, was Hype produziert, unbedingt neustes HTML5, sondern durchaus auch kompatibel zu älteren Standards ist.

Tumult Hype produces valid, state-of-the-art HTML5, CSS3, and Javascript. Unfortunately, not every browser supports the latest HTML5 features. In cases where a feature isn’t supported by one or more browsers, Tumult Hype will fall back to less cutting edge alternatives where possible to keep the output compatible.

Das produzierte Ergebnis von Hype ist kompatibel mit folgenden Browsern: Safari 5+, Mobile Safari for iOS 4.3.1+, Chrome 9+, Android 2.3+, Firefox 3.5+, IE 6+ und Opera 11.10+ .

Bildschirmfoto 2012 02 28 um 15 18 37

Die Version 1.5 bringt eine große Anzahl an Veränderungen und neuen Features mit. Ich zähle sie hier nur kurz auf. Interessierten lege ich das folgende Video ans Herz. Hier bekommt man alle Neuerungen in bewegten Bildern sehr anschaulich erklärt.

Zu den wichtigsten von mehr als 30 neuen Features gehören:

  • Exportmöglichkeit als iBooks Author Widget
  • komplett neugestaltetes Animationsinterface
  • Element Gruppierungsfunktion
  • „Scene zooming“
  • „Element locking and visibility toggles“
  • Lion support: Versionen, Autospeichern und Scrolling
  • „Rulers and guidelines“
  • “Paste with Animations” for element copying
  • „Bounce and instant animation Timing functions“
  • „Insert “HTML Widget” for arbitrary code/script Exekution“
  • Bedeutend kleinerer Javascript Export (über ⅓ gegenüber der 1.0 Version)
  • Neues App Icon

Fazit

Hype hat sicher noch einen gewissen Weg vor sich. Ich bin trotzdem erstaunt, welche Möglichkeiten uns heute zur Verfügung stehen. Flash Entwicklern lege ich diese Version besonders an Herz.

[app 436931759]

LINKS
http://tumultco.com/hype/whats-new/1.5/

Permalink

iPhone App Clear in HTML5 nachgebaut

Vor ein paar Tagen hatten wir an dieser Stelle die iPhone App Clear vorgestellt, eine ziemlich schicke To-Do App.

Entwickler Even You hat jetzt das komplette Interface in HTML5 nachgebaut. Wer Interesse hat und es selber ausprobieren will, besucht mit dem Mobile Safari seines iOS-Gerätes diese Webseite.

A HTML5 replica of the awesome Clear iphone app (UI only). I was fascinated by the innovative gesture controls and wanted to see if I can implement the look and feel in HTML5 using CSS3 transitions. Didn’t get 100% of the details, and there are a lot of bugs, but it looks pretty close.

LINKS
http://clear.youyuxi.com/
(via)

Permalink

Purple – HTML 5 Animationen erstellen (Mac, kostenlos)

Bildschirmfoto 2012-01-28 um 10.50.11.jpg

Purple ist eine Software um HTML 5 Animationen zu erstellen und was noch besser ist: Diese tolle Software gibt es dieses Wochenende für lau. Am besten einfach mal in dieses Tutorial reinschauen, dann bekommt man einen guten ersten Eindruck, was die Software kann.

[app 433132196]

Bildschirmfoto 2012-01-28 um 10.50.00.jpg

Links
http://www.purpleanimator.com/tutorial-1-simple-animation/

Permalink

Command & Conquer gratis im Browser spielen

Es tut sich langsam was im Netz! Neustes ehrgeiziges Projekt: Den Urvater aller Echtzeitstrategiespiele, Command & Conquer: Der Tiberiumkonflikt, in HTML5 und JavaScript umzusetzen.

2012-01-26 13h34_14

Die aktuelle Version 0.3b sieht dem Original schon recht ähnlich. Viel Spaß beim Ausprobieren; Firefox oder Google Chrome werden zum Spielen empfohlen.

Ich verkneife mir an dieser Stelle jeden Kommentar über Flash und verweise an ähnlich Projekte wie beispielsweise Cut the Rope.

LINKS
http://apps.nahklick.de/cnc/
(via)

Permalink

Mac OS X 10.7 Lion im Webbrowser emuliert

Nachdem vor einiger Zeit eindrucksvoll schon das iPhone 4 in ‘pure CSS3’ im Browser emuliert wurde, ist nun Mac OS X Lion dran. Auch hier wurden ausschließlich CSS3 und JavaScript genutzt.

2012-01-25 16h55_15

Wirklich fantastisch umgesetzt, auch wenn man nicht allzu viel machen kann und quasi nur den Bootvorgang inkl. Login sieht.

Bleibt einmal mehr mein Fazit: Who the $#@! needs Flash?

LINKS
http://www.alessioatzeni.com/mac-osx-lion-css3/
http://tjrus.com/iphone
(via)