Besonders wenn man eine Webseite mit längeren Texten oder Artikeln gestaltet, ist es wichtig die Überschriften-Tags h1 bis h6 zu gestalten und auch zu nutzen. Die Überschriften bestimmen die Hierarchie des Textes und helfen dabei, einen Text besser zu strukturieren und somit leichter lesbar zu machen. Im folgenden Artikel habe ich daher die wichtigsten CSS-Eigenschaften…
Programmierung
88 Beiträge
-
-
HTML5 Glossar
„HTML5 Doctor“ bietet ein übersichtliches Glossar der wichtigsten neuen und überarbeiteten HTML5-Tags. Du kannst eine eine kurze Beschreibung zum jeweiligen Tag nachlesen (in englisch), außerdem gibt es einen Link zur entsprechenden W3C-Seite und einen praktischen Beispiels-Codeschnipsel. Möchtest du mehr über ein HTML5-Element erfahren, gelangst du über den Link „Our Prognosis“ auf auf einen weiterführenden Artikel. Da die Beschreibungen leicht verständlich und nicht zu überladen sind, finde ich das HTML5-Glossar ein praktisches Nachschlagewerk, um mit den neuen HTML5-Elementen vertrauter zu werden.
-
HTML5 und Post Formats mit dem Toolbox WordPress-Theme
Auf der Suche nach einem praktischen WordPress HTML5 Blank-Theme, das auch die neuen Artikel-Formatvorlagen (Post Formats) unterstützt, habe ich mir das Theme Toolbox 1.1 einmal genauer angeschaut. Die Arbeit mit Toolbox hat mir sehr gut gefallen, und ich finde das Blank-Theme bietet eine praktische Grundlage, um ein eigenes WordPress-Theme mit HTML5 und dem neuen Post…
-
Tipps und Tricks zum CSS-Reset
Mit Hilfe eines CSS-Resets zu Beginn des Stylesheets kann man die unterschiedlichen Standard-Styles verschiedener Browser auf einen einheitlichen Werte zurücksetzen. Darüber, welche Reset-Vorlage man verwendet sollte, und ob CSS-Reset Styles überhaupt nötig sind, wird bereits seit langem in der Webentwickler-Szene diskutiert. Meiner Ansicht nach gibt es wie so oft keine allgemein gültige Lösung auf diese…
-
HTML5 und CSS3 mit Hilfe von Modernizr verwenden
Modernizr ist eine praktische Open Source JavaScript-Library, um schon heute HTML5 und CSS3 Elemente für Webseiten-Projekte nutzen zu können. Das Script funktioniert eigentlich recht einfach. Es stellt fest, welche HTML5 und CSS3-Funktionen der jeweils verwendete Browser unterstützt und welche nicht, und fügt dann automatisch entsprechende CSS-Klassen in den html-Tag der Webseite ein. Mit Hilfe dieser…
-
Responsive Webdesign mit CSS3 Media Queries: So funktioniert’s
CSS3 Media Queries machen es möglich, dass sich ein Webdesign automatisch an unterschiedliche Bildschirmformate anpasst. Für ein solches Webdesign hat sich der Begriff „Responsive Webdesign“ (also ansprechendes, auf etwas reagierendes Design) durchgesetzt. Man legt dazu einfach die maximalen bzw. minimalen Maße eines Bildschirmformates (z.B. des iPads) fest, und kann dann für dieses Format eigene CSS-Styles…
