Code::Blocks Forums

Developer forums (C::B DEVELOPMENT STRICTLY!) => Contributions to C::B => Topic started by: rickg22 on April 20, 2005, 11:28:48 pm

Title: Regarding the Code::Blocks homepage design contest
Post by: rickg22 on April 20, 2005, 11:28:48 pm
As you've seen in the announcements, we're running a contest to redesign the website, and we need your help!

The idea is to design the frontpage and make it look professional.

Here are some sites to help you see what I have in mind.

http://gambas.sourceforge.net/ (http://gambas.sourceforge.net/)
http://www.realbasic.com/ (http://www.realbasic.com/)
http://www.kbasic.com/ (http://www.kbasic.com/)
http://bloodshed.net/dev/devcpp.html (http://bloodshed.net/dev/devcpp.html)
http://hapedit.free.fr/ (http://hapedit.free.fr/)

Requirements:

* The code must be compatible with PostNuke (http://www.postnuke.com/)
* The code must also be cross-browser, and be able to validate at the W3C validator (http://validator.w3.org/)
* It must include the Code::Blocks logo
* A screenshot must appear on the page
* Don't use more than 2 columns (1 - menu, 2 - decoration / screenshot)
* Must be appealing to the viewer
* Must _NOT_ plagiarize any existing webpage

You can design them as HTML files, later we'll see how to adapt them to PostNuke (but if you already design them as postnuke templates, even better).

Please mail your zipped contributions to rick (at) codeblocks (dot) org.

The contest will be closed before 1.0-final is released, so we can prepare the website to appear on Slashdot (http://slashdot.org/).

Comments, doubts and suggestions welcome.
Title: Regarding the Code::Blocks homepage design contest
Post by: EricBurnett on April 21, 2005, 07:07:36 am
Sorry I can't help (you really don't want that), but for a suggestion, make sure it is very easy to tell that the software is entirely free (hapedit does it well). Otherwise, if users like me think that it is shareware/crippled, they might leave right away.

This looks like a good idea. Good luck with it!
Title: Re: Regarding the Code::Blocks homepage design contest
Post by: bertg on May 03, 2005, 05:00:53 pm
I am quite happy with the current design - it's simple and clear.
The only thing I'd like to see is a better visual contrast between the "blocks" and the background.

This can be achieved simply by changing the background colour. Like this:


(http://img9.echo.cx/img9/7321/codeblocks6kk.th.png) (http://img9.echo.cx/my.php?image=codeblocks6kk.png)
Title: Regarding the Code::Blocks homepage design contest
Post by: rickg22 on May 03, 2005, 11:00:50 pm
Thanks, it looks definitely better :-)

By the way, i still wonder if it doesn't look "too cluttered". I mean, my plan was to have a "front page" with nothing but the menu on the left and a nice background (and a screenshot) on the right. What do you think about it?
Title: Regarding the Code::Blocks homepage design contest
Post by: rob on May 04, 2005, 02:48:51 am
I think those who know CodeBlocks today (including myself) care more about the product then the web-presentation of it. But if you want to reach the masses, a better looking website could help. If development goes on with the same speed as now, then I think, soon the only big competitor remaining will be Microsoft with free version of VisualStudio 8, which has a very nice website.
Title: Regarding the Code::Blocks homepage design contest
Post by: Anonymous on May 04, 2005, 04:33:01 pm
I can't designe a html page at the moment following the reqiurerment so i figure i'll post my Ideas here so some one might implement them or even improve them.  I put the reason why bellow.

Thing I want in a web page that is sometimes forgotten.

-fetures list added and move it to the front of the screen.  

People want to see what it dose right away And if i dosen't have this some pepole might git frustrated and leave there sight.  

-and the fact it uses Scintilla and wxwidgets in features list with link pointing to there sight.

******please note i think it also use tinyxml but haven't look for a webpage for it.********
These are impotant feature the codeblocks leaves unmention and there web page is a good source of info.  
 
-You also might want to Put something about a Rad widget's toolbar is in planing stage but probbly be a long while before it is realsed.  This is realy an improtant feature that pepole are going to want to have I dump many ide that i came accoss becuase it did not have one.  I like your Ide because it made with wx widgets and can make one myself if i get fimilar with the interals of code::blocks.

-add a screen shot to the front of the page defently helps pepole often put a link to more screenshot
It look nice and often pepole want to see how something is done the screen shot can often ansser it better then words.

- add a texure background tiled i bieleve dev-cpp dose this.
this adds a very cool look.

- a short summarry of want codeblock dose also on front with more link underit to give more details.
i like a short summary of what i'm look at.

Good luck with your guys web pages  :D
Title: Regarding the Code::Blocks homepage design contest
Post by: rickg22 on May 05, 2005, 01:13:08 am
Thanks! :) We appreciate your suggestions (and personally, I'm glad I'm not the only one who wants a simpler layout. Did you vote yet? :P )
Title: Regarding the Code::Blocks homepage design contest
Post by: chrispunkt on May 06, 2005, 02:57:39 pm
Hi
I tried to make the codeblocks logo a bit more stylish.
and here is it:
(http://wwwhsse.fh-hagenberg.at/studierende/hse04024/codeblocks.jpg)
here (http://wwwhsse.fh-hagenberg.at/studierende/hse04024/codeblocks_logo.jpg) is the same logo with better resolution.

It was made with blender and gimp.
Maybe you can need it.
But remember this was only a try.  :wink:

best regards chris.
Title: Regarding the Code::Blocks homepage design contest
Post by: rickg22 on May 06, 2005, 05:25:03 pm
WOW, THAT'S COOL!!! (I vote for the bottom one)

Mandrav, mind posting a poll regarding this tentative new logo? And chris, i suppose you have the procedures or vector files (if the case) so we can keep them so the logo can be reproduced later?

Thanks!
Title: Regarding the Code::Blocks homepage design contest
Post by: mandrav on May 06, 2005, 07:04:29 pm
Chris, this is awesome!
Amazing!

Already used it ;) (hit refresh if you don't see it)
 :lol:  8)  :mrgreen:

Yiannis.
Title: Regarding the Code::Blocks homepage design contest
Post by: Profic on May 06, 2005, 09:03:35 pm
He-he...
Just today I was trying to remake c::b logo in same way (e.g. using transparency) but in 2d.
But that one look pretty :)
Title: Regarding the Code::Blocks homepage design contest
Post by: Anonymous on May 06, 2005, 09:12:48 pm
Yes, it looks quite nice  :D
As I said I built it with blender and gimp.
Here are the files:
codeblocks.xcf (http://wwwhsse.fh-hagenberg.at/studierende/hse04024/codeblocks.xcf)
codeblocks.blend (http://wwwhsse.fh-hagenberg.at/studierende/hse04024/codeblocks.blend)

Feel free to modify them.
Chris.
Title: Regarding the Code::Blocks homepage design contest
Post by: rickg22 on May 06, 2005, 10:01:08 pm
Cool :) Hey, um not that I'm a partypooper but... don't the words look a bit blurry on the webpage?
*ducks*

Update: I just uploaded the sharpened version at SF (patch requests). (Until we support file uploads in here, sorry I don't have a personal webpage of my own)
Title: Regarding the Code::Blocks homepage design contest
Post by: Anonymous on May 07, 2005, 01:33:24 pm
How dow we vote i can't find a link anyware to vote on the desktop
Title: Regarding the Code::Blocks homepage design contest
Post by: Anonymous on May 07, 2005, 01:34:19 pm
How dow we vote i can't find a link anyware to vote on the webpage i would love to see what otheres are doing

frog-o
Title: Regarding the Code::Blocks homepage design contest
Post by: Profic on May 08, 2005, 12:14:24 am
Quote
don't the words look a bit blurry on the webpage?

You say exactly what I thought :)
And text from logo at SF looks well and sharp
Title: Regarding the Code::Blocks homepage design contest
Post by: rickg22 on May 08, 2005, 01:09:31 am
The vote is on the right part of the website. I think (Note: I'm NOT sure) you might have to register to vote.
Title: Regarding the Code::Blocks homepage design contest
Post by: rickg22 on May 08, 2005, 01:09:51 am
Anyway here's the patched logo for the webpage:

http://sourceforge.net/tracker/download.php?group_id=126998&atid=707418&file_id=133329&aid=1196855
Title: Regarding the Code::Blocks homepage design contest
Post by: mandrav on May 08, 2005, 09:21:07 am
OK, the webpage is using the sharper-text version now :)

Yiannis.
Title: Regarding the Code::Blocks homepage design contest
Post by: David Perfors on May 08, 2005, 11:20:38 am
That is better, thanks :D
Title: Regarding the Code::Blocks homepage design contest
Post by: rickg22 on May 09, 2005, 04:37:27 am
Hey, Chris! I incorporated your 3D logo into the Code::Blocks exe! 8) I also gave you credit on the "about" dialog ;-)
Title: Regarding the Code::Blocks homepage design contest
Post by: Anonymous on May 10, 2005, 02:51:20 pm
if time wasn't such an issue i would suggest looking at a new portal system, drupal ( http://www.drupal.org/ ), to be precise. it's a lot cleaner, more customizable (sp?) and doesn't make every site look the same (if you use a good theme), like most *Nuke's do.
Title: Regarding the Code::Blocks homepage design contest
Post by: Anonymous on May 13, 2005, 08:20:32 pm
I agree with that, I was thinking that the current design is good, but I don't like the sharp borders of all items,
I like a lot the rounded borders of that drupal page, it's like the firefox page. Very good.
Title: Regarding the Code::Blocks homepage design contest
Post by: Anonymous on May 13, 2005, 09:31:48 pm
Some demos of some CMS that can serve as inspiration:

http://demo.opensourcecms.com/postnuke/ :)
http://demo.opensourcecms.com/exoops/modules/news/
http://themes.drupal.org/box_grey
http://themes.drupal.org/kubrick
http://demo.opensourcecms.com/civicspace/
http://demo.opensourcecms.com/geeklog/
http://demo.opensourcecms.com/mambo/
http://demo.opensourcecms.com/mdpro/
http://demo.opensourcecms.com/xoops/
Title: Regarding the Code::Blocks homepage design contest
Post by: Anonymous on June 03, 2005, 05:29:07 pm
I'd suggest creating a a CMS rather than using another one, this will also come to show developers that you mean business, and that you are trying to be more professional.
Title: Regarding the Code::Blocks homepage design contest
Post by: rickg22 on June 03, 2005, 06:01:32 pm
Do you realize how much time it has to be INVESTED in creating a CMS from scratch? We need a usable webpage, and we need it fast.
Title: Regarding the Code::Blocks homepage design contest
Post by: Anonymous on June 05, 2005, 01:23:23 pm
Ich you really consider to switch to another (more professional) cms system, i would really suggest mambo.
i really like the current design, but maybe i can try to do some css modifications. after i registered at the forums ;)

greetings
xardias
Title: Regarding the Code::Blocks homepage design contest
Post by: xardias on June 05, 2005, 01:59:19 pm
here i am,
i think with just a few adjustments the design really looks nice and professional. look at this:
http://files.xardias.net/images/codeblocks.jpg
the current template is not very css customizeable, so i needed to replace some bgcolors in the html code. but this is just an suggestion it just needs some replacements. i used the colors from the logo image.

