Bananas Development Blog: Archives

Usability, aber bitte richtig

Usability muss sein.

Die Tests dazu auch.

Aber bitte richtig.

Wie und was man dabei beachten sollte erklärt dieser schöne Artikel hier:

In 1998, usability expert Rolf Molich (co-inventor with Jakob Nielsen of the heuristic evaluation method) gave nine teams three weeks to evaluate the webmail application www.hotmail.com. The experiment was part of his series of Comparative Usability Evaluations (CUEs), through which he began to identify a set of standards and best practices for usability tests. In each segment of the series, Molich asked several usability teams to evaluate a single design using the method of their choice.


The Myth of Usability Testing by Robert Hoekman Jr.

Banana
out.

Neues Design

So endlich mal ein Design gefunden, dass nach was ausschaut.

Vielen Dank an:

YellowLed

HLStats 1.51

Well I've made it. Finally...

Sorry for taking so long, but live is not easy ;-)

Please visit the following topic for more information and download location:

Release: HLStats 1.51

PHP und Datenbanken. Beispiele

Hier sind Beispiele wie man sich mit den verschiedesten Datenbanktype in Verbindung setzten kann:

We can use mysql_connect and mysql_select_db functions to create our connections. For closing the connections there is mysql_close function. These are basic functions of managing connections in PHP. There are also a lot of classes made by developers for free.


Database Connections in PHP

Beispiel für CSS Sprites

Sprites und CSS können einem viel Arbeit ersparen und auch die Anfragen an den Server reduzieren.

Hier ist ein tolles Tutorial wie man damit einen "Bubble Effect" mit macht.


You might be familiar with the plugin jQuery Dock which allows developers to create a menu like Apple Dock. Today, you will create a similar menu with bubble effect by using CSS only. Although it doesn’t have as smooth of an effect as jQuery Dock, it’s helpful for those that just want to make a cool menu by using pure CSS. This tutorial includes two methods: CSS sprites (basic) and the image swapping (advanced).


Bubble Effect with CSS

Parse und HTML mit PHP bearbeiten

PHP Simple HTML DOM Parser

• A HTML DOM parser written in PHP5+ let you manipulate HTML in a very easy way!
• Require PHP 5+.
• Supports invalid HTML.
• Find tags on an HTML page with selectors just like jQuery.
• Extract contents from HTML in a single line.


PHP Simple HTML DOM Parser

Banana
out.

SEO Tipps und Tricks

Über SEO kann man viel schreiben und es gibt viel falschen und richtiges.

Aber einige Dinge lassen sich einfach nicht von der Hand weisen:

In the process of developing a web site, there are many professional profile that work on it, one of this is the SEO profile (Search Engine Optimization). If you are working in a web agency, usually there’s a professional profile that works only on search engine optimization, giving you the freedom to work with image editing, (x)html and css. But if you are a freelance, then you should spare money and do this your self.

- Use Google Webmasters Tools
- Find the right keywords
- Google trends
- Keywords Tag


Useful Tips Every Web Designer Should Know About SEO

Ordnerbäume mit Javascirpt erstellen

Es gibt keinen besseren Weg eine Strucktur darzustellen als die Darstellung als "Baum".

In dem folgenden Beitrag finden man nun 10 Beispiele wie man so entwas lösen kann.

Javascript Tree view and sitemap are good tools to display the structure of your website. I have collected 10 plugins and tutorials that will save your time hunting for one.

10 Javascript & CSS TreeView and Sitemap Plugins and Tutorials

Banana
out.

Charts / Diagramme via Javascript

Ich hatte schon mal über die Erstellung von Diagrammen mit JS oder Flash geschrieben.

Nun gibt es hier noch eine weitere Sammlung die noch mehr Scripte anbietet und sogar Beispiele liefert:

Wont it be nice if all your theoretical data were presented as charts? Charts add style and spice up the graphical intereface. Style your content and layout with my handpicked collection of best JavaScript Charting plugins.


20 Best JavaScript Charting and Plotting Libraries

Formular button via JS auslösen

Man kann ja ein Formular ja via JavaScript absenden:
document.forname.submit();


So nun ist aber komischer weise, der Absendeknopf dann nicht in dem POST enthalten.

Ich verwende den button tag und nicht den input tag für den Absende Knopf, daher kann es sein, dass der input tag dann trotzdem vorhanden ist.

Nur wenn ich diesen nun auch drücke, dann ist diese in POST enthalten.

