Artikel abonnierenCSS: DIV-Element mit 100% Höhe
Manchmal ist es gewollt, dass ein HTML-Element (meistens ein DIV) 100% der Höhe des Browser-Fensters einnehmen soll. Mit einem einfachen height:100%; ist es aber nicht getan. Wie man ein DIV-Element erstellt, dass 100% der Höhe des Browser-Fensters hat aber bei längerem Inhalt mitwächst, und was dabei zu beachten ist, erkläre ich in diesem Artikel.
Fortschrittsbalken mit CSS/JavaScript
Fortschrittsbalken werden vor allem bei Webanwendungen gebraucht, die mit dem Benutzer interagieren, beispielsweise beim Hochladen von Dateien oder um den Fortschritt in einem Formular anzuzeigen. Aber auch bei anderen Webanwendungen können Fortschrittsbalken sinnvoll sein, beispielsweise um den aktuellen Stand eines noch nicht fertiggestellten Projektes anzuzeigen oder den noch verfügbaren Speicherplatz, o.Ä.
In dieser Anleitung erkläre ich wie man einfache Fortschrittsbalken mit CSS erstellen kann, und stelle 4 JavaScript-Skripte vor mit denen sich “bewegliche” Fortschrittsbalken erstellen lassen.
Absenden, Zurücksetzen und Verlassen von Formularen
Manchmal verklickt man sich, oder man überliest in Eile einen Hinweis. Da kann es schon mal passieren, das man ausversehen auf die Zurücksetzen-Schaltfläche anstatt auf die direkt daneben liegende Absenden-Schaltfläche klickt. Oder man schließt versehentlich das falsche Fenster, und alle im Formular eingegebenen Daten müssen noch einmal eingegeben werden. Gerade bei längeren Forenbeiträgen, oder Blog-Artikeln ist das sehr ärgerlich.
Ein paar einfache Java Script-Funktionen schaffen da Abhilfe. Vor dem Absenden oder Zurücksetzen eines Formulars kann der Benutzer noch einmal gefragt werden ob er das wirklich tun will. Auch vor dem Verlassen/Schließen der Seite lässt sich eine solche Abfrage erstellen. Außerdem erkläre ich, wie man eine Schaltfläche erst nach einer bestimmten Zeit aktivieren kann.
Besucherstatistiken mit Piwik
Piwik ist ein umfangreiches Programm zur Besucheranalyse, welches auf dem eigenen Webspace installiert werden kann. Es bietet einem ausführliche Daten über die Anzahl und Entwicklung von Besuchern, Suchbegriffen und Suchmaschinen, den am meisten aufgerufenen Seiten, der Herkunft der Besucher und vielem mehr. Ziel des Piwik-Projekts ist es, eine quelloffene Alternative zu Google Analytics bereitzustellen.
Weiterlesen»
8 Firefox-Erweiterungen für Webentwickler
Der Funktionsumfang vom Firefox lässt sich durch Erweiterungen noch weiter vergrößern. Gerade für Webentwickler gibt es einige Erweiterungen mit sehr nützlichen Funktionen. Einige geben einem mehr Kontrolle über das Verhalten des Browsers, andere fügen nützliche Werkzeuge wie Lineale oder Farbpipetten zur Benutzeroberfläche des Browsers hinzu. Andere helfen einem bei der JavaScript- oder PHP-Programmierung, oder sie analysieren die Webseite und machen beispielsweise Vorschläge wie man die Geschwindigkeit der Seite verbessern kann.
