Omnimaga

General Discussion => Technology and Development => Web Programming and Design => Topic started by: Munchor on February 11, 2011, 01:29:38 pm

Title: davidgom.co.cc Redesign
Post by: Munchor on February 11, 2011, 01:29:38 pm
So, my website will go under extreme changes, such as new utilities, new design, new pages, so I decided to create a new topic for it. Here is a preview of the most likely outcome:

(http://img.removedfromgame.com/imgs/websiteTeaser.png)

(http://img.removedfromgame.com/imgs/websiteTeaser2.png)

What do you think of it?

Do you have any ideas?

Thanks!
Title: Re: davidgom.co.cc Redesign
Post by: Michael_Lee on February 11, 2011, 03:00:09 pm
Looks nice -- but when I opened it, there was a number 10 in the top left corner, which was a bit weird.
Title: Re: davidgom.co.cc Redesign
Post by: fb39ca4 on February 11, 2011, 03:44:15 pm
I was trying to scroll the screenshots. :banghead:
Title: Re: davidgom.co.cc Redesign
Post by: Munchor on February 11, 2011, 05:26:33 pm
http://davidgom.co.cc/bcalls.html (http://davidgom.co.cc/bcalls.html)

I added a Bcalls list.

I also decided to add an Assemblex page:

http://davidgom.co.cc/assemblex.html (http://davidgom.co.cc/assemblex.html)

On the other hand, the design has been changed and it looks much cooler (in my view).

The contact form is not ready it, though.


EDIT: http://davidgom.co.cc/prizm.html (http://davidgom.co.cc/prizm.html)

The PRIZM Equates tables was updated too.
Title: Re: davidgom.co.cc Redesign
Post by: DJ Omnimaga on February 12, 2011, 07:13:55 pm
I kinda like it, but I wonder if the green could be slightly lighter? Also an image on the Assemblex page doesn't work because you inverted the last slash. Otherwise it's pretty fine. :)
Title: Re: davidgom.co.cc Redesign
Post by: Munchor on February 13, 2011, 04:58:58 am
I kinda like it, but I wonder if the green could be slightly lighter? Also an image on the Assemblex page doesn't work because you inverted the last slash. Otherwise it's pretty fine. :)

The image works fine to me :S
Title: Re: davidgom.co.cc Redesign
Post by: DJ Omnimaga on February 13, 2011, 03:19:51 pm
Weird, then Opera must not support backslashes. Either way, the <img src="images\assemblexPreview.png" width="452" height="361"> should be <img src="images/assemblexPreview.png" width="452" height="361"> instead, because the image is located at http://davidgom.co.cc/images/assemblexPreview.png not  http://davidgom.co.cc/images\assemblexPreview.png

Some browsers must translate backslashes into slashes automatically.
Title: Re: davidgom.co.cc Redesign
Post by: Munchor on February 13, 2011, 03:20:32 pm
Weird, then Opera must not support backslashes. Either way, the <img src="images\assemblexPreview.png" width="452" height="361"> should be <img src="images/assemblexPreview.png" width="452" height="361"> instead, because the image is located at http://davidgom.co.cc/images/assemblexPreview.png not  http://davidgom.co.cc/images\assemblexPreview.png

Some browsers must translate backslashes into slashes automatically.

Changing already ;D
Title: Re: davidgom.co.cc Redesign
Post by: Munchor on February 13, 2011, 03:46:54 pm
**UPDATES**

