Bananas Development Blog: share your thoughts

Sommerpause

Bin dann mal weg.

Web Developer Resources

Holla, so war mal wieder ein wenig surfen und dabei sind mir viele Dinge in die Hände gekommen.

The Most Powerful and Feature Rich Web-Based Code Editors (IDEs)

40 Professional and Detailed Web Layout PSD Templates

20 Free Web UI Element Kits and Stencils

14 Light and Easy to Use Open-Source Content Management Systems

40 jQuery and CSS3 Tutorials and Techniques

40 High Quality CSS and XHTML Web Layout Templates

30 Fresh and Free Icon Sets for Designers and Developers

Top 10 Country Flag Icon Sets

Mir ist schon klar, dass die alle von einer Seite kommen, aber bei speckyboy ist nich immer so viel los. Daher hier die Sammlung.

git Tipps

So hier mal was interresantes aus dem Netz für die Arbeit mit git.

Git – Cloning and pushing via https (Linux and Windows)

Git, TortoiseGit, Github and the rest

Namensfindung leicht gemacht mit Namerobot

Nun ja warum schreibe ich dazu etwas ?

Weil mein verehrter Kollege seinen Hirnschmalz dazugegeben hat. Und nicht nur seinen Schmalz sondern seine Zeit, sein Blut und Schweiß ;-)

Ja ich weis das höhrt sich nicht sehr dolle an, aber so sind wir halt die Web-Developer ;-)

Gute Ideen brauchen Namen, damit man über sich spricht


Sollte man also in der Zukunft ein neues Projekt starten, dann wendet man sich an diese schöne Website und das tolle Tool dahinter wird dann für einen Denken.



Also nichts wie hin und viel Spaß beim Namensuchen.



UPDATE:
Yay sie sind auch Gründer des Monats August bei FTD geworden
Glückwunsch

Bestllformulare. Was wirklich benötigt wird.

Jeder kennt sie und der ein oder andere hat sich auch schon selber erstellt.

Bestellformular oder einfach nur ein Webformular

Die griße Frage ist dabei immer was man von dem Ausfüller wissen möchte und was nicht. In welcher Form man die Eingaben benötigt und vor allem ob die Eingaben denn auch richtig sind.

Dabei treten aber die die größten Fehlerquellen auf. Denn wie soll eine Telefonnummer aussehen oder eine richtige Postleitzahl ?
Es gibt Länder die haben keine Postleitzahl oder manche haben keine Telefonnummer.

Folgend kommt eine Analyse aus dem Usenet, die ich für sehr gelungen halte und daher hier einfach mal kopiere (Quelle):

-------------------------------------------------------------------------------------------------------
Well, I used to Live and Work in Ireland.
You just can't imagine the amount of web sites for which I (and all Irish
people who purchase on the Internet) had(have) to "invent" a random bogus
post code in order to be delivered in Ireland...
And not also to mention a few (hopefully rare) Web sites which require a
"state" field to be filled in... even though they propose world-wide
deliveries.
Looks like there's a hell of a load of web designers that have never put a
foot outside their own country and know as much about "internationalization"
as just no more than the word itself without it's meaning.


I maintain an e-commerce site, now I've seen that:

ZIP/Post-Code:
==============
Some postcodes have "letters" (not only numbers, i.e. Canada).
You should allow this field to be empty (i.e. for Ireland, but also other
countries)

Phone:
======
Phone Numbers have a variable length. You should allow the + symbol as
prefix (i.e. some people write +353 or 00353 for Ireland, they are the
"same"):
http://www.exportbureau.com/telephon..._dialcode.html
You should also allow spaces, dash ("-") and parenthesis:
"+353 (0)2 12 34 56 78" or "00353 (0)212-345-678" is far more readable and
easy to dial than 00325212345678, the (0) is because you do not dial it if
you dial the prefix (00353) otherwise you DO dial it (local phone calls),
valid for both Germany, France and Ireland i.e. but I guess many other
countries.

Email:
======
You can since recently have any type of international characters in domain
names:
http://www.icann.org/en/topics/idn/
so traditional regular expressions to validate emails will soon begin to
fail more and more often.

Address:
========
Names and Addresses "commonly" have international characters!
(IMPORTANT)

