Boehrsi.de - Blog

Bald steht der September vor der Tür, welcher wenn alles passt einige Neuerungen für Boehrsi.de bringen wird aber nun heißt es erst einmal in die Vergangenheit schauen. Um konkret zu sein geht es um die beliebtesten Artikel im Monat August 2013. Diese sind dieses Mal fast alle eher aktuell und nicht aus den sonst so beliebten Top Beiträgen ausgewählt. Das freut mich, denn es zeigt mir das auch meine aktuellen Beiträge relevant für euch sind. Nun aber ohne weiteres Umschweifen zu den Top 10 des August:

• Office 2010 Service Pack 2 Update Problem
• 400.000 Besucher und 3.000.000 Klicks
• Android Geräte-Manager komplett verfügbar
• Firefox 23.0 und Thunderbird Version 17.0.8
• SSH-Client PuTTY erhält Update
• Humble Deep Silver Bundle
• Feedly - Pro Accounts kommen
• Top 10 - Juli 2013
• Wie nutzt du Google?
• Humble Origin Bundle - EA Spiele für wenig Geld

Die neue Version meiner Seite nimmt aktuell Formen an und in Verbindung mit der kompletten Neuentwicklung der Seite beschäftige ich mich aktuell mit kleineren Hintergrundscripten. Also z.B. der Counter, weitere Statistiken oder eine allgemeine Erfassung des Browsers. Letztes ist auf die Art der Nutzung bezogen, also handelt es sich um einen mobilen Browser oder einen Desktop-Browser.

Relevant ist dies für mich eigentlich nur aus statistischen Gründen und zur Behebung von eventuellen Fehlern. Falls sich jemand daran stört, ich nutze den vom Browser gesendeten HTTP_USER_AGENT open_in_new, welcher vom Browser gesendet wird aber durch den Nutzer verändert oder deaktiviert werden kann. Weiterhin verarbeite ich lediglich diese Ausgabe. Dafür nutze ich ein sehr handliches und praktisches Open Source Script. Unter Detectmobilebrowsers.com open_in_new gibt es dieses für diverse Programmiersprachen als vorgefertigtes Scripte. Erste Tests zeigen eine sehr gute Funktionalität.

• Detectmobilebrowsers Homepage open_in_new

Es geht voran und aus diesem Grund hat die Anzahl der News in der letzten Zeit auch etwas abgenommen, denn eine Seite komplett neu zu schreiben bedarf nun einmal etwas Zeitaufwand. Denn aus meiner Idee die Seite in HTML5 neu zu erstellen wurde eine grundsätzliche Neuentwicklung von HTML, CSS, PHP und der Datenbank. Dabei setze ich nun auf neue Techniken, aktuelle Entwicklungsparadigmen und vor allem auf einen übersichtlichen und auch noch später verständlichen Code. Denn dies soll mir die spätere Weiterentwicklung vereinfachen. Der Status sieht wie folgt aus:

• HTML5 Layout neu entwickeln - Abgeschlossen
• CSS3 Anpassungen erstellen - Abgeschlossen
• Grafiken anpassen - Zu 0% abgeschlossen
• Datenbank Struktur neu erstellen (MySQL) - Abgeschlossen
• Öffentlichen Bereich neu programmieren (PHP) - Zu 80% abgeschlossen
• Private Bereiche neu programmieren (PHP) - Zu 10% abgeschlossen
• Datenbankkonvertierung auf die neue Struktur (MySQL) - Zu 0% abgeschlossen

Ein weiterer Meilenstein, bzw. gleich zwei wurden in der letzten Woche erreicht. Diese sind zum einen 400.000 Besucher und zum anderen 3.000.000 Klicks auf Boehrsi.de.

Das sind natürlich zahlen die manch andere Seite im Monat oder kürzerer Zeit erreicht und bei mir geht es auf mehrere Jahre zurück aber ich freue mich trotzdem sehr. Denn es zeigt mit weiterhin, dass ihr Interesse an meinen News und Themen habt. Ein weiteres Dankeschön an euch, meine Leser.

• Boehrsi.de - Über Seite inkl. Stats open_in_new

Nach der Woche ohne News geht es heute mit leichter Kost wieder los. Denn die Top 10 werten sich zum Glück automatisch aus und die paar Worte hier schaffe ich auch mit 1 1/2 Händen bzw. Armen. Denn mein linker Arm ist durch die letzte OP aktuell leider etwas sehr lädiert aber wie auch immer es war hoffentlich der letzte längere Krankenhausaufenthalt für längere Zeit. Aber zurück zum Thema, den Top 10 im Monat Juli 2013:

• Netbook vs. Tablet - Media
• NVIDIA Geforce Treiber 320.49
• Eclipse - PHP und Remote FTP Support
• NVIDIA Geforce Treiber 320.18
• Server talk to me - Viren und Zugriffe
• Alien Swarm - Kostenlose Coop Alien jagt
• Lovefilm getestet - Meine Meinung
• Gelöschte Mails wiederherstellen mit Thunderbird
• Internet für Unterwegs mit der XSBoxGo
• Planetary Annihilation - Release und weitere Daten

Da ich ab morgen mal wieder mindestens eine Woche im Krankenhaus verbringen werde, wird es wieder entsprechend wenig Content geben. Danach versuche ich wieder möglichst schnell einzusteigen und den verlorenen Content wieder auszugleichen. Wer trotzdem gerne etwas auf meiner Seite stöbern will kann ja mal den einen oder anderen älteren Artikel durchgehen oder sich die Top Artikel ansehen, falls noch nicht geschehen. Ich hoffe ihr bleibt mir trotzdem als Leser erhalten, denn bald geht es ja wieder weiter mit neuem Content.

Der Plan war es das Design meiner Homepage neu zu gestalten und mittels CSS3 zu optimieren. Dies konnte ich in einer ersten Version wesentlich schneller als gedacht umsetzen. Verbunden mit dem neuen Design war es mein Plan auch etwas an der PHP Struktur im Hintergrund zu machen. Die Änderungen werden allerdings wesentlich umfangreicher und betreffen auch die zugrunde liegende Datenbank. Denn selbige werde ich zusammen mit dem Design und dem PHP Code nun auch überholen. Man merkt einfach das ich die Seite über Jahre aufgebaut habe und mein Grundwissen bezüglich der genutzten Techniken erst mit der Zeit angestiegen ist. Somit gibt es mittlerweile diverse unnütze Felder oder gar ganze Tabellen. Im Bereich der PHP - MySQL Verbindung werde ich die kompletten Bereiche zur Nutzung der Datenbank neu schreiben und auf PHP Data Objects (PDO) open_in_new umsteigen, da die alten DB Routinen ab PHP 5.5 als veraltet gelten. Mit PDO muss ich mir eine komplett neue Syntax für die Nutzung der Datenbank aneignen und auch dies wird natürlich etwas Zeit kosten. Man sieht also aus einem schlichten Re-Design wird eine quasi komplett neue Seite. Somit dürfte der Sprung auf Version 7 die mit größten Änderungen an der Seite seit entstehen beinhalten. Ihr werdet davon wohl vorrangig das neue Design sehen und vielleicht eine Verbesserung der Geschwindigkeit bemerken aber so soll es auch sein. Sollte Interesse bestehen werde ich die geplante Tutorial-Reihe auch auf einige PHP / MySQL Dinge ausweiten.

Der erste Schritt ist getan und das wesentlich schneller als erwartet. Denn nachdem ich die Entscheidung bezüglich der Neuerstellung oder Weiternutzung des Design getroffen hatte, bin ich jetzt auf dem Stand das mein neues Design im Grundsatz steht.

Dabei habe ich die folgende Dinge getan bzw. genutzt:

• HTML5 - Die neue Seite nutzt die neuen HTML5 Tags sofern sinnvoll und soll somit übersichtlicher (im Code) werden.
  • Semantische Objekte - Die neuen Tags, welche anstatt von diversen DIV Objekten genutzt werden, setzte ich entsprechend der Spezifikation ein.
  • Korrekte Tags in Beiträgen - Anstatt von dick geschriebenen Text und ähnlichem wird an entsprechenden Stellen nun ein H Tag oder ähnliches verwendet.
  • Multimedia - Je nachdem welche Quellen eingebunden werden, kommen die neuen AUDIO und VIDEO Tags zum Einsatz.
  • Formulare - In diesem Bereich sieht die Unterstützung in den Browsern für die neuen Input Elemente noch nicht so gut aus aber ich werde sie trotzdem schon einsetzen und mit Fall Back Optionen versehen.
• CSS3 - Ich nutze die Möglichkeiten von CSS3, versuche dabei das Dokument möglichst übersichtlich zu halten und effektiv zu Gliedern.
  • Media Queries - Ein wichtiger Teil der neuen Seite um selbige für Desktop, Tablets und Smartphones gleichermaßen nutzbar zu machen (Responsive Webdesign open_in_new).
  • Gezeichnete Objekte - Durch die neuen Border Eigenschaften werden z.B. Dreiecke bzw. Pfeile nicht als Bilder sondern via CSS eingebunden
  • Schatten - Genau wie die gezeichneten Objekte werden Schatten auf der neuen Seite direkt via CSS eingebunden und nicht als Bilder.
  • Kompatibilität - Ich versuche mit keinen bzw. möglichst wenigen Hacks auszukommen und trotzdem eine große Zahl an Browsern zu erreichen. Allerdings werde ich mich davon entfernen sehr ausgefallene oder alte System zu unterstützen (z.B. IE 6 oder 7).
