<?xml version="1.0" encoding="UTF-8" ?>
<?xml-stylesheet type="text/xsl" href="http://bloggingabout.net/utility/FeedStylesheets/rss.xsl" media="screen"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:wfw="http://wellformedweb.org/CommentAPI/"><channel><title>Search results matching tags 'CSS', 'Design', and 'Development'</title><link>http://bloggingabout.net/search/SearchResults.aspx?a=1&amp;o=DateDescending&amp;tag=CSS,Design,Development&amp;orTags=0</link><description>Search results matching tags 'CSS', 'Design', and 'Development'</description><dc:language>en-US</dc:language><generator>CommunityServer 2008.5 SP2 (Build: 40407.4157)</generator><item><title>Browsrcamp helps testing your design with Safari</title><link>http://bloggingabout.net/blogs/ramon/archive/2006/10/02/Browsrcamp-helps-testing-your-design-with-Safari.aspx</link><pubDate>Mon, 02 Oct 2006 05:39:00 GMT</pubDate><guid isPermaLink="false">813b6dfd-644e-4573-a816-eebab56ba0d0:27033</guid><dc:creator>Ramon Smits</dc:creator><description>&lt;P&gt;Today I was reading the website statistics with &lt;A href="http://www.google.com/analytics"&gt;Google Analytics&lt;/A&gt;. It shows that about 2,5% of our visits come from &lt;A href="http://www.apple.com/safari/"&gt;Safari&lt;/A&gt;. I only tested our design with &lt;A href="http://www.microsoft.com/windows/ie/"&gt;Internet Explorer&lt;/A&gt; and &lt;A href="http://www.mozilla.com/"&gt;Firefox&lt;/A&gt; and it looks great on those browsers.&lt;/P&gt;
&lt;P&gt;I remembered a website which could do a page request, render the results in Safari and present it to you as a jpeg. I googled for test safari and the first hit that showed up was &lt;A href="http://www.browsrcamp.com/"&gt;Browsrcamp&lt;/A&gt;. Really an excellent developer tool if you don't have access to a mac with osx.&lt;/P&gt;</description></item><item><title>Website design not my favorite hobby</title><link>http://bloggingabout.net/blogs/ramon/archive/2006/09/11/Website-design-not-my-favorite-hobby.aspx</link><pubDate>Mon, 11 Sep 2006 04:50:00 GMT</pubDate><guid isPermaLink="false">813b6dfd-644e-4573-a816-eebab56ba0d0:19668</guid><dc:creator>Ramon Smits</dc:creator><description>&lt;P&gt;Although I am an ict nerd and resulting affection for bitfucking and neverending refactoring I also do some sports. I play volleyball and the current website of my &lt;A href="http://www.vv-yum.nl/"&gt;volleybal club yum&lt;/A&gt; lacks some general design that works correct on both firefox and internet explorer. I'm a member&amp;nbsp;of this club for some years now and I didn't like the design from the start. So while a friend said he was working in his spare time with a redesign of the website internals I proposed to help out. I don't know why I said that because now I'm screwed :-)&lt;/P&gt;
&lt;P&gt;My main objectives for the site are:&lt;/P&gt;
&lt;UL&gt;
&lt;LI&gt;No tables for the websites design. 
&lt;LI&gt;Crossbrowser. 
&lt;LI&gt;Not too much graphics. 
&lt;LI&gt;No frames. 
&lt;LI&gt;XHTML proof 
&lt;LI&gt;CSS validation proof&lt;/LI&gt;&lt;/UL&gt;
&lt;P&gt;So I made a design by hand with my *excellent* css and crossbrowser knowledge (%$*@ crossbrowser makes me insane!) and within a few hours I had a design I could live with as a first draft for reviewing. I ofcourse lied a bit about my css knowledge as I''m a 'back-end boy'. I like to play with photoshop but really lack the skills of creating a good gui or website design. The current version looks quite ok if you don't mind that I judge my own work. Below some WIP screenshots of the design.&lt;/P&gt;
&lt;P class=grfx&gt;&lt;A href="http://bloggingabout.net/UserFiles/Ramon%20Smits/Image/screenshots/yum/yum-v1.png"&gt;&lt;IMG height=120 alt="Version 1" src="http://bloggingabout.net/UserFiles/Ramon%20Smits/Image/screenshots/yum/yum-v1-th.png"&gt;&lt;/A&gt; &lt;A href="http://bloggingabout.net/UserFiles/Ramon%20Smits/Image/screenshots/yum/yum-v2.png"&gt;&lt;IMG height=120 alt="Version 2" src="http://bloggingabout.net/UserFiles/Ramon%20Smits/Image/screenshots/yum/yum-v2-th.png"&gt;&lt;/A&gt; &lt;A href="http://bloggingabout.net/UserFiles/Ramon%20Smits/Image/screenshots/yum/yum-v3.png"&gt;&lt;IMG height=120 alt="Version 3" src="http://bloggingabout.net/UserFiles/Ramon%20Smits/Image/screenshots/yum/yum-v3-th.png"&gt;&lt;/A&gt; &lt;A href="http://bloggingabout.net/UserFiles/Ramon%20Smits/Image/screenshots/yum/yum-v4.png"&gt;&lt;IMG height=120 alt="Version 4" src="http://bloggingabout.net/UserFiles/Ramon%20Smits/Image/screenshots/yum/yum-v4-th.png"&gt;&lt;/A&gt; &lt;/P&gt;
&lt;P&gt;Below the proof that my website is non CSS friendly.&lt;/P&gt;
&lt;P class=grfx&gt;&lt;A href="http://bloggingabout.net/UserFiles/Ramon%20Smits/Image/screenshots/yum/yum-v2-nocss.png"&gt;&lt;IMG height=120 alt="Version 4" src="http://bloggingabout.net/UserFiles/Ramon%20Smits/Image/screenshots/yum/yum-v2-nocss-th.png"&gt;&lt;/A&gt;&lt;/P&gt;</description></item></channel></rss>