Technokrat

Software Tools für den Screenworker – Die besten Texteditoren

Ben — Tue, 03 Apr 2012 07:49:51 +0000

Texteditoren gibt es viele. Da wäre zum Beispiel der normale Text-Editor “Notepad” der bei jeder Windows-Version von Hause aus mitgeliefert ist und mit dem sich zur Not auch jede Website schreiben lässt. Aber für mich und ich denke auch für jeden Anderen ist Komfort beim schreiben von Code sehr wichtig. Aus dem Grund gibt es auch andere Text-Editoren, die wesentlich mehr zu bieten haben als das Notepad. Bei all den Angeboten die es heute kostenlos zum Download gibt, sollte sich doch für jeden das passende finden lassen. Vorab ein kleiner Tipp, verzichtet auf Frontpage und Dreamweaver, das ist alles nur unnützer Murks

Wer seine Website liebt, der schreibt sie mit einem Texteditor!

PSPad war meine erste große Liebe

Meinen ersten Kontakt zu PSPad hatte ich zu Beginn meiner Ausbildung als Mediengestalter in einer kleinen Agentur im Herzen Frankfurts. Bis dahin schrieb ich HTML oder PHP stets im Notepad oder mit unschönen Programmen wie Adobe DreamWeaver oder Frontpage. Ein Kollege zeigte mir die Projekte an denen Sie in der Agentur arbeiteten und dabei stach mir sofort der etwas kompliziert aussehende Text-Editor mit dem Namen PSPad ins Auge. Das Programm bot einfach alles, was man zum Arbeiten mit Code so braucht. Multi-Highlighting der verschiedensten Programmiersprachen, Templates für fast jeden Code und vieles mehr. Es war Liebe auf den ersten Blick. Das Programm sollte man sich einmal ansehen, denn ich würde noch heute damit arbeiten, wenn es davon eine Fehlerfreie 64Bit-Version geben würde. Denn unter Windows7 64-Bit läuft das Programm nur sehr widerwillig.

www.pspad.com

Bluefish hatte mich lange an der Angel

Ähnlich dem PSPad war Bluefish. Es hat ein paar unwichtige Funktionen mehr und ist minimal komfortabler als das PSPad, läuft dafür aber gnadenlos gut in allen Umgebungen. Ob es nun Linux oder Windows ist. In beiden Betriebssystemen ist es sehr stabil und zuverlässig. Zudem speichert es Arbeiten in temporäre Dateien ab und ist somit auch Absturzsicher. Auf jeden Fall einen Blick wert, denn es ist ebenfalls kostenlos und macht seine Sache wirklich gut.

http://bluefish.openoffice.nl/index.html

Notepad++ ist schmahl und kann auch alles

Es hört sich an, als sei das Notepad++ eine Weiterentwicklung des normalen Notepad von Microsoft und ist auch im Grundgedanken so. Es bietet nämlich das, was das normale Notepad nicht bietet. Code-Highlighting, verschiedene Funktionen zum besseren Umgang mit Code und ist zudem kostenlos unter einer OpenSource-Lizenz erhältlich. Auch hier wurde darauf geachtet, dass es unter 64Bit genauso gut läuft wie auf einem normalen 32Bit-System. Zudem wird grafischer Schnickschnack weggelassen, was der Performance zu Gute kommt. Auf jeden Fall einen Blick wert… Mir ist das ganze aber ein Stück zu spartanisch…

http://notepad-plus-plus.org/

Sublime Text 2 – Meine 2. Ehe mit einem Text-Editor

