Dr.Web - Das Online Magazin für Seitenbetreiber

Rubrik: HTML

Werbung
Illu

Trotz Facebook Widgets eine valide Seite

An Facebook Widgets führt heutzutage fast kein Weg vorbei. Spätestens wenn man mit seiner Seite bei Facebook vertreten ist, werden Facebook Widgets auf der eigenen Website eingebunden. Hier ein kurzer Tipp, wie das am besten funktioniert.

Weiterlesen | 10 Kommentare
Illu

HTML5- und CSS3-Templates und -Tutorials

Es wird nicht mehr allzu lange dauern, dann sind HTML5 und CSS3 der Code, den wir alle verwenden. HTML5 wird mit aller Wahrscheinlichkeit die nächste größere HTML-Version sein und sie bietet neben neuen Funktionen auch eine Reihe neuer APIs. Dieser Beitrag listet einige neue und freie CSS3- beziehungsweise HTML5-Templates zum Herunterladen und Experimentieren. Vertiefende Informationen und ausführliche Anleitungen bieten die Links zu Ressourcen und Tutorials im Netz.

Weiterlesen | 5 Kommentare
Illu

Denkanstoß: HTML5 gegen, mit oder für Flash?

Das Verlangen der WebDesigner nach einheitlichen Standards ist so alt, wie das Web selbst. Jeder wünscht sich für alle Browser den gleichen Code oder die gleichen Mediaformate verwenden zu können. Tatsache ist aber, dass sich die Onlinewelt genau in die entgegengesetzte Richtung entwickelt. Auch wegen HTML5.

Weiterlesen | 15 Kommentare
Illu

HTML 5 & CSS 3: Tutorials, Tipps und Referenzen

Die Entwicklung W3C-konformer, sprich Browser-übergreifender Standards geht voran. Nachdem nun auch Microsoft auf die Schiene einschwenkt und mit dem just vorgestellten Preview des Internetexplorer 9 sowohl HTML-5-Elemente wie canvas als auch CSS-3-Eigenschaften wie border-radius fehlerfrei unterstützt, ist es Zeit, die neuen Techniken einzusetzen.

Weiterlesen | 12 Kommentare
Illu

HTML 5 und Flash - Koexistenz, statt Krieg

Angesichts der teils lautstarken Auseinandersetzungen in der Web Community über HTML 5 versus Flash, konnte ich es mir als Web-Veteran mit gut zehnjähriger Praxis in Webdesign und Flash-Entwicklung nicht verkneifen, mich ins Schlachtgetümmel zu stürzen, um diesem unsäglichen Adobe-oder-Appel-Gezerre ein Ende zu setzen und ein konstruktives Friedensangebot zu unterbreiten.

Weiterlesen | 16 Kommentare
Illu

Browser direkt ansprechen: Gewusst wie

Die unterschiedliche Darstellung von Inhalten in verschiedenen Browsern liegt in der Natur der Sache. Auch wenn eine gleich bleibende Darstellung wünschenswert wäre, sollte dies nicht zu den obersten Prioritäten eines Webdesigners gehören. Wichtiger ist es, eine solide Basis zu schaffen, die Inhalte auch in älteren Browsern vernünftig lesbar macht. Doch auch hier kann es zu Problemen kommen, da selbst standardkonformer Code in unterschiedlichen Browsern oft seltsame Blüten treibt - gerade innerhalb der Browserfamilien sind die Ergebnisse oft verblüffend unterschiedlich.

Weiterlesen | 28 Kommentare
Illu

HTML5 – ein Überblick

HTML5 ist derzeit in aller Munde. Ende Mai ließ Google auf der Entwicklerkonferenz »Google I/O 2009« in San Francisco aufhorchen, als groß Werbung für den zukünftigen Webstandard betrieben wurde, welcher die Basis für kommende Google-Anwendungen stellen soll. Einen weiteren Schub erhielt die neue HTML-Version, als das Standardisierungskonsortium W3C (englisch) Anfang Juli die Einstellung der Arbeiten am parallel entwickelten XHTML2-Standard ankündigte, um sich voll und ganz auf HTML5 konzentrieren zu können.

Weiterlesen | 40 Kommentare
Illu

JavaScript: Animiertes Säulendiagramm mit HTML Canvas

Mit HTML Canvas braucht man nicht mehr auf Tricks zurückgreifen, sondern kann direkt in JavaScript punktgenaue Grafiken zeichnen. Wir stellen das anhand eines animierten Säulendiagramms vor. Schauen wir uns an wie Rechtecke inklusive Farbverlauf gezeichnet werden.

Weiterlesen | 13 Kommentare
Illu

HR-Linien im Webdesign

Was ist denn eigentlich eine hr-linie? Es handelt sich um einen uralten HTML-Tag, der schon in der Frühzeit des Webs vorkam. hr steht für "horizontal rule" und macht genau das. Ein schlichte waagerechte Linie wird erzeugt. Sie dient dazu Inhaltsbereiche voneinander abzugrenzen. Das wird gern in Richtung Footer gemacht, macht aber anderweitig Sinn, zum Beispiel um längere Fließtexte zu gliedern oder Blogpostings voneinander anzugrenzen.

