Archiv

Hier findest du Beiträge aus dem Schlagwort: Webdesign


03.02.2021 | Allgemein, Webentwicklung
PHPStorm und das automatische File Encoding

Wahrhaft. Manchmal sind es die kleinen Dinge des Lebens. Gerade eben arbeite ich an einer Seite und teste verschiedene, neue Integrationen, lade die Seite hoch und dann – Bähm! Alle Sonderzeichen und Umlaute  zerschossen. Ok, ich gebe zu, dass PHPStorm diesbezüglich einen Hinweis ausgibt und ich ihn mehr oder weniger ignoriert habe. Wie kann man […]

mehr lesen

, , ,

17.12.2020 | Linux, Webentwicklung
NodeJS – Gulp Minify und Concat CSS

Gerade sehe ich mir meinen OnePager an und stelle fest, dass dort doch eine Menge CSS enthalten ist. Neben dem Bootstrap Framework, FontAwesome und einigen Mixins sammelt sich so einiges an. Zu diesem Zweck kann man an dieser Stelle GULP bemühen, die gewünschten Dateien zunächst zu minifizieren um sie dann im Anschluss  zusammengefasst als eine […]

mehr lesen

, , , , ,

Werbung

03.12.2020 | Allgemein, Netzwelt, Webentwicklung
Ein kleiner Workarround: CSS Background Cover auf Tablet falsch skaliert

Vermutlich jeder kennt es, via CSS ein Background-Image über die gesamte Seite zu ziehen. Skaliert wird es in allen aktuellen Browsern gut und eine gute Größe sind 1920×1080 Pixel. Auf Tablets hingegen funktioniert das nicht auf diese Weise. html { background: url(/assets/images/meinCover-1920x1080.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } […]

mehr lesen

, , , , ,

08.02.2019 | Webentwicklung
Background Slider mit JQuery (& Bootstrap)

Wer einen Hintergrund Slider in seinem Internetprojekt einbauen will, sucht vielleicht genau nach diesem kleinen CodeSchnipsel. Der passende JavaScript Schnipsel für das „sliden“ der Bilder. $(document).ready(function() { $(".bgslider > div:gt(0)").hide(); setInterval(function() { $('.bgslider > div:first') .fadeOut(2000) .next() .fadeIn(2000) .end() .appendTo('.bgslider'); }, 4000); }); Im HTML (hier exemplarisch mit Inline CSS): <div [...]

mehr lesen

,

Werbung

05.11.2014 | Netzwelt, Webentwicklung
Der Viewport Resizer

Das Browser-Bookmarklet Viewport Resizer von Malte Wassermann hilft bei dem Test einer Website in verschiedenen Viewport-Größen. Die gängigsten Größen sind voreingestellt und bei Bedarf kann man individuelle Bildschirmauflösungen festlegen. Das Tool ersetzt nicht vollständig das Testen mit einem Mobilen Endgerät oder Tablet, aber es unterstützt bei den ersten Entwicklungsschritten.

mehr lesen

27.08.2014 | Webentwicklung
Mobiles Webdesign

Eine Fülle an CSS Frameworks (Bootstrap, YAML,…) werden angeboten, aber wie hilfreich sind sie wirklich bei der kompletten Neuentwicklung einer Website? Ich persönlich nutze bevorzugt das Bootstrap Framework. Das Grid System bildet fast alles Notwendige ab und verschiedene JavaScript Module und das Glyphicon FontSet  rundet das Paket ab. Was nutzt Ihr für die Mobile Webentwicklung?

mehr lesen

,

Werbung



Mit und gemacht in Kassel / Nordhessen. 2022