Cascading Style Sheets

9 03, 2017

Sprite Sheet Generator

By | 2018-03-07T16:10:38+00:00 März 9th, 2017|CSS, Webdesign|0 Comments

"CSS sprites are a way to reduce the number of HTTP requests made for image resources referenced by your site. Images are combined into one larger image at defined X and Y coorindates. Having assigned this generated image to relevant page elements the background-position CSS property can then be used to shift the visible area [...]

24 11, 2016

AVADA Child-Theme CSS nach Update nicht mehr erkannt

By | 2016-11-24T17:18:58+00:00 November 24th, 2016|Content Management Systeme, CSS, Webdevelopment, WordPress|0 Comments

Schon beim Zweiten Projekt habe ich das Problem, dass das CSS (styles.css) beim Avada-Theme Version 5.x nicht mehr erkannt wird. Beim ersten Projekt war es nach einem Avada-Update. Da es nur wenige Zeilen Code waren, habe ich Diese einfach in die Theme Options kopiert. Nun bin ich aber gerade dabei eine neue WordPress-Seite mit einem [...]

8 12, 2014

Superfish Tutorial

By | 2018-03-07T16:10:38+00:00 Dezember 8th, 2014|CSS, Webdesign, Webdevelopment|0 Comments

Tutorial: jQuery Dropdown Menü mit Superfish Schon etwas älter und bei heute aktuellen Browsern ist es teilweise nicht mehr nötig aber wer dennoch eine ausführliche Anleitung möchte, findet diese hier. Das für mich beste Skript, um dynamische Dropdown-Menüs zu erzeugen, ist das jQuery-Plugin von Joel Birch. Durch zahlreiche Parameter können wir uns das Multi-Level-Menü mit [...]

23 04, 2012

Umrechnung: px % em pt

By | 2018-03-07T16:10:38+00:00 April 23rd, 2012|CSS, Webdevelopment|0 Comments

Übersicht von Werten für die Umrechnung von Pixeln, in Punkt, % und/oder EM Es sind lediglich Annährungswerte - abhängig von Schrift, Browser und Betriebssystem aber es ist schon mal ein guter Anfang. Eine Übersicht gängiger Pixel-Größen in die Einheit "em" umgerechnet. Ausgehend von 16px Browser standard Schrift-Größe Pixel (px) EM's (em) Prozent (%) Punkt (pt) [...]

24 01, 2012

CSS3 & Responsive Web

By | 2018-03-07T16:10:38+00:00 Januar 24th, 2012|CSS, Webdesign, Webdevelopment|0 Comments

Sven Wolfermann beim MULTIMEDIA TREFF 28 "Webtechnologien - HTML5, CSS3 & Co" "Sven Wolfermann, freier Webentwickler und Gast-Autor des CSS3 Adventskalender, kratzte gekonnt an der Oberfläche von CSS3 und Interessantes trat zu Tage. Aber sind die Spezifikationen bereits in den Browsern angekommen? Die Antwort lautet: Teilweise. Moderne Browser verbreiten sich immer mehr und schneller, so dass [...]

13 12, 2011

Box Shadow – Generator

By | 2018-03-07T16:10:38+00:00 Dezember 13th, 2011|CSS, Webdesign, Webdevelopment|1 Comment

CSS3 Box-Shadow erstellen Mit CSS3 lassen sich ohne Grafiken Schatten für Block-Elemente erstellen, mit Hilfe der CSS-Eigenschaft "Box-Shadow". Um die Erstellung eines Schattens zu vereinfachen, kann man in diesem Tool Farbe, sowie die Richtung des Schattens mit Hilfe von Schiebereglern festlegen. http://www.webmaster-elite.de/online-tools/boxshadow-generator.html Damit auch ältere Internet Explorer auch einen Schatten anzeigen... ...muss man (wie so [...]

8 11, 2011

Squirel WebFonts

By | 2018-03-07T16:10:38+00:00 November 8th, 2011|CSS, Fonts, Webdesign, Webdevelopment|0 Comments

Vor einigen Tagen habe ich einen Artikel zu dem Thema WebFonts via @font-face {} gepostet. "Schriften in einer Website anzeigen, die nicht auf allen Mac- und Windows-Rechnern installiert sind." Natürlich gibt es außer den beschriebenen Google Web Fonts noch weitere Möglichkeiten Schriften auf Websites einzubinden.  Font Squirrel zum Beispiel. Hier gibt es hunderte von Schrifttypen [...]

2 11, 2011

Google Web-Fonts

By | 2018-03-07T16:10:39+00:00 November 2nd, 2011|CSS, Fonts, Freeware, Webdesign|0 Comments

Schriften in einer Website anzeigen, die nicht auf allen Mac- und Windows-Rechnern installiert sind. @font-face {} heisst das "Zauberwort", mit dem nicht nur Fonts - also Schrifttypen - angezeigt werden können, die auf dem jeweiligen Rechner des Betrachters einer Website installiert sind. Auch Fonts, die entweder auf dem eigenen Server "liegen" oder auf einem beliebigen [...]