HTML

HTML

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

22. Oktober 2014
von
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 und Cursor verschieben Eine Funktion der Selection-API ist, eine...

Weiterlesen »

CSS

SVG-Fallback für ältere Browser: Tipps zur alternativen Auszeichnung ohne JavaScript

12. September 2014
von
SVG-Fallback für ältere Browser: Tipps zur alternativen Auszeichnung ohne JavaScript

Das SVG-Format wird mittlerweile von allen gängigen Browsern unterstützt. Es ist vor allem der Internet Explorer, der in älteren, leider aber immer noch verwendeten Versionen Probleme macht. Da er das SVG-Format nicht kennt, müssen Alternativen wie PNG oder JPEG als Fallback her. Zwar gibt es per JavaScript Möglichkeiten, für bestimmte Browser alternative Dateien einzubinden – für JavaScript-Verweigerer ist das jedoch keine Option. Außerdem gibt...

Weiterlesen »

HTML

HTML5: mehr Flexibilität bei Formularen

21. August 2014
von
HTML5: mehr Flexibilität bei Formularen

Für Formulare hat HTML5 einige neue Möglichkeiten geschaffen. Eingabefelder für E-Mail-Adressen und Datumsangaben sind ebenso machbar wie Pflichtfelder und Eingabevorgaben – um nur einige zu nennen. Doch dank HTML5 lassen sich Formulare noch flexibler gestalten. So sind Formulare mit mehr als einem Submit-Button möglich. Außerdem können Eingabe- und Auswahlelemente auch außerhalb des eigentlichen Formulares ausgezeichnet werden. Mehrere Submit-Buttons für Formulare Bisher war für jedes...

Weiterlesen »

CSS

HTML5: Native Dialogfenster mit dem neuen Dialog-Element

14. August 2014
von
HTML5: Native Dialogfenster mit dem neuen Dialog-Element

Die neuen HTML5-Elemente und JavaScript-APIs ermöglichen es, komplexe Anwendungen für den Browser zu entwickeln. Dazu gehören ganz häufig auch Dialogfenster, über die Nutzer das Ausführen von bestimmten Handlungen bestätigen müssen oder die einfach eine Meldung ausgeben. Mit dem neuen „<dialog>“-Element lassen sich solche Dialogfenster zukünftig nativ per HTML5 auszeichnen. Einfache Auszeichnung ohne Stylesheets möglich Das „<dialog>“-Element kann an beliebiger Stelle im HTML-Body platziert werden....

Weiterlesen »

HTML

HTML5-Imports: HTML-Dateien in HTML-Dateien importieren

27. Juni 2014
von
HTML5-Imports: 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 auch möglich, HTML-Dateien per „<link>“ in ein anderes Dokument...

Weiterlesen »

HTML

HTML5: Videos untertiteln mit dem neuen Track-Element

22. Juni 2014
von
HTML5: Videos untertiteln mit dem neuen Track-Element

Mit der Einführung der HTML5-Videos ist das Abspielen von Videos ganz ohne Plug-ins möglich. Doch HTML5-Videos bieten weit mehr, als Videos nativ im Browser darzustellen. Mit der Track-Funktion lassen sich auch Untertitel innerhalb von Videos einblenden. Diese werden in seiner separaten Textdatei abgelegt und können per Knopfdruck im Video ausgegeben werden. So machen Sie Videos für Hörgeschädigte und alle, die gerade keine Lautsprecher zur...

Weiterlesen »

CSS

HTML, CSS, PSD und mehr: 23 kostenlose Design-Ressourcen für den Mai 2014

15. Mai 2014
von
HTML, CSS, PSD und mehr: 23 kostenlose Design-Ressourcen für den Mai 2014

The show must go on. Immer ausgerichtet an den Bedürfnissen der vielen Seitenbetreiber da draußen, pflegen wir eine kleine Anzahl von Beitragsserien, die Sie mit den besten, kostenlosen, neuen Design-Ressourcen bekannt machen, die das Weltennetz im Angebot hat. Heute beschäftigen wir uns wieder mit Templates in HTML, CSS und PSD, sowie Kits zum Bau von Nutzeroberflächen. Unser Monats-Favorit ist Foto, ein Portfolio-Template für Fotografen....

Weiterlesen »

CSS

HTML, CSS, PSD und mehr: 22 freie, frische Design-Ressourcen aus dem April 2014

23. April 2014
von
HTML, CSS, PSD und mehr: 22 freie, frische Design-Ressourcen aus dem April 2014

War Ihr Osterfest auch so ertragreich? Wir haben nicht nur Unmengen an Eiern gefunden, sondern auch wieder einen ganzen Haufen freier Design-Ressourcen, die Ihnen Freude bereiten werden. Regelmäßige Leser wissen ja bereits, dass wir ebenso regelmäßig das Netz durchpflügen und die neuesten Ressourcen für Sie aufspüren. Lesen Sie unsere Serie, können Sie sicher sein, stets up-to-date zu sein. Und so sind wir auch in...

Weiterlesen »

CSS

HTML, CSS, PSD und mehr: 18 kostenlose Design-Ressourcen aus Februar und März 2014

25. März 2014
von
HTML, CSS, PSD und mehr: 18 kostenlose Design-Ressourcen aus Februar und März 2014

Guten Morgen, werte Leserinnen und Leser! Wir sind zurück mit einer neuen Kollektion an HTML-, CSS- und PSD-Templates, sowie einigen UI-Konzepten. Regelmäßige Leser wissen ja bereits, dass wir ebenso regelmäßig das Netz durchpflügen und die neuesten Ressourcen für Sie aufspüren. Lesen Sie unsere Serie, können Sie sicher sein, stets up-to-date zu sein. Ob Sie nun die folgenden Arbeiten als Quell der Inspiration nehmen oder...

Weiterlesen »

CSS

Total Recall #1: Die 150+ besten kostenlosen HTML/CSS-Website-Vorlagen und PSD-Templates des Jahres 2013

25. Februar 2014
von
Total Recall #1: Die 150+ besten kostenlosen HTML/CSS-Website-Vorlagen und PSD-Templates des Jahres 2013

In unserer schnellebigen Branche ist es sinnvoll, ab und an mal innezuhalten und zurück zu schauen. Denn die Geschwindigkeit hat auch ihre Nachteile. So neigen wir dazu, nur auf den neuesten heißen Scheiß zu schauen, obwohl es ein paar Monate zuvor möglicherweise bessere Lösungen gegeben hat. In unserer auf drei Teile angelegten Miniserie “Total Recall 2013″ wollen wir Ihnen daher die besten “alten” Lösungen...

Weiterlesen »