Kategorien
Programmierung

Facebook React: ein erster Blick auf den JavaScript-Konkurrenten zu Angular.js

Facebook nutzt eine Menge JavaScript, um die Inhalte seiner Website zu generieren und zu aktualisieren. Neue Statusmeldungen sehen, einen Post absetzen, ein „Gefällt mir“ geben – alles passiert, ohne dass die Seite neu geladen werden muss. Realisiert werden diese Aktionen mit der hauseigenen JavaScript-Bibliothek „React“, die das Unternehmen nun jedem Entwickler für eigene Projekte zugänglich […]

Kategorien
Apps Design Programmierung

Dr. Web testet: Atom, der HTML-Editor "für das 21. Jahrhundert"

Atom ist ein relativ neuer, plattformübergreifender Open-Source HTML-Editor. Nach eigener Aussage ist Atom der “hackbare Text-Editor für das 21. Jahrhundert”. Wieviel an dieser Aussage dran ist, werden wir in diesem Beitrag näher beleuchten. Auf den ersten Blick hat Atom sehr viel gemeinsam mit Sublime Text 2. Jedoch wird auch explizit damit geworben, dass alles an […]

Kategorien
Design HTML/CSS Programmierung Webdesign

„Animsition“: Benutzerfreundliches jQuery-Plugin für animierte Seitenübergänge

Dank JavaScript in Kombination mit CSS3 stellen Animationen auf Websites keine große Herausforderung mehr da. Auch Seitenübergänge innerhalb einer Website werden gerne per CSS3-Animationen ein wenig in Schwung gebracht. Mit der aktuellen Fassung der Cascading Stylesheets sind einfache Fade-in- und Slide-in-Effekte ebenso möglich wie 3D-Drehungen, um von einer Seite auf eine andere überzuleiten. Das recht frische jQuery-Plugin „Animsition“ hilft, […]

Kategorien
Apps HTML/CSS Programmierung Webdesign

WebApp-Manifest: So starten Sie Websites auf Mobilgeräten wie native Apps

Native Apps für Smartphones und Tablets sind nach wie vor beliebt, aber nicht immer notwendig. Vieles lässt sich als Webapplikation mit HTML5, CSS3 und JavaScript realisieren. Dank entsprechender JavaScript-APIs hat man beispielsweise Zugriff auf den Orientierungssensor und kann auch Gesten erkennen und entsprechend darauf reagieren. Mit dem WebApp-Manifest ist es zudem möglich, weitere klassische App-Eigenschaften für […]

Kategorien
Programmierung

Dynatable für jQuery: Interaktives Tabellen-Plugin sorgt für flexible Datenpräsentation

Tabellen sind immer dann hilfreich, wenn sie umfangreiche Informationen übersichtlich darstellen sollen. Im Web haben Tabellen zudem den Vorteil, dass sie nicht statisch sein müssen. Sie können unterschiedlich sortiert, gefiltert und durchsucht werden. Das jQuery-Plugin „Dynatable“ hilft dabei, Tabellen dynamisch zu machen und sie um die genannten Funktionen zu erweitern. Außerdem ist es mit dem Plugin […]

Kategorien
Programmierung

HTML5 und die Selection-API: Textauswahl und -bearbeitung mit JavaScript

Per JavaScript die Textauswahl abzufragen, ist mit der Methode „getSelection()“ schon länger möglich. Die neue Selection-API erweitert diese Möglichkeit jedoch um einige neue Methoden und Eigenschaften, mit denen die Textauswahl bearbeitet und manipuliert werden kann. Es ist sogar machbar, mehr als einen Bereich eines Dokumentes auszuwählen – was ohne JavaScript nicht funktionieren würde. Auswahl erweitern […]

Kategorien
Inspiration Programmierung Tutorials

HTML5 und die Web-Audio-API, Teil 2: Wir erstellen ein visuelles Audiospektrum per Canvas

Die neue Web-Audio-API mit ihren verschiedenen Möglichkeiten der Audiowiedergabe und -manipulation wurde hier bereits vorgestellt. Dabei haben wir einige der interessantesten Funktionen bereits vorgestellt. Ein recht komplexes Feld haben wir aber einem eigenem Artikel, nämlich diesem hier, vorbehalten. Denn, zusammen mit den Canvas-Zeichenfunktionen von JavaScript lässt sich damit auch ein visuelles Audiospektrum einer Wiedergabe realisieren. […]

Kategorien
Programmierung

HTML5 und die Web-Audio-API: Audiodateien abspielen, manipulieren und Klänge erzeugen

Mit HTML5 und dem „<audio>“-Element ist es möglich, Audiodateien ganz ohne Plug-in im Browser abzuspielen. Mit der neuen Web-Audio-API kann man nun Audiodateien direkt per JavaScript laden oder eigene Klänge erzeugen. Außerdem kann die API die Wiedergabe von Audiodateien manipulieren, indem zum Beispiel Frequenzbereiche verändert werden. Wir werfen einen genaueren Blick auf die musikalische Schnittstelle. […]

Kategorien
Programmierung

HTML5: So blenden Sie mit der Pointer-Lock-API den Mauszeiger bei Bedarf einfach aus