Sublime Text 2 ist das, was ein jeder Coder von einem Text-Editor erwartet. Der Editor kann fast jeden gängigen Code Highlighten, es bietet dutzende Funktionen, auf die man nie wieder verzichten möchte und nun kommt das Beste. Es sieht auch verammt gut aus. Denn neben einer Minimap für den gesamten Code (Ja richtig gehört), sieht die Oberfläche einfach futuristisch minimalistisch aus und kann jeder Zeit geändert werden. Aber kommen wir nochmal auf die Minimap zurück. Das ist nämlich genau die Funktion, die man sonst nur aus Computerspielen kennt. In einem Text-Editor hat man sowas noch nie gesehen. Neben dem Codeblock rechts oben findet man eine verkleinerte Darstellung des in dem geöffneten Dokument geschriebenen Code. Jeder der seinen Code selbst schreibt, kann über diese Übersicht sofort erkennen, wo der gesuchte Codeteil verborgen ist, den man bei 500 Zeilen Code schnell selbst bei langsamen Scrollen nicht findet. Bam das Ding ist geil und sollte unbedingt ausprobiert werden. Es gibt eine Version für jedes Betriebssystem von Windows üder MacOS und Linux, sowohl in 32Bit als auch in 64Bit-Variante. Einziger Haken, es ist nicht umsont. Zur Zeit befindet sich Sublime Text 2 in der Betaphase und kann zum Testen kostenlosauf unbeschränkte Zeit verwendet werden. Dann jedoch wird bei jedem 5 speichern des Dokuments auf eine Kaufmöglichkeit hingewiesen, was schon ein wenig nerven kann. Aber wer das ignorieren kann, wird damit seine wahre Freude haben. Wer es kaufen möchte, muss dafür 59$!!!! zahlen…. Also testen und selbst entscheiden

http://www.sublimetext.com/2

Quick-Tipps #1 – Designer lesen so viel sie können

Ben — Thu, 16 Feb 2012 10:41:40 +0000

Ein guter Designer arbeitet den ganzen mit tollen Sachen und verdient ein haufen Geld mit dem, was dabei rauskommt. Klingt wunderbar aber unrealistisch? Ist es auch. Designer werden nicht geboren, sie entwickeln sich. Klar spielt auch Talent und Sinn für Estetik eine gewisse Rolle, aber um den Entwicklungsprozess kommt auch keines der besten Talente herum. Aber wie entwickelt man sich. Ganz einfach…

Tipp Nummer 1 – Lese so viel du kannst!

Lesen Bildet! Viel lesen bildet viel! Hört sich nach einem Spruch der Deutschlehrerin an, stimmt in diesem Falle aber 100%ig . Lesen ist die Grundlage eines jeden Handwerks im Bereich Design und kreatives Arbeiten. Vor allem, wenn man sein Handwerk zu Geld machen will.

Ein Designer liest viele Designer-Blogs, Fachzeitschriften und Fachbücher. Ob das nun Digital- oder Printmedien sind, ist dabei vollkommen egal. Er erkundigt sich dadurch nach neuen Trends, lernt neue Techniken kennen und inspiriert sich dabei auch ganz automatisch. Gefällt einem Designer ein Buch (Einband, Inhalt, Gestaltung) dann kauft er es, liest es, schaut es sich an und lernt. Er sammelt Fachzeitschriften mit interessantem Inhalt und kann stets darauf zurückgreifen. Blogs von anderen Designern aboniert der moderne Designer in rauhen Mengen. Auf Blogs der Kollegen findet er nicht nur einen Spiegel um sich und seinen eigenen Stand zu reflektieren, er lernt auch automatisch neue Leute kennen. Gibt es einen neuen Trend im Netz, wird es unter den Bloggern als erstes Besprochen.

Besonders empfehlenswerter Lesestoff…

…im Web

… Papierform

Was ich damit sagen möchte…

Wenn Ihr wisst in welche Richtung Ihr arbeiten wollt, dann lest alles darüber, was euch in die Finger oder unter die Augen kommt. Es schadet nie. Genug Zeit zum Lesen gibt es immer. Ihr fahrt mit dem Zug zu Freunden? Dann kauft euch am Bahnhof eine Fachzeitschrift und lest sie auf der Fahrt. Ihr habt ein SmartPhone oder ein Tablet, dann verschwendet keine Zeit mit einfachem rumsitzen auf dem Klo, sondern nutzt auch diese Zeit und lest! Es kommt nichts im Fernsehen? Dann schnappt euch ein Buch und vergesst, dass es so etwas wie Jungelcamp gibt. Ihr bildet nicht nur euch, sondern könnt auch mitreden, wenn man sich über Themen rund ums Design unterhält. Wer kein Geld hat, sich teure Zeitungen oder Bücher zu kaufen, der kann in Bibliotheken für lau seinen Horizont erweitern und sogar Menschen dabei kennenlernen.