( ein klick auf den Button und es geht weiter....) More »

Adobe behebt PoC im Reader. Oder doch nicht ?

Adobe brachte am 29.06.2010 ein paar Updates raus in dem auch von CVE-2010-1240 die Rede ist. Hier und hier gibt es mehr Infos dazu

Leider hat es Adobe nicht geschafft das Problem zu lösen.

Das besondere daran ist, dass sich die Leute beschweren.
Die haben ja auch recht, ABER Adobe sagt ja selber, dass sie es NICHT behoben haben:

This update mitigates a social engineering attack that could lead to code execution (CVE-2010-1240).


Irgendwie mega Fail oder ?

Den Support leichter machen

Jeder der schon mal Support für ein Produkt gemacht hat, kennt das:

"Es geht nicht...."
- "Was haben sie den gemacht ?"
"Ich ?, habe nichts gemacht"
(...)
- "Welches System und welchen Browser versenden Sie ?"
"Woher soll ich das wissen, das ist doch ihre Aufgabe...."

So kann das stundenlang gehen.

Nun hat sich jemand gedacht, dass man für die Frage des Systems und Browsers etc. auch schneller und genauer eine Antwort bekommen kann.

http://www.supportdetails.com/



Das Ergebnis kann man als CSV oder als PDF an den Support senden.

via: neoterisch.de

Bild: http://www.supportdetails.com

Passwörter ändern nicht vergessen !!

Passwörter sind notwendig. Leider sind sie aber auch lästig und viele machen es sich zu einfach.
Daher ist ratsam und notwendig seine Passwörter ab und zu mal zu erneuern.

Laut einer aktuellen Umfrage halten viele Deutsche dauerhaft an ihren Passwörtern und Zugangscodes für E-Mail-Postfächer, Internet-Konten, Computer und Handys fest.

Nutzer ändern Passwörter zu selten

via: neoterisch.de

Websitenprojekt absichern gegen unnötige Fehler

Wenn ein Projekt fertig ist, gibt es nichts schlimmeres als Kunden die meinen die wüssten es eh besser.
Die kennen da jemand der das besser kann, oder die kennn da ein Tool das dies und das überprüft.

Alles mit halb-Wissen, dass sie irgendwann mal gelesen haben.

Damit man solche Gefahren ein wenig reduzieren kann, sollte man die Basics drauf haben. Da man ja selber auch nur ein Mensch ist, sollte man das doch noch mal überprüfen lassen.
Nicht dass der Kunde das auch macht und dabei unnötige Diskussionen entstehen.

20+ Online Tools for Website Validation and Testing
Dabei wäre so sachen wie:
- Checklink
- Mobile checker
- HTML Validator










Quelle u. Bild : http://www.1stwebdesigner.com

Hab ich was vergessen ?

Jeder der Projektverantwortung hat, der sollte eh schon eine Liste haben mit der man überprüft ob alles so ist wie es sein soll.

Natürlich kann man nicht immer an alles denken und nicht jede Liste ist perfekt. Wer nun also noch ein wenig Anregung braucht der kann sich auf Launchlist noch Ideen holen.

Somit sollte die Planung und Erstellung eines Projektes erfolgreicher ablaufen.

Launchlist is intended to help and encourage web designers and developers to check their work before exposing it to the world at large.

The product was born out of frustration. For too long we had been using archaic methods to conduct pre-launch testing and the web was an obvious choice to do it better.


OpenSource Projektmanagement Software

Jeder der mal mit mehr als nur einem Projekt zu tun hatte war froh wenn man die Möglichkeit hat die anfallenden Daten irgendwie logisch abzulegen. Sie wieder zu finden und auch damit was machen zu können. Auswertungen zum Beispiel oder sogar Zeiterfassung.

Da ja nicht alles Geld kostet und man ja immer die Qual der Wahl hat kann man sich mit der folgenden Liste eine Übersicht geben, was es so alles gibt und was so eine Software kann.

Top 25 Open Source Project Management Apps

So spart man Geld und hat gleichzeitig die Möglichkeit herauszufinden was eine Projektverwaltungssoftware für den eigenen Einsatz so können muss.



Die Farben des Regenbogens.