I improved the Binary/Decimal converter here (http://davidgom.co.cc/binarydecimal.php).

I improved the Random Password Generator here (http://davidgom.co.cc/binarydecimal.php).

I fixed the Assemblex bug, etc.

New Screenshot:

(http://img.removedfromgame.com/imgs/davidgomcoccRedesignPreview2.png)
Products Page.

How do you like it?
Title: Re: davidgom.co.cc Redesign
Post by: DJ Omnimaga on February 13, 2011, 03:48:30 pm
This looks good.
Title: Re: davidgom.co.cc Redesign
Post by: Munchor on February 14, 2011, 07:41:51 am
Organization of my website now:

>>>Home
>>Contact
>>>Projects
>>Assemblex
>>>Products
>>Random Password Generator
>>Binary/Decimal Converter

It's much simpler this way, there are also other products and products but those are in external websites (ticalc.org, Google Code, etc.)
Title: Re: davidgom.co.cc Redesign
Post by: aeTIos on February 14, 2011, 07:42:37 am
Nice :)
Title: Re: davidgom.co.cc Redesign
Post by: Munchor on February 14, 2011, 07:51:41 am
Nice :)

Oh, I just visited your website! I could use a Downloads section :P
Title: Re: davidgom.co.cc Redesign
Post by: Munchor on February 18, 2011, 02:53:14 pm
**BUMP**

http://davidgom.co.cc/index.html#contact (http://davidgom.co.cc/index.html#contact)

As you can here (http://davidgom.co.cc/index.html#contact), I have a contact form, but it's not ready yet.

Shall I have a textbox for mail and name or just one text box?

Thanks.
Title: Re: davidgom.co.cc Redesign
Post by: Deep Toaster on February 18, 2011, 08:40:58 pm
I'd suggest moving the green area so that the gradient is only behind the heading. It looks a bit out of place in the middle of the body IMHO. It looks great otherwise, though. I like the color scheme :)
Title: Re: davidgom.co.cc Redesign
Post by: Munchor on February 19, 2011, 08:06:01 am
I'd suggest moving the green area so that the gradient is only behind the heading. It looks a bit out of place in the middle of the body IMHO. It looks great otherwise, though. I like the color scheme :)

I'll try and do that, I agree with you :D
Title: Re: davidgom.co.cc Redesign
Post by: Munchor on February 20, 2011, 01:47:40 pm
***BUMP***

http://davidgom.co.cc (http://davidgom.co.cc)

For all of you who requested smaller background, I like it more this way!

Thanks :P

What do you think?
Title: Re: davidgom.co.cc Redesign
Post by: Happybobjr on February 20, 2011, 01:49:45 pm
I like it.

have you ever thought of doing a background like Omnimaga's?
Title: Re: davidgom.co.cc Redesign
Post by: Munchor on February 20, 2011, 01:50:16 pm
I like it.

have you ever thought of doing a background like Omnimaga's?

X Repeated?
Title: Re: davidgom.co.cc Redesign
Post by: Deep Toaster on February 20, 2011, 01:50:53 pm
***BUMP***

http://davidgom.co.cc (http://davidgom.co.cc)

For all of you who requested smaller background, I like it more this way!

Thanks :P

What do you think?

Looks better :) Especially for people with a smaller screen size. That way the gradient isn't cut off in the bottom edge of the page.
Title: Re: davidgom.co.cc Redesign
Post by: Munchor on February 20, 2011, 01:53:54 pm
***BUMP***

http://davidgom.co.cc (http://davidgom.co.cc)

For all of you who requested smaller background, I like it more this way!

Thanks :P

What do you think?

Looks better :) Especially for people with a smaller screen size. That way the gradient isn't cut off in the bottom edge of the page.

Yep, thanks.
Title: Re: davidgom.co.cc Redesign
Post by: DJ Omnimaga on February 22, 2011, 04:02:23 pm
Looks nicer now I think. However for some reasons the submit button is larger than the submit form. It might be best to make them the same size I think.
Title: Re: davidgom.co.cc Redesign
Post by: Deep Toaster on February 22, 2011, 09:41:16 pm
Yeah, it's shifted right a bit. Also for something that large I'd suggest making it taller as well :)
Title: Re: davidgom.co.cc Redesign
Post by: Munchor on February 23, 2011, 09:59:57 am
Looks nicer now I think. However for some reasons the submit button is larger than the submit form. It might be best to make them the same size I think.

They are the same size to me :P

Google Chrome.
Title: Re: davidgom.co.cc Redesign
Post by: Deep Toaster on February 24, 2011, 12:10:36 am
Looks nicer now I think. However for some reasons the submit button is larger than the submit form. It might be best to make them the same size I think.

They are the same size to me :P

Google Chrome.

Button design actually depends on your OS.
Title: Re: davidgom.co.cc Redesign
Post by: Munchor on February 24, 2011, 12:21:36 pm
Looks nicer now I think. However for some reasons the submit button is larger than the submit form. It might be best to make them the same size I think.

They are the same size to me :P

Google Chrome.

Button design actually depends on your OS.

What is your OS DJ?

Both in Ubuntu 10.04 and Windows 7 they are the same size to me.
Title: Re: davidgom.co.cc Redesign
Post by: DJ Omnimaga on February 25, 2011, 03:09:13 am
I run Windows 7 64 Bit and used Opera 11. However in Opera 11 I use Opera Classic theme (that looks like Opera 8 and 9). Could it have something to do with that?
Title: Re: davidgom.co.cc Redesign
Post by: Munchor on February 26, 2011, 02:20:50 am
I run Windows 7 64 Bit and used Opera 11. However in Opera 11 I use Opera Classic theme (that looks like Opera 8 and 9). Could it have something to do with that?

No idea, but it doesn't really matter, there's no way I can make it equal for *everyone*.
Title: Re: davidgom.co.cc Redesign
Post by: Builderboy on February 26, 2011, 02:22:02 am
thats true, but I think making the best effort to appeal to all your users is also a good idea :)
Title: Re: davidgom.co.cc Redesign
Post by: Munchor on February 26, 2011, 04:00:55 am
thats true, but I think making the best effort to appeal to all your users is also a good idea :)

Which is what I always do: Browser compatibility ;D
Title: Re: davidgom.co.cc Redesign
Post by: DJ Omnimaga on February 26, 2011, 04:08:23 am
I agree with Builderboy, but web design is such a major pain X.x. I am sure some Omni stuff would look different in other browsers than Opera/Firefox. But I don't know HTML/CSS enough to know X.x