Software Tools für den Screenworker #1 – Dropbox

Ben — Tue, 14 Feb 2012 15:07:03 +0000

Einen Texteditor hier, einen FTP-Client dort und natürlich das gesamte Spektrum an Browsern die der Markt so bietet. Aber ist das nun alles, was ein Webdesigner braucht um glücklich/schnell/sicher arbeiten zu können?

Was ist mit den kleinen Helferlein?

Jeder kennt Sie, keiner möchte sie missen. Die kleinen Programme, Dienste und Plugins, die einem das Arbeiten erleichtern. Sie sollten nicht unerwähnt bleiben, denn oftmals sind sie das Salz in der Suppe.

Heute Dropbox…

Wer kennt das nicht. Man sitzt den ganzen Tag im Büro und arbeitet wie wild an den unschiedlichsten Problemen und kommt einfach nicht auf die einfachsten Lösungen. Dann sitzt man Zuhause vor dem Fernseher und plötzlich fällt es einem wie Schuppen von den Augen. Nun ist es aber so, dass die Arbeitsdateien im Büro liegen und die tolle Idee nicht gleich ausprobiert werden kann. Zu dumm. Und was ist, wenn man es bis zum nächsten Tag oder gar bis nach dem Wochenende schon wieder vergessen hat? Dann hat man wohl noch nichts von Dropbox gehört.

Mit Dropbox von überall aus arbeiten…

Eigentlich ganz einfach. Dropbox ist ein Cloud-Dienst und bietet kostenlosen Onlinespeicher, den man von überall aus abrufen kann. Sogar auf dem Iphone im Zug oder im Browser des InternetKaffees um die Ecke.
Man speichert seine Daten in die Dropbox, installiert die Software auf den Rechnern, mit denen man regelmäßig arbeitet. Dabei wird ein Verzeichnis mit dem Namen Dropbox angelegt. Alle Daten die von nun an in diesem Ordner gespeichert oder angelegt werden, werden mit der Cloud und anschließen auf den lokalen Dropbox-Ordnern anderer Arbeitsplätze synchronisiert. Einfach: Ihr ändert Bild “A” Zuhause in eurer Dropbox und wenn Ihr am nächsten Tag die Dropbox im Büro öffnet ist die Datei dort bereits ebenfalls in der geänderten Form vorhanden.

Was ist mit FTP, USB-Stick & Co.?

Wer noch immer einen USB-Stick oder einen stetigen FTP-Zugang braucht ist nicht nur altmodisch, sondern macht sich mehr Arbeit, als man es braucht. Vor allem wenn man einfach nur mal eben kurz etwas ausprobieren möchte.
Bei einem FTP-Client braucht man stets die Zugangsdaten bei sich, braucht einen Webspace und muss die aktualisierten Daten dann auch wieder hochladen. Bei einem Stick muss man aufpassen, dass er nicht geklaut oder verloren geht. Vor allem wenn man dann auch nicht sensible Daten darauf transportiert.
Bei Dropbox kann man direkt im Ordner arbeiten und nach drücken der Speichern-Taste werden die Daten automatisch synchronisiert.

Aber Vorsicht…

So toll Dropbox auch ist, man sollte ein paar Kleinigkeiten im Hinterkopf behalten. Zum einen, sollte man wissen, dass auch eine Cloud nicht 100% sicher ist. Daher sollte man tunlichst auf seine Passwörter aufpassen und die Client-Software nur auf Rechnern installieren, denen man vertraut. Zum zweiten ist eine Datei die man aus dem Dropbox-Ordner auf den Desktop zieht, wie bei jedem anderen Windows-Ordner, nicht mehr in der Dropbox und wird somit auch nicht mehr synchronisiert. Diese Tatsache kann sehr nervig sein. Auch sollte man darauf achten, wem man seinen Dropbox-Ordner zugänglich macht. Zu dieser Funktion aber später mehr.

Geteiltes Leid!