PS: it is hard to create non sharp borders, without wasting the whole template with tables for layouting tons of images. mozilla has some css extensions, so it can display rounded borders, but with any other browser the edges still look sharp. (take the Intenret Explorer and look at the firefox page)
Title: Regarding the Code::Blocks homepage design contest
Post by: Anonymous on June 05, 2005, 06:38:42 pm
Quote from: xardias
here i am,
i think with just a few adjustments the design really looks nice and professional. look at this:
http://files.xardias.net/images/codeblocks.jpg
the current template is not very css customizeable, so i needed to replace some bgcolors in the html code. but this is just an suggestion it just needs some replacements. i used the colors from the logo image.

PS: it is hard to create non sharp borders, without wasting the whole template with tables for layouting tons of images. mozilla has some css extensions, so it can display rounded borders, but with any other browser the edges still look sharp. (take the Intenret Explorer and look at the firefox page)
hey I appreciate the effort, but like more the current desing than that
about the rounded borders on IE, just look at drupal.org using IE ;)
Title: Regarding the Code::Blocks homepage design contest
Post by: Anonymous on June 08, 2005, 12:21:36 pm
Quote from: xardias
PS: it is hard to create non sharp borders, without wasting the whole template with tables for layouting tons of images. mozilla has some css extensions, so it can display rounded borders, but with any other browser the edges still look sharp. (take the Intenret Explorer and look at the firefox page)

Bull, it's very easy, se the following links for some really nice tutorials on this.
Title: Regarding the Code::Blocks homepage design contest
Post by: danuvius on June 08, 2005, 12:26:51 pm
The previous post (with the tutorials) was mine. For some reason I was signed out...
Title: Regarding the Code::Blocks homepage design contest
Post by: Anonymous on June 18, 2005, 01:38:30 pm
why would you want a frontpage? when i build my site most users complained they had to click through the flashintro before getting to the content. www visitors are the most impatient customers you'll ever see, so make sure they get to the content asap.

anyway, i really love the site as it is...
Title: Regarding the Code::Blocks homepage design contest
Post by: rickg22 on June 18, 2005, 05:28:48 pm
by "front page" i mean a main page with menus where you can click to know more about codeblocks, go to the manuals, download... without having all these forum thingies around.

Hint: "Front page" != "splash page"
Title: Regarding the Code::Blocks homepage design contest
Post by: per_eckerdal on July 05, 2005, 11:55:55 am
Well, my previous posts seem to be gone. Anyways..

I had some more time than I thought, so I've begun creating a new design. It isn't finished yet, but there isn't much work left either. (It's quite plain, based around rounded blocks (as in Code::Blocks..) with some discreet fades)

I could maybe create a drupal theme out of it, but personally (as I said in a previous post) I wouldn't use a cms, but a custom PHP system.

What do you think?

You asked if there was any suggestions about web hosting if you're going to change. I would look for PHP 5, because of its far superiour XML and OO features compared to PHP 4.

With PHP 5, I could create a powerful yet simple system based on XML/XSLT, but that would be almost impossible with PHP 4 because of its poor XML functionality.

But of course, it depends on what you want. I can just give you the design and let you use it however you want if you wish.
/Per Eckerdal (per [dot] eckerdal [at] gmail [dot] com)
Title: Regarding the Code::Blocks homepage design contest
Post by: mandrav on July 05, 2005, 12:07:12 pm
Quote
I could maybe create a drupal theme out of it, but personally (as I said in a previous post) I wouldn't use a cms, but a custom PHP system.

No problem. We 're not after a CMS anyway. It's just easier for people to contribute, if we use a CMS. If you think you can make a PHP site without a CMS, that's fine with us.

Thanks a lot,
Yiannis.
Title: Regarding the Code::Blocks homepage design contest
Post by: per_eckerdal on July 05, 2005, 01:20:17 pm
Now I've done the main work on the design, it's just the details left. (But that uses to take the most time, though. :wink:)

I've put it up on http://www.shell.linux.se/edev/design/codeblocks0/. Things to note:
1. I haven't optimized the images yet, so the final result will be smaller (and my webhosting is awfully slow)
2. As of now, it does only work on Firefox. That's the next thing to do..
3. It's quite boring colors. I might change that. (Any suggestions?)
4. The navigation: As this page doesn't have good navigation, I redesigned it. Take a look at the menu and see if you think the new structure is ok.
5. The design is currently designed for 1024x768; i will probably add a JavaScript so you can switch between floating and fixed layout. (A la http://www.simplebits.com/)
6. For some reason, the rounded corners aren't 100% symmetric, I'll see what I can do about it.
7. I know the class and id names aren't 100% semantically properly chosen, but in reality that doesn't matter; the content will not have these flaws and the search engines doesn't care.

As you can see, the design isn't ready yet, but if you think the entire thing is just from beginning to end bad, I think I have another idea for a different design.
/Per Eckerdal (per [dot] eckerdal [at] gmail [dot] com)
Title: Regarding the Code::Blocks homepage design contest
Post by: mandrav on July 05, 2005, 01:29:47 pm
Design-wise I like it a lot :D
But I think I 'd like it better with a different (more vivid perhaps) color scheme. Especially the top part with the logo looks very dark to me...
Don't get me wrong. I like the dark appearence, I just feel that the logo should stand-out more...

Anyway, Rick is the "artistic eye" here so let's hear his view on this :)

Great work Per!

Yiannis.
Title: Regarding the Code::Blocks homepage design contest
Post by: per_eckerdal on July 05, 2005, 02:32:46 pm
Well, the logo was just a careless move from me. :oops:

I just took gimp's color to alpha and didn't care to exclude the logo..

I've put up the new logo at http://www.shell.linux.se/edev/design/codeblocks1/.

Or do you think the entire thing should get brighter?
/Per Eckerdal (per [dot] eckerdal [at] gmail [dot] com)
Title: Regarding the Code::Blocks homepage design contest
Post by: mandrav on July 05, 2005, 02:47:30 pm
Ahh, this is better :)

