Schlagwort: CSS
-
WordPress Video-Tutorial Teil 4: Das Theme-Layout anlegen
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…
-
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 einfach nicht so leicht aus meinem Kopf bekommen habe. Erst…
-
Wichtige CSS-Eigenschaften für die Gestaltung von Überschriften
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…
-
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…
-
Hilfreiche CSS-Tipps zur Gestaltung von Text (Teil 2)
Nachdem im ersten Teil dieser kleinen Artikel-Serie bereits etliche praktische Tipps und Tricks für die Darstellung von Schrift besprochen wurden, habe ich heute noch ein paar weitere Möglichkeiten (z.B. CSS3 text-shadows und transitions) zusammen gestellt, mit denen du die Darstellung von Typografie mit Hilfe von CSS optimieren kannst.