Dropbox hat zu all den persönlichen Vorteilen auch für Teamarbeit vorteilhafte Aspekte. So kann man Ordner, die sagen wir für ein Team-Projekt wichtig sind, mit Kollegen teilen. So kann jeder von seiner Dropbox aus, auf den Inhalt zugreifen und es kann somit gemeinsam gearbeitet werden. Aber Vorsicht, wie oben erwähnt sollte man neuen Mitbenutzern erklären, dass lokal im Drobox-Ordner gelöschte Daten, auch alle anderen synchronisierten Ordner betrifft. Weg ist weg.

Tolle Zugaben und Goodies

Dropbox ist kostenlos. Das ist toll. Man hat zu Beginn 2GB kostenlosen Speicher. Wow das ist ja super. Aber man kann noch viele Goodies mehr bekommen und das ist eigentlich ganz einfach. Leute zu Dropbox einladen geht per Knopfdruck und man bekommt für jeden, der das Angebot annimmt, 250MB zusätzlichen kostenlosen Speicher. Ach wie herrlich kann das Leben mit Dropbox sein. Bei im Durchschnitt 200 Freunden bei Facebook sollten da doch ein paar Gigabyte rausspringen oder? Ja mit Sicherheit. Allerdings gibt es da eine kleine Beschränkung. Mehr als 8 Gigabyte zusätzlich kann man auf diesem Wege nicht bekommen Mehr als von 32 Freunden kann man also nicht absahnen. Schade! Wer keine Freunde hat, kann auch gegen Bargeld seinen Webspeicher erweitern.

Das Fazit…

Wer Dropbox mit bedacht verwendet, hat massig Vorteile und einen stetig verfügbaren Speicher. Toll auch für Backups und zum gemeinsamen Arbeiten. Zudem wird das Angebot an Anwendungsmöglichen stetig erweitert. Zum Beispiel kann man seine WordPress-Inhalte via WordPress-Plugin in der Dropbox automatisch sichern, oder sogar einen Dropboxgestützen Weblog betreiben, der Textdateien im Blog-Ordner automatisch publiziert. Auf die Zukunft Cheers!

Weitere Links

Dropbox bei Wikipedia

Webdesign – HTML5 Boilerplate 3.0 Kurzvorstellung

Ben — Mon, 13 Feb 2012 14:14:04 +0000

HTML5 und CSS3 sind immer weiter auf dem Vormarsch. Kein Wunder, denn die neuen Browsergenerationen wie Google Chrome, Firefox und Safari implementieren immer weitere Funktionen des kommenden Standards. Aber auch der InternetExplorer macht Fortschritte (wenn auch sehr langsam). Zu all dem kommt hinzu, dass auch unter den Designer dieser neue Standard immer beliebter wird.

Warum HTML5?

HTML5 bringt neue Möglichkeiten. Beispielsweise kann zukünftig durch Einsatz von CSS3, HTML5 und JavaScript auf unbeliebte proprietäre Technologie wie Flash oder Silverlight verzichtet werden. Beeindruckende Demonstrationen dazu findet Ihr hier! HTML5 ist eine Vereinigung von Technologien, die beispielsweise einen zusätzlich installierten Dokumentenbetrachter ala Acrobat überflüssig machen. Videos benötigen nun im besten Fall keinen lückenhaften Flashplayer mehr und können direkt über einen Tag in den HTML-Code eingebunden werden.

Einen sehr guten Artikel über die Vorteile von HTML habe ich auf webstandard.kulando.de gefunden.

Und was ist nun HTML5Boilderplate?

HTML5Boilerplate ist ein professionelles HTML5 Template, dass mit allen technischen Finessen ausgestattet ist. So gibt es alle Funktionen um eine Website sogar IE6-Kompatibel zu machen gleich mitgeliefert. Außerdem beinhaltet es Funktionen und Optimierungen, die eine Website auch auf dem Iphone oder der Android glänzen lassen. Alle wichtigen Stylesheets zur Crossbrowser-Optimierung sind gleich vorhanden und über 3 Jahre der Entwicklung nahezu perfektioniert worden. Dieses Template ist, um es einfach auszudrücken, Zukunftssicher.

