html | WordPress & Webwork

Der Tag (Schlagwort) "html"

Hier sind alle Beiträge aufgelistet, die mit html verschlagwortet sind.

Wer ist der schnellste Coder?

Von Sahanya am 18. 01. 2012 um 18:13

Wer sich gerne auch bei HTML und CSS mit anderen misst, der sollte mal bei Code Racer vorbeischauen.

Hier kann man live gegen andere Spieler/Coder antreten und sein Wissen bzw. Können rund um HTML und CSS testen. Der Gegner ist also ein anderer Spieler und die Zeit. Und als besondere Gimmicks gibt es für gewonnene Runden auch "Waffen", die einem auf dem Rennen zum Sieg behilflich sein können.

Einfach mal bei Zeiten vorbei schauen.

via @photomatt

Kommentare (2)

Hinweis:
WordPress 3.3 für Autoren & Redakteure
Der schnelle und unkomplizierte Einstieg auf 45 DIN-A4-Seiten

CSS3: Mehrspaltiger Text

Von Vladimir am 27. 09. 2011 um 19:13

Eine einfache Möglichkeit um mehrspaltige Artikel zu erstellen, wie man sie aus den Zeitschriften kennt, wünschen sich einige Webworker schon seit langer Zeit. In der Vergangenheit war das nur mit diversen Tricks oder manuell möglich. Entweder hat man auf Javascript-Lösungen zurückgegriffen, wie zum Beispiel Columnizer jQuery Plugin oder man hat die Spalten selber definiert, mit floats gearbeitet und manuell die Texte auf die jeweiligen Spalten verteilt.

Mit dem CSS Multi-column Layout Module von W3C gibt es seit einiger Zeit den Ansatz, dass Browser die mehrspaltigen Inhalte unterstützen sollen. Hier ein Beispiel:

Ich bin der Text in der ersten Spalte… Lorem Ipsum und hast du nicht gesehen.

Ich bin der Text in der zweiten Spalte… Lorem Ipsum und hast du nicht gesehen.

Hier der entsprechende Code: (weiterlesen…)

Kommentare (5)

Hinweis:
Kostenloser WordPress-Newsletter
Wöchentl. Newsletter zu WordPress und verwandten Themen

Links: WordPress, Google+, Editoren, CSS3, Chrome

Von Vladimir am 21. 09. 2011 um 13:41

Ich muss mich mal ein paar Browser-Tabs entledigen, die ich vom Browserstart zum Browserstart, teilweise seit Wochen mit mir herumschleppe:

Auf Theme Code Matters, Too gibt es einen interessanten und ausführlichen Artikel für Entwickler von WordPress-Themes. Es wird u.a. die Code-Qualität und Standard-Techniken angesprochen.

Es dürfte sich mittlerweile herumgesprochen haben, dass Google+ seine Pforten für alle geöffnet hat. Wer darüber und die aktuellen Neuerungen in Google+ lesen möchte, einfach hier vorbei schauen:

Drüben bei Guido gibt es eine kleine Auflistung nützlicher Erweiterungen für den Code-Editor Notepad++. Der Besuch bei ihm erinnerte mich, dass ich Anleitung für die schicken CSS-Buttons:

seit mehr als zwei Wochen in den offenen Tabs herumschleppe. Die Anleitung ist ausführlich und das ganze kann man sich im Demo-Bereich anschauen.

Auf Entwickler.com werden 10 Quellen aufgelistet, die wiederum jeweils zwischen 8 bis 32 Erweiterungen für Google Chrome auflisten, die dem Webworker bei der Arbeit helfen.

Kommentare (0)

Hinweis:
WordPress 3.3 für Autoren & Redakteure (pdf)
Ausdruckbar, Volumenlizenzen zu sehr fairen Preisen.

E-Books für Amazon Kindle erstellen als PDF

Von Vladimir am 14. 09. 2011 um 13:11

