Suchergebnisse

Jep, sieht jetzt gut aus ;)

Extra Variablen für die .height()’s zu definieren, bringt nichts. Vor allem die header.height() wird ohnehin nur benötigt, wenn die Bedingung true ist. parallax.height() ebenso nur einmal im if-Statement. $(document).ready() wird nicht benötigt wenn du das Script einfach am Ende des Codes...

Ok, danke für die Info. Ich werde es so belassen. Habe mir nur gedacht dass amerikanische Tastaturen evtl. anders reagieren und man deshalb dachte es wäre eine gute Idee Backticks in die Syntax aufzunehmen. Und tilde und caret haben ja eigentlich das gleiche Problem ist mir gerade eingefallen...

Hallo! Da Backticks ja nun auch in JavaScript angekommen sind, wollte ich einmal fragen ob ich einfach nur zu blöd bin, oder ob man die wirklich so umständlich eingeben muss. Aktuell benötigt ein Backtick bei mir immer zwei Tastenanschläge: ` + Space. Das ist jetzt zwar kein großes Problem...

Hier mal ein Vorschlag meinerseits: https://jsfiddle.net/0wvq8dp5/ Weniger JS, mehr CSS. Bei dynamischer <nav>-Höhe könntest du im handleSticky den margin-top von <main> anhand der Höhe des <nav> setzen: https://jsfiddle.net/0wvq8dp5/1/

Sorry aber niemand versteht von was du hier redest.

Für was ein externes Script? Ein resize EventListener, ein scroll EventListener und eine Bedingung die dem Header entweder eine CSS Klasse hinzufügt oder entfernt - mehr braucht es nicht. Diese Bedingung ist die eigentliche "Kunst" daran und von Anwendungsfall zu Anwendungsfall unterschiedlich...

Wie @Tronjer bereits angemerkt hat: Logos werden immer, wie auch andere Vektorgrafiken, als SVG eingebunden. Aber zugegeben, sogar Größen wie Google, MS und co kriegen das teilweise nicht gebacken. Ansonsten gibt es noch das srcset-Attribut, um Bilder in verschiedenen Auflösungen...

Nein, aber das geht eigentlich recht einfach - mit JavaScript oder PHP. Du suchst dir eine Weather-API, fragst daraus das aktuelle Wetter ab und stellst dementsprechend das richtige Bild dar.

.mainflex { flex-direction: column; }

Habe mich auch nur auf das Scrollen bezogen, da es schlichtweg nicht mehr funktionieren würde mit dieser Optimierung. Resize Optimierung ist mMn. jedoch auch sinnlos; wenn wir schon dabei sind: Resize ist wirklich kein alltägliches Event (In den meisten Fällen vermutlich Fenster maximieren...

Hört sich für mich eher nach einer Sache für CSS und Media Queries an? Das ist aber eher ein on scroll end-Event, denn es wird erst ausgeführt nach dem man 100ms nicht scrollt. Für Parallax daher nicht geeignet - oder übersehe ich da was?

(function ($, window) { // Zuerst alle nötigen Elemente in Variablen packen, damit diese // nicht bei jeder Iteration neu selektiert werden müssen var $window = $(window); var $parallaxContainer = $('.parallax-container'); var $parallaxText = $('.parallax-text'); var...

Kann es zwar an meinem PC nicht nachvollziehen, aber der Fehler ist offensichtlich: Du fügst bei jedem scroll event weitere scroll listener hinzu. Korrigierter Code folgt gleich...

Einfach mal error_reporting aktivieren bzw. einfaches Debugging anwenden, dann sollte der Fehler schnell gefunden sein. An deinen Codesnippets ist jetzt soweit kein Fehler zu erkennen.

$mail_text = "Folgende Anfrage ist über das Kontaktformular eingegangen: \n"; $mail_text .= "Nachricht: {$_POST['nachricht']} \n"; $mail_text .= "$tag_datum_zeit"; Einen Fehler sollte das allerdings so oder so nicht werfen.

Also das erste Bild dass ich überprüft habe, hat allein schon 470 KB. Zusätzlich noch einen Free Hoster, dann ist offensichtlich was da schief läuft. Binde komprimierte Thumbnails mit ~20 KB ein und lade die Vergößerungen erst später nach.

Geht mit PHP natürlich nicht...

window.print(); window.location.href = 'index.html';

Und bitte bevor die nächste Frage kommt - es wäre langsam mal an der Zeit ein neues Thema zu erstellen. Hier kommt ja kein Außenstehender mehr mit.