Permalink

Tipp · Safari Tab in Google Chrome öffnen

Es ist doch irgendwie immer der gleiche Struggle! Man surft im Netz und irgendwann landet man auch einer Webseite, die zwingend nach Flash verlangt. Nutzt man als Browser den Safari (oder auch Firefox) steht man vor dem unweigerlichen Problem, dass diese Webseite ohne installierten Flash-Player nicht angezeigt werden kann.

2012-06-18_15h20_18

Nun kann man natürlich einfach den Flash-Player installieren, was für mich persönlich aber keine Alternative darstellt. Meine Lösung kann nur bei Google Chrome liegen, der out-of-the-box einen Flash-Player mitliefert. Aber wie bekommt man nun aber die aktuelle Safari-Seite unkompliziert in Google Chrome geöffnet?

Da gibt es unterschiedlichste Möglichkeiten.

Die einfachste Methode ist mit Sicherheit das Entwicklermenü im Safari (wird über die ‘Erweiterten Einstellungen’ aktiviert) mit dem ‘Seite öffnen mit…’ Dialog. Funktioniert super, ist aber irgendwie mühsam, gerade wenn der Safari im Fullscreen-Modus läuft.

Bildschirmfoto 2012-06-15 um 01.10.07-s

Eine andere Möglichkeit ist die Safari Erweiterung Open-in-Chrome, mit der man über das Kontextmenü Google Chrome startet und die aktuelle Safari-URL übergibt. Funktioniert auch gut, hat aber den Nachteil, dass man eine kleine App namens Chromehelper installieren muss, damit das Ganze funktioniert.

Ähnlich macht es die Safari Erweiterung Eject to Flash, die allerdings ebenfalls eine kleine Zusatzapp benötigt, um aus dem ‘custom URL scheme’ Chrome zu starten.

Wesentlich eleganter ist der Weg über ein AppleScript oder einen Automator Service, die irgendwo auf der Festplatte liegen und für die man auch globale Shortcuts vergeben kann.

AppleScript

Bildschirmfoto 2012-06-18 um 20.44.56-s.jpg

Ganz nebenbei sie auch erwähnt, dass dieses AppleScript (Direktdownload) auch für den Firefox funktionieren sollten, sofern man das Wort Safari durch Firefox ersetzt.

Automator Service

Bildschirmfoto 2012-06-18 um 20.58.52-s.jpg

Workflow #1 wird über ein AppleScript erstellt (Direktdownload).

Bildschirmfoto 2012-06-18 um 21.04.37-s.jpg

Workflow #2 wird über ein Shell Script erstellt (Direktdownload).

Außerdem bieten App-Launcher wie Alfred, Quicksilver oder LaunchBar ebenfalls Möglichkeiten Trigger zu setzen, die wiederum Google Chrome mit samt der aktuellen Safari-URL starten.

Nachfolgend ist das Ganze einmal in Alfred zu sehen, in dem ein Workflow (siehe oben; #2) als Extension definiert ist. Dieser Workflow wird entweder über das Keyword ‚cc‘ oder mit dem Shortcut/Hotkey ‚Alt-Command-C‘ gestartet. Das ist natürlich alles beliebig einstellbar aber eleganter geht es meiner Meinung nach nicht.

Bildschirmfoto 2012-06-18 um 21.48.32-s.jpg Bildschirmfoto 2012-06-18 um 21.51.57-s.jpg

(inspired by 1, 2, 3)

Permalink

Any.DO · Schicker Taskmanager nun auch auf dem iPhone

Any.DO, eine wirklich ziemlich schicke GTD App, die es bisher nur für Android und als Google Chrome Extension gab, hat es gestern auch aufs iPhone geschafft.

Bildschirmfoto 2012 06 04 um 00 26 17 s

Das Besondere an Any.DO ist das ziemlich coole/minimalistische Interface und die sehr eingängige Bedienung. Durch nach links und rechts Swipen werden Tasks beendet bzw. wieder geöffnet. Neue Aufgaben werden entweder über das Plus-Zeichen oder durch Herunterziehen des Bildschirms durch einfaches Eintippen oder Voice-to-Text Erkennung (englisch only), die bis zu sechs Vorschläge liefert, hinzugefügt.

 Mza 2013052364511717842 320x480 75 Mza 7373384859254208773 320x480 75

Dazu gibt es ein weißes und ein schwarzes Theme; man kann Folder für verschiedene Arten an Aufgaben (Arbeit, Privat) erstellen oder das Ganze auf Facebook und Twitter sharen. Ein Landscape-Modus ist ebenfalls integriert.

Wie Anfangs schon angedeutet, existieren bereits eine App für Android und eine Google Chrome Extension. Eine Webversion auf Basis von HTML5 ist in Vorbereitung. Wer mit all diesen Apps im Sync bleiben will, kann sich einen Any.DO-Account, entweder über eine E-Mail Adresse oder den Umweg mit ‚Log-in with Facebook‘, erstellen. Für den lokalen Betrieb, ausschließlich auf dem iPhone, ist kein Account von Nöten.

iOS 4.0 wird minimal vorausgesetzt.

[app 497328576]

Permalink

WYSIHTML5 · Rich Text-Editor mit Pfiff

WYSIHTML5 ist ein Open Source Rich Text-Editor wie ihn jeder kennt und wie es viele gibt.

Die Besonderheit liegt darin, dass dieser JavaScript-Editor ohne jQuery oder andere Bibliotheken auskommt und somit komplett eigenständig fungiert. Zudem erzeugt er valides HTML5, das über einen Parser nachträglich nach seinen eigenen Regeln angepasst werden kann.

2012-05-23_12h36_27

Nutzer von Google Chrome können den Text sogar via Spracheingabe ‘einsprechen’. Darüber hinaus kann man auch die Toolbar komplett seinen eigenen Vorlieben anpassen. Eine Liste der unterstützen Kommandos findet man hier.

Auf Browserseite wird so ziemlich alles im Mainstream unterstützt. Viel Spaß beim Editieren.

-> http://xing.github.com/wysihtml5
-> https://github.com/xing/wysihtml5

Permalink

Retro Gaming · GameBoy Color im Browser spielen

Was der Apple II kann, kann der GameBoy schon lange!

Auf JavaScript und HTML5 aufbauend, kann man über den Browser etliche Spiele für den GameBoy spielen. Kostenlos und mit hoher Suchtgefahr.

2012-05-14_15h59_48

Wer also gerade an wichtigen Projekten arbeitet, klickt besser nicht auf folgenden Link!

-> KLICK

(via)

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/