Weiterlesen | 7 Kommentare
Illu

Vektorgrafik im Webbrowser: SVG, Canvas und Co.

Nachdem sich das auf XML basierende SVG im Web nicht richtig durchsetzen konnte, ist mit dem in HTML 5 eingeführten Canvas-Element ein neuer Versuch gestartet worden um Vektor-Grafiken direkt durch den Browser erstellen und anzeigen zu lassen. Wie man SVG...

Weiterlesen | Keine Kommentare | PLUS-Beitrag
Illu

Marktübersicht WYSIWYG Web Editoren

Gar nicht so leicht, in der Welt der Editoren den Überblick zu behalten. Jeder braucht einen, aber welcher der richtige ist, das will sorgfältig geprüft sein. Einige Überlegungen helfen dabei. Die Frage nach dem besten Programm für die Gestaltung von Web-Auftritten...

Weiterlesen | 8 Kommentare
Illu

Marktübersicht HTML-Editoren

Um HTML- oder CSS-Code zu bearbeiten, braucht man lediglich einen einfachen Texteditor. Übersichtlicher wird es mit Editoren, bei denen eine Syntax-Hervorhebung Elemente und Attribute farblich kenntlich macht. Eine FTP-Funktion möchte man in der Regel nicht...

Weiterlesen | 3 Kommentare
Illu

HTML- und CSS-Generator

Auf die Gefahr hin, das es Anderes oder Besseres gibt. Der Markup Generator macht aus einer Struktur ein HTML- und CSS-Gerüst. Das spart viel Arbeit wenn des Öfteren Seiten nach einem ähnlichem Muster angelegt werden müssen. Man nehme eine Struktur wie diese: [...]

Weiterlesen | 9 Kommentare
Illu

Standard-Kompatibilität im E-Mail-Marketing

Wer beim Erstellen von webstandardkonformen Templates schon einmal an Browserinkompatibilitäten schier verzweifelt ist, der wird erst recht graue Haare bekommen, wenn er dazu verdonnert wird eine Newsletter-Vorlage umzusetzen, die in allen E-Mail-Clients [...]

Weiterlesen | 17 Kommentare
Illu

Komfort mit HTML-Tabellen

Groth Tabellen sind wichtige Struktur-Elemente für die Webseite. Neben ihrer mittlerweile verpönten Verwendung als Design-Hilfe dienen sie vor allem der Darstellung von numerischen oder kategorialen Daten. Um bei einer Präsentation der Fakten Hilfestellung...

Weiterlesen | Keine Kommentare | PLUS-Beitrag
Illu

abbr und acronym

Eine Vorlage, sei es nun eine für Office- oder DTP-Programme, ist nur dann ihren Ruf wert, wenn sich der Weg vom angewendeten Template bis zum fertigen Dokument kurz und ohne große Stolpersteine gestaltet. Für eine erweiterte XHTML-Vorlage gilt das Gleiche....

Weiterlesen | Keine Kommentare
Illu

Die beliebtesten Online-WYSIWYG-Editoren

Zwei Platzhirsche und ein Halbstarker im Markt der Rich-Text-Webeditoren. Die Zielgruppen aller drei Produkte sind ähnlich, Unterschiede liegen im Detail. Wer macht das Rennen? Rich-Text-Webeditoren (RT-Editoren oder RTE) ermöglichen es, WYSIWYG-Editoren in...

Weiterlesen | Keine Kommentare | PLUS-Beitrag
Illu

Bequemes Texten mit HTML und Javascript

Groth Beim Schreiben längerer Dokumente wünscht man sich häufig eine automatische Erstellung von Inhalts-, Literatur-, Abkürzungs- oder Stichwortverzeichnissen. Für Auszeichnungsprachen wie LaTex und bis zu einem gewissen Grad bei verschiedenen Text-Verarbeitungsprogrammen...

Weiterlesen | Keine Kommentare
Illu

Der CSS-Checker reinigt aufgeblasene CSS-Dateien

Ein solches Werkzeug habe ich mir schon immer gewünscht, der CSS Redundancy Checker prüft ein Stylesheet anhand der dazugehörigen HTML-Seiten auf überflüssige Anweisungen. Davon gibt es mitunter reichlich, nach einer anstrengenden Entwicklungsphase oder wenn [...]

Weiterlesen | 13 Kommentare
Illu

HTML Entity Lookup: Sonderzeichen, bitte!

Sonderzeichen werden häufiger benutzt, als man denkt. Ob beim Zitieren einer ausländischen Quelle oder bei der Formatierung eines fremdsprachigen Textes: standardkonformer Code erfordert korrekte Angabe von sämtlichen Literalen. Dazu gehören auch und vor [...]

Weiterlesen | 20 Kommentare