Octave 2 Media Webdesign

Responsive Webdesign in den Referenzen

2013-04-09T08:32:00+00:00

Bei den Referenzen steht neu eine Markierung, ob die Website ein sogenanntes Responsive Webdesign hat (Responsive Design bei Wikipedia). Damit ist ein Design gemeint, das sich den Anzeigegrössen eines Desktop-Monitor, eines Tablets oder eines Smartphones automatisch anpasst. Für Benutzer von Tablets und Smarftphones ist ein besonderer Vorteil der, dass auf dem Bildschirm nicht gezoomt werden muss, um richtig lesen zu können. Auch sind die Bedienelemente so gross, dass eine Steuerung mit den Fingern möglich ist. Bei nicht angepassten Websites ist eine solche Steuerung umständlich.

Deutsche ExpressionEngine Sprachdateien noch immer kostenlos

2013-03-20T15:11:43+00:00

Bei Devot-ee werden seit kurzem die italienischen Sprachdateien für ExpressionEngine 2.5.5 für den Betrag von 130$ angeboten. 130 Stunden Arbeit stecken dahinter, wie der Anbieter deutlich herausstreicht. Ich glaube ihm das gerne.

Im Jahr 2004 habe ich eine teilweise ins Deutsche übersetzte Version der Sprachdateien übernommen (der Name der ersten Autorin ist mir gerade entfallen: Alexandra ...). EE stand etwas bei Version 1.3x. Seit mehr als 8 Jahren Pflege ich die Sprachdateien regelmässig, ergänze und korrigiere die Übersetzungen. Da stecken weit mehr als 130 Stunden Arbeit dahinter die ich bislang freiwillig geleistet habe. Das Paket mit den Sprachdateien habe ich immer kostenlos angeboten und sie liegen ja seit ein paar Monaten von EllisLab, Inc publiziert auch auf Github.

Weiterhin werde ich diese Arbeit kostenlos erledigen. Wer möchte, kann sich jedoch erkenntlich zeigen und den Spenden-Button auf meiner Download-Seite nutzen. Ein einziger hat das bisher gemacht. 130$ sind in all den Jahren also noch nicht zusammen gekommen - für die Hunderten deutschen ExpressionEngine-Installationen.

ExpressionEngine 2.5.5 Deutsch

2013-01-28T12:57:53+00:00

Die Dateien sind bei Ellislab abgeliefert. Wann das Sprachpaket auf Github verfügbar ist, weiss ich nicht.

ExpressionEngine 2.5.3 Deutsch

2012-09-24T12:39:10+00:00

ExpressionEngine 2.5.3 ist erschienen. Vor allem wurden viele kleine Fehler im Programm korrigiert.

Ich habe die Sprachdateien kontrolliert und nachgeführt sowie Korrekturen vorgenommen.

Im Moment sind die deutschen Sprachdateien für ExpressionEngine 2.5.3 nur hier auf dieser Website zum Download.

ExpressionEngine bei Version 2.5.0

2012-05-08T11:22:02+00:00

ExpressionEngine 2.5.0 wird mit einem Rich Text Editor ausgeliefert. Textarea-Felder die mit dem RTE ausgerüstet sind, zeigen Texte mit den vorgenommenen Formatierungen (WYSIWYG). Der RTE von ExpressionEngine ist sicher nicht so vielseitig wie Wyvern oder Wygwam. Dürfte aber für viele Projekte ausreichend sein.

Viele Bugs wurden in der neuen Version behoben und bei der Sicherheit vor Angriffen Verbesserungen vorgenommen. Details liefert der Changelog.

Neues, Responsive Design

2012-04-18T12:40:32+00:00

Die letzen Wochen haben wir am Redesign der firmeneigenen Website gearbeitet. Das Ziel war eine Version der Website für Smartphone, Pads und Desktop-Monitore in optimaler Darstellung zu haben.

Die Inhalte passen sich automatisch der Breite des Browsers an. Sie können das überprüfen, indem Sie am Browser die Breite verändern.

