Vor einigen Tagen wurde das CSS-Analysetool CSSLint als Open-Source-Projekt freigegeben. Doch was bringt überhaupt eine Anaylse mit CSSLint? In diesem Artikel stelle ich euch 5 Vorteile vor, die ihr mit CSSLint erreicht.
(weiterlesen …)

Dieser Artikel soll beschreiben, warum es sinnvoll und gut ist eine HTML-Testpage bzw. ein HTML-Template bei der Erstellung einer CSS-Datei für ein Webprojekt zu verwenden. Wenn ein neues Projekt startet und es an die Umsetzung des Designs in HTML und CSS geht, sind meistens nicht alle wichtigen HTML-Elemente in den Designentwürfen bedacht und/oder angedeutet. Daher solltet ihr euch eine HTML-Vorlage zu legen, in der alle wichtigen und am häufigsten verwendeten HTML-Elemente vorkommen.
(weiterlesen …)

Es gibt im Netz immer mehr Benutzer, die Javascript deaktiviert haben. Um nun HTML-Elemente, die nur mit aktivierten Javascript sinnvoll sind, ausblenden zu können, wäre es sicherlich elegant via CSS auf die entsprechenden HTML-Elemente zugreifen zu können. In diesem Artikel möchte ich euch zeigen, wie ihr via CSS HTML-Elemente bearbeiten könnt, die abhängig vom aktivierten bzw. deaktivierten Javascript/JQuery sind.
(weiterlesen …)

Zum Komprimieren von CSS-Dateien solltet ihr als erstes alle CSS-Dateien auf eine größe CSS-Datei reduziert haben, denn dann muss folglich auch nur eine Datei komprimiert werden. Das hat gleichzeitig auch noch den netten Nebeneffekt, dass ihr die HTTP-Requests für eure CSS-Dateien reduziert. Bei der Komprimierung gibt es in den meisten Fällen verschiedenen Optionen, wie stark die Komprimierung durchgeführt werden soll. (weiterlesen …)

Für die optische Gestaltung der Kommentare eines WordPress-Blogs gibt es seit der Version 2.7. besondere CSS-Klassen, mit denen es möglich ist besondere Benutzergruppen optisch hervorzuheben. Besonders beliebt ist die Hervorhebung des Admins/Autors des Blogs, um dem Leser der Kommentare eine schnellere Erfassung der Beiträge zu ermöglichen. Hierfür gibt es wie eben bereits genannt, die folgenden CSS-Klassen: .bypostauthor und .byuser.
(weiterlesen …)

Ein kleiner, aber effektiver Trick um Inline-Styles per CSS zu überschreiben. Es kommt sicherlich nicht allzu häufig vor, dass Inline-Styles überschrieben werden müssen, sollte es aber der Fall sein, wird es schwierig. Beispielsweise ist es bei einem CMS schwierig die Inline-Styles zu entfernen, bzw. es ist meist nur mit hohem Zeitaufwand möglich. Mit dem nachfolgenden Trick, können die Inline-Styles überschrieben werden:
(weiterlesen …)