Schneller HTML und CSS schreiben mit Emmet

Du kannst bereits schnell tippen, aber du möchtest noch schneller deinen HTML und CSS Code eingeben können, dann habe ich die richtige Lösung für dich. Egal ob du bereits schnell schreibst oder die Buchstaben beim Schreiben suchen musst, Emmet ist für alle die Lösung um rascher zu arbeiten.

Wie aber kann uns Emmet dabei helfen schneller zu schreiben? Dieser Artikel zeigt es Dir.

(mehr …)

Kategorien: Allgemein, CSS, Web Design und Web Development.

Warum mobile Websites gerade jetzt wichtig sind.

Es wird endlich Zeit eine mobile Website zu haben – aber warum gerade jetzt? Diese Woche hat Google Ernst gemacht mit seiner Ankündigung, in das Ranking von Websites die Tauglichkeit für mobile User einfließen zu lassen.

Was bedeutet das aber nun für den Betreiber einer Website. Muss man sich überraschen lassen oder kann man schon vorher feststellen, wie es um das künftige Ranking aussieht? Die gute Nachricht, man muss nicht warten. Google bietet eine Menge Unterstützung an, um die Betreiber einer Website beim Künftigen mobile Ranking zu unterstützen.

Ich möchte in diesem Artikel kurz beschreiben wie man dabei am besten vorgehen und wie man eventuelle Probleme beheben kann.

(mehr …)

Kategorien: Mobile, Mobile Marketing und SEO.

Online Adventkalender 2014

Wieder ein Jahr vorbei und Weihnachten steht vor der Türe – Zeit der Adventskalender. Wie jedes Jahr möchte ich auch diesmal wieder eine Übersicht der interessantesten Online Varianten vorstellen. Es sind sicher für Gross und Klein schöne Überraschungen dabei.

(mehr …)

Kategorien: Allgemein.

CSS Quick Tipp: CSS Namen mit Sonderzeichen (Doppelpunkt)

Wenn man seinen HTML Code selber schreibt, dann kommt man normalerweise nicht auf die Idee Sonderzeichen in Klassen und ID Namen zu verwenden. Werden aber diese Namen automatisch, wie zum Beispiel beim Einsatz von Frameworks wie Primefaces erzeugt, dann kann es passieren, dass die Klassen oder ID Namen einen Doppelpunkt enthalten. Wenn man jetzt versucht für solche Elemente CSS Regeln zu erstellen, dann wird man schnell daran scheitern, wenn man versucht den Namen so zu verwenden.

In dieser kurzen Beschreibung möchte ich zeigen, wie man dennoch für solche Klassen und IDs CSS Regeln erstellen kann.

(mehr …)

Kategorien: Allgemein, CSS, Tutorials und Web Development.

Mobile Websites mit jQuery Mobile und Dreamweaver erstellen

Neben dem responsive Webdesign ist das Erstellen von „echten“ mobilen Websites eine weitere Möglichkeit Inhalte für mobile Nutzer aufzubereiten.

Beim Responsive Design wird eine Website bei unterschiedlichen Größen dem Medium angepasst, aber immer der selben Inhalte darstellt. Anders wird bei „echten“ mobilen Websites eine eigene mobile Version erstellt, die in Inhalt und Layout für das mobile Erlebnis ausgelegt sind.

Zum Erstellen einer solchen mobilen Websites gibt es mittlerweile eine Menge unterschiedliche  Frameworks. Eines der bekanntesten ist jQuery Mobile. Gerade in Zusammenarbeit mit Dreamweaver bietet sich dieses Framework ideal an, da Dreamweaver viele Funktionen zum Erstellen und zur Bearbeitung bereitstellt.

In meinem mehrteiligen Videotutorial zeige ich, wie von Grund auf eine mobile Website auf Basis von jQuery Mobile erstellt und mittels Themeroller designed wird. Dabei wird in diesem Training ein komplettes kleines Webprojekt umgesetzt.
(mehr …)

Kategorien: Mobile, Mobile Development, Trainings, Web Design und Web Development.

Responsive Websites mit Dreamweaver erstellen

Responsive Webdesign war einer der Webdesign Trends 2013 und ist immer noch ein aktuelles Thema. Responsive Design wird bald kein Trend mehr sein, sondern normaler Alltag im Webdesign. Zunehmend wird das Internet mobiler und kaum ein Website Betreiber wird es sich in Zukunft leisten können auf diese mobilen Nutzer zu verzichten. In manchen Bereichen ist der mobile Zugriff bereits jetzt schon höher als der von Desktopgeräten. Umso mehr müssen sich Webdesigner dafür rüsten diese neue Technik auch für Ihre Projekte umsetzen zu können.

Mit Adobe Dreamweaver ist dies bereits seit einiger Zeit möglich. Wie es genau funktioniert zeige ich in meinem 2 teiligen Videotraining.

(mehr …)

Kategorien: Trainings, Tutorials, Web Design und Web Development.

Online Adventkalender 2013

Alle Jahre wieder kommt mit Weihnachten auch die Adventszeit. Für Kinder ist diese jedes Jahr eine spannende Zeit. Um die Wartezeit auf das Weihnachtsfest zu verkürzen darf beim Adventskalender jeden Tag ein Türchen geöffnet werden. Die ursprüngliche Variante mit Bildern hinter den Türchen wurde im Laufe der Zeit um Varianten mit Süßigkeiten oder Spielzeug erweitert.

Die moderne Variante befindet sich heute im Internet und erfreut damit nicht nur die Kleinsten. Im folgenden Artikel habe ich die besten Adventskalender dieses Jahres aufgelistet.

(mehr …)

Kategorien: Allgemein.

iPhone Apps zu verschenken

Mit der Einführung von iOS 6 fehlte plötzlich die Möglichkeit Apps vom Handy aus zu verschenken. Nur wer noch eine ältere iOS Version hatte, konnte von seinem iPhone noch Apps verschenken. Die einzige Lösung, die Apple zu diesem Problem angeboten hat, war die Möglichkeit Apps über iTunes zu verschenken oder eine ältere iOS Version einzusetzen – siehe auch https://support.apple.com/kb/HT5510?viewlocale=de_DE

(mehr …)

Kategorien: Allgemein, iPhone Apps, Mobile und Mobile Marketing.

Boo ist da

Endlich ist es soweit. Nach wochenlanger intensiver Arbeit ist meine neueste App „Whale Twist“ fertig und im App Store bei Apple verfügbar. Es ist mein erstes einfaches Action Game. Nach einigen Business Apps und  zwei Denkspielen wollte ich einmal den Versuch wagen, etwas anderes zu machen.

Bei diesem Spiel geht es darum, den kleinen Wal Boo durch die weiten Ozeane zu lenken,  ihn dabei vor den tödlichen Gefahren zu bewahren und ihm Kraft zu geben, damit er die Reise soweit wie möglich schafft. Damit man in der High Score Liste oben aufscheint, sollte man den kleinen Boo so geschickt lenken, dass dieser soviel Münzen wie nur möglich aufsammelt.

Kategorien: Allgemein, iPhone Apps, Mobile und Web Development.