<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">

    <title type="text">Blog</title>
    <subtitle type="text">Blog:</subtitle>
    <link rel="alternate" type="text/html" href="http://www.4elements.com/blog" />
    <link rel="self" type="application/atom+xml" href="http://www.4elements.com/blog/atom/" />
    <updated>2010-06-29T14:27:06Z</updated>
    <rights>Copyright (c) 2010, Kirsten Ramsburg</rights>
    <generator uri="http://expressionengine.com/" version="1.6.7">ExpressionEngine</generator>
    <id>tag:4elements.com,2010:06:29</id>


    <entry>
      <title>5 Ways to Increase Your Website Traffic Through Effective Web Design</title>
      <link rel="alternate" type="text/html" href="http://www.4elements.com/blog/5_ways_to_increase_your_website_traffic_through_effective_web_design/" />
      <id>tag:4elements.com,2010:blog/3.152</id>
      <published>2010-06-29T13:03:05Z</published>
      <updated>2010-06-29T14:27:06Z</updated>
      <author>
            <name>Kirsten Ramsburg</name>
            <email>interad@mac.com</email>
                  </author>

      <category term="Daily"
        scheme="http://www.4elements.com/blog/category/daily/"
        label="Daily" />
      <content type="html"><![CDATA[
        You’ve found <a href="http://www.webhostingsearch.com/review/just-host.php#/JustPlan" target="_blank">cheap web hosting</a> for your personal or business website and you’re ready to go. A few simple considerations while designing your website layout will help bring new people to your site and make them want to recommend it to others.<br />
<br />
<strong>Attractive homepage</strong><br />
The first impression visitors get of your website is your homepage. Ask yourself what image you wish to present to your visitors. What kind of design gives the best idea of what your website is all about? If your site is a business site, does your homepage reflect a businesslike attitude? Your page's <a href="http://www.noupe.com/design/70-visually-impressing-header-graphics.html" target="_blank">header</a> is one of the few things that potential readers see in your homepage, so better make it impressive. Your homepage should be attractive, engaging, and interesting to look at in order to make visitors want to stay and see what the rest of your site has to offer.<br />
<br />
<strong>Visually interesting layout</strong><br />
The rest of your website should follow the example of your home page. Not only should your layout be interesting to look at, it should also be easy on the eyes. Too many images, widely-varying text sizes, and flashy designs will detract from your site’s layout and are likely to drive visitors away. Aim to draw visitor’s attention with well-placed blocks of text, and use images only where necessary.<br />
<br />
<strong>Easy navigation</strong><br />
Having the best content possible won’t make any difference if visitors can’t find it. If your site is difficult to navigate, chances are that visitors will give up and go to another site for what they want. Make sure that your menus are easy to use and that all of the links work. The more quickly visitors can find information on your site, the happier they will be, and the more likely to recommend your site to others. See <a href="http://www.smashingmagazine.com/2008/01/31/10-principles-of-effective-web-design/" target="_blank">tips from Smashing Magazine here</a>.<br />
<br />
<strong>Unique content</strong><br />
Why should people come to your website rather than other sites with similar information or products? Ask yourself this question as you build your design. Strive to present what your site has to offer as unique from everyone else’s and reflect that in your layout. Go for an eye-catching logo or header image that will stick in visitors’ minds. Arrange your most important content so that it immediately draws the eye. Give people a reason to use your site above all others. <br />
<br />
<strong>Clear information</strong><br />
Now that you have a good idea of how you want to present your products or information, make sure it is presented clearly. The look of your content is just as important as the overall look of your site. Work within the layout you’ve developed and position content accordingly. Make use of lists and section breaks to deliver information in a way that is quick and easy to read. Visitors will appreciate being able to find what they need without hassle. <br />
<br />
Having a website design that is easy to get around and nice to look at is the best way to attract new visitors to your site and keep them coming back. Coupled with a <a href="http://www.webhostingsearch.com/" target="_blank">reliable web hosting choice</a>, your site will draw traffic in no time. 
      ]]></content>
    </entry>

    <entry>
      <title>Own dedicated G5 server II</title>
      <link rel="alternate" type="text/html" href="http://www.4elements.com/blog/own_dedicated_g5_server_ii/" />
      <id>tag:4elements.com,2010:blog/3.151</id>
      <published>2010-06-18T12:47:13Z</published>
      <updated>2010-06-21T13:14:14Z</updated>
      <author>
            <name>Martijn Broeders</name>
            <email>martijn@4elements.com</email>
                  </author>

      <category term="Daily"
        scheme="http://www.4elements.com/blog/category/daily/"
        label="Daily" />
      <content type="html"><![CDATA[
        <strong>Today is the day.</strong><br />
The task has been completed. Our last client has just been moved to our own dedicated server.<br />
- All of our own websites, including 4elements.com, has been moved.<br />
- All our clients websites has been moved.<br />
<br />
One big advantage of webmin/virtualmin is that it allows you to import cpanel based accounts painless into webmin/virtualmin.<br />
<br />
Our next post will guide you in setting up a perfect working server on a PowerMac G5.<br />
Stay tuned. 
      ]]></content>
    </entry>

    <entry>
      <title>Own dedicated G5 server I</title>
      <link rel="alternate" type="text/html" href="http://www.4elements.com/blog/own_dedicated_g5_server/" />
      <id>tag:4elements.com,2010:blog/3.150</id>
      <published>2010-06-14T12:45:04Z</published>
      <updated>2010-06-21T13:16:05Z</updated>
      <author>
            <name>Martijn Broeders</name>
            <email>martijn@4elements.com</email>
                  </author>

      <category term="Daily"
        scheme="http://www.4elements.com/blog/category/daily/"
        label="Daily" />
      <content type="html"><![CDATA[
        After months of preparation / installation and configuration it's finally done, 4elements.com has it's own dedicated server.<br />
<br />
<strong>Hardware:</strong><br />
<blockquote>- PowerMac G5 Dual 2 Ghz 64Bit<br />
- 512 KB level 2 cache, per CPU<br />
- 1 Ghz Bus speed<br />
- 8 GB DDR SDRAM memory<br />
- 10 TB HD (1 internal jive)<br />
- 256 MB ATI RADEON 9600 video card</blockquote><br />
<br />
<strong>Network:</strong><br />
<blockquote>- 2 x 1GB ethernet<br />
- Media Options: Full Duplex, flow-control<br />
- Media Subtype: 1000baseT<br />
1 for extrenal (8 IP's)<br />
1 for internal network</blockquote><br />
<br />
<strong>Main Software:</strong><br />
<blockquote>- Mac OS X server 10.5.8<br />
- webmin.com, virtualmin.com</blockquote><br />
<br />
<strong>Server Software:</strong><br />
<blockquote>- Apache 2.2.15<br />
- Php 5.2.9 <br />
-- Zend Engine v2.2.0<br />
-- eAccelerator v0.9.6<br />
-- ionCube v3.1.32<br />
-- Zend Optimizer v3.3.9<br />
-- Suhosin v0.9.31<br />
-- ffmpeg<br />
-- Ruby GEMS<br />
- Perl 5.8.8<br />
- MySQL 5.0.86 (64Bit)<br />
- Postgres 8.4.2 (64Bit)<br />
- Dovecot 1.1.19 (64Bit)<br />
- Postfix 2.4.3<br />
- SSH Server 5.2<br />
- BIND DNS 9.4.3<br />
- ProFTPd 1.33 (64Bit)<br />
- AMaVisD for virus and spam<br />
- CalDav, WebDav<br />
- and lots more....</blockquote><br />
<br />
<strong>Usage:</strong><br />
<blockquote>- Web-, mail-, ftp-server, hosting<br />
- Local audio storage, private use<br />
- Local video storage, private use<br />
- Local photo storage, private use<br />
- Audio, Video and photo streaming, Local<br />
- TimeMachine backup, company and private comuters</blockquote><br />
<br />
The next thing to do is moving 4element.com and our clients websites to the new server. 
      ]]></content>
    </entry>

    <entry>
      <title>No more IE6</title>
      <link rel="alternate" type="text/html" href="http://www.4elements.com/blog/no_more_ie6/" />
      <id>tag:4elements.com,2010:blog/3.149</id>
      <published>2010-04-25T09:39:54Z</published>
      <updated>2010-04-25T10:06:55Z</updated>
      <author>
            <name>Martijn Broeders</name>
            <email>martijn@4elements.com</email>
                  </author>

      <category term="Daily"
        scheme="http://www.4elements.com/blog/category/daily/"
        label="Daily" />
      <content type="html"><![CDATA[
        As of today we stop supporting IE6 (Internet Explorer 6).<br />
This due to the fact that IE6 doesn't support CSS the right way.<br />
<br />
All our new project will support the following Browsers and protocols:<br />
FireFox 3, 3.5, 3.6 (pc, mac, unix)<br />
Safari 3, 4 (pc, mac)<br />
IE 7, 8 (pc)<br />
and all other larger browsers (Opera, Chrome)<br />
<br />
CSS 2 and when requested CSS 3 
      ]]></content>
    </entry>

    <entry>
      <title>Webmin on a PowerMac G5, part I</title>
      <link rel="alternate" type="text/html" href="http://www.4elements.com/blog/webmin_on_a_powermac_g5/" />
      <id>tag:4elements.com,2010:blog/3.143</id>
      <published>2010-04-22T07:36:05Z</published>
      <updated>2010-04-23T07:37:06Z</updated>
      <author>
            <name>Martijn Broeders</name>
            <email>martijn@4elements.com</email>
                  </author>

      <category term="Daily"
        scheme="http://www.4elements.com/blog/category/daily/"
        label="Daily" />
      <content type="html"><![CDATA[
        <strong>Chapter I:</strong> Intro<br />
<strong>Chapter II:</strong> Installing/compiling Apache, php, mysql and others in 64Bit. <br />
<strong>Chapter III:</strong> Installing/compiling Dovecot, Procmail and ProFTP in 64Bit.<br />
<strong>Chapter IV:</strong> Installing Webmin and setting up Webmin.<br />
<br />
I have an old Apple G5 Dual 2 Ghz standing in my server room doing nothing.<br />
So I decided to change the G5 into a 64Bit web server, file server, streaming video server, Central Backup with Time Machine and more.<br />
<br />
<strong>I checked several option:</strong><br />
- Running the latest Mac OS X server, 10.5.8<br />
- Running Fedora PPC32/PPC64<br />
- Running Debian and Ubuntu PPC64<br />
<br />
<strong>Fedora 11 / 12:</strong><br />
The main problem of fedora is that it won't let you install a complete 64Bit system, just the 64Bit kernel. So what use does it has for a 64Bit server?<br />
Also trying to setup a network between fedora and apple is buggy. Netatalk is great but it does not do what it promises, yet. The AFP from apple is one of the best network protocols I see around and works out-off-the-box.<br />
<br />
<em>Pros:</em><br />
- Large community,<br />
- Perfect for a x86_64 computer,<br />
<br />
<em>Cons:</em><br />
- Unstable PPC64 version,<br />
- Won't install out-off-the-box,<br />
<br />
<strong>Debian and Ubuntu PPC64:</strong><br />
While Debian installed like a charm it never let me boot into it.<br />
Ubuntu is one of my favorites, only the lack of a decent network protocol made me change my thoughts.<br />
<br />
The network connection is one of the most important features I need, while all my computers are apple. Time Machine is perfect if you have a stable, fast network and lot's of HD space. <br />
<br />
Using Mac OS X 10.5 server from apple is of course the perfect option, only problem are the settings and lack of a user interface for hosting.<br />
The other downside is that all compiled programs are 32Bits while the system is 64Bits.<br />
<br />
Webmin (<a href="http://www.webmin.com">webmin.com</a>) is perfect for changing settings, setting up your DNS server and handle your databases. 
      ]]></content>
    </entry>

    <entry>
      <title>Power of Website Analytics</title>
      <link rel="alternate" type="text/html" href="http://www.4elements.com/blog/power_of_website_analytics/" />
      <id>tag:4elements.com,2010:blog/3.145</id>
      <published>2010-01-29T15:56:57Z</published>
      <updated>2010-01-29T16:14:58Z</updated>
      <author>
            <name>Martijn Broeders</name>
            <email>martijn@4elements.com</email>
                  </author>

      <category term="Daily"
        scheme="http://www.4elements.com/blog/category/daily/"
        label="Daily" />
      <content type="html"><![CDATA[
        Most people use web analytics—you’d have to be crazy not to—especially with such powerful free solutions out there. However, for many people, analyzing their stats goes no further than rejoicing at having a few more visitors and repeating the figures to potential advertisers.<br />
<br />
But analytics, used properly, is so much more – it’s a marketing tool, an error checker, a usability tool, an ROI calculator, an eCommerce tracker, an ad tool and the list goes on.<br />
<br />
So we’re going to take a look at the basic ways of getting more from your analytics.<br />
<img src="http://www.4elements.com/images/29-10-2010/01.jpg" /><br />
<br />
<strong>Analytics Software</strong><br />
First things first, if you haven’t got an analytics software set up,  then for god’s sake what are you doing man(/woman)!<br />
<br />
Personally, I use Google Analytics, one of the most well known and best packages available with the added bonus of being free.<br />
<br />
But if you feel more comfortable using something else, there are many options out there to check out (you can start with this list of web analytics tools).<br />
<br />
<strong>Bounce Rate</strong><br />
Bounce rate is important. Very important. Don’t fool yourself into thinking that having a high bounce rate is fine because "it’s just a human choice thing".<br />
<br />
Having a high bounce rate can be an indicator of serious problems with your site. It could be the web content or your calls to action that are ineffective in captivating and engaging your visitors.<br />
<br />
"What the hell is he on about?" some of you may be asking. For those who don’t know what bounce rate is, it is the number of people who, after arriving on your site, don’t look at another page and leave straight away. You’ll normally see this statistic represented as a percentage of your visitors.<br />
<br />
Now there is, as mentioned, a certain element of human choice about the figure; people will sometimes land on your site by accident or click a search result and find your site isn’t quite what they were after. That’s fine, and I’m sure you’ll be happy to accept that you’ll never get a 0% bounce rate – not without cheating anyway, and that’s no good.<br />
<br />
Some common causes of high bounce rates:<br />
<blockquote>Badly placed calls to action<br />
Non-engaging content<br />
Broken links<br />
Site errors<br />
Badly targeted ads</blockquote><br />
<br />
Combining this figure by looking at individual page bounce rates and bounce rates for different referring sites can open up your eyes to a large number of problems.<br />
<br />
A low bounce rate often shows a site that has content people want to read more of, and effective ways and site features that draw people in further such as a "related content" list of articles on landing pages or invitations to try the product with no strings attached.<br />
<br />
But fear not, bounce rates aren’t the beginning of the end for some types of websites. For example, blogs often have high bounce rates as people click through from RSS feeds and tweets with the intention of reading only that one web page.<br />
<br />
eCommerce sites though are a good example of sites that benefit from low bounce rates; they can draw people into looking at other products, reading more content on the site, and hopefully buying stuff.<br />
<br />
You should generally find out what is suitable in your niche. For commercial sites, that may be difficult, as people may not be willing to share their information, but certainly within the design community, don’t be scared to ask around.<br />
<br />
As a quick guide for most sites: a 30% bounce rate is a good figure, whereas over 50% could well be improved.<br />
<br />
However, if you’re a blogging site and receive traffic from social bookmarking sites, then it may well be much higher due to the way people often dip in and out of your site reading articles and then leaving, in which case 60% could be considered a good figure and anywhere from 70% – 80% is alright. Over 80% and I’d be a bit concerned.<br />
<br />
The best way to see if changes to your website’s design can improve bounce rates is by using A/B testing. The results can be seen for themselves with increased conversions.<br />
<br />
<strong>Conversion Rate</strong><br />
All the analysis of people visiting your target pages leads to the second important figure after bounce rate: the site conversion rate.<br />
<br />
If you have a clear goal for your site, then you should keep track of how many people fulfill that goal.<br />
<br />
If you’re running an eCommerce site, then it’s normally a completed checkout. For   websites that require you to register for an account (Twitter or Facebook, for example) it’s completing the sign up process. For business sites, it could be a completed contact form.<br />
<br />
The conversion rate is another percentage, the amount of people visiting your site that are not just getting to your goal pages, but also carrying out the actions you want them to.<br />
<br />
When people first start to look at conversion rates, they are often surprised by how low they are; 3% is good conversion rate for completing a transaction on an eCommerce site.<br />
<br />
Yep, just 3% of new site visitors go through the checkout!<br />
<br />
If you have a clear path to your goal (e.g. a certain process of clicks or a checkout process), then set up a funnel and see where people are falling off. Where are they dropping shopping baskets? Where are they encountering errors on your web forms?<br />
<br />
It can be easy to highlight issues such as an overly complex form and other barriers to goal completion.<br />
<br />
If you don’t have a single set path, then compare where people come from to get to your goal pages. If many people arrive from one page but not from another, then compare both pages and look at their difference. Hypothesize why another page is successful, while another is not. Use A/B testing to verify your assumption, rinse, and repeat.<br />
<br />
Once you’ve established why people are (and aren’t) completing goals and you’ve fixed your issues and calls to action, then you need to look at where people are going after converting. Are they staying on your site or exiting? If they’re exiting, you may well be missing some huge opportunities (upselling, for example).<br />
<br />
<strong>Percentage of visitors who view target pages</strong><br />
At first glance, tracking your target pages may seem to be the same as keeping track of conversions, and whilst they are similar, these two site analytics stats have different values to you.<br />
<br />
We’ll use a hypothetical example for discussion: Mr. Smith and his online paint store.<br />
<br />
His conversion pages are obviously completed checkout pages (where he does of course try and upsell some accessories).<br />
<br />
His target pages, however, would be his product pages. For most types of sites, it should be quite easy to work out what your target pages are. For example, a blog’s target pages are its posts, and a business site will be its information pages.<br />
<br />
In most cases, these pages are the first major steps on the path to goal completion. Viewing a product is your first step to a complete checkout, viewing a business service is the first step to getting in touch and asking about the service.<br />
<br />
In order for Mr. Smith to convert site visitors to its completed checkout pages, he must first present his paint supplies in an enticing way.<br />
<br />
You should know how many people are getting to these pages and if they are completing goals from these pages. If not, where are they getting lost?<br />
<br />
It starts to become quite clear where a well-defined funnel can really help to benefit your analytics.<br />
<br />
<strong>What people search for and what they do after searching</strong><br />
<img src="http://www.4elements.com/images/29-10-2010/02.jpg" /><br />
<br />
Tracking site search is something very few people actually do, let alone pay attention to. Yet it can be a massively valuable resource for finding out what your site visitors want.<br />
<br />
Let’s look at Mr. Smith’s online paint store again. He stocks a huge variety of paints and a quick look at his search result reveals people are searching for "claret paint" that he doesn’t stock.<br />
<br />
It’d make sense to start stocking Claret paint, wouldn’t it? Or at least offer alternatives to Claret paint.<br />
<br />
The second part of site search analytics is determining what people do afterwards.<br />
<br />
There are a couple of scenarios here:<br />
<br />
<strong>Scenario 1:</strong> They search and find something you have<br />
If they head to the page they are searching for and stay on your site, then well done, your search feature is working.<br />
<br />
If they don’t, then there’s clearly a problem with your site search. It may not be returning the results it should be returning, or it isn’t displaying the search results in a useful way for the visitor to understand.<br />
<br />
<strong>Scenario 2:</strong> They search and can’t find something<br />
Now, many people would say that if these visitors leave, then that’s fine because you don’t sell what they need.<br />
<br />
But we’re not most people are we?<br />
<br />
If Mr. Smith sells paint supplies and somebody has searched for a yacht, then they’re obviously just in the wrong website.<br />
<br />
However, if they’ve searched for "claret paint" and left because you don’t have it, then surely you could be offering them an alternative to Claret paint.<br />
<br />
The "Did you mean" search suggestions on sites like Amazon and Google are good examples of this.<br />
<img src="http://www.4elements.com/images/29-10-2010/03.jpg" /><br />
<br />
Amazon suggests related searches and products that closely match your search to keep you from leaving.<br />
<br />
Put quite simply: your site search tells you what your visitors want without you even having to ask! How can you afford not to use that resource?<br />
<br />
<strong>Where your visitors come from</strong><br />
<img src="http://www.4elements.com/images/29-10-2010/04.jpg" /><br />
<br />
A lot of time and money is spent on link building and ads on the web, and the easiest way to determine if they’re working is to see where your visitors are coming from.<br />
<br />
Bloggers, for example, spend time writing for other blogs, commenting in various places, taking ads out on other sites and sharing things via social media. Therefore, it makes sense that you keep track of where you get the most returns to make a wise decision where to focus your efforts.<br />
<br />
A properly set-up analytics account integrated with eCommerce tracking and adwords accounts can even show you a direct return on investment for your individual adword campaigns; a brilliantly useful tool for managing your pay per click ads.<br />
<br />
<strong>Use your analytics properly</strong><br />
To track all of this and make your life easier, it really helps to set up your analytics software. Properly setting up funnels, site search tracking, eCommerce tracking and ad words tracking should be priorities.<br />
<br />
<strong>Share your thoughts, tips and opinions in the comments!</strong> 
      ]]></content>
    </entry>

    <entry>
      <title>Sneak peek project continues</title>
      <link rel="alternate" type="text/html" href="http://www.4elements.com/blog/sneak_peek_project_continues/" />
      <id>tag:4elements.com,2010:blog/3.144</id>
      <published>2010-01-06T17:39:14Z</published>
      <updated>2010-02-10T10:20:15Z</updated>
      <author>
            <name>Martijn Broeders</name>
            <email>martijn@4elements.com</email>
                  </author>

      <category term="Sneak Peak"
        scheme="http://www.4elements.com/blog/category/sneak_peak/"
        label="Sneak Peak" />
      <content type="html"><![CDATA[
        After a bit more than 1 year our Sneak Peek project continues.<br />
The timing is now perfect, right in the recession.<br />
<br />
We changed the name from Sneak Peek into "<strong>Design Scan</strong>"<br />
The project is a brand new service we are going to offer. Unique on the internet.<br />
<br />
The Front section of the project has been finished and the backend is in full development.<br />
More on this later. While we are in need of beta testers soon. 
      ]]></content>
    </entry>

    <entry>
      <title>Install Fedora on Xserve, part I</title>
      <link rel="alternate" type="text/html" href="http://www.4elements.com/blog/install_fedora_on_xserve_part_one/" />
      <id>tag:4elements.com,2009:blog/3.138</id>
      <published>2009-07-23T18:40:47Z</published>
      <updated>2009-07-24T09:05:48Z</updated>
      <author>
            <name>Martijn Broeders</name>
            <email>martijn@4elements.com</email>
                  </author>

      <category term="Daily"
        scheme="http://www.4elements.com/blog/category/daily/"
        label="Daily" />
      <content type="html"><![CDATA[
        <strong>Part I:</strong> Intro: My own dedicated server.<br />
<strong>Part II:</strong> Goal: Finding a good dedicated server for professional use.<br />
<strong>Part III:</strong> Installation: Fedora 11 on my xserve1,1 (model 2006)<br />
<strong>part IV:</strong> Tuning: Fedora 11 on my xserve1,1 (model 2006)<br />
<br />
<strong>Intro: My own dedicated server.</strong><br />
<br />
As an Apple user, hobbyist, lover, nerd and share holder I needed a decent server to host my own and my clients web sites. And while it isn't my job I always like to try and error new things with an apple as a hobbyist.<br />
<br />
For the last 10 years I rented my dedicated server in the USA.<br />
But what I noticed was that with every problem I had with my dedicated server I had to relay on the company that rented me the server.<br />
<br />
The first company sold their server park after 5 years to a, let say, Russian spam company that only wanted to use the IP blocks.<br />
- Conclusion they lost my server and my backups. (Glad that I still had some backups of my own)<br />
<br />
The second company was asking to much for extra HD space, memory and help.<br />
- They also where bad in listening (example: instead of fine tuning MYSQL they upgraded it witch resulted in broken databases)<br />
<br />
The third company is the best, while I managed to install and run my own dedicated server.<br />
- Advantages of running your own Apple dedicated server are:<br />
+ Quality hardware;<br />
+ Reliable;<br />
+ 64BIT, great for hosting web sites;<br />
+ Low Costs, you buy your own RAM and HD. 
      ]]></content>
    </entry>

    <entry>
      <title>Install Fedora on Xserve, part II</title>
      <link rel="alternate" type="text/html" href="http://www.4elements.com/blog/install_fedora_on_xserve_part_two/" />
      <id>tag:4elements.com,2009:blog/3.139</id>
      <published>2009-07-23T18:39:02Z</published>
      <updated>2009-07-24T09:06:03Z</updated>
      <author>
            <name>Martijn Broeders</name>
            <email>martijn@4elements.com</email>
                  </author>

      <category term="Daily"
        scheme="http://www.4elements.com/blog/category/daily/"
        label="Daily" />
      <content type="html"><![CDATA[
        <strong>Goal: Finding a good dedicated server for professional use.</strong><br />
<br />
<strong>Goal:</strong> Finding a server of high quality and decent price.<br />
<strong>Solution:</strong> I found a brand new Apple Xserve on ebay.com.<br />
<strong>Specs:</strong> Xserve1,1 (2006) Quad 2Ghz Processor, 64BIT, 8GB RAM and 3x750 GB HD.<br />
<br />
<strong>Problem:</strong> Mac OS X Server does not has any web based user interface for professional web site hosting.<br />
<strong>Problem:</strong> I use Cpanel.net for all my clients, converting accounts won't be a solution.<br />
<strong>Problem:</strong> Cpanel.net does not support Mac OS X.<br />
<br />
<strong>Solution:</strong> Install a Linux OS that is supported by Cpanel.net.<br />
<strong>Problem:</strong> While the Xserve only supports EFI it's not possible to use Bootcamp or any other Linux OS. You can't boot or install a Linux OS CD/DVD AOTB.<br />
<br />
<strong>Solution:</strong> I was able to install and run Fedora 11 with Cpanel.net on my Xserve1,1 
      ]]></content>
    </entry>

    <entry>
      <title>Install Fedora on Xserve, part III</title>
      <link rel="alternate" type="text/html" href="http://www.4elements.com/blog/install_fedora_on_xserve_part_three/" />
      <id>tag:4elements.com,2009:blog/3.140</id>
      <published>2009-07-23T07:22:39Z</published>
      <updated>2009-07-25T07:48:40Z</updated>
      <author>
            <name>Martijn Broeders</name>
            <email>martijn@4elements.com</email>
                  </author>

      <category term="Daily"
        scheme="http://www.4elements.com/blog/category/daily/"
        label="Daily" />
      <content type="html"><![CDATA[
        <strong>Installation: Fedora 11 on my xserve1,1 (model 2006)</strong><br />
<br />
// This installation is for Xserve1,1 2006 models only, it uses a 32BIT EFI. The Xserve2,1 2008 models uses a 64BIT EFI and requires an other installation approach. <br />
// But If you need help, Xserve1,1 or Xserve2,1, I can help.<br />
<br />
Here is my solution how I got Fedora 11 x86_64 on my Xserve1,1.<br />
But first of all I want to thank pxwpxw from <a href="http://ubuntuforums.org" target="_blank">ubuntuforums</a>, he helped me a lot.<br />
<br />
<strong>First some downloads we need:</strong><br />
<strong>Download 1:</strong> Fedora 11 Live CD <a href="http://mirror.internode.on.net/pub/fedora/linux/releases/11/Live/x86_64/" target="_blank">Fedora 11 Live CD (X86_64)</a> and burn the CD at 4x speed.<br />
<strong>Download 2:</strong> Latest refit for mac <a href="http://refit.sourceforge.net/" target="_blank">refit.dmg</a>.<br />
<strong>Download 3:</strong> Grub settings and files <a href="http://www.4elements.com/files/grub.zip" target="_blank">grub.zip</a>.<br />
<br />
<strong>Pre work:</strong><br />
<strong>Step 01:</strong> Install refit.<br />
<strong>Step 02:</strong> After installation you will see a folder named "efi" on your HD.<br />
<strong>Step 03:</strong> Open your terminal, go into root by <strong><em>su root</strong></em> enter your root password, than type <strong><em>bash /efi/refit/enable-always.sh</em></strong> and press enter, this will show you the grub screen at system boot.<br />
<strong>Step 04:</strong> While the Xserve1,1 only uses the 32bit efi we need a 32bit grub.efi file.<br />
<strong>Step 05:</strong> Unpack the downloaded grub.zip file and place 'grub-dumpbios' file and 'grubefi-karmic' folder into your "efi" folder. Efi will automatically detect the grub files and settings.<br />
Step 06: Open grub.cfg with your favorite text editor (I use BBedit)<br />
<br />
grub.cfg<br />
<blockquote># grub.cfg  pxw 20090623<br />
<br />
timeout=20<br />
default=0<br />
<br />
set F1=ctrl-x<br />
set F2=ctrl-c<br />
set color_normal=yellow/blue<br />
<br />
menuentry "Fedora-11-x86_64-Live CD boot" {<br />
	fakebios<br />
	root=cd0<br />
	linux /isolinux/vmlinuz0 root=CDLABEL=Fedora-11-x86_64-Live rootfstype=auto ro liveimg  rhgb single acpi=force irqpoll video=efifb nomodeset<br />
	initrd /isolinux/initrd0.img<br />
}<br />
menuentry "REBOOT" {<br />
	reboot<br />
}<br />
</blockquote><br />
If you like you can make an extra partition from your startup HD (100GB will be enough for Mac OS X and the rest can be used for fedora)<br />
<br />
<br />
<strong>The installation:</strong><br />
<strong>Step 07:</strong> Insert your Fedora live CD.<br />
<strong>Step 08:</strong> Restart your computer and wait till you see the grub screen. <br />
<a href="http://www.4elements.com/files/xserve/gfive_xserve_1_01.jpg" target="_blank"><img src="http://www.4elements.com/files/xserve/gfive_xserve_1_01.jpg" width="200" height="117" style="margin: 5px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; float: left;" /></a><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<strong>Step 09:</strong> Pick the grub button, that's the icon right from the Apple logo.<br />
<strong>Step 10:</strong> Pick "Fedora-11-x86_64-Live CD boot" from your list. <a href="http://www.4elements.com/files/xserve/gfive_xserve_1_02.jpg" target="_blank"><img src="http://www.4elements.com/files/xserve/gfive_xserve_1_02.jpg" width="200" height="117" style="margin: 5px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; float: left;" /></a><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<strong>Step 11:</strong> Let the boot codes roll, there will be some warning messages, not fatal and wait till you get to the #root@localhost:<br />
<strong>Step 12:</strong> <br />
<br />
<blockquote>[root@localhost]# <br />
[root@localhost]# nano /etc/X11/xorg.conf<br />
<br />
Section "Device"<br />
 Identifier "fbdev driver"<br />
 Driver "fbdev"<br />
EndSection<br />
(control+o is save and control+x is close)<br />
<br />
[root@localhost]# exit <and press enter><br />
</blockquote><br />
<strong>Step 13:</strong> Fedora Live CD will now show the graphical interface, all will work.<br />
<strong>Step 14:</strong> Install fedora on your HD, choose your partition and press install (let me know and I can help you picking the right partition). Be aware: HardDisk 1 will be "sda" HardDisk 2 will be "sdb" You need to remember 2 sections. "/boot" partition (most of the time "sba3") and the OS partition "/" (This depands on your partition).<br />
<br />
<strong>Step 15:</strong> After installation reboot into Mac OS X.<br />
<strong>Step 16:</strong> Open your grub.cfg and add the following to the current list of menuentry.<br />
<br />
<blockquote>menuentry "Fedora 11 x86_64 HD boot to enter fbdev" {<br />
	fakebios<br />
	root=hd0,3<br />
	linux /vmlinuz-2.6.29.4-167.fc11.x86_64 root=/dev/sda6 ro  rhgb single acpi=force irqpoll video=efifb nomodeset<br />
	initrd /initrd-2.6.29.4-167.fc11.x86_64.img<br />
}<br />
</blockquote><br />
You notice the "hd0,3", this is the /boot partition and "/dev/sda6" this is the OS partition (sda6 is my os partition, change it to yours) Save grub.cfg<br />
<br />
<strong>Step 17:</strong> Restart your computer and follow step 08 till 11.<br />
<strong>Step 18:</strong> <br />
<br />
<blockquote>[root@localhost]# <br />
[root@localhost]# nano /etc/X11/xorg.conf<br />
<br />
Section "Device"<br />
 Identifier "fbdev driver"<br />
 Driver "fbdev"<br />
EndSection<br />
(control+o is save and control+x is close)<br />
<br />
[root@localhost]# reboot <and press enter><br />
</blockquote><br />
<strong>Step 19:</strong> At the grub menu pick the OSX icon to boot Mac OS X.<br />
<strong>Step 20:</strong> Open grub.cfg and add the following to the menuentry.<br />
<strong>Step 21:</strong> <br />
<br />
<blockquote>menuentry "Fedora 11 x86_64 HD Final Boot" {<br />
	fix_video<br />
	fakebios<br />
	root=hd0,3<br />
	linux /vmlinuz-2.6.29.4-167.fc11.x86_64 root=/dev/sda6 nomodeset xdriver=fbdev ro acpi=force irqpoll video=efifb noefi<br />
	initrd /initrd-2.6.29.4-167.fc11.x86_64.img<br />
}<br />
</blockquote><br />
<strong>Step 22:</strong> Restart and boot into Fedora, see step 10. But than pick "Fedora 11 x86_64 HD Final Boot"<br />
<strong>Step 23:</strong> You're done. 
      ]]></content>
    </entry>

    <entry>
      <title>Install Fedora on Xserve, part IV</title>
      <link rel="alternate" type="text/html" href="http://www.4elements.com/blog/install_fedora_on_xserve_part_four/" />
      <id>tag:4elements.com,2009:blog/3.141</id>
      <published>2009-07-23T07:00:38Z</published>
      <updated>2009-07-24T09:06:39Z</updated>
      <author>
            <name>Martijn Broeders</name>
            <email>martijn@4elements.com</email>
                  </author>

      <category term="Daily"
        scheme="http://www.4elements.com/blog/category/daily/"
        label="Daily" />
      <content type="html"><![CDATA[
        <strong>Tuning: Fedora 11 on my xserve1,1 (model 2006)</strong><br />
<br />
- Update the system software, this includes the kernel. Be aware that when you upgrade the kernel you need to change your grub.conf. I updated my kernel to 2.6.29.6.213.fc11.x86_64 so I changed linux /vmlinuz-2.6.29.4-167.fc11.x86_64 and initrd /initrd-2.6.29.4-167.fc11.x86_64.img to the new kernel version.<br />
<br />
- I also like to login into the root account. (instead of my normal user account) <br />
<br />
<strong>Step 1:</strong> We need to edit some files for this to be happen.<br />
Open your terminal and go into root by 'su root' enter your root password<br />
<blockquote><strong>Backup your gdm first:</strong><br />
cp -a /etc/pam.d/gdm /etc/pam.d/gdm.org<br />
<br />
<strong>Now edit /etc/pam.d/gdm:</strong><br />
nano /etc/pam.d/gdm<br />
<br />
<strong>Remove the following line:</strong><br />
auth required pam_succeed_if.so user != root quite<br />
<em>(control+o is save and control+x is close)</em><br />
</blockquote><br />
<strong>Step 2:</strong> We need an other file to be edited:<br />
<br />
<blockquote><strong>Backup your gdm-password first:</strong><br />
cp -a /etc/pam.d/gdm-password /etc/pam.d/gdm-password.org<br />
<br />
<strong>Now edit /etc/pam.d/gdm-password:</strong><br />
nano /etc/pam.d/gdm-password<br />
<br />
<strong>Remove the following line:</strong><br />
auth required pam_succeed_if.so user != root quite<br />
<em>(control+o is save and control+x is close)</em><br />
</blockquote><br />
<strong>Step 3:</strong> We need an other file to be edited:<br />
<br />
<blockquote><strong>Backup your gdm-fingerprint first:</strong><br />
cp -a /etc/pam.d/gdm-fingerprint /etc/pam.d/gdm-fingerprint.org<br />
<br />
<strong>Now edit /etc/pam.d/gdm-fingerprint:</strong><br />
nano /etc/pam.d/gdm-fingerprint<br />
<br />
<strong>Remove the following line:</strong><br />
auth required pam_succeed_if.so user != root quite<br />
<em>(control+o is save and control+x is close)</em><br />
</blockquote><br />
Now you are able to switch user and login as root.<br /> 
      ]]></content>
    </entry>

    <entry>
      <title>Dutch language</title>
      <link rel="alternate" type="text/html" href="http://www.4elements.com/blog/dutch_language/" />
      <id>tag:4elements.com,2009:blog/3.117</id>
      <published>2009-03-28T14:44:58Z</published>
      <updated>2009-05-07T09:19:00Z</updated>
      <author>
            <name>Martijn Broeders</name>
            <email>martijn@4elements.com</email>
                  </author>

      <category term="Daily"
        scheme="http://www.4elements.com/blog/category/daily/"
        label="Daily" />
      <content type="html"><![CDATA[
        Our website is now multi language.<br />
English and Dutch.<br />
<br />
We used "Multi Language Module" from <a href="http://www.putyourlightson.net/projects/multi_language">putyourlightson.net</a>.<br />
It took some tweaking and time, but as of now we are set to add other languages when requested.<br />
<br />
<blockquote>The Multi Language Module is an Expression Engine add-on that allows <br />
you to create phrases in multiple languages, which you can then display <br />
in your site templates and call from other add-ons. <br />
It comes with 3 languages by default (English, Spanish, Italian) but you <br />
can add and delete languages as you please.</blockquote><br /> 
      ]]></content>
    </entry>

    <entry>
      <title>CSS 2.1 and XHTML 1.0</title>
      <link rel="alternate" type="text/html" href="http://www.4elements.com/blog/css_2.1_and_xhtml_1.0_validated/" />
      <id>tag:4elements.com,2009:blog/3.116</id>
      <published>2009-03-27T14:35:24Z</published>
      <updated>2009-03-28T14:57:25Z</updated>
      <author>
            <name>Martijn Broeders</name>
            <email>martijn@4elements.com</email>
                  </author>

      <category term="Design"
        scheme="http://www.4elements.com/blog/category/design/"
        label="Design" />
      <content type="html"><![CDATA[
        Our website is now CSS 2.1 and XHTML 1.0 validated at w3c.org.<br />
<br />
To check it your self. <a href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.4elements.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.654">4elements.com</a> 
      ]]></content>
    </entry>

    <entry>
      <title>Museum for a non profit&#8230;</title>
      <link rel="alternate" type="text/html" href="http://www.4elements.com/blog/museum_for_a_non_profit_organization/" />
      <id>tag:4elements.com,2009:blog/3.115</id>
      <published>2009-03-17T12:37:17Z</published>
      <updated>2009-03-17T16:25:18Z</updated>
      <author>
            <name>Martijn Broeders</name>
            <email>martijn@4elements.com</email>
                  </author>

      <category term="3D Concepts"
        scheme="http://www.4elements.com/blog/category/3d_concepts/"
        label="3D Concepts" />
      <content type="html"><![CDATA[
        <strong>Museum for a non profit organization.</strong><br />
We where asked to design an auction website for a Non profit organization.<br />
The whole idea is to use a Museum where the visitor can walk trough and buy art for a good cause. It's all still in concept, so count on changes.<br />
<br />
<img src="http://www.4elements.com/images/uploads/images/3d/museum_voor_01.jpg" alt="museum" width="159" height="119" align="left" class="imgblog_d" />
<img src="http://www.4elements.com/images/uploads/images/3d/museum_voor_02.jpg" alt="museum" width="159" height="119" align="left" class="imgblog_d" />
<img src="http://www.4elements.com/images/uploads/images/3d/museum_voor_03.jpg" alt="museum" width="159" height="119" align="left" class="imgblog_d" />
<em>Progress of designing the Museum.</em><br />
<br />
<img src="http://www.4elements.com/images/uploads/images/3d/museum_voor_04.jpg" alt="museum" width="510" height="293" align="left" class="imgblog_d" />
<strong>Concept result of the Museum</strong><br />
Used programs: Bryce, Vue and Photoshop CS<br />
<br />
<img src="http://www.4elements.com/images/uploads/images/3d/lobby_01.jpg" class="imgblog_d" alt="lobby" width="159" height="95" align="left" />
<img src="http://www.4elements.com/images/uploads/images/3d/lobby_02.jpg" class="imgblog_d" alt="lobby" width="159" height="95" align="left" />
<img src="http://www.4elements.com/images/uploads/images/3d/lobby_03.jpg" class="imgblog_d" alt="lobby" width="159" height="95" align="left" />
<em>Progress of designing the Lobby.</em><br />
<br />
<img src="http://www.4elements.com/images/uploads/images/3d/lobby_04.jpg" class="imgblog_d" alt="lobby" width="510" height="332" />
<strong>Concept result of the Lobby</strong><br />
Used programs: Bryce, Vue and Photoshop CS<br />
<br />
<img src="http://www.4elements.com/images/uploads/images/3d/zaal.jpg" class="imgblog_d" alt="lobby" width="510" height="308" />
<strong>Concept result of one of the rooms</strong> <br />
Used programs: Bryce, Vue and Photoshop CS<br />
<br />
The idea for the rooms is to use rss to show the art, standing or hanging.<br />
Ajax will be used to integrate the auction software.<br />
<br />
Stay tuned for more concepts. 
      ]]></content>
    </entry>

    <entry>
      <title>Why does my website look&#8230;</title>
      <link rel="alternate" type="text/html" href="http://www.4elements.com/blog/why_does_my_website_look_different_on_different_computers/" />
      <id>tag:4elements.com,2009:blog/3.114</id>
      <published>2009-03-16T14:50:59Z</published>
      <updated>2009-03-17T16:24:00Z</updated>
      <author>
            <name>Martijn Broeders</name>
            <email>martijn@4elements.com</email>
                  </author>

      <category term="Daily"
        scheme="http://www.4elements.com/blog/category/daily/"
        label="Daily" />
      <content type="html"><![CDATA[
        <p><strong>Why does my website look different on different computers?</strong></p>

<p>Have you ever noticed that your website looks different on someone else’s computer?&nbsp; It’s not wildly different but it’s just not the same.&nbsp; The colors might be darker or lighter.&nbsp; Maybe you can’t see as much of the home page without scrolling down. The font might even look like it’s a slightly different size.</p>

<p>These differences are normal and can be caused by a number of different factors:</p>

<p><strong>Browsers</strong> – The most popular web browser is Internet Explorer (IE) but there are a number of others. Also each browser has different versions. Websites can look different on different browsers or even on different versions of the same browser.</p>

<p><strong>Screen Size</strong> – Different screen sizes can cause your website to be displayed differently. The same goes for different screen resolution settings on the same size browser.</p>

<p><strong>Computer Types</strong> – The most popular computer operating systems come from Microsoft. However Apple has a large and devoted following. Websites can look very different when viewed on computers with different operating systems.&nbsp; In my experience this causes the largest differences in website presentation.</p>

<p><strong>Color, Brightness and Contrast Settings</strong> - These settings vary from computer to computer and just like all the other factors in this article can cause websites to look different.</p>

<p>So what’s a person to do?&nbsp; Part of my job is to keep all of these factors in mind. I look at your website in different browsers and in different screen resolutions. So while your website may look slightly different on different computers – it will look good on 99% of them.
</p> 
      ]]></content>
    </entry>


</feed>