Was haben die Farben des Regenbogens mit Entwicklung zu tun ?
Nun Ohne Farben sehen wir nichts. Also brauchen wir Farben um unsere geistlichen Ergüsse sichtbar zu machen. Und wenn es noch toll dabei aussieht, dann freut sich der Kunde.

Nun hat jeder Mensch seinen eigenen Geschmack. Daher wird ist oft sehr schwierig die richtige Farbe zu finden, denn wie benennt man die Farbe nun richtig ?
Für den einen ist es dunkelrot für den anderen Weinrot. Bis man sich dann auf eine Farbe geeinigt hat, kann es schon passieren, dass der Kunde einen für blöd hält (der Kunde hat immer recht !).

Daher muss man sich auf ein System einigen aus dem man die Farben bezieht.
Wenn man soweit ist, dann sollte es kein Problem mehr sein auf einen Nenner zu kommen.

Nun hat sich Randall Munroe mal die Mühe gemacht eine Umfrage zu starten wie man denn Farben benennt. Denn Weinrot ist nicht immer Weinrot.

Hier mal ein Paar Dinge die bei der Umfrage herauskamen:
- If you ask people to name colors long enough, they go totally crazy.
- A couple dozen people embedded SQL ‘drop table’ statements in the color names. Nice try, kids.
- Nobody can spell “fuchsia”
- Colorblind people are more likely than non-colorblind people to type “fuck this” (or some variant) and quit in frustration.

color names most disproportionately popular among men: 1. Penis


Wie man sieht schon komische Dinge. Aber man hat sich die Mühe gemacht auch sehr ausführlich auszuwerten. Das Ergebnis gibt es hier:

Color Survey Results (mehrere Seiten lang und unterhaltsam !)




Social Engineering. Die Besten.

Social Engineering war und ist ein wichtiges und einflussreiches Feld.

Nun wurden die Top 4 aufgestellt.

Die "Überaschung" ( was eigentlich keine ist ) ist der erste Platz !

Security's Top 4 Social Engineers Of All Time

via: neoterisch.de | blog.fefe.de



Wepawet. Maleware auf der Spur

Dass Websiten Fremdcode untergeschoben werden kann, ist ja bekannt.
Wie aber erkennt man so was ?

In den meisten Fällen ist das Javascript Code, der sich aber nicht immer so schnell finden und auch "lesen" lässt. Ist man da nicht so erfahren, dann hat man es schwer so einen Code zu erkennen.

Wepawet ist nun ein Service der Online eine Website untersuchen kann ob da Fremdcode sich eingeschlichen hat und kann sogar herausfinden was dieser machen soll.

Wepawet is a service for detecting and analyzing web-based malware. It currently handles Flash, JavaScript, and PDF files.


Somit lässt sich schnell und einfach die Seite analysieren und auch herausfinden was da los ist.
Der Fremdcode wird dazu auch noch angezeigt und kann somit schnell lokalisiert und entfernt werden.

via: Kaffeesatzlesen

Die Schnittstelle für den Benutzer. Formulare

Ab einem gewissen Punkt kommt keine Anwendung um Benutzerangaben herum.
Egal ob es nur die Eingabe von einer Nummer bis hin zu kompletten Adressdaten sind. Man muss sich gedanken um die Eingabe machen.
Eine Anwendung sollte klar machen welche Daten nun benötigt werden und welche nicht. Und was noch wichtiger ist, ist die Form.

Ein Datum zum Beispiel kann entweder 2010-05-24 oder 24.5.2010 geschrieben werden ( und natürlich in noch mehr Varianten ) und dies muss kenntlich gemacht werden. Denn eine Machine kann nicht so denken wie ein Mensch.

Oder wie eine URL, E-Mail oder Kundennummer aussehen muss. Das alles muss beachtet werden und dem Benutzer bekannt sein.

Damit man nun nicht im dunkeln tappt kann man nun bei noupe sich eine Anregung holen:

Tips for Coding and Designing Usable Web Forms

Dabei sind so Sachen wie:

- Two-Column vs. One
- Clearly Indicate Required Fields
- Make Your Forms Accessible

Damit sollte das Erstellen von Formularen ein wenig leichter fallen.