PSPad-Editor mit eingebautem FTP-Zugriff

Wenn man sich mit Webhosting beschäftigt, ist es hilfreich, einen leistungsfähigen Editor im Haus zu haben. Neben allgemeinen kleinen Anpassungen ist dies gut für die Template-Entwicklung und allerlei Anpassungen geeignet.

Mit PSPad hat man eingebauten FTP-Zugriff.

Mit PSPad hat man eingebauten FTP-Zugriff.

Als Editor bezeichnet man eine auf Programmieraufgaben spezialisierte „Textverarbeitung“. Dabei kommt es in diesem Fall allerdings nicht auf Fettschrift und Layoutfunktionen an, sondern beispielsweise auf Syntaxkontrolle oder Codeverwaltung. Ein wichtiges Merkmal eines Editors ist in diesem Zusammenhang allerdings das Speichern als reine Textdatei, also nur Buchstaben ohne irgendwelche systemspezifischen Steuerzeichen (sachlich zwar nicht mehr korrekt, aber noch immer gern verwendet wird der Begriff ASCII-Text, im Idealfall ist es inzwischen UTF-8).

PSPad-Editor mit eingebautem FTP-Zugriff weiterlesen

Kostenlose Tools zur CSS-Entwicklung

In meinem Beitrag „CSS: Form folgt Funktion“ mache ich darauf aufmerksam, wie wichtig eine saubere Programmierung ist — und daß sie sich rechnet. Oft tippe ich meine CSS-Styles mit dem Fachbuch oder meiner selbstgebastelten Referenzkarte in der Hand in einen ganz normalen Texteditor — für manchen Beobachter ein mittleres Wunder, daß man auch so Websites entwickeln kann. Ab einem gewissen Umfang und Komplexität sind aber auch spezialisierte Hilfsmittel sinnvoll. Man findet sie unter dem Stichwort CSS-Editor oder CSS-Generator. Das Spektrum reicht dabei vom Universaltool bis zum Spezialisten für Details.

Vieles scheint man seit Jahren zu kennen, doch man darf dabei eines nicht verwechseln: Gerade „Designer“ ohne technisches Wissen arbeiteten oft mit festen Grafiken, die unflexibel und datenlastig sind (Horror: blind.gif und Tabellen). Eine CSS-basierende Lösung kann sich bei richtiger Konzeption automatisch sowohl auf 30-Zoll-Bildschirme als auch kleine Tablett-PCs oder sogar Smartphones anpassen, benötigt weniger Bandbreite und kommt insgesamt dem Ziel „Barrierefreiheit“ deutlich näher.

Universelle CSS-Tools

Um eine CSS-Style-Datei mit allem drum und dran anzulegen, bietet sich der CSS-Designer an. Die Bedienung ist in Deutsch und das Windows-Programm muß noch nicht einmal installiert werden.

CSS-Designer

CSS-Designer

Es bietet viele Möglichkeiten, allerdings sollte man schon eine Vorstellung davon haben, wie eine CSS-Datei prinzipiell aufgebaut ist, weil sonst schnell einmal die Selektoren vergessen werden. Vermutlich weil schon etwas älter, scheint er auf der Homepage des Entwickler leider nicht mehr zum Download angeboten, ist aber noch via Chip verfügbar. — Simple CSS ist nicht ganz so grafisch, dafür aber neben Windows auch für Mac zu haben. Exklusiv für Mac ist dagegen Xyle Scope.

Es gibt aber noch eine Menge anderer, wirklich überraschender Tools für die Entwicklung von CSS-Funktionen.

Kostenlose Tools zur CSS-Entwicklung weiterlesen

CSS: Form folgt Funktion.

Egal, ob man eine Website in statischem HTML entwickelt oder ein CMS verwendet, man sollte immer auf eine Trennung von Inhalt und Design achten. Ein Grundsatz, der nicht selten ausgerechnet von „Mediengestaltern“ mißachtet wird, um eine Website rein nach Design-Kriterien in ein unzerstörbares Layout zu gießen (z. B. mit Tabellen und festen Breiten, Blind GIF oder Schriftgrafiken). Ursache sind dabei auch grafische Entwicklungsprogramme, die unbequemes technisches Hintergrundwissen aus „Komfortgründen“ vom Benutzer fernhalten. Das Ergebnis ist nicht selten umfangreicher, behäbiger Code und kaum barrierefrei.

Dabei hat eine barrierarme Gestaltung nicht nur enorme Vorteile bei Pflege und Weiterentwicklung der Homepage, sondern kommt auch der Suchmaschinen-Freundlichkeit zu Gute. Weil solche Seiten besser analysiert werden können, erreichen sie i. d. R. ein besseres Ranking ganz ohne Tricks. Eine Schlüsselfunktion haben dabei „cascading style sheets„, kurz CSS. — Wie funktionieren CSS und wie kann man sie nutzen?

CSS: Form folgt Funktion. weiterlesen