Ich habe neulich hier die vierteilige Artikelserie veröffentlicht in der ich erklärt habe, wie man lediglich mit einem einfachen Text-Editor (aka HTML-Editor) Dokumente und E-Books für Amazon Kindle erstellen kann:

Die Inhalte habe ich an ein paar Stellen erweitert bzw. verändert, am Ende ein paar Hinweise hinzugefügt und auch ein Vorwort eingebunden in dem ich erkläre warum Kindle für Autoren interessant ist und warum ich mich für HTML als "Werkzeug" entschieden habe.

Download:
Mit einem Text-Editor Dokumente und E-Books für Amazon Kindle erstellen
(pdf, 465 kbyte)

Viel Spaß beim Lesen.

Nachtrag: da die PDF-Tools die ich getestet habe, nur dann anklickbare Links generieren, wenn man die URL ausschreibt (oder zumindest www. einsetzt) musste ich das PDF-Dokument mit ausgeschrieben URLs generieren.

Nachtrag 2: habe jetzt das PDF über LibreOffice generiert. Ist zwar ein zusätzlicher Schritt und auch einer den man extra prüfen muss (niicht alle Grafiken werden "sauber" übernommen") aber die Links sind anklickbar.

Kommentare (14)

Mit HTML-Editor Dokumente und E-Books für Amazon Kindle erstellen (2)

Von Vladimir am 05. 09. 2011 um 15:05

Nach dem du im ersten Teil dieser Artikelserie die Entwicklungs- und Testumgebung eingerichtet und dich mit ihr vertraut hast, geht es nun darum das erste Kindle-Dokument zu erstellen.

Erstelle eine leere HTML-Datei und füge dort ein Grundgerüst ein:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

<head>
  <title>Titel deines E-Books</title>

  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <meta name="author" content="Dein Name" />
</head>
<body>

</body>
</html>

Ich persönlich habe im konkreten Fall mit XHTML 1.0 transitional gearbeitet. Du kannst mit der strict-Variante arbeiten, auf HTML 4 oder 5 ausweichen oder komplett auf den Doctype verzichten. Ich habe mich dennoch für einen Doctype entschieden, man muss sich ja nicht unnötigerweise eine Fehlerquelle verschaffen, auch wenn sie nur hypothetischer Natur sein könnte. (weiterlesen…)

Kommentare (5)

Mit HTML-Editor Dokumente und E-Books für Amazon Kindle erstellen (1)

Von Vladimir am 04. 09. 2011 um 17:26

KindlePreviewer im Einsatz Wie ich es bereits im Artikel Amazon Kindle: unser erstes WordPress-E-Book versprochen habe werde ich hier auf perun.net beschreiben, wie man lediglich mit einem Text- bzw. HTML-Editor Dokumente und E-Books für Amazon Kindle erstellt.

Doch bevor du loslegst musst du ein paar Vorbereitungen treffen und die Entwicklungsumgebung einrichten.

Die Vorbereitung

Um Dokumente und E-Books für Kindle zu erstellen benötigt man keine teure Entwicklungsumgebung … im Grunde genommen muss man kein Cent extra Geld ausgeben, wenn man es nicht möchte.

Folgende Komponenten sind notwendig: (weiterlesen…)

Kommentare (8)

HTML und CSS: Dokus und Referenzen

Von Vladimir am 19. 06. 2011 um 14:54

Welche Werte sind für die CSS-Eigenschaft text-transform erlaubt, welche Pseudo-Klassen und -Elemente gibt es, welche Browser unterstützen display: inline-block; oder wie ging das noch mal mit float und clear? … für die Beantwortung solcher Fragen eignen sich weniger die Blogs als vielmehr Websites, die dem chronologischen Aufbau nicht unterworfen sind.

Hier folgen einige meiner Meinung nach wichtige Dokumentationen und Referenzen zu HTML und CSS. In der Liste finden sich sowohl deutsche, wie auch englischsprachige Projekte. (weiterlesen…)

Kommentare (2)

Archiv: 1 2 »»