In some cases, people give up on IE: They only make sure in IE it works, without worrying about showing fine.
Title: Re: davidgom.co.cc Redesign
Post by: Munchor on February 26, 2011, 04:16:11 am
I agree with Builderboy, but web design is such a major pain X.x. I am sure some Omni stuff would look different in other browsers than Opera/Firefox. But I don't know HTML/CSS enough to know X.x

In some cases, people give up on IE: They only make sure in IE it works, without worrying about showing fine.

I change my CSS a little bit for IE, but not a lot, I hate testing things on IE due to its loading time :P

Which reminded me to check, it works great, the button is not the same size, though.

The problem is that a number shows up the corner (10) :S
Title: Re: davidgom.co.cc Redesign
Post by: DJ Omnimaga on February 26, 2011, 04:22:07 am
For me it won't load too slowly, but pages loads slightly slower than in FF, Chrome and Opera.
Title: Re: davidgom.co.cc Redesign
Post by: Munchor on February 26, 2011, 05:33:55 am
For me it won't load too slowly, but pages loads slightly slower than in FF, Chrome and Opera.

I use Chrome all the way, but FF has more extensions.
Title: Re: davidgom.co.cc Redesign
Post by: Deep Toaster on February 26, 2011, 10:00:51 am
In some cases, people give up on IE: They only make sure in IE it works, without worrying about showing fine.

Yeah, especially for IE7 and below. Sometimes I even add a nasty surprise for them so they at least upgrade to IE8 :P
Title: Re: davidgom.co.cc Redesign
Post by: Munchor on February 26, 2011, 12:45:00 pm
In some cases, people give up on IE: They only make sure in IE it works, without worrying about showing fine.

Yeah, especially for IE7 and below. Sometimes I even add a nasty surprise for them so they at least upgrade to IE8 :P

I love IE9 by the way, it's so pretty (the UI).
Title: Re: davidgom.co.cc Redesign
Post by: DJ Omnimaga on February 28, 2011, 03:02:50 am
I never actually looked at it. I liked how IE6-8 were simple, although other browsers are simple in general too, I guess, nowadays.
Title: Re: davidgom.co.cc Redesign
Post by: Munchor on February 28, 2011, 07:28:19 am
I never actually looked at it. I liked how IE6-8 were simple, although other browsers are simple in general too, I guess, nowadays.

Chrome is super simple, hence a lot of people like it.
Title: Re: davidgom.co.cc Redesign
Post by: Deep Toaster on February 28, 2011, 09:35:43 am
Chrome basically looks like a massive file folder on your screen with an address bar on top. It seems like this (http://stuffthathappens.com/blog/2008/03/05/simplicity/) is actually pretty true.
Title: Re: davidgom.co.cc Redesign
Post by: aeTIos on February 28, 2011, 10:27:57 am
Yes, you're right

/me wonder how do you find this images?
Title: Re: davidgom.co.cc Redesign
Post by: Deep Toaster on February 28, 2011, 09:01:04 pm
Hmm? Which?
Title: Re: davidgom.co.cc Redesign
Post by: Munchor on March 15, 2011, 04:47:31 pm
After learning Javascript, I finally made the unit converter much better and Javascript (no PHP loading pages):

http://davidgom.co.cc/unitConv.html (http://davidgom.co.cc/unitConv.html)

What do you think of it?
Title: Re: davidgom.co.cc Redesign
Post by: Deep Toaster on March 15, 2011, 06:59:21 pm
Nice. I'd suggest calling that a "base converter" though -- a "unit converter" converts units, between mPa and atm, for example.

EDIT: Oh, and the navbar looks great :)
Title: Re: davidgom.co.cc Redesign
Post by: Munchor on March 16, 2011, 09:12:56 am
Nice. I'd suggest calling that a "base converter" though -- a "unit converter" converts units, between mPa and atm, for example.

EDIT: Oh, and the navbar looks great :)

Thanks, I changed it to Unit Converter now.

I also like the navbar :P

EDIT:

In the Products section:

http://davidgom.co.cc/products.html (http://davidgom.co.cc/products.html)

There is a new type: Online Databases:

• TI-83+ Series Assembly BCalls List;

• Casio PRIZM Assembly Equates;

• TI-83+ Series Assembly Instructions Opcodes
Title: Re: davidgom.co.cc Redesign
Post by: Deep Toaster on March 19, 2011, 01:29:13 pm
• Casio PRIZM Assembly Equates;

That page is titled wrong. It says "TI-83+ Series Bcalls" :)
Title: Re: davidgom.co.cc Redesign
Post by: Munchor on March 19, 2011, 02:18:16 pm
• Casio PRIZM Assembly Equates;

That page is titled wrong. It says "TI-83+ Series Bcalls" :)

Thanks! Will fix!