PHP Switch

August 14, 2005

Back in April I decided to switch from ASP to PHP. The reason for this decision was mainly that I wanted to test my site on my Mac using the built in Apache web server. Now four months later the new version is finally online.

So you may probably wonder how it can take up to four months to convert a small site such as Bartelme Design form one scripting language to another one. Well actually I already had a running PHP version of Bartelme Design at the end of April. But after finishing I thought that I could take the chance and implement some new features and optimize the site’s structure.

Structural changes

The home page has undergone the most significant changes. Instead of just listing three journal entries, you now get an overview of the latest twenty entries as well as a list of recent comments.

Furthermore I wanted to get rid of the paging in the journal section, since paging is definitely not appropriate for browsing a chronology of articles. So instead of using the paging you may now browse older articles via the archive. Andy yes, now there is also an archive for forum entries and sidenotes.

Live Search

Another new feature, that I’m kinda proud of :) is the new live search functionality. Just type the intended search string and the respective results will immediately be displayed below. Just in case that you do not like the live search or you have disabled JavaScript, just hit the return button and you will be redirected to the conventional results.

Backward compatibility

So what about existing links to Bartelme Design? Well I am glad to tell you that all older links are redirected to the respective new PHP, so you shouldn’t even notice the switch. This of course also applies to my two RSS feeds — though I would recommend that you update the RSS URLs in your feed reader.

New Design

A bit more obvious are the changes to the layout of Bartelme Design. By the way if you feel that something looks a bit strange just make sure that you have the latest CSS and Javascript by emptying your cache and hitting the refresh button.

So what are the deliberations on the new design? Well primarily I wanted to attach more importance to the actual content: I increased font size for better ligibility and reduced spacing at the top of the page by positioning the header next to the main content.

The only downside of this approach: Horizontal scrollbars at a resolution of 800x600 pixels. Well from my point of view this is acceptable, since I don’t know anyone who still uses such a small resolution. Anyway, as always I’m eagerly awaiting your feedback :) What do you think?

68 comments

wow. The design looks really nice. Thanks fpr sharing your creativity. Are you using any PHP-Frameworks like Mojavi?

Wolfgang

Looks wonderful Wolfgang. Congratulations…

Wolfgang

There is, however, one problem. The comments are all in your name and not that of the person who typed the entry.

Wolfgang

Well thanks for the hint — some parts of the code were still in development mode. Didn’t expect such quick response :) However great that the new design meets your expectations.

Wolfgang

Wie nicht anders zu erwarten sieht es super aus — nur das Menü ist IMHO ein bisschen langweilig. In der Live-Suche würde ich statt die Ergebnisse zu numierieren lieber ein Icon für die Quelle (Blog, Forum, Sidenotes, Kommentare) anzeigen.

Pascal

Schade, dass man immer noch keine Zeilenumbrüche in den Kommentaren machen kann :) Wenn man keine Webseite einträgt, weißt der Link zu Link und der Kommentar ist grün… Eine Ajax-Live-Vorschau für Kommentare wäre auch noch ziemlich cool :)

Pascal

Absätze werden unterstützt — jedoch müssen die zwei Absätze mit zwei Returns voneinander getrennt sein.

Wolfgang

Sehr gut gelungenes Update, weg von den vielen Sans-Serif Schriftarten, doch finde ich die Schrift für die Teilüberschriften im Journal ziemlich groß, ich würde sie vielleicht nicht unbedingt auf bold setzen (wenn sie denn bold sind…) Oder ist das nur unter Windows ein Problem? Wenn die Redesigns jedes mal besser werden, freu ich mich ja schon aufs nächste ;-) Echt gute Arbeit, Glückwunsch.

Philipp Daun

I love the changes, especially the live search. You’ve done a great job on the fit and finish, as usual. :) And I just noticed my site is in your link list, woo! Thanks a lot! :)

esXXI

Du meinst die Überschriften wie “Latest Comments” etc? Die sind mit Absicht relativ groß gesetzt. Was jedoch nicht Absicht ist, sind die großen vertikalen Abstände im IE, welche genau bei diesen besagten Überschriften auftreten. Da muss ich noch dran feilen. @esXXI: it’s always a pleasure to link to great sites such as yours.

Wolfgang

Hi Wolfgang, beautiful redesign. I also like the increase in text-size, it’s indeed very readable now. Too often text-size is chosen very small just to fit a certain style or design. About the switch to php and permalinks: have you considered rewriting the url’s with Apache’s htaccess? (if your site is hosted on apache that is). It’s really not difficult to change the urls to /journal/252 for example. That way the url’s are independant of which language you use.

Matthijs

Awesome job man. Once again you’ve amazed me with both the new features and the new design. However, I do have one small dilemma. Whilst I was typing this comment, when I got to the website field, it told me that my website was invalid, so I simply dropped the “http”. Once again, awesome job.

Alex B.

Thanks for the hint. Seems as if my regular expression did not allow minus signs in the URL. Already fixed it. By the way I’m really thankful for all reported “bugs”. So if you find further ones, just let me know.

Wolfgang

Will do. I’m a bit curious, though, as to of how long the actual design process took? I know the overall process took months, due to the complexity of some of the new implementations, but I was curious about the actual design. Best, Alex B

Alex B

Well that is a sore point ;) Also designing the new layout took me several months. Actually I needed five to six design iterations before I was satisfied. I’ve created a running prototype for each of the designs and used it parallel to the public version. So I could improve the design as well as the code continually.

Wolfgang

Hiho! also ich muss sagen, der Content gefällt mir ganz gut aber der Header und die Sidenotes gefallten mir nicht 100%tig kurz um das alte Design fand ich besser greez Cab

Cabcom

The default safari size on a 1024x768 machine makes viewing your website a little difficult because you have to scroll horizontal (but it’s worth it!). I love it.

ZicklePop

Stunning design! I thought everytime it was your best design, but every new design was better ;) It’s v e r y refreshing… Congratulations! And as Matthijs mentioned above – Mod Rewrite would be even better.

Stefan

the design is great. but the fontsize is a lil bit strange :P

Misa

Wow… It’s so pretty…. Good job Wolfgang, and congratulations on the switch to PHP!

Jeremy Curry

I am just an occasional visitor here … and certainly not an expert in design. But I know that implementing good ideas efficiently all the way, including even the last little details takes time, patience, knowledge and skill. Congratulations for the new design and the setup!

Norbert

omfg, sorry for the swearing but this site design is amazing :D

Digitalsoft

Congrats on your listing at CSS Beauty! Amazing design… Link

Julian Schrader

Design looks stunning. Great job.

Tom

Hallo Wolfgang, sehr gelungenes Redesign muss ich sagen. Am besten gefällt mir die live search, sowas sieht man auch nicht oft. Gruß Michael

Thalion

a

a

aa

a!

Well, I found this site from your submission over on Unmatched Style (sadly this hasn’t been added to the gallery) and I have to say it looks amazing! Clean, smooth font, bold colors, just plain awsome!

clindhartsen

Hi Wolfgang, Love the new design, always so crisp and clean. The colors are outstanding. Great Job Trevor Delamorandiere

Trevor

Wow! I love it. It looks really great. Keep up the good work.

Yannick L.

Clean, simple design. Great work.

David Jones

Hats off to you, great design as always! *jealously waves to his austrian design superstar neighbour ;-)

Mark

Great job! I really like the new Design, but I think your new Cinema Display has to much place for work. ;) The font-size is extremly big :D @work: 1280x1024 @home: 1600x1200 it’s better okay :thumbsup: and are you working on a new icon design?

Chris Wouters

Das alte Fresh-Design fand ich wesentlich ansprechender. Während das neue Design zwar gut aussieht, war das alte einfach der ein Treffer: Dem neuem Design fehlt der Pfiff, das Besondere. Dein Umstieg auf php ist aber sehr lobenswert. Erzähl uns doch mal, was du nun einsetzt, wieder ein eigenes CMS, statische Seiten dazwischen?

macx

I don’t know what but there’s something I like about this website. :-)

Rene

Coming back to add my two cents worth to the font and size aspect … I appreciate the bigger fonts because my eyesight may be a bit worn :) Also the headings with the larger font size are a great help when I, at first glance, try to focus on my points of interest on a web page, discerning general information from details. Therefore it isn’t only a design aspect for me but very much also an enhancement for optimal information acquisition. I know it has been stylish to have small fonts in the past … or was it more economical on a limited screen space. Or was it because most of you designers are young! But look at newspapers. For centuries they have been successful with quite large heading texts. So evidently it is a basic need — especially when IT becomes an everyday tool also for older people.

Norbert

Your colorscheme is a thing of beauty!

Tinus

Ein wirklich schönes Design. Es gefällt mir genauso gut wie das letzte Desgin. Hast du schon mal URL rewriting gedacht? Das wäre sicherlich eine nette Sache.

Bernd

Schönen guten Morgen Wolfgang, erstmal gratuliere ich dir zu einem wiedermal erfolgreichen Redesign von bartelme.at. Langsam wird es Zeit mal eine Layout Historie für deine Seite einzuführen ;) Den einzigen Wehmutstropfen, den ich an dem Layout sehe ist, dass es mir etwas zu “drückend” ist. Hätte es gerne mal im Hintergrund mit einem schönen Beigeton gesehen. Ich denke damit würdest du die Seite etwas freundlicher haben und dennoch den Content in den Vordergrund stellen. Leserlich gesehen hat sich die Seite wirklich sehr verbessert. Schöne Grüße aus dem hohen Norden

Sascha

Hallihallo Das neue Design gefällt mir sehr gut. Es ist klar, übersichtlich und sehr konsequent umgesetzt, gleichzeitig aber auch sehr spannend anzuschauen. Ich gratuliere Simon

Simon

don’t like PHP synthax….prefer ruby and the fantastic rubyonrails framework….php scripts are unmaintainable…. Rails does a good job of making your web application feel like programming an object-orientated application, rather than a whole bunch of loosely connected PHP pages with some messy database code scattered throughout….

hangon

@hangon… Hm, looks really nice, unfortunately my server doesn’t support ruby/rails. I think there are only few which do… But I’ll try a few things on my local server.

Stefan

Lovely site — are you using Ruby to power the search? I love how it instantly updates the page! Congratulations.

Nick

Excellent design mate. You could use Gravatar plugin with this comment system.

Azad

Hi. Ansich find ich das neue Design ja schon gut, aber wo ist die möglichkeit geblieben, das alte Design zu nehmen? Oder is das technisch nicht mehr möglich? Das neue Design is etwas göber. Da fand ich das dezente und feinere alte Design doch besser. Aber es sieht trotzdem gut aus.

Samydavis

Seltsamerweise gehen bei mir einige Kommentare (auf dieser Seite z.B. Kommentar 45, das Wort “da”) über den blauen Rahmen. Möglicherweise liegt es am Internet Explorer (V. 6.0). Ich dachte mir einfach, dass ich das vielleicht sagen sollte.

Ivan

Love the site…. the above comments illustrate that fact. My comment is about your PHP/Apache powerbook setup… IF your hosting the site for outside users and using Apples’ default versions of Apache and PHP then, stop! The default settings are for root:wheel if I remember correctly… Install those from the source… for set the permissions for the no-account or better yet nobody:nobody. Good Luck, J

John Blaze

Herzlichen Glückwunsch zm Relaunch. Die Strukturierung und der Aufbau an sich ist ja kaum noch zu übertreffen. Das “feine” Design vermisse ich etwas — aber das ist nun bekanntlich Geschmackssache. Sicher wirst Du an PHP genauso viel Freude haben wie ich, alles Gute weiterhin ! Viel grüße aus Sachsen ; Andreas

Andreas Ploch

Im a little busy, but couldn’t miss the opportunity to tell you how good I think the improvements to your site have been. Great work, your a real inspiration to me and everyone else. Thanks

Gavin

Wow. Love the new design/layout. Very nice! I especially like the font layouts you chose.

Sean

Wow, thank you guys for all your feedback. By the way some of you mentioned that it would be a good idea to add gravatar support. What’s your over all opinion about gravatar? Is it worth implementing? Do you already have a gravatar?

Wolfgang

Bin soeben aus meinen Ferien zurück… und siehe da! Was für eine Überraschung. Gratulation und riesen Kompliment! Die Seite ist Spitze. Die Farbwahle, die Positionierungen, die Grössen, die Grafik… passt alles und gefällt mir sehr, sehr gut! Liebe Grüsse aus der Schweiz

milos

I do hav a gravatar, and many other users too. I think it’s a pretty nice addition for any blog.. as long as the gravatar is positioned well and does not disturb the design. The comment part of your site is beautiful and I think a gravatar support is not really necessarily.

milos

Wow … great design! I’m working on some designs for my own sites and it is hard, very hard not to copy your layout or colours … The combination of blue and green — just great! Greetings Arne

Arne

Coole Sache! Schön wie immer! Gratuliere — bist auch auf Link zu bewundern :) Viele Grüße! Dani

Daniela

Sehr schön! Wie immer eine exellente Farbwahl getroffen.

Sebastian

Hmm.. I kinda liked the old design better. (But that’s just me)

Nooon

Site looks great! Awesome work.

Elliott Pogue

Das mit den gravataren ist eine gute Idee, aber es würde die Seite verlangsamen. Überlegen wir mal: Wie bei diesem Artikel ist eine hohe Kommentaranzahl doch schon vorprogrammiert. Wenn nun jeder ein Gravatar angeben würde, wären die Ladezeiten imens gross!

Martin Labuschin

The new design is a pleasure. How did you find the transition to PHP from ASP though?

Paul Watson

Do you have websites that you used to look at for example code or learning of PHP designs and scripting? I’m looking to really get into PHP myself and would like to learn just about everything that you just talked about. Maybe provide me with some links that you used in creating this website?

Jeremy

Ther were indeed a couple of great web sites that helped me in getting familiar with PHP. If you are interested, just take a look at my respective post back in March, when I asked for PHP resources. Link

Wolfgang

Another gorgeous design — although it comes up fairly large on my screen (safari/firefox, 20” Apple LCD @ 1680 x 1050). Attractive, but a little less readable than the old design. Maybe you’ve outgrown the web since you got that nice big new monitor? ;)

phobic

Schönes Ding! Grüsse

Stephan

Oh mighty God. This is some of the best designs I have EVER seen in my entire life. So many vibrant colours, and the green bar on the left is an amazing idea. This is simply breathtaking, man.

Andy

Great work, as usual! Loving the new look.

Neil Merton

I really love the colors of the new design :D Extraordinary work!

Quaxi

heh -----

test

Commenting is not available in this channel entry.