Personally, I 'd like brighter colors but it's not just my call ;)
Let's wait Rick's response for more.

Thanks,
Yiannis.
Title: Regarding the Code::Blocks homepage design contest
Post by: David Perfors on July 05, 2005, 06:23:51 pm
I like the second one (logo I mean), but I don't like the black background, in my opinion it should be lighter. ofcourse there should be a difference between the background and the blocks..
Title: Regarding the Code::Blocks homepage design contest
Post by: rickg22 on July 05, 2005, 07:01:27 pm
The design looks good. However:

a) I prefer white background better
b) For some reason scrolling in Firefox is AWFULLY SLOW :(

I'd rather have a table-based layout that scrolls ok.

But you're doing very well :)
Title: Regarding the Code::Blocks homepage design contest
Post by: per_eckerdal on July 05, 2005, 07:07:14 pm
I need to know how much brighter you want it. Here are two samples (one of them is the previous colors, but fixed to work with Opera and IE and some other changes:
http://www.shell.linux.se/edev/design/codeblocks2a/
http://www.shell.linux.se/edev/design/codeblocks2b/
/Per Eckerdal (per [dot] eckerdal [at] gmail [dot] com)
Title: Regarding the Code::Blocks homepage design contest
Post by: per_eckerdal on July 05, 2005, 07:32:17 pm
About the scrolling, it's probably because of the semi-transparent things on top and bottom. I'll remove them. (But not in the above links)
Title: Regarding the Code::Blocks homepage design contest
Post by: mandrav on July 05, 2005, 07:55:43 pm
I like the second one :)
Oh, and I don't have any problem scrolling...

Yiannis.
Title: Regarding the Code::Blocks homepage design contest
Post by: per_eckerdal on July 05, 2005, 08:02:04 pm
.. And here is one like 2b, but with borders (doesn't work with IE, though)
http://www.shell.linux.se/edev/design/codeblocks2c/
Title: Regarding the Code::Blocks homepage design contest
Post by: Anonymous on July 05, 2005, 08:54:53 pm
I havent really looked at the other designs, but i thing the current website is already about as good as it can get.
When i first came to this site i immediately got the impression this site looks simple and professional.
Everything is at the place where i expected it to be. Its really one of the best ones i have seen.
I really dont know why you would need to change it, unless somethig really REALLY great came along(which i cant really imagine).

I would just tweak the current design a little.
Title: Regarding the Code::Blocks homepage design contest
Post by: mandrav on July 05, 2005, 09:07:18 pm
The current site is stock Postnuke. If it's one of the best you 've seen, then you might not have seen many Postnuke sites :)
Note that we 're not talking about the forums, but for the main site...

Yiannis.
Title: Regarding the Code::Blocks homepage design contest
Post by: mandrav on July 05, 2005, 09:09:07 pm
Quote from: per_eckerdal
.. And here is one like 2b, but with borders (doesn't work with IE, though)
http://www.shell.linux.se/edev/design/codeblocks2c/

That's very nice :D

Yiannis.
Title: Regarding the Code::Blocks homepage design contest
Post by: Urxae on July 05, 2005, 10:26:11 pm
I like that design, but like Rick I'd like to note that those sites are very slow on my poor laptop. Especially, but not only, scrolling. Specs: 750 Mhz, Win2k, Firefox 1.0.4.

This seems to be caused by the fixed header and footer boxes: I copied the page locally and removed all "position: fixed;" lines from the css (and divs extra1 and extra2 from the html), which made the page much faster to scroll.
Note: that test was performed using http://www.shell.linux.se/edev/design/codeblocks1/, which was the latest version at the time. The newer ones are still slow to scroll though, and I imagine for the same reason.

So far I prefer 2c, but could you please make the header and footer boxes scroll with the rest of the page instead of being "position: fixed"? That would improve it a lot on those with computers of the slower variety ;).
Title: Regarding the Code::Blocks homepage design contest
Post by: Profic on July 06, 2005, 09:53:38 am
I like 2c too
However I didn't notice slowness (well I have 2.8GHz cpu in my laptop :))
I'll prefer top and bottom boxes scrolled with text as fvbommel
Title: Regarding the Code::Blocks homepage design contest
Post by: David Perfors on July 06, 2005, 02:41:15 pm
I like 2c to, and I also didn't notice the slowness (also 2.8GHz in my computer :P)

Quote from: Anonymous
When i first came to this site i immediately got the impression this site looks simple and professional.
Everything is at the place where i expected it to be.


The new layout looks much the same, only the colors are diffrent, please take a look ;)

oh, btw, why should the header and footer be fixed?
Title: Regarding the Code::Blocks homepage design contest
Post by: per_eckerdal on July 06, 2005, 02:48:15 pm
Finally..
Now I've redone the rounded borders. (The previous system wasn't very good)

For the header and the footer, I've done a compromise: You can switch between the two by clicking the underscore and "overscore" in the bottom-right corner. You can also switch between fixed and percentual width by clicking the other "sidescores".

The system isn't perfected yet; Opera flickers when the settings have been changed and IE doesn't show the controls, but that can be fixed.

The new page is here:
http://www.shell.linux.se/edev/design/codeblocks3/
(And that was TOTALLY impossible to guess..  :wink: )
/Per Eckerdal (per [dot] eckerdal [at] gmail [dot] com)
Title: Regarding the Code::Blocks homepage design contest
Post by: per_eckerdal on July 06, 2005, 04:18:33 pm
@mispunt:
I "position:fixed" the header and the footer because I think it's a cool and not-very-common design feature. Do you think I should set the non-fixed version as default?
Title: Regarding the Code::Blocks homepage design contest
Post by: Anonymous on July 06, 2005, 05:49:14 pm
i still like more the drupal themes and design
Title: Regarding the Code::Blocks homepage design contest
Post by: rickg22 on July 06, 2005, 06:19:31 pm
Position:fixed has always been flawed in IE, and given the fact that 90% of ppl use IE... i recommend not using it.
Title: Regarding the Code::Blocks homepage design contest
Post by: Anonymous on July 06, 2005, 06:20:37 pm
[almost flameage]
Oh, that's very useful feedback!
[/]