Um Websites für grosse Monitore und schmale Smartphone-Displays optimal anzuzeigen sind unterschiedliche Vorgehensweisen möglich. Entweder entwickelt man eine Version für grosse Monitoren (Desktop) und eine für kleine Displays (Pads und Smartphones. Oder man baut für eine Website ein sogenanntes Responsive Design, es passt automatisch den Inhalt der Browserbreite an. Beide Wege bieten Vor- und Nachteile, die es gilt abzuwägen.

Wir haben entschieden, unsere Site auf ein Responsive Design umzubauen. Nun haben wir eine Website für alle Displaygrössen. Das Resultat können Sie ab heute beurteilen.

ExpressionEngine 2.4.0

2012-01-25T08:26:37+00:00

ExpressionEngine 2.4.0 ist erschienen. Die Sprachdateien sind im Donwload-Bereich zu finden - oder auf der Website von ExpressionEngine.

Neuerungen sind im Changelog aufgeführt.

Playa-Feld in Safecracker als Dropdown mit richtigem Select

2011-11-29T07:57:51+00:00

Eine klare Anleitung, wie ein Playa-Feld als Dropdown in einem Safecracker-Formular einzufügen ist, so dass der richtige Eintrag im Dropdown als ausgewählt gezeigt wird, ist nirgendwo zu finden. In den Beiträgen auf Get Satisfaction von Pixel & Tonic hier gibt es Stückchen, die erst bei richtigem Zusammensetzen das gewünschte Ergebniss bringen.

Hier die kurze Zusammenfassung, wie man es machen muss:

Im Beispiel ist ein Channel "domains" (eine Liste von Domainnamen) mit einem Playa-Feld "domain_kunde" (eine Liste von Kundennamen). Das Playa-Feld ist also mit dem Channel "kunden" verknüpft, wo im title der Kundenname steht. Einer bestimmten Domain (z.B. "heartwaves.ch") wird der Kunde (z.B. Octave 2 GmbH) zugewiesen.

Im Formular-Template ist der Code für ein Safecracker-Formular. Unter allen anderen Feldern ist ein Dropdown, das anzeigen soll, wem die Domain mit der entry_id gehört, die im URL an der Stelle des 3. Segment (also {segment_3} steht. Wenn gewünscht, kann die Domain einem anderen Kunden zugeteilt werden.

Es steht ein Aufruf zum Embeden eines Templates. Dem Template wird die Child-ID des Playa-Feldes mitgegeben. Es ist die ID, welche der abgespeicherten Auswahl für das Feld "domain_kunde" entspricht.

ExpressionEngine Snippets, Globale Variablen und Speciality Templates in Sublime Text 2 bearbeiten

2011-10-24T07:42:58+00:00

Im Eintrag hier habe ich gezeigt, wie man den Texteditor E dazu bringt, die Syntaxhervorhebung auch mit Templates mit Erweiterungen wie

.snip
.spec
.glob

korrekt vorzunehmen.

Wer das Modul Libraree einsetzt, hat in seinem Template-Ordner Dateien mit diesen Erweiterungen.

Damit Sublime Text 2 auch in diesen Templates die ExpressionEngine Syntax korrekt hervorhebt, braucht es folgende Änderung in der Datei ExpressionEngine.tmLanguage. Sie befindet sich bei Windows XP im Ordner

c:\Dokumente und Einstellungen\*Username*\Anwendungsdaten\Sublime Text 2\Packages\ExpressionEngine2\Syntaxes\

Voraussetzung ist, Sie haben das Bundle von mrw in einem Ordner mit Namen ExpressionEngine2 installiert.

In der Datei sind die Zeilen 13, 14 und 15 zu ergänzen.

SFTP / FTP für Sublime Text 2 installieren

2011-10-24T06:21:50+00:00

Ich programmiere vor allem ExpressionEngine Templates mit einem Text-Editor. Bislang mit dem Texteditor E. Doch wie es aussieht, wird dieser nicht mehr weiterentwickelt.

Seit einigen Wochen beschäftige ich mich mit Sublime Text 2. Die Begeisterung ist gross. Es gibt ein Snippet-Package für ExpressionEngine 2, der Editor ist schnell und zu TextMate kompatible. So sind TextMate Syntax-Pakete und Farb-Themes kompatible. Für die Arbeit mit ExpressionEngine Templates habe ich ein Theme noch angepasst .

Was mir fehlte: eine komfortable Methode, bearbeitete Dateien direkt auf den Server senden zu können, ohne auf einen FTP-Client wechseln zu müssen. Das direkte Bearbeiten von Dateien auf dem Server wollte ich nur in Ausnahmefällen wählen.

Ich arbeite gerne so:
Lokal besteht die selbe Ordnerstruktur wie sie auf dem Server vorhanden ist. In Sublime Text 2 wird ein lokaler Ordner geöffnet und die Dateien dort drin bearbeitet. Per FTP (z.B. TotalCommander oder FileZilla) werden die geänderten Dateien auf den Server geschickt.

Mit der FTP-Funktionalität in Sublime Text 2 wird die Arbeit wesentlich komfortable. Eine bearbeitete Datei kann direkt auf den Server gesandt werden, während sie gleichzeitig auch lokal gespeichert wird.

Beschrieben wird die Installation des kommerziellen SFTP/FTP Plugins von Will Bond. Es kostet $8 und kann kostenlos getestet werden.

Sublime Packages Control zuerst installieren.

Sublime Packages Control ist der Manager zum Installieren, Entfernen und Updaten von Packages für Sublime Text 2. Er stammt auch von Will Bond.
Die Sublime Text Console wird für die Installatiion benötigt, unter View / Show Console zu finden.

Ist der Befehl ausgewählt, öffnet sich am Fuss des Editors die Console-Zeile. Dort wird der folgende Code hinein kopiert

import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else None;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read()) 

und mit Return augeführt. Man sieht nicht, ob etwas passiert. Sublime Text 2 schliessen und neu starten.

Sublime SFTP installieren

Unter Tools / Command Palette öffnet man ein Auswahlfenster für Befehle. Dort wird gewählt Packages Control: Install Packages.

Es erscheint eine Liste von verfügbaren Packages. Bis zu "SFTP" (Commercial SFTP/FTP plugin ...) scrollen und auswählen.

Das Package wird installiert.
In der Fusszeile des Fensters ist eine Statusmeldung sichtbar. EIn Gleich-Zeichen bewegt sich hin und her bis der Donwload abgeschlossen ist.

FTP-Verbindung einrichten

In der Linken Spalte einen lokalen Ordner öffnen. Im Kontextmenue (Rechtsklick) Edit SFTP/FTP Remote... wählen.

Eine JSON-Datei wird geöffnet, die konfiguriert werden muss.

Neben den FTP-Login-Daten muss der Ort des Ordners auf dem Server angegeben werden. In Zeile 3 nicht vergessen, den Typ der Verbindung (sftp oder ftp) angeben. Zeile 7 muss die Auskommentierung entfernt werden und das Passwort eingegeben werden. Zeile 10 enthält den Ordnernamen des Servers (z.B. public_html). Die Datei mit CTRL-S speichern.

Ist eine Datei zur Bearbeitung ausgewählt und soll neu gespeichert werden, wählt man im Kontextmenue "Upload File".

Die Datei wird auf den Server gesendet und abgespeichert. In der Fusszeile des Editors öffnet sich die Konsole und meldet Erfolg oder Fehler.