Bilder für Web und eBook mit mehr als 95 Prozent Ersparnis optimieren

Als Internet noch DFÜ heißt, macht man sich um jedes Kilobyte übertragener Daten Gedanken. Im Jahr 2015 scheint dies bei 200-Megabit-Leitungen überflüssig — oder etwa doch nicht?

Bei dem optimierten Bild werden aus 800 kByte weniger als 20 kByte.

Bei dem optimierten Bild werden aus 800 kByte weniger als 20 kByte.

Ich arbeite mit dem Markenzeichen Strg-U, weil ich mir gern einmal den Quellcode von Webseiten ansehe. Dabei erstaunt mich immer wieder, wie schlampig dabei vorgegangen wird (hat wohl mit dem Fachkräftemangel zu tun — weil sie aus Geiz nicht eingestellt werden…). Ein großer Schwachpunkt sind u. a. riesige Bilddateien…

Bilder für Web und eBook mit mehr als 95 Prozent Ersparnis optimieren weiterlesen

Zwischenablage mit Clipboard Manager geschickt erweitern

Schon seit Windows 3.11 gibt es die Zwischenablage, auch Klemmbrett oder Clipboard genannt. Mich wundert es immer, wie wenig bekannt diese äußerst nützliche Einrichtung ist: In jeder Windows-konformen Software finden sich im Menü „Bearbeiten“ die Einträge „Kopieren“, „Ausschneiden“ und „Einfügen“, ergänzt durch die Tastenkürzel [Strg][C], [Strg][X] sowie [Strg][V]. Damit lassen sich Texte oder Bilder per Tastendruck schnell und einfach von einem Programm oder Dokument in ein anderes hieven.

Auf der anderen Seite wird die Zwischenablage von jenen kritisiert, die sie so sehr schätzen — denn: Die Zwischenablage kann jeweils nur ein Element verwalten (was zuletzt dort ablegt wurde). — Das läßt sich ändern…

Zwischenablage mit Clipboard Manager geschickt erweitern weiterlesen

3 schnelle Wege, um lästige Formatierungen in der Zwischenablage loszuwerden.

Wenn man per copy & paste über die Zwischenablage (Klemmbrett oder auch Clipboard) Textabschnitte aus einem Dokument, einer E-Mail oder einer Webseite übernehmen möchte, werden in der Regel auch die Textauszeichnungen wie fett oder kursiv übernommen, meist sogar andere Schriftschnitte oder sogar Farben. Nur in den seltesten Fällen mag dies eine tolle Funktion sein, meist ist dies doch eher sehr störend und bedeutet aufwendige Nachbearbeitung. — Mit drei einfachen Methoden kann man sich die Arbeit vereinfachen.

3 schnelle Wege, um lästige Formatierungen in der Zwischenablage loszuwerden. weiterlesen

Farbmangement: Color Picker

Der Color Picker hilft bei der Farbenverwaltung.Gerade wenn man mit unterschiedlichen Programmen arbeitet oder Bilder aus mehreren Quellen verwendet, hat man häufig das Problem einen bestimmten Farbton einzuhalten. Der Color Picker ein tolles Programm, mit dem man Farbwerte aus beliebigen Bildschirmpunkten auslesen kann.

Der Color Picker hilft bei der Farbenverwaltung.

Mit dem „Just Color Picker“ (Windows) kann man die Farbwerte eines beliebigen Punktes auf dem Bildschirm bestimmen. Die Website ist zwar auf Englisch, das Programm läßt sich aber auf Deutsch umstellen.

Farbmangement: Color Picker weiterlesen

Pushbullet: Smartfon auf dem PC-Bildschirm — zum Beispiel WhatsApp.

Neben der Tatsache, daß die Politik in Sachen Datenschutz komplett versagt und den Bürger sogar ausländischen Geheimdiensten ausliefert, tut der Nutzer natürlich ein Übriges. Für die Bequemlichkeit und interessante Ideen werden Bedenken schnell über Bord geworfen…

PushBullet leitet Smartfon-Benachrichtigung auf PC um. (Quelle: Screenshot PC)

PushBullet leitet Smartfon-Benachrichtigung von WhatsApp auf PC um.
(Quelle: Screenshot PC)

So zum Beispiel für eine interessante App für Android und iOS, die eigentlich ein Dienst ist: Pushbullet kann Ihnen Benachrichtigungen vom Smartphone auch am Computer anzeigen. Wieder ein Grund, schwach zu werden…

Pushbullet: Smartfon auf dem PC-Bildschirm — zum Beispiel WhatsApp. weiterlesen

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