To be honest, I do also think the Drupal designs are nicer (design-wise at least), but these guys wanted a plain and functional design. That's why the design is so simple.

When I think about it, I think I will change the colors a little to give a fresher impression.
/Per Eckerdal
Title: Regarding the Code::Blocks homepage design contest
Post by: Anonymous on July 06, 2005, 06:22:20 pm
@rickg22:
I've done it so that it doesn't use position:fixed in IE. The design works in (at least) Firefox, IE and Opera.
Title: Regarding the Code::Blocks homepage design contest
Post by: per_eckerdal on July 06, 2005, 06:24:13 pm
The last two posts are from me.
Title: Regarding the Code::Blocks homepage design contest
Post by: per_eckerdal on July 06, 2005, 07:15:49 pm
I've played around with different background colors, but I think the previous one was the best:
http://www.shell.linux.se/edev/design/codeblocks4a/
http://www.shell.linux.se/edev/design/codeblocks4b/
http://www.shell.linux.se/edev/design/codeblocks4c/

Anyways, now I think the design is almost finished. The only thing that is left is to see if it works in Mac browsers. I can't do that now, though, since I cant reach my mac right now.

Do you think I should test it in any other Windows browser than Opera, Firefox and IE?

(BTW, sorry if I seemed rude in my previous posts, that wasn't my intention :oops:)
/Per Eckerdal
Title: Regarding the Code::Blocks homepage design contest
Post by: David Perfors on July 06, 2005, 07:56:52 pm
Yes I think that the default should be non-fixed.

*thinking about colors*

I don't know which one is the best, b looks nice, but I am glad you have the borders :P so I think it is a or c where you can see the blocks even without borders.

*another thinking about colors eeeehhhhhmmmm*

I think I am going for c.

*Again eeehhmm*

Yes I am going for c ;)
Title: Regarding the Code::Blocks homepage design contest
Post by: rickg22 on July 06, 2005, 08:15:00 pm
Beautiful :) I go for "C". And nice xhtml in there :D No javascript, no fuzzy stuff, just plain ol' xhtml. Congratulations!
Title: Regarding the Code::Blocks homepage design contest
Post by: per_eckerdal on July 06, 2005, 09:13:54 pm
I'm creating a PHP system for the site (It is *really* *primitive*, but I don't think more is needed. I've done the URL's so that it's easy to change, though), and when creating the screenshots page, I thought that it would be cool with some more screenshots than the current site has. (For showing some more of the windows). I have taken some in windows, but I don't have Code::Blocks for Linux, so if someone could take some..?
/Per Eckerdal
Title: Regarding the Code::Blocks homepage design contest
Post by: per_eckerdal on July 07, 2005, 06:47:13 am
For the news system:
Which database should be used? MySQL 3, 4 or SQLite?
(I think not using a database for the news system would be very inappropriate)
/Per Eckerdal
Title: Regarding the Code::Blocks homepage design contest
Post by: mandrav on July 07, 2005, 09:48:58 am
Quote
I have taken some in windows, but I don't have Code::Blocks for Linux, so if someone could take some..?

I will post some links for you later today.

Quote
For the news system:
Which database should be used? MySQL 3, 4 or SQLite?

MySQL 4 is what most hosting companies provide.

Thanks a lot Per,
Yiannis.
Title: Regarding the Code::Blocks homepage design contest
Post by: per_eckerdal on July 07, 2005, 11:23:02 am
Okay.
Just to be sure, I've done a simple wrapper interface (db_query instead of mysqli_query) to be able to switch easily.

My current system uses .htaccess files for pretty URLs. Is that possible?
/Per Eckerdal
Title: Regarding the Code::Blocks homepage design contest
Post by: mandrav on July 07, 2005, 11:49:59 am
Quote
My current system uses .htaccess files for pretty URLs. Is that possible?

Sure it is.

Yiannis.
Title: Regarding the Code::Blocks homepage design contest
Post by: per_eckerdal on July 07, 2005, 02:39:44 pm
Oh, sorry if I was being unclear. :( I meant to ask if it is common that web hosting companies allow .htaccess files.

Whatever,

The PHP system is slowly reaching a more mature state. The main things that are left to do now are the handbook, the faq, a phpBB theme and the web administration tools.

The question I have now is about how users should be able to comment the news items. I see these possibilities:

Using a custom comment system:
1. The user just enters a nick, without password or anything.
2. I create a separate login system.
3. I create a separate login system, but use the phpBB login information. (You would have to login on two places: the forum and the main site)
4. I use the phpBB login system straight off (dunno how to do it, but it should be possible?  :wink:)

Using phpBB:
5. For every news item, a new thread is created in a special "news discussion" forum, letting users communicate and login just as in the other parts of the forum.

What do you think?
/Per Eckerdal

BTW: If you're curious what I'm doing, I have made my local apache server available though dyndns: http://mellan.dyndns.org/codeblocks/. But don't be surprised if it's down or doesn't work: It is my working copy after all..

Note that it for some reason takes 2-3 sec to connect to my mysql server, so the pages using the db are pretty slow.
Title: Regarding the Code::Blocks homepage design contest
Post by: mandrav on July 07, 2005, 03:33:41 pm
Quote from: per_eckerdal
Oh, sorry if I was being unclear. :( I meant to ask if it is common that web hosting companies allow .htaccess files.

No, I understood you alright :)
Our host allows it as most do (at least that's what I found out when searching for hosts).

Quote from: per_eckerdal
The question I have now is about how users should be able to comment the news items. I see these possibilities:

Using a custom comment system:
1. The user just enters a nick, without password or anything.

This should be enough. No need to complicate things or else we 'd end up with a complete CMS ;)

Quote from: per_eckerdal
BTW: If you're curious what I'm doing, I have made my local apache server available though dyndns: http://mellan.dyndns.org/codeblocks/. But don't be surprised if it's down or doesn't work: It is my working copy after all..

Note that it for some reason takes 2-3 sec to connect to my mysql server, so the pages using the db are pretty slow.

Very nice :D

I have a comment regarding your phpBB-related questions.
It's not certain that we 'll keep using it...
If we change the site (thanks to you :) ), we might move to a newer/better forum system.
I 'll say it again: nothing's certain yet, regarding the forums. We might go with phpBB or we might choose to switch.
For example, I was recently evaluating SimpleMachines (http://www.simplemachines.org)...

Yiannis.
Title: Regarding the Code::Blocks homepage design contest
Post by: per_eckerdal on July 07, 2005, 04:32:24 pm
Now the FAQ system is done. (Just the system, not the questions. I save that work until the admin interface is done..) The next thing I'm going to attack is the handbook.

I don't know what you think, but I don't think it's very comphrehensive nor very well-structured. (At least not as good as it could get..)

Do you think it's okay if I restructure it to a more http://www.crystalspace3d.org/docs/online/manual/cs_toc.phpish structure (sorry, bad example, you get the picture: tree) and the source as XML? (to be able to convert it to XSL:FO=>PDF, HTML, chunked HTML and so on without much hassle)
/Per Eckerdal
Title: Regarding the Code::Blocks homepage design contest
Post by: per_eckerdal on July 07, 2005, 05:00:23 pm
Here is what it's going to be: (kindof, the CSS is a little weird because I used it for another text before)
http://www.shell.linux.se/edev/texts/codeblockshb/text.xml
/Per Eckerdal
Title: Regarding the Code::Blocks homepage design contest
Post by: rickg22 on July 07, 2005, 05:28:01 pm
It looks good!

There are some inaccuracies in the handbook, but these can be fixed later. Now it's only matter of adding screenshots to the descriptions, and voila! :)
Title: Regarding the Code::Blocks homepage design contest
Post by: tiwag on July 07, 2005, 05:43:21 pm
Quote from: per_eckerdal
.. If you're curious what I'm doing ... http://mellan.dyndns.org/codeblocks/


hello per
what i don't like in your design, is the fixed width of the layout.
On my 1280x1024 screen, a third of the available screen area is wasted on the left and the right side as blank vertical stripes.
i would prefer a layout which dynamically uses the available width of the browser window.

but i also think it looks really good and professional,
continue your good work

tiwag
Title: Regarding the Code::Blocks homepage design contest
Post by: Profic on July 07, 2005, 05:53:58 pm
tiwag, you might need to look at http://mellan.dyndns.org/codeblocks/help/ :)
Title: Regarding the Code::Blocks homepage design contest
Post by: mandrav on July 07, 2005, 05:54:14 pm
@tiwag: it seems you haven't read the previous posts. Click on the two vertical sidebars at the bottom right, which are like "| |", and it will toggle to full width ;)

@per: Yes, I like the handbook!

Yiannis.
Title: Regarding the Code::Blocks homepage design contest
Post by: per_eckerdal on July 07, 2005, 05:56:32 pm
Take a look at the two (or one in IE) links on the right side of the footer: the | | (|< >| in IE) icon toggles between fixed and fluid width layout.

Why I chose a fixed layout is that screens are harder to read, you must either have large row distance or narrow width (or, like what I've done here: a combination).

The higher resolution, the harder it is to read, and the smaller is the width of the page, so I find fixed-width web pages quite natural because it keeps the readability quite constant.
/Per Eckerdal

EDIT: Hehe, three answers so fast..  :D
Title: Regarding the Code::Blocks homepage design contest
Post by: tiwag on July 07, 2005, 06:05:51 pm
thanks @all
i obviously missed that info ;-)
Title: Regarding the Code::Blocks homepage design contest
Post by: rickg22 on July 07, 2005, 06:43:41 pm
Well I don't like that "click in obscure part of the bottom of the webpage - that is not visible at first sight anyway - to fix the display" thingy. It's completely anti-user friendly.

Also, if you choose a "fluid design", look at what happens when the display is getting narrowed. Pictures overflow.

I mean, a simple three-column table layout would get rid of the problem. I'm not saying you must use 1,000 recursive tables (which i'm against, btw). Just one table, the rest can be divs.
Title: Regarding the Code::Blocks homepage design contest
Post by: mandrav on July 07, 2005, 06:55:08 pm
I disagree with the use of tables. "Tables Are Evil And Slow (tm)" :)
Though, I agree it would be better to default to "full-width" layout.

Yiannis.
Title: Regarding the Code::Blocks homepage design contest
Post by: Anonymous on July 07, 2005, 07:18:26 pm
@rickg22:
Quote
There are some inaccuracies in the handbook, but these can be fixed later. Now it's only matter of adding screenshots to the descriptions, and voila! Smile

Yes, probably, but as I said before, I don't have extremely much time, so that must be lower priority.

I'll add the pictures overflow and putting these toggle buttons at a better place (and/or changing their appearance) to my todo list.

@mandrav:
I've changed the default to fluid layout. (You'll have to remove the cookies, tho)
/Per Eckerdal
Title: Regarding the Code::Blocks homepage design contest
Post by: per_eckerdal on July 07, 2005, 07:33:53 pm
Question: In my mozilla, the right border of the header renders very strange (somtimes, sometimes not) when having floated width and scrolling. Does the bug show up for you too?
/Per Eckerdal
Title: Regarding the Code::Blocks homepage design contest
Post by: per_eckerdal on July 07, 2005, 07:56:55 pm
@rickg22 (at least mostly):
Where do you think I should put the toggle links? I don't know how much more visible you want them to be.. :? In the navigation bar or just larger icons?

The reason why I put them so hidden is that they aren't a required feature, just a small "extra". I don't want it to be a "click in obscure part of the bottom of the webpage - that is not visible at first sight anyway - to fix the display" thing, just a "small and unusual extra feature" thing. Making it very visible wasn't the point..
/Per Eckerdal
Title: Regarding the Code::Blocks homepage design contest
Post by: rickg22 on July 07, 2005, 08:14:25 pm
How about just having a liquid design with tables? It's not hard. I know, for some purists 100%-CSS is the way to go, but if it just complicates things, then a hybrid approach (tables+css) is better.
Title: Regarding the Code::Blocks homepage design contest
Post by: mandrav on July 07, 2005, 08:34:39 pm
Quote from: per_eckerdal
Question: In my mozilla, the right border of the header renders very strange (somtimes, sometimes not) when having floated width and scrolling. Does the bug show up for you too?
/Per Eckerdal

Firefox under linux works fine (although I experienced the slow scrolling when floating - and I have a fast computer and video card)

Yiannis.
Title: Regarding the Code::Blocks homepage design contest
Post by: per_eckerdal on July 07, 2005, 08:37:02 pm
Hehe..
I admit that I am a CSS purist  :twisted:

But I can still not see how this design would benefit from tablebased layout:
1. The overflow problem was fixed by two CSS rows (and I don't see how it would be better with tables anyways)
2. The fluid layout is set as default and works with all browser I can test with.
3. The fluid-fixed script does not in any way destroy for the default fluid design.
/Per Eckerdal
Title: Regarding the Code::Blocks homepage design contest
Post by: per_eckerdal on July 07, 2005, 08:38:03 pm
@mandrav:
Okay. Then it's probably just something with my computer
/Per Eckerdal
Title: Regarding the Code::Blocks homepage design contest
Post by: per_eckerdal on July 08, 2005, 08:38:22 pm
Okay.
Now it's almost finished. The things that are left to do are to add the faq questions, fix the wiki and forum links and a download section.

Do you think I just should link to the SF download page or should I create an own?

If you want to see, I have created an administration interface. It is *EXTREMELY* primitive and does only support the most common stuff, but more can be added later. If you want to do the uncommon things now you can modify the db directly (personally, I find that faster and more powerful than a web interface..)

The address is http://mellan.dyndns.org/codeblocks/admin/ and the username/pw is per/nordingra. But please don't mess up too much :wink:

There is a link in the admin interface called "error log". The 401, 403, 404 and 410 documents log here so that broken links and hack attempts can be found.
/Per Eckerdal
Title: Regarding the Code::Blocks homepage design contest
Post by: per_eckerdal on July 08, 2005, 08:49:43 pm
One more question:
Should I remove my FAQ section and link to the WiKi instead? Or should both be used?
/Per Eckerdal
Title: Regarding the Code::Blocks homepage design contest
Post by: mandrav on July 08, 2005, 10:41:57 pm
Quote
Do you think I just should link to the SF download page or should I create an own?

If it's not too much trouble, an own page would be better. Nothing fancy, 3-4 download links for the current version (core setup, full setup, SDK, source) with a small description for each (and a link to the sf files section). All in one page. As simple as possible :)

Quote
Should I remove my FAQ section and link to the WiKi instead? Or should both be used?

For now, both should be used because they currently contain out-of-sync info  :oops:

Thanks,
Yiannis.
Title: Regarding the Code::Blocks homepage design contest
Post by: David Perfors on July 09, 2005, 09:23:51 am
Quote from: per_eckerdal
One more question:
Should I remove my FAQ section and link to the WiKi instead? Or should both be used?
/Per Eckerdal
I vote for linking it to the wiki, so everyone is able to add questions and answers.
Title: Regarding the Code::Blocks homepage design contest
Post by: per_eckerdal on July 09, 2005, 09:58:48 am
I agree with mispunt. The FAQ questions will need to be readded anyways..

As you can see I have almost finished the download section. Do you think it is understandable enough? I think the files need a short description though, especially the SDK, because what it is isn't 100% clear (not for me, at least.. It is for developing plugins, right?)

After this there is, AFAICT, nothing left to be done before the page can be "released" to the public.

The handbook should be reorganized (XML-wise), but that can be done later..
/Per Eckerdal
Title: Regarding the Code::Blocks homepage design contest
Post by: mandrav on July 09, 2005, 12:14:05 pm
Quote
I agree with mispunt. The FAQ questions will need to be readded anyways..

That's what I meant. When the FAQ are added to the wiki, the FAQ link can point directly there. No need to have a separate FAQ section on the main site...

Quote
As you can see I have almost finished the download section

That's it! Simple and effective :)

Yiannis.
Title: Regarding the Code::Blocks homepage design contest
Post by: per_eckerdal on July 09, 2005, 11:32:56 pm
Here comes a long post (I've tried to structure it as good as i can, you decide if I succeeded :))

Now the site is finished!  :D

That was quite in time, because after the 13th I will not have access to a computer until August.. But now you at least have a site to use for the 1.0 release..

Features
(Here I'll tell you some of the less-obvious features of the site, mostly needed for the ones that should administer the site)

1. The tables of the database is prefixed by a non-hardcoded string that can be easily changed (a change in lib/db.php), so you will be able to use this site besides another webapp in the same database.

2. There is a a table in the database called cb_moved. When the 404 page is called, it looks in this table for common misspells and guesses. For example, it automatically redirects /handbook/ to /info/handbook/.. (It can also be used as the name says, for moved pages).

3. There is a table cb_gone containing pages that are gone. (410: Gone is VERY much more useful than a 404..)

4. The webroot is as little hardcoded as possible (to change the root of the page (eg. from /codeblocks/ to /). Three files need to be edited to change. (at least AFAIK :))

5. I use a simple yet powerful templating system for the pages. For example, the sitemap's code is
Code
<?
require_once(dirname(__FILE__).'/../../lib/lib.php');
printStart("/help/sitemap/", 'Sitemap', "The sitemap for Code::Blocks's website", 'sitemap');
echo "<h1>Sitemap</h1>\n";
printNav(new SiteNav);
printEnd();
?>

Explaination:
The first line is the most robust way I know for importing a file without hardcoding the root of the page or using include dir in php.ini. The printStart method prints the code before the main data (It's a little ugly, I know, but I didn't have time for a more general system :( It can be changed later, tho). The printNav function prints the navigation (more about that later. The printEnd function prints the rest of the HTML code needed.

6. There is a pseudo-polymorphic (as far as you get with PHP 4 :?) navigation system. First, I hardcoded the navigation in the menu and the sitemap, but I realized that that wouldn't work, so I created this system:
There is a function printNav, which takes an object as argument. It calls startSec, printLink and endSec on that object for building the navigation. One advantage is that you can print the navigation in whatever way you want without needing to code more than the style. (But I did only create one style class, tho. The CSS did the rest for displaying properly in both the menu and the sitemap :))
The most significant advantage is that you will only need to edit the navigation in one place for the entire site..

7. There is a directory "forumtemplate" in the root dir. It contains a cut-down copy of the site, for use in forums.

Common tasks
(Here I'll tell how to do some common stuff)
Adding a new page:
1. Create the files:
1.1 Use the root index.php as a template (not required, but simpler)
1.2 Change the require_once line to include as many ../ as the depth of the directory structure e.g. "require_once(dirname(__FILE__).'/../lib/lib.php');" for /info/
1.3 Change the arguments to printStart
1.4 Add the content :)
2. Add the page in lib/nav.php
3. Add common faults and guesses to the cb_moved db table

Use the site's FAQ system:
(It is disabled, but not removed, here's how to enable it)
1. Rename info/faq.old => info/faq
2. Rename admin/faq.php.old => admin/faq.php.old
3. Uncomment the FAQ link in admin/index.php

Moving a page:
1. Move the files
2. Change references in lib/nav.php and the cb_moved db table
3. Add an entry in the cb_moved db table

How to install
(Here are the steps required to install the system)
1. Copy the files
2. Edit .htaccess, lib/lib.php, js/scripts.js to reflect the root (replace the /codeblocks/ with /)
3. Change lib/db.php and admin/auth.php to reflect the correct login info (for the database and admin interface, respectively.)
4. Change the "forum" and "help wanted" links in the lib/nav.php to link to the forum.
5. Add the Google ads in lib/ui.php (I don't know which code to use)
6. Copy the database (if you change the prefix, change the table names and the variable in lib/db.php)
7. If you have no /favicon.ico (which I believe you have, tho), you should remove the link tag from lib/ui.php

Other misc. things to note
1. I use the attribute rel="external" for all external links. There is a script that makes these show up in a new window. (I know it may seem stupid, but i do STRONGLY recommend this: it makes external links very different. Anyways, if we keep this convention, we can switch between the two, not if we don't..
2. If you want to change something, you can of course change it. Be careful, however. There might be some implicit illogical stuff lying around there: I haven't had time to clean the code very much.. Don't be too scared though: All pages (except the lib/* are 100% independent (except the path), so you can't screw up too much..)
3. One idea I have that I will probably implement in the future is a feature that allows you to customize the right column to contain news, new forum entries, etc. What d'y think?
4. About the handbook:
Currently it is an xml file with mixed custom and xhtml tags. I want to change this to only using custom tags. It will be *pain in the ass* creating xsl files to convert to other things than html otherwise..
The handbook php is currently generated by a script called transform.php (I won't tell the path here, its cpu usage might be used for a DoS attack (or I'm just paranoid.. :)) It uses PHP 5 functionality, so you might need to generate in on your computer to upload the result (out.php) to the server.

Distributing and copyright
I would STRONGLY recommend you not to release this code to the public. The OS community doesn't benefit from it, and it would be extremely much easier for crackers to find security holes.
But if you REALLY want to do it, you could, but don't blame me if the site gets screwed up by hackers :wink:
About Copyright: We must decide who's going to own this code. The OS licenses are not suited. I don't care very much, but I still want access to the code and possibility to change it :)


Can I post the code/mysql dump to mandrav@sourceforge.net?
/Per Eckerdal
Title: Regarding the Code::Blocks homepage design contest
Post by: per_eckerdal on July 09, 2005, 11:41:19 pm
Oh, one more thing that will need to be done: Move the current FAQ to the WiKi..

(I might need to shut my computer down, so you will maybe not be able to see the page.. :()
/Per Eckerdal
Title: Regarding the Code::Blocks homepage design contest
Post by: mandrav on July 10, 2005, 12:08:21 am
Quote
About Copyright: We must decide who's going to own this code. The OS licenses are not suited. I don't care very much, but I still want access to the code and possibility to change it

Choose any copyright you want, as long as it lets us use the site ;)

Quote
Can I post the code/mysql dump to mandrav@sourceforge.net?

Yes sir, you certainly can :)

Yiannis.
Title: Regarding the Code::Blocks homepage design contest
Post by: per_eckerdal on July 10, 2005, 12:25:45 am
Okay, now I've sent you a mail.
/Per Eckerdal