• Bilder - Aufgrund der umfangreichen Möglichkeiten von CSS3 werde ich versuchen bis auf das Header Bild und die Social Bilder keine Bilder für das Design zu nutzen. Die kommt mir selbst auch zu gute denn ich bin leider unfassbar unfähig in Sachen Design.

Im Jahre 2006 erblickte die erste Version meiner Homepage, damals noch unfassbar hässlich, die Welt und war eigentlich eher als Info Homepage zu meiner Person gedacht. Kurze Zeit später wurde daraus eine kleine Seite für Freunde, über welche wir Partys und ähnliches planten - Ja tatsächlich ging es und geht es immer noch ohne Facebook. Im Jahre 2009 wurde dann ein Blog aus Boehrsi.de und mit etwas weniger als einer News pro Tag versuchte ich relativ aktuell zu sein. Rechnet man nun diese News alle zusammen ergibt sich, dass diese News die Nummer 1504 ist. Soll heißen das ich vor ein paar Tagen ein Jubiläum in Form der 1500sten News hatte. Ich freue mich das die Zahl der Leser stetig steigt, denn ohne euch würde dieser Blog wesentlich weniger Sinn machen. Weiterhin versuche ich aktuell mal wieder eine Kleinigkeit in Form eines Gewinnspiels auf die Beine zu stellen. Dies wird aber noch einen Moment lang dauern, da ich leider in den nächsten Wochen wieder 1-2 Wochen ausfalle und keine News schreiben kann. Sobald ich wieder fit bin wird es dann aber hoffentlich ein paar Kleinigkeiten für euch geben. Solange hoffe ich die Anzahl der Leser wird steigen, denn die Anzahl der News wird es auf jeden Fall.

Nachdem ich gestern keine News geschrieben habe, da ich als Trauzeuge etwas eingespannt war, will ich heute nun wieder etwas Content liefern. Denn ich habe mich die letzte Zeit mit den aktuellen Technologien beschäftigt die im Web genutzt werden. Diese kleine Ausflug ins Land von HTML 5, CSS 3 und Javascript hat mir gezeigt das meine Seite mittlerweile doch ziemlich angestaubt ist. Aktuell läuft diese mit HTML 4.01, wie wohl die meisten Seiten, weiterhin kommt CSS 2 und sehr rudimentär JavaScript zum Einsatz. Das zeichnet meine Seite zwar nicht als Uhrzeit Homepage aus, denn HTML 5 wird aktuell von noch keine Browser vollständig unterstützt, soweit ich weiß aber trotzdem wird es meiner Meinung nach Zeit für die neuen Techniken. Aus diesem Grund und weil ich mich ohnehin mit HTML 5 im Bezug auf mobile Apps beschäftigen will, werde ich eine Version meiner Seite erstellen die parallel zu dieser laufen wird. Dies wird solange der Fall sein bis genug Funktionen dieser Seite auch mit den neuen Techniken korrekt von mir umgesetzt wurden. Dabei wird sicherlich nicht alles übernommen und sehr viel wird geändert werden aber dies ist nötig um alles entsprechend umzusetzen. Die eine oder andere Neuerung und Designänderung wird verbunden mit der Neuentwicklung auch implementiert werden. Ich plane meine Erfahrungen während der Entwicklung in News und vielleicht auch Tutorial Videos mit euch zu teilen. Ich hoffe euch in diesem Bereich schon bald etwas liefern zu können, allerdings möchte ich dafür erst einmal eine gewisse Basis schaffen. Außerdem muss ich erst einmal für mich festlegen wie ich das Ganze umsetzen will, Stichworte sind hier unter anderem HTML 5 open_in_new, CSS 3 open_in_new, JavaScript open_in_new, Responsive Webdesign open_in_new, Bootstrap open_in_new und Plattformunabhängigkeit. Diese Liste könnte ich noch weiter fortführen aber zuvor will ich wie erwähnt erst einmal für mich selber regeln wie ich mir das Ganze vorstelle und dafür reicht mein Wissen aktuell noch nicht. Sobald ich mich entsprechend schlau gemacht habe, eine Code Basis steht und ich soweit zufrieden bin wird es zu diesem Bereich etwas neues an gewohnter Stelle geben, nämlich hier.