Boilerplate gibt es bereits in der Version 3.0 und kann mit verschiedenen Optionen heruntergeladen werden. Wer es bevorzugt sich ersteinmal in die Materie einzuarbeiten, der läd sich komplett dokumentierte Version herunter und findet so gute Hinweise und Hintergrundinformationen darüber, wie das Template funktioniert. Wer so einen Schnickschnack nicht braucht kann sich HTML5-Boilerplate 3.0 auch ganz ohne die Kommentare downloaden. Sehr schön ist auch die 3. Variante des Downloads. Denn bei dieser Option kann man sich sogar aussuchen, was im Template vorhanden sein soll und was nicht. Sehr praktisch, denn wer schon im Voraus weiß, dass er kein Script für Google-Analytics braucht, kann sich so eine Version herunterladen, in der dieser Code auch nicht drin ist.

Wer sich für HTML5 interessiert und sich HTML5-Boilerplate mal ansehen will, sollte sich diesen Link einmal ansehen –> html5boilerplate.com

www.superflauschig.de

Ben — Wed, 01 Feb 2012 11:37:09 +0000

Nicht gerade eine neue Idee, aber immerhin ein echter Liebesbeweis an seinen kleinen flauschigen Mitbewohner. Ab demnächst wird es unter www.superflauschig.de einen Hasen-Blog geben
Der gute Filliz, um den geht es auf dem Blog geht, ist ein, wie der Name schon sagt, flauschiger und äußerst verfressener Hase. Man könnte ganze Bücher über seine Eskapaden schreiben. Und wenn selbst wirklich namenhafte Designer wie Kerem einen Blog über Haustiere machen dürfen, dann darf ich das schon lange…

Ich halte auf dem Laufenden!

Update 08.02.2012 – Bis zum Freitag den 10.02.2012 um 20:00 Uhr ist eine Vorschau des Templates zu www.superflauschig.de zu sehen. Es darf getestet werden. Ich würde mich über Feedback freuen!

Update 13.02.2012 – Tja da war der neue “Flausch” doch ein paar Tage länger Online. Aber jetzt ist er wieder weg. Denn noch war es erst eine Design-Studie aus der ich viele Rückschlüsse ziehen konnte. Meine Erkenntnisse: Das Design wird bis auf wenige Dinge beibehalten und die nächste Version wird mit dem HTML5 Boilerplate Framework der Version 3.0 erstellt. Alles weiteren Erkenntnisse werden hier aufgezeichnet

Das neue Monster im Schlafzimmer

Ben — Thu, 19 Jan 2012 10:29:40 +0000

Nachdem mein altes Monster den Geist aufgegeben hat, war es an der Zeit sich ein neues anzuschaffen. Monster leben ja bekanntlich nicht sehr lange, dafür hat meines mit 5 Jahren doch ein erstaunliches Alter erreicht. Ich kann mich noch an den Tag erinnern, als ich es das erstmal gesehen habe. Ich war von seiner Kraft und seinem Arbeitseifer sehr überzeugt.

Doch vor kurzem bemerkte ich bei meinem alten Monster, dass es träge und unmotiviert seinen Dienst verrichtete. Selbst die kleinsten Arbeitsaufträge dauerten lange und konnten im Ergebnis nicht überzeugen. Dann vor wenigen Tagen war das Monster verschwunden. Kein Lebenszeichen mehr, nur noch eine leere Hülle blieb von ihm übrig. Ich war traurig, konnte aber verstehen, dass es nicht immer so hätte bleiben können.Der Abschied war schwer, aber so kurz, dass ich kaum Zeit hatte zu weinen.

Ich musste mir ein neues Monster suchen. Ohne Monster im Schlafzimmer ist man doch heute kaum noch in der Lage mitzuhalten. Mein bester Freund aus Berlin hatte Kontakte zu einem Monsterhändler und so bekam ich schnell und gegen Vorkasse mein neues Monster per Post geliefert.

Nach dem Auspacken war schon klar – Wir werden gute Freunde werden. Nun habe ich ein neues und viel größeres Monster in meinem Schlafzimmer. Damit geht alles schneller und ich brauche keine Angst mehr zu haben. Jeden Falls nicht die nächsten Jahre.

Darf ich vorstellen mein neues Monster:

AMD FX4100 4 x 3,6 GHZ, 16 GB DDR3 im DualChannel, MSI N560GTX-Ti Twin Frozr II/OC, 1 x 1TB HDD, 2x 500GB HDD, 2x 500GB externe HDD

Let’s Play Limbo #8 – Erfolglos am Sägeblatt

Ben — Thu, 15 Dec 2011 11:57:05 +0000

Mein neues Let’s Play zieht uns in den tiefen dunklen Wald von Limbo, wo ein kleiner Junge in einer düsteren mit tödlichen Fallen gespickten Welt seine Freundin retten will. Das Spiel Limbo ist ein fantastisches Jump and Run in einem ganz eigenen Grafikstil und mit sehr genialen Rästeln. Seht die tausend Tode des kleinen Jungen und die verzweifelten Spielversuche von mir.

Teil 8 – Erfolglos am Sägeblatt

So das wird jetzt ein wenig anstrengend. Ich versuche es ja. Ich versuche es wirklich so schnell wie möglich, die Rätsel zu knacken. Ich ja niemanden langweilen. Aber ich habe es immer gewusst. Irgendwann kommt der Zeitpunkt in Limbo, wo ich einem Rätsel gegenüber stehe, dessen Lösung jenseits einer Aufnahme liegt. Und siehe da… hier kommt es.. Sägeblätter und Kisten! Keine tolle Mischung

Limbo – Allgemeine Infos

Limbo bei Wikipedia

Limbo – die offizielle Website

Weitere Links:

Mein YouTube-Kanal

Let’s Play Limbo #7 – Von Leitern und Rutschen

Ben — Tue, 13 Dec 2011 22:23:57 +0000

Teil 7 – Von Leitern und Rutschen

Wer kennt noch das Spiel aus seiner Kindheit “Leiter und Rutsche?” Dabei geht es darum eine Spielfigur mit einem Würfel über ein Spielbrett zu geleiten. Würfelt man glücklich, kommt man auf ein Leiter-Feld und kann einige Spielfelder überspringen und sich einen Vorteil verschaffen. Aber würfelt man eben beschissen, dann kommt man auf eine Rutsche und die macht genau das Gegenteil Hier in Limbo stirbt man halt gleich… also keine Zeit sich zu ärgern… Aber seht selbst!

Limbo – Allgemeine Infos

Limbo bei Wikipedia

Limbo – die offizielle Website

Weitere Links:

Mein YouTube-Kanal

MMO’s? Niemals wieder? Damned!

Ben — Tue, 13 Dec 2011 17:43:07 +0000

Was habe ich vor genau 4 Jahren zu mir selbst gesagt? Waren die Wort etwa die folgenden “Ich werde niemals wieder MMORPG spielen”? Ja ich glaube das waren meine Worte. Die Gründe…

Kein Reallife
Kein Geld
immer das Selbe
Freundin
Ausbildung
Arbeit

Alles wichtige Gründe. Aber aus irgend einem Grund zieht es mich nun doch wieder in den Bann. Diesmal ist es nicht der modrige Geruch eines untoten Magiers der die Weltherrschaft an sich reißen will… Nein! Diesmal steigere ich mich… Diesmal ist es ein machthungriger Sith-Inquisitor der die Galaxis unterjochen will.

Grund zum zocken?

Ausbildung vorbei
mehr Zeit zum zocken
Star Wars

Was mehr soll ich dazu sagen… außer… ich will entlich zocken!!!

Let’s Play Limbo #6 – Ersaufen oder Elektroshocks?

Ben — Sun, 11 Dec 2011 20:27:33 +0000

Teil 6 – Ersaufen oder Elektroshocks?

Wenn es daraum geht auf die verschiedensten Weisen zu sterben, dann ist Limbo genau das richtige Spiel für Groß und Klein. Denn ob man sich fürs Ertrinken oder für die Elektroshocktherapie entscheidet, es ist immer wieder erhellend und sorgt für Heiterkeit. Keine Sorge, hier bei mir braucht man nicht zu wählen, ich probiere einfach alle Möglichkeiten aus

Limbo – Allgemeine Infos

Limbo bei Wikipedia

Limbo – die offizielle Website

Weitere Links:

Mein YouTube-Kanal