Nun gibt es aber auch eine Lösung die wirklich das drücken des Knopfes via JS nachmacht und zwar so als hätte der Benutzer wirklich darauf gedrückt.
document.getElementById('submitButton').click();


Somit ist auch der Button im POST enthalten und mann kann diesen abfragen.

Banana
out.

Was macht denn dein Server ?

Viele haben einen aber die wenigsten wissen das der denn so macht.
Wirft irgendwas Fehler, oder ist der Server zu arg ausgelastet oder macht die Festplatte Fehler ?

Damit man nun über so was bescheid weis, gibt es hier tolle Programme:

When you have a website or a network, it’s helpful to be aware of any issues as soon as they occur. There are open source and freeware server/network monitoring tools that will supervise your infrastructure for any issues that may arise. These tools are meant to aid you in avoiding being taken offline and evaluating if your resource needs has outgrown your infrastructure.

In this article, we review our top 10 server/network monitoring tools. You will see a variety of server applications here so that you might find the tool (or tools) for your needs.


10 Free Server & Network Monitoring Tools that Kick Ass

Das für und wieder des Internets

“Ja, aber…” – 11 populäre Einwände gegen Social Media (und wie man sie entkräften kann)

Die Sätze hat wohl jeder Kommunikations- und PR-Berater schon gehört. Man hat sich Mühe gegeben und dem Klienten ausführlich und anschaulich erklärt, warum man sich im Rahmen der Kommunikationsstrategie mit Social Media beschäftigen sollte. Man hat von Cluetrain gesprochen und über den Wandel in der Mediennutzung, man hat Beispiele gezeigt und herkömmliche Kommunikationsstrategien hinterfragt. Der Klient hat fleißig genickt und erstaunt geschaut und zwischendurch die Stirn in Falten geworfen. Dann kommt der Satz. Er beginnt fast ohne Ausnahme mit “Ja, aber…”.


Mehr braucht man dazu nicht sagen:

“Ja, aber…” – 11 populäre Einwände gegen Social Media (und wie man sie entkräften kann)

Banana
out.

Webdeveloper Tipps für eine besser Website

Man kann Dinge einfach oder kompliziert machen.

Leider kann das einfach auch manchmal lange dauern. Damit das nicht zu lange wird, hier ein paar Hinweise:

One of the biggest advantages of online media over print is the ability to change, update, and enhance online media at virtually anytime, with virtually no negative side effects. In fact, if a website or web application does not continually offer its users an ever-evolving and growing experience, that site or application would soon become insecure, unusable, and out of date.

Have you beautified your code, validated your markup, and made your XHTML more semantic? Have you implemented basic SEO best practices, spell-checked content, and removed legacy code? Have you ensured JavaScript is unobtrusive, applied the principle of graceful degradation, and minimized the use of Flash? If you’ve done all those things (and possibly more), what comes next? Are there things you can do to improve your site’s overall effectiveness beyond those?


Website Maintenance Tips for Front-End Developers

Das richtige JavaScript Framework finden

Schöner vergleich der aktuell verfügbaren JS Frameworks.

JavaScript Framework matrix

Banana
out.

Google und die Idee das Netz schneller zu machen

Google macht sich ja zur Aufgabe das Netz schneller zu machen.

An sich ja eine Gute Idee und auch toll zu lesen:

SPDY: An experimental protocol for a faster web

Aber wie nun "fefe" schreibt, doch nicht so toll und irgendwie auch nicht verwunderlich. Denn warum sollte Google davon was haben, ohne damit sie Geld verdienen ?

Google schlägt jetzt vor, der Server soll bei der Anfrage nach der Webseite auch gleich ungefragt die ganzen (ungeänderten) Dateien mitschicken. Das mag zwar im Benchmark die Latenz senken, aber es würde das Web-Verkehrsaufkommen im Internet mal eben verdoppeln. Beim ehemaligen Nachrichtenmagazin würde dann bei jedem Webseitenklicken das Spiegel-Logo mitübertragen. Wenn ihr mal sehen wollt, was das ausmacht, dann geht einmal zu spiegel.de, löscht einmal den Cache, startet den Browser neu, und geht nochmal zu spiegel.de Das dauert gleich fünfmal so lange!

Daher glaube ich, dass es Google hier um was anderes geht.


Ich sage mir ja schon immer: Niemand macht etwas für umsonst.

Banana
out.