Artikel der Kategorie ‘Coding’

FitText für skalierbare Texte in responsive Webdesigns

FitText in ein kleines, praktisches JavaScript-Plugin, um Text-Slogans oder andere größere Text-Elemente in responsive Webdesigns automatisch skalierbar zu machen. Mit Hilfe des Scripts passt sich dein Text-Slogan automatisch an die jeweilige Bildschirm-Breite an und wird dadurch immer optimal lesbar dargestellt.

FitText nutzen

FitText für automatisch skalierbare Texte. (Credit: Vektor-Icons von Etienne Mansard)

Das Plugin ist nicht für Fließtexte gedacht, sondern um große Schrift-Slogans, Webseiten-Titel oder Texte in einem großen Header-Bild automatisch an das responsive Design anzupassen. Und so funktioniert die Einbindung des JavaScript-Plugins.

Weiterlesen

Link-Tipps: Hilfreiche, kostenlose Online-Tutorials zum Lernen von HTML & CSS

Learn CSS Layout Jeder der mehr über HTML und CSS erfahren möchte, sollte diese zwei wunderschönen Online-Tutorials (nur in englischer Sprache) auf keinen Fall verpassen. Auf der Webseite “Learn CSS Layout” kannst du dich Klick für Klick durch einen praktischen Guide mit vielen modernen CSS-Tipps (auch zur Entwicklung von mobile-ready Websites) durcharbeiten. Die Webseite richtet sich an Anfänger, doch auch geübtere CSS-Fans können auf der übersichtlich gestalteten Seite bestimmt noch so einiges mitnehmen.

Weiterlesen

CSS für Anfänger (Teil 1): Deine CSS-Fragen beantwortet

CSS Tipps für Anfaenger Da einem schnell mal der Kopf schwirrt und viele Fragen auftauchen können, wenn man mit CSS noch nicht so vertraut ist, werde ich in den folgenden zwei Artikeln ein paar Antworten zusammen gestellt, die dir den Start in die Arbeit mit CSS hoffentlich erleichtern. Wenn du weitere CSS-Fragen oder hilfreiche CSS-Tipps für Newbies hast, schreibe mir diese doch einfach in einem Kommentar hier im Artikel.

Weiterlesen

Eine individuelle Archivseite in WordPress erstellen

Es gibt zwar einige Plugins (z.B. Smart Archives Reloaded), mit denen man eine Archivseite für den eigenen Blog erstellen kann, aber es ist auch nicht schwierig selbst ein individuelles Archiv Seiten-Template für das eigene Theme anzulegen. Mit Hilfe von WordPress-Template Tags wie wp_get_archives, wp_tag_cloud oder auch wp_list_authors (bei einem Multiautoren-Blog) kann man sich dann sehr schön eine individuelle und vielseitige Archivseite erstellen.

Weiterlesen

Mit Jetpack Custom CSS ein eigenes Stylesheet in WordPress hinzufügen

Das neueste Feature des Jetpack for WordPress-Plugins bietet eine praktische Art, eigene CSS-Styles in WordPress hinzuzufügen. Die neue Option ist leicht zu bedienen und fügt automatisch ein zusätzliches Stylesheet in den head-tag des das aktuell aktiven Themes ein. Klasse ist, dass über das Custom CSS-Feature von Jetpack die Styles auch bei einem Theme-Wechsel erhalten bleiben (wenn man das möchte). Weiterlesen

WordPress Custom Post Types im Einsatz

Da ich für unser Freelancer Netzwerk eine einfache Möglichkeit gesucht habe, die Inhalte der Seite bei jedem neuen Seitenaufruf in zufälliger Reihenfolge rotieren zu lassen, habe ich mich für die Umsetzung mit Custom Post Types entschlossen. Die Verwendung von Custom Post Types erlaubt es mir zukünftig auch, neue Freelancer leicht auf der Seite aufnehmen zu können. Hier ein kleiner Erfahrungsbericht meiner Umsetzung. Weiterlesen

rem/px-Tabelle zum Downloaden

Wenn du ein Webseiten-Projekt mit der CSS3 Schriftgrößen-Einheit rem umsetzen möchtest, ist es derzeit noch wichtig eine Pixel Fallback-Lösung für ältere Browser (z.B. IE8 und darunter) anzubieten. Um nicht immer wieder die korrekten rem-Werte ausrechnen zu müssen, habe ich eine praktische rem/px-Tabelle mit den vorbereiteten Werten zum Kopieren und Einfügen erstellt. Weiterlesen

CSS-Tipp: rem als Einheit für Schriftgröße nutzen

rem hat dieses mal nichts mit Musik zu tun, sondern es ist der Begriff der CSS3-Schriftgrößeneinheit rem (= root em) gemeint. rem verhält sich genauso wie em mit dem einzigen Unterschied, dass das sich der rem-Wert am Root-Element orientiert (also an der Schriftgröße, für body bzw. html), statt sich wie em an der Schriftgröße des jeweiligen Eltern-Elements zu orientieren. Weiterlesen

Seite 1 von 10123...10...»
Top