GHSVS-Dein Web mit Mehr

Dein Web mit Mehr!

Webseiten und ZubehörProgrammierung UmsetzungPflege Backups BetreuungJoomla-Spezialist

SonstigeSchnipsel

Einige CSS-Tricks kursieren im Internet, mit denen man bspw. eingebettete Flash-Videos responsiv und fluid auf die Webseite bekommt. Problem ist ja immer die Höhe und Breite beim Skalieren passend hinzubekommen. In Bootstrap 3 sind entsprechende CSS-Klassen schon integriert, die für 16:9 und 4:3-Ratio passen. Mit einer kleinen PHP-Berechnung kann man auch andere Seitenverhältnisse "bedienen".

Weiterlesen ...

PHP CSS Bootstrap Responsiv Schnipsel

Immer öfter lädt man auf GitHub Pakete herunter, die nicht direkt einsatzbereit sind; z.B. fehlen CSS-Dateien. Stattdessen liegen den Paketen SASS- oder LESS-Dateien bei, die man erst kompilieren muss. Klar kann man auch Windows nachrüsten und das mit Konsolebefehlen bewerkstelligen. Aber richtig ruckizucki gehts mit dem Open-Source-Programm Koala von Ethan Lai.

Weiterlesen ...

CSS LESS Tutorial SASS

Eine der Neuerungen in HTML5, die ich besonders fand, war die Erlaubnis CSS-STYLE-Tags überall setzen zu dürfen und nicht nur im HEAD-Tag. Zwar war das schon lange Gang und Gäbe, da Browser keine Probleme mit dem "unerlaubten" Vorgehen haben, aber eben nicht ganz sauber und der W3C-Validator bemängelt das.

Weiterlesen ...

CSS Fehler Browser HTML Template

Weiterblättern gab es schon in FooTable 2. In V.3 ist die Sache einfacher. Es reicht eine Konfigurationszeile, um die Pagination unter der Tabelle anzuzeigen. Fertig. Sagt zumindest die Doku und das Paging-Demo. Funktioniert jedoch nicht mit einer statischen HTML-Tabelle. Es werden beim Öffnen der Seite immer alle Tabellen-Zeilen angezeigt.

Weiterblättern unterhalb FooTable-Tabelle
Weiterblättern unterhalb FooTable-Tabelle

Weiterlesen ...

JavaScript CSS Konfiguration Fehler HTML Responsiv

Eine Tabelle, die sich mit Hilfe des JQuery-Plugins FooTable V2 responsiv umordnet, wollte sich nicht vollständig initialisieren, da sie sich in einem versteckten Bereich mit Collapse-Button befand (display: none;). Nach einigem Kramen im Internet und Scheitern, habe ich mir ein eigenes Script ausgearbeitet. Sicher nicht der Stein der Weisen, aber klappt in meiner Umgebung.

Weiterlesen ...

JavaScript Fehler Responsiv

In LESS kann man Variablen vordefinieren. Farbwerte, Paddings und mehr. Hilfreich z.B., will man mal einen Grauton etwas heller stellen, Man muss nicht in diversen Dateien die color-Werte anpassen, sondern kann das an 1 Stelle erledigen. Bootstrap übertreibt mit diesem Feature etwas und ich suche mir regelmäßig einen Wolf. Erster Schritt, eine sortierbare Übersicht. Vielleicht hilft's was.

Weiterlesen ...

CSS Konfiguration LESS Template Bootstrap

Webseitenerstellern wird spätestens unter Windows 10 mit Browser Edge aufgefallen sein, dass Telefonnummern auf Webseiten markiert werden, obwohl man gar keine entsprechende App o,ä. installiert hat. Das gab es schon mit Internet Explorer 11, aber nur auf bestimmten Geräten. Seine Webseite kann man von vornherein so präparieren, dass diese Funktion abgeschaltet ist. 

Weiterlesen ...

Konfiguration Fehler Browser HTML

Bootstrap 3 bringt für Icons und Symbole den Webfont glyphicons-halflings-regular mit. Man kann via CSS-Klassen Symbole anzeigen. Da in Joomla 3 mit Bootstrap 2 der Icomoon-Font verwendet wird, plane ich eine Übersetzungsdatei in LESS zu schreiben, um die icon-Klassen vorerst weiterverwenden zu können, aber stattdessen analoge Glyphicons anzuzeigen .

Weiterlesen ...

CSS LESS Bootstrap Font