solife.cc

solife.cc schreibt über HTML5, JavaScript, Webtrends, Tierschutz und Ethik.

Angry Birds Seasons “Abra-Ca-Bacon”: Alle Sterne, das goldene Ei und mehr

18. Mai 2013

Abra-Ca-Bacon Angry Birds Fans aufgepasst: Seit wenigen Tagen gibt es für “Seasons” ein neues Gratis-Update (iOS, Android) mit 36 neuen Leveln – und die haben es wirklich in sich! Zum ersten Mal können mit “Abra-Ca-Bacon” die verrückten Vögel durch futuristische Portale bugsiert werden, um den Schweinen dahinter an den Kragen zu gehen. Wie immer gilt es alle drei Sterne pro Level zu erreichen und mit den “Feather Mighty Eagle” die… Artikel lesen…

CSS3-Workaround: Transitions für Background Gradients

15. April 2013

Ein Gartartikel von Christian Olear: Animationen ohne Javascript, nur durch die Veränderung von CSS-Eigenschaften: mit CSS3-Transitions kein Problem. Während der Arbeit an einem aktuellen Projekt musste ich leider feststellen, dass sich CSS-Transitions nicht auf Background-Gradients anwenden lassen. Hier ein kleines Workaround um trotzdem das gewünschte Ergebnis erzielen zu können. Animation von Hintergrundfarben – Demo Wir haben also ein </div>-Element mit einem Background-Gradient und möchten diesen verändern, wenn sich der Mauszeiger… Artikel lesen…

SVG-Bilder im Web: Farben ändern und animieren mit CSS

26. März 2013

SVG-Bilder sind eine tolle Sache – besonders wenn man sie auf Webseiten einbindet: Die Speichergröße ist gering, die Images sind ohne Qualitätsverlust skalierbar und sogar der Internet Explorer 9 kann damit etwas anfangen. Im Gegensatz zu herkömmlichen Bildformaten, haben sie aber noch einen Vorteil: Mit CSS kann ihre Farbe verändert und auf Wunsch sogar animiert werden. Das Markup Vorbereitung mit JavaScript Zuerst muss via jQuery der Inhalt der .svg-Bilddatei in… Artikel lesen…

OSX: Ordner schneller kopieren mit dem Terminal

13. März 2013

Beim Sichern auf eine externe Festplatte passieren wundersame Dinge: Der Finder berechnet für das Kopieren von 35 GB eine Dauer von mehreren Stunden. Das ist eigenartig, da innerhalb der ersten 15 Sekunden fast 300 MB kopiert wurden, der Vorgang danach aber spürbar langsamer wird. Die Restzeit von Anfangs 20 Minuten steigt auf mehrere Stunden. Handelt es sich hier um einen Fehler? Kopiert man den Ordner stattdessen über das Terminal ist… Artikel lesen…

Animation von Farbwerten mit CSS3-Transition, ohne jQuery

5. März 2013

Das Problem ist bekannt: Mit der animate()-Methode von jQuery können lediglich numerische Style-Variablen animiert werden. Was aber machen wenn eine Farbwert-Animation benötigt wird? Beispielsweise um bei Hover die Hintergrundfarbe eines Elementes gleichmäßig zu ändern. Quick-Animationen: CSS3 macht’s möglich Entweder man bindet ein Plugin ein, verwendet gleich eine große Library oder aber man nutzt die Möglichkeiten die einen CSS3 schon heute bietet. Die Transition-Eigenschaft, welche in allen modernen Browsern gut funktioniert,… Artikel lesen…

Disney Fish Hooks: Video-Komplettlösung für alle Level, Äpfel und Welten

26. Februar 2013

Disney Fish Hooks Elegant ins Ziel fallen und dabei viele Äpfel essen: So könnte man das Spielkonzept von Disneys Gratis-Game “Fish Hooks“, erhätlich für iPhone und iPad, beschreiben. In über 50 Welten soll Fisch Milo gut genährt zum Ausgang fallen, schweben oder geworfen werden. Das Gameplay erinnert phasenweise an eine Unterwasser-Version des Topseller Cut the Rope, jedoch mit sehr viel Charakter-Liebe. So können beispielsweise fünf von Milo’s Freunden freigeschalten und… Artikel lesen…

100 Floors: Video-Komplettlösung und Tipps für alle Level

28. Januar 2013

Ein Fahrstuhl, einhundert Stockwerke, einige Werkzeuge und das eigene Handy bzw. Tablet: Das sind die Erfolgszutaten des Games “100 Floors“. Das Gratis-Spiel für Android und iOS wird von Millionen Spielern weltweit gefeiert. Ziel des Spieles ist es mit dem Fahrstuhl ganz nach oben zu gelangen. Doch in jedem Stockwerk wartet ein Rätsel. Dann heißt es fleißig probieren und tüfteln: Mit bis zu fünf Gegenständen muss man Knöpfe reparieren, Mauern einschlagen,… Artikel lesen…

MAMP-Virtual-Hosts mit iOS öffnen

25. Januar 2013

Viele Coder entwickeln ihre Webseiten lokal mit MAMP bzw. MAMP Pro. Wer seine Projekte auch für mobile Endgeräte optimieren möchte, hat mit SquidMan nun die Möglichkeit seine Virtual-Hosts via iPad und co. aufzurufen. Mit dem Programm kann in wenigen Schritten ein Proxy konfiguriert werden. Dieser ermöglicht das spätere Betrachten lokaler Projekte auf iOS-Geräten. Doch der Reihe nach. SquidMan installieren und Port einrichten SquidMan Einstellungen Unter squidman.net/squidman kann die aktuelle Version… Artikel lesen…