Gösta Thomas' Blog

Suchen Sie ein responsives Muster-Layout für Ihre Website? Ich stelle Ihnen hier meine Webseiten-Vorlage vor: Merkmale sind geringe Übertragungsgröße, kurze Ladezeiten und schneller Seitenaufbau, Unabhängigkeit von fremden Anbietern (kein CMS, kein Baukasten, keine eingebundenen Fremdserver-Elemente), sticky Navigation auf breiten Bildschirmen, zwei Menü-Ebenen. Vier Farbschemata (Designs) sind im Download-Paket enthalten ...

Meine Seite goestathomas.de wurde von der Umweltschutz-Website www.websitecarbon.com auf CO₂-Verbrauch getestet und hat erfolgreich abgeschnitten ...

Der 512kb.club wirbt für leistungsorientierte und leichtgewichtige Webseiten, die schnell geladen und im Browser angezeigt werden. Meine Seite goestathomas.de ist nur 56,4 KB groß und wurde in das Green Team des 512kb.club aufgenommen ...

Der Webserver UwAmp für Windows kommt mit den Komponenten Apache, MySQL, PHP und SQLite. Mit UwAmp können Websites und CMS bequem auf dem heimischen Rechner getestet werden. Das Programm des französischen Entwicklers Guillaume Le Coz bietet umfangreiche Funktionen und eine pfiffige Benutzeroberfläche. Besonders nützlich: Zwischen allen lokal vorhandenen PHP-Versionen kann schnell gewechselt werden. UwAmp ist privat und geschäftlich kostenlos nutzbar und quellprogramm-offen. Lesen Sie hier meinen ausführlichen Testbericht ...

Webseiten schneller gemacht: Die Pagespeed, also die Website-Geschwindigkeit, ist eines der etwa 200 Ranking-Kriterien bei Google. Geizen Sie mit Zahl und Größe der Elemente, die Ihre Besucher runterladen müssen, um Ihre Seiten zu sehen. Komprimieren Sie Ihre Seiten-Elemente, um die Ladezeit zu verringern. Steuern Sie das Browsercache-Verhalten, damit Ihre Besucher selten geänderte Elemente aus dem Browsercache holen ... In dieser Anleitung finden Sie die nötigen Tipps zur Optimierung für handgemachte Seiten und für Seiten, die Sie mit dem CMS CMSimple erstellt haben ...

Warum denn noch ein Artikel zu EU-Cookie-Richtlinie und Cookie-Hinweis-Pflicht? Es haben doch schon Dutzende von Rechtsanwälten auf ihren Webseiten lange Artikel zum Thema Cookie-Balken veröffentlicht. Rat suchende Webmaster finden in diesen juristischen Analysen jedoch keine konkrete Anleitung, weil in ihnen ein technischer EU-Hilfetext gar nicht berücksichtigt wird. Dieser Hilfetext der EU-Kommission beschreibt anhand eindeutiger Kriterien, in welchen Fällen eine Webseite einen Cookie-Hinweis anzeigen und die Zustimmung der Besucher zur Speicherung von Cookies einholen muß ...

Der Quellcode- und Text-Editor SynWrite ist als HTML-Editor und zum Bearbeiten von CSS-, Javascript- und PHP-Code gut geeignet. Das Unicode-fähige Windows-Programm eines russischen Entwicklers kommt mit umfangreichen Funktionen und vielen originellen und pfiffigen Details. Die Unterstützung für fremdsprachige Zeichensätze ist hervorragend, und die Änderung der Zeichenkodierung funktioniert einwandfrei. SynWrite ist kostenlos nutzbar und quellprogramm-offen unter MPL 1.1. Lesen Sie hier meinen ausführlichen Programm-Test ...

Anfragen an den Server einsparen und damit die Ladezeit von Webseiten verkürzen und den Seitenaufbau beschleunigen: Wer als Webmaster Layout-Grafiken als base64-kodierte (Hintergrund-) Bilder per data urls in die CSS-Regeln einbettet, macht seine Seiten schneller. In meinem kleinen Tutorial erhalten Sie die nötigen Informationen über base64-Verschlüsselung und die Integration des ASCII-Codes in Ihre Stylesheet-Datei. Mit einigen Anwendungsbeispielen für attributbedingte und klassenbedingte CSS-Zuweisungen ...

CSS-Sprites sind eine Webdesign-Technik, mit der mehrere für das Layout benötigte Hintergrundbilder, zB Symbol- oder Farbverlaufs-Grafiken, in einer Bilddatei zusammengefaßt werden, um die Zahl der Serveranfragen (HTTP-Requests) zu verringern und damit den Seitenaufbau zu beschleunigen. Die in der Sprite-Datei enthaltenen Einzelbilder werden über CSS-Positions-Angaben angezeigt. In meiner Anleitung finden Sie alles Wissenswerte, um auf Ihrer Website die Sprites-Technik zu verwenden, auch eine Liste von Sprites-Generatoren ...

Eine Bildergalerie in variablem Elementfluß mit Untertexten für jedes Bild: wer braucht denn sowas? Zum Beispiel der Betreuer einer Vereins-Website, der in übersichtlicher Form die Portrait-Bilder der Vorstandsmitglieder mit Namen und kurzen Text-Infos anzeigen will (aber nur, wenn die damit einverstanden sind). Oder der Webmaster des Polizeipräsidenten, der Fahndungsfotos aktueller Übeltäter mit einigen Zusatz-Angaben ins Netz stellen will (deren Einverständnis wird erst nachträglich eingeholt ;-)). Meine Bildergalerie ist zentriert ausgerichtet und gleichermaßen für breite Bildschirme wie für Mobilgeräte geeignet. Zwei Codeschnippsel (HTML und CSS) können Sie als Muster-Vorlage kopieren ...

Wollen Sie am Bildschirm Ihres Desktop-Rechners prüfen, ob Ihre erstellten Webseiten auch auf mobilen Endgeräten in geeigneter Weise angezeigt werden? Mit den Entwicklerwerkzeugen moderner Browser (zB Firefox, Chrome) können Sie verschiedene Bildschirmgrößen emulieren: kein Smartphone oder Tablet erforderlich ...