Im folgenden kleinen Video-Tutorial möchte ich dir kurz zeigen, wie du mit Hilfe des Google Chrome Developer Tools oder der Firefox- und Safari-Erweiterung Firebug HTML und CSS-Elemente einer Webseite direkt im Browser kontrollieren kannst. So kannst du z.B. schnell die CSS-Klasse und die verwendeten CSS-Eigenschaften eines HTML-Elements heraus finden und diese dann gegebenenfalls anpassen oder, wenn du an einem WordPress Child-Theme arbeitest, in deinem eigenen Stylesheet neu definieren. Weiterlesen
Schlagwort: CSS
Ein Glossar in HTML und CSS erstellen - so funktioniert’s
Um ein Glossar, z.B. auf deinem WordPress-Blog zu erstellen, benötigst du eigentlich kein extra Plugin. Mit ein paar Zeilen HTML und einigen extra CSS-Styles kannst du in wenigen Schritten dein eigenes Glossar einrichten. Ich habe den benötigten HTML und CSS … Weiterlesen
CSS-Tipp: Inputfelder mit CSS box-shadow und Leuchteffekt
Bei Eingabefeldern (z.B. in Formularen oder bei der Suche) ist es sinnvoll, einen optischen Effekt zu erzeugen, sobald der Nutzer das Input-feld anklickt. Mit Hilfe von CSS box-shadows kann man diesen Effekt sehr schön erreichen und sogar einen richtigen Leuchteffekt … Weiterlesen
Im 3. Teil des WordPress-Tutorials habe ich die Theme-Übersetzung mit Hilfe des Codestyling Localization Plugins vorbereitet. Inzwischen habe ich ein wenig am Theme weiter gearbeitet und möchte in diesem Tutorial-Teil zeigen, wie man die erste Grundstruktur des Layouts (Header, Content, Sidebar und Footer) im Theme aufbaut und mit welchen kleinen Tricks ich dabei immer arbeite. Viel Spaß beim Video-Tutorial :-)
Praktische CSS Kurzschreibweisen im Überblick
Mit Hilfe von CSS Kurzschreibweisen (CSS Shorthand Properties) kannst du dein Stylesheet noch übersichtlicher gestalten und außerdem die Dateigröße deines Stylesheets weiter verringern. Daher habe ich eine kleine Übersicht der hilfreichsten Kurzschreibweisen für font-Eigenschaften, border, background & Co zusammen gestellt.
Pixel, em oder Prozent – Welche Einheit ist für Schriftgrößen in CSS am besten geeignet?
Ich muss ganz ehrlich sagen, dass ich das Thema, welche Einheit für die Schriftgröße im CSS am besten geeignet ist, bisher immer ein wenig vernachlässigt hatte. Das liegt sicherlich daran, dass ich die Vorstellung von festen Größeneinheiten für ein Designlayout … Weiterlesen