Friday, February 3, 2012

Fix 404 issues with FancyBox, IE in DotNetNuke

Due to limited support of CSS Shadows in Internet Explorer, Fancybox 1.3.4 report a lot of 404-errors for Internet Explorer in DotNetNuke:


  • .../fancybox/fancy_shadow_s.png
  • .../fancybox/fancy_shadow_nw.png
  • .../fancybox/fancy_shadow_sw.png
  • .../fancybox/fancy_shadow_w.png
  • .../fancybox/fancy_shadow_ne.png
  • .../fancybox/fancy_shadow_e.png
  • .../fancybox/fancy_shadow_n.png
  • .. /fancybox/fancy_shadow_se.png

The problem is that the url is relative (based on the specification in .css file). There are two ways of get rid of the 404 errors:

  1. Make the urls in the css absolute
  2. Remove the fancy_shadow...png from the CSS
I prefer options 2, to reduce the number of HTTP request by 8 - because limiting the number of HTTP requests is top level priority to increase performance (ref Best Practices for Speeding Up Your Web Site)

Monitoring DotNetNuke with Google Analytics

Choosing Google Analytics as monitoring for DotNetNuke is no-brainer. But before going into production remember to have same case on all uri's so don't end up with:
/Default.aspx  40%
/default.aspx   5%

Follow this guide on Google: link

Useful tools when creating a new website

This is a list of tools I used to be efficient when working with launching a new website (based on DotNetNuke):

  • NotePad++  is a free source code editor and Notepad replacement that supports several languages. Running in the MS Windows environment, its use is governed by GPL License. Based on the powerful editing component Scintilla, Notepad++ is written in C++ and uses pure Win32 API and STL which ensures a higher execution speed and smaller program size
  • GIMP is the GNU Image Manipulation Program. It is a freely distributed piece of software for such tasks as photo retouching, image composition and image authoring. 
  • Google Chrome Developer Tools
  • Google Chrome YSlow analyzes web pages and suggests ways to improve their performance based on a set of rules for high performance web pages. YSlow grades web page based on one of three predefined ruleset or a user-defined ruleset. It offers suggestions for improving the page's performance, summarizes the page's components, displays statistics about the page.

Launched new website - www.uecc.com


New uecc.com

1st of February 2012 we launched a new website for United European Car Carriers, www.uecc.com

The new website was designed to provide an enhanced viewing experience and easy access to updated key information about UECC – the company, our services and our fleet. The website has focused on clean and concise information, a fresh look-and-feel and easy navigation. 




Old uecc.com
I joined the company 1st of November 2011, and one of my tasks were to establish a new Internet site. We started the project in December, with a small team - working part time on this project. The intention was to have to new site launched by 1st of February 2012.

The old site was about 5-6 years; using flash, presenting content different in different browsers, hard to update for non technical (actually for IT Pro or developers as well)

Alternatives for new site
As technical architect (as well as project leader) for the project I looked into some alternatives for technical product to use. In the beginning of my career I worked as developer on different technologies (C, C++, C#, Java, Pascal, Delphi,Visual Basic, Perl, etc...) before I started as a technical architect focusing on the Microsoft platform - specializing the Enterprise Collaboration and Portals.

Before I started to evaluate the different alternatives, I was more or less decided on using Microsoft SharePoint 2010 - but needed to do some research before taking the final decision.

My initial research ended up with the following alternatives:

Based on the criteria give by our steering committee we ended up with choosing DotNetNuke. DotNetNuke is based on a Microsoft platform, have a community edition (for free) and also a standard and enterprise edition.

Project
To help us with the graphical layout and implementing this in DotNetNuke we choose a quite small local consulting company. They prepared some initial thoughts for the home page and sub pages for our first meeting, which we were very happy with. The end result is actually very similar to the initial design.
We were a small team working on this - and only had the opportunity to work on this part time, since we have a lot of other tasks and projects that we are involved in.

Launched
The last two weeks before the launch was a little bit more hectic than normal days, but still we had good control on both the content and technical.

The night before 1st of February we launched the site. The only unexpected, which I fixed immediately with installation a http direct module in IIS and add some .html pages, was that old links (Google, Favorites) were pointing to a virtual directory that didn't exist anymore (so some 404 pages)

Conclusion
After two days in production, using Google Analytics (great tool) to monitor the traffic, everything seems to works well. A lot of very positive feedback from employees and externals. 

In addition to Googly Analytics, we also use DNN Monitor, and it reports 100% uptime.

Fix wrong favicon.ico on pdf files in DotNetNuke

Replacing the favicon in DotNetNuke is quite simple by using the Admin page. Currently I have experience some cases where the favicon is not displayed in the browser:
  • If you download PDFs
  • If unavailable site is displayed

By using Fiddler I monitored HTTP traffic and discovered that DotNetNuke serves the favicon at /

Solution: Copy your your favicon to the root folder, and then it should work

Is the blog title in Latin? Why?

Why the title Ex Improviso, you may ask..

The reason is actually that I wanted to use this blog to share some ideas and experiences. The update frequency of the blog will be random - and more when something comes into my mind. The Latin word Ex Improviso means suddenly.


The content of the blog will be most technical information, both may also contain information about yachting, cycling, fotball etc..


By the way, I don't know any Latin.