Der Browser wird mehr und mehr zum Ort für Spiele. Dank HTML5 und den neuen JavaScript-APIs lassen sich komplexe und anspruchsvolle Anwendungen realisieren. Dabei ist der Mauszeiger nicht immer der richtige Begleiter. Vor allem, wenn die Steuerung per Tastatur erfolgt, stört der Mauszeiger in der Regel. Daher sorgt die neue Pointer-Lock-API dafür, dass er bei […]

Kategorien
Apps Programmierung WordPress

WordPress Mobil: Diese Plugins machen Ihre Webseite zur App

Immer mehr Menschen surfen mobil durch das Internet und lesen Ihre bevorzugten Webseiten nicht mehr am Notebook oder PC, sondern mobil auf dem Smartphone oder Tablet. Auch wenn responsives Webdesign bereits in die richtige Richtung geht, weil der Inhalt einer Webseite auf jedem Ausgabemedium lesbar ist, so bevorzugen doch viele Menschen eine richtige Mobile-App, auf […]

Kategorien
Boilerplates & andere Tools Programmierung

HTML5: HTML-Dateien in HTML-Dateien importieren

Das <link>-Element ist ein Segen. Es ermöglicht das Einbinden von Stylesheet- und JavaScript-Dateien, die in mehreren Dokumenten benötigt werden. Allerdings war es bisher nicht möglich, darüber auch HTML-Dateien in ein Dokument zu laden. Wollte man diese einbinden, ging das bislang nur per <iframes>-Element oder über die JavaScript-Methode XMLHttpRequest(). Dank der neuen HTML5-Imports ist es jetzt […]

Kategorien
CMS Programmierung

Und sie bewegt sich doch: Homepage-Baukasten Wix.com kann jetzt beliebige Seitenelemente animieren

Sie, als treues Mitglied der Dr. Web-Leserschaft, kennen Wix.com natürlich schon seit langem. Ich würde zudem behaupten, dass kein Bewohner des deutschen Sprachraums diesen Namen je wieder vergisst, wenn er ihn einmal gehört hat. Aber, das ist ein anderes Thema. Heute soll es in aller Kürze um das jüngste Feature gehen, dass Wix.com für seine […]

Kategorien
CMS Programmierung

Einfach bloggen: Die besten Ressourcen für die neue Ghost-Plattform

Endlich! Es gibt eine neue Blog-Platform, die mal wirklich mit WordPress konkurrieren kann. Sie hört auf den angegruselten Namen Ghost und wurde erst vor wenigen Wochen, genauer am 14. Oktober, veröffentlicht. Bislang beweist Ghost, dass es genau das ist, was sich ihr Erfinder, John O’Nolan, vorgestellt hatte – eine einfache, klar strukturierte, übersichtliche Publikationsplattform für […]

Kategorien
Programmierung

FileSystem-API: Dateien erstellen und lokal speichern mit JavaScript und Webkit

Mit der FileSystem-API ist es möglich, per JavaScript Dateien und Verzeichnisse zu erstellen und diese lokal auf dem Rechner des Nutzers zu speichern. Es kann sich dabei um einfache Text-, aber zum Beispiel auch um Bilddateien handeln. Moderne Webkit-Browser, die HTML5 unterstützen, können mittlerweile auch mit der FileSystem-API umgehen. Zugriff auf lokales Dateisystem Um Verzeichnisse […]

Kategorien
Programmierung

Codeblock.js: JavaScript direkt im Browser editieren und ausführen

Wenn es um die Vorstellung von JavaScript-Frameworks und -Bibliotheken geht, ist es immer sinnvoll, den Nutzern mit konkreten Beispielen zu erklären, wie das Framework oder die Bibliothek funktioniert, wie sie eingesetzt wird und welche Einstellungsmöglichkeiten vorhanden sind. Statt nur Quelltext-Schnipsel zu veröffentlichen, ist es natürlich wünschenswert, wenn Besucher sich selbst am Quelltext versuchen können, ohne […]

Kategorien
E-Business Programmierung SEO

PHP und .htaccess: Lesbare URLs mit variablen Verzeichnisnamen

Bei dynamischen Websites wird oftmals eine kompletter Auftritt über eine einzige PHP-Datei gesteuert. Dabei werden Variablen als URL-Parameter übergeben und Seiten mit unterschiedlichen Inhalten generiert. So entstehen kryptische URLs, die a) sehr lang und b) für Mensch und Suchmaschine äußerst schwer verdaulich sind. Mit ein bisschen PHP-Code lässt sich das ändern.

Kategorien
Inspiration Programmierung Tutorials

PDF-Dokumente mit PHP erzeugen

PDF-Dateien zu erstellen, ist schon lange kein Problem mehr. Spätestens seit OpenOffice die Möglichkeit bot, Textdokumente ins PDF-Format zu konvertieren (und möglicherweise aufgrund dessen andere namhafte Anbieter nachzogen), ist es für jedermann leicht möglich, seine Informationen in Form eines PDF-Dokumentes anzubieten. Anders sieht es aus, wenn man mal schnell auf seiner Website aktuelle Inhalte “zur Laufzeit” dynamisch in einer PDF-Datei anbieten möchte.