I did a redesign of the template in late 2009 and took some time this weekend to get it polished up a bit. What I like about DaDaBIK is that you can provide data editing functionality and are able to adjust the look to a clients CI quickly (just replace one logo and change some colours - the PSD is included).

Although the code of DaDaBIK is from another pre-PHP5-decade, I didn’t see much of a need to change the inner workings of DaDaBIK. So what I did is putting some fresh paint on it using CSS. Since there is no template-engine imlemented into DaDaBik, I had to edit core files here and there for simple markup changes. So! The only thing that makes sense is to offer one complete package here: DaDaBik itself and the new design included.

Installation:
If you’re about to use DaDaBIK for the first time, you might want to take a look at www.dadabik.org as well, since there’s a documentation online giving you more insight. Anyways, the setup is quite easy:

1. Download the archive
2. Extract the files, and upload the dadabik folder to your server.
3. Edit the file includes/config.php and enter your DB settings according to your setup.
4. Open up the URL yourdomain.com/pathtodadabik/install.php.
5. DaDaBIK will now set up some internal tables and you’re done.

Notes:
It’s important that you have created the database, you entered in the config.php file first. (for example using phpmyadmin).
If you want to, you can use a pre-made MySQL table structure with some dummy entries that I have included in the zip: just copy and paste the contents of dadabik-example-db.sql into the SQL window of the new database in phpmyadmin.

Once you’re done with the basic installation, head over to the admin.php which gives you all the admin options you need to include/remove secific tables and set human readable aliases for the tables.

The last step to perfect interfaces is to click the Interface configurator link on that admin page.
The configurator gives you all the options to customize the appearance, set default values, define which fields are mandatory, etc. etc.

Demo:
Check out the demo of DaDaBIK with the new design.
You’ll have to enter username test and password: test@ddbdemo to enter.
(please keep in mind that a lot of features are disabled in the demo, since the test-user doesn’t have admin-rights.)

Download:
DaDaBIK Revised 1.0 (1MB, tar.gz)

Subversion Repository:
There is a Subversion repository in case you want to make use of the open source idea or really want to see some old school PHP4 :O

Changelog:
2010-03-09 initial release of DaDaBIK Revised

Nachtrag: Das könnte mich ja schon wieder aufregen: nun hab ich mich doch mal getraut ein “on-the-fly”-Update in WordPress zu machen… mit dem Ergebnis, dass er erstmal brav das Default Theme überschrieben hat. :(

Should I ever return to the Una Hotel in Bologna, be sure that I’ll be equipped with huge, red “Validation failed!” stickers.

• Groovement Radio aus Manchester vom Unity Radio (einer BBC Anstalt) bringen bunte Mischungen von purem Funk, Soul, Reggeae, Dub Step, Hip Hop, Big Beat, Broken Beats über Brit-Rock hin zu Pop. Einfach britisch halt. Auf den beiden Webseiten werden sowohl die Radiosendungen als auch extra Mixes angeboten und die DJ Prominenz von der Insel gibt reicht sich die Klinke.
• Mondayjazz ist ein Projekt aus Litauen, genauergesagt aus Vilnius. Hier findet man seichte Klänge mit Bee Gees Samplen genauso wie Dubstep, House oder Hip Hop Einflüsse. Die Liste der DJs reicht von MPC-Virtuosen und Loop-Fanatikern wie Fulgeance, über Elektro-House-Jazzer Dorian Concept oder den Berliner DJ Synflood, Martin Virgin und viele viele mehr. Wie der Name schon sagt gibts jeden Montag einen neuen Mix.
• Den grad erwähnten DJ Synflood beneide ich in erster Linie um seine Plattensammlung als um seine DJ-Künste… :D Seine Webseite steht unter dem Motto monthly beat science und ist gespickt mit so einigen akustischen Schmankerln mit Kopfnickfaktor. Hier rutschen neben Broken Beats auch hin und wieder mal RnB lastige Stücke in die Mixes, was mir normalerweise gar ned taugt - in Synfloods Fall aber immer gut da reinpasst.
• Der gute alte Wefunkradio Podcast vom kanadischen Sender CKUT aus Montreal kommt bei mir momentan zu kurz, sei aber trotzdem erwähnt, zumal ich vor ein paar Monaten extrig zur Deutschland Tour von Professor Groove und DJ Static nach Heilbronn gereist bin. Lohnt sich definitiv für alle die wissen, dass (oder wissen wollen ob) Hip Hop was anderes als Black ist. Funk, Old- und Newschool.
• Dann mag ich auch noch KCRW einer der besten Sender die man in Kalifornien im terrestrischen Radio hoeren kann, ein Sender des Santa Monica College (oder so ähnlich…). Der passt auch mal als Ausgleich zu allzu schraegen Beats anschalten kann und in der Regel immer gute Musik, weit ueber deutschem Einheitsradio-Niveau bekommt. Wenn man zur falschen Zeit einschaltet (am besten hoeren wenn es in Kalifornien Nacht ist - also morgens und vormittags) wird man mit elendigen Jingles und scheinbar programmierten Robotermoderatoren genervt… Wer sich auf der Webseite etwas umsieht findet auch noch den empfehlenswerten Top Tune of the Day Podcast, der einem, wie der Name schon andeutet, jeden Tag ein mp3 auf die Platte schiebt.
• Fast hätte ich den Error Broadcast vergessen. Sträflich. Auch da kann man, wer hätte es gedacht, einfach reinhören. Soweit ich das gesehen hab gibts dort sowohl Alben einzelner Künstler zum Download wie auch zusammengestellte Compilations.
• Hah und noch ein sprudelndes Akustik-Quell vergessen! Auf Supercity.at lassen sich gleich ein ganzes Kollektiv von österreichischen Künstlern aus. Von DJ Zuzee über Manuva, Szenario (der hier schon einmal auftauchte). Hier gibt es zwar per se keine Streams oder Mixes, aber im Blog läuft doch der ein oder andere Verweis auf Alben, Mixes, Videos oder Hörproben an. Supercity schliesst damit die Lücke die Manuva hinterlassen hatte als er seinen Blog vorerst beendete um sich Supercity zu widmen (er hatte auch dort Alben aus Netzfundstücken zusammengestellt).

Nicht zuletzt wird man durch die erwähnten Seiten und Mixes immer wieder auch auf andere neue Sender oder Künstler aufmerksam die man vorher nicht kannte. Die wiederum haben alle MySpace-Seiten, ggf. Alben oder Mixes, etc. eine spannendere Art Musik zu konsumieren, wie ich finde, als im Laden Album XY von Künstler XY zu kaufen.

19:50 h

Nach einer netten Vorstellrunde gehts los.

20:00 h

Vorstellung der Gameforge AG und der aktuellen und anstehenden Browserspiele.
Knapp, Bunte Bildchen lastig… Plakate mit Frauen, sehr Charakterstarken Frauen und auch Hintern. Ueber Mittelalter-, Taktik-, Rollenspiele, Action etc…

20:20 h

Stefan Schwerdi Schwerdtfeger startet seinen Vortrag zum Thema QR-Codes, einer Innovation die weitgehend an Deutschland vorbeirauscht. Fehlende Innovationsbereitschaft oder auch die verwurzelte Angst vor Veraenderung sind wohl in Deutschland die Bremsen dieser inzwischen 3-4 Jahre Technik.
Der gute Herr Nadermann berichtet in dem Zusammenhang auch von einigen Fehltritten die Unternehmen in Sachen QR-Codes schon unterlaufen sind: einige Fluggesellschaften schreiben anscheinend unverschluesselte Informationen ueber die Buchung in den QR-Code sodass man vor einigen Jahren wohl durch haendisches Abaendern des Codes auf einmal in der Business-Class platz nehmen.
Interessanter Einwuerf auch seitens eines skeptischen Besuchers: wozu einen QR-Code auf Papier packen, wenn man genausogut Informationen und Text unterbringen koennte - ohne eine technische Huerde? Prompt kommt das Echo: 1) man kann jemandem damit den Tippaufwand ersparen 2) und sich auch z.B. multimediale bzw. stets aktuelle Zusatzinformationen bereitstellen lassen, waehrend ein Blatt Papier/Plakat neu gedruckt werden muss.
Einen guten Überblick über aktuelle QR-Code Einsatzmöglichkeiten gibt der Blog tagmotion.de. Zu einen schnellen Überblick über QR-Codes verhilft einem Wikipedia: QR Codes.

What is the first thing you do when it’s time to create a new CSS file? You might start from scratch with a blank CSS every time. You might use Eric Meyer’s reset.css. You might probably work with one of the numerous CSS-frameworks, such as Blueprint CSS or YAML or even use the CSS stuff from that YUI framework. You might even start with your CMS’s standard theme and adjust things from there…

One thing you might forget when you hack in the first lines of CSS (and this happens to the best of us) is to use reallife markup instead of that boring “Lorem ipsum…” designers seem to have a faible for. This is where this markup snippet comes into play: it should help you with filling your wireframe layout with some actual HTML-markup.

So just plain HTML, huh?

This snippet provides a wide range of commonly used markup, that should be supported by most rich editors (a.k.a. WYSIWYG editors).
Since every coder has his own preferences towards class names. I decided to leave out the fancy stuff you could do with classes at all, as this would force some people to spot, delete, or rename those classes afterwards, which would be counterproductive. So this is plain HTML.

Download

Since each and every CMS treats the markup you insert into its page editor differently, I decided to provide both: a version with regular HTML and one without the paragraphs for those CMS that come with their own paragrapher-functionality.
Sample Markup v0.1 (text file, 8 KB)
Sample Markup v0.1 without paragraphs (text file, 8 KB)

Some notes: the HTML-elements included in the snippet are: p, a, abbr, acronym, samp, code, pre, ol, ul, li, blockquote, cite, q, table, caption, thead, tfoot, tbody, tr, td, th, em, strong, sup, sub, div, span

That’s basically it. Just create a code snippet in your favorite editor and remember: Sample markup is the new lorem ipsum.
Am I missing something? Looking forward your improvement suggestions.

Changelog:
v0.1 Initial version. (2009-10-9)

1. code, pre, samp {
2. font-family:
3. "Envy Code R",
4. Consolas,
5.  Monaco,
6. "Courier New", Courier,
7. monospace;
8. }

Und gleich noch einen Screenshot hinterher :)

Gehen Sie einkaufen - Alles ist gut.

So what this does is: First, it requires you to set up a list with images and another div with links (the controls). have a wrapper div surround this. When clicking on a ‘pager’ link, it will then slide the whole list in its parent div.

Wer speziellere Anpassungen benötigt wird um das Weblication Kompendium meines Kollegen Ulf Mayer kaum herum kommen das er unter Weblication Tipps betreibt.

Und gewonnen hat: Bernd Schmitz aka @schmitz. Gratulation! :)

Erwartet hätte ich eigentlich das Aufploppen eines Hinweises sobald es eine neuere Version von Chrome gibt. Dem ist aber nicht so. Wer ein bißchen sucht findet stattdessen im Menüpunkt ‘Google Chrome anpassen’ den unscheinbaren Punkt ‘Infos zu Google Chrome’. Öffnet man dieses Fenster findet man dort einen Update-Button. Bei mir brachte das einen Versionssprung von v1.0.154.65 auf die aktuelle v2.0.172.28. (via BuilderAU)

Ein Browser um den es jetzt lange ruhig war ist Flock, der nun ebenfalls in einer neuen Version verfügbar ist. Zur Freude aller Socialnetworking Addicts (wenn ich mich recht entsinne war das schon immer der Fokus von Flock: das Social Web) hat man in die neueste Version als logische Erweiterung eine Twitter-Anbindung in den Browser integriert. Ebenfalls neu: ein Facebook Chat mit seinen Buddies. Könnte man sich mal ansehen…