New Website Design

Today I’m very pleased to an­nounce the new design of my web­site! I put a lot of ef­fort into mak­ing it clean and fea­ture-rich at the same time. My goal was to re­duce the num­ber of dis­tract­ing ele­ments while keep­ing the func­tion­al­ity of the old site.

The blog posts are now a lot easier to read. Font size is lar­ger and the side­bar has been re­moved. I also re­designed the pho­to­graphy page. Lar­ger im­ages now make use of the full screen size. I’m us­ing the fancy­Box JavaS­cript lib­rary as be­fore but I tuned it a lot to bet­ter present the pho­tos.

Here are some im­pres­sions com­par­ing the old design with the new one:

I wanted to util­ize mod­ern tech­no­lo­gies and ele­ments for both, the front-end and the back-end:

• HTML 5
• CSS 3
• Boot­strap 3
• Ro­boto and Ro­boto Con­densed web fonts
• Font Awe­some
• Node.js
• Metal­s­mith
• and oth­ers …

Of course, the web­site is com­pletely re­spons­ive and should look equally good on vari­ous devices.

In ad­di­tion to the new design I also put a lot of ef­fort into mak­ing the site as fast and small as pos­sible. I ap­plied sev­eral tech­niques such as im­age com­pres­sion or HTML and CSS mini­fic­a­tion to re­duce the num­ber of HTTP re­quests and bytes that have to be trans­ferred be­fore a web page can be dis­played.

I hope you like the new site! En­joy your stay!

If you have ideas, re­marks or com­ments feel free to put them be­low.