Infinity Web Design 4.0

Friday, April 30, 2004 at 12:09 pm | Comments off

Ladies and gentlemen, today I am proud to present to you Infinity Web Design 4.0. This being a complete redesign, very little of the old site was saved. In fact, the only thing of consequence that was saved was the logo, and that was given a facelift and a color change. The look is distressed/weathered/slightly Victorian and the site is proud to not be your typical corporate business site.

On the technical side, the XHTML and CSS have been completely redone. The site is valid XHTML 1.1, and most of it is passed as an application of XML (application/xhtml+xml). The few pages that are not, may catch up to the rest of the site one day. Today is not that day. Care has been taken to ensure that it sports a semantically meaningful structure, with CSS handeling all styling. Great care has been taken to ensure maximum accessibility. The Bobby validator says the site is AAA conformant to the WCAG guidelines, and to my knowledge, it is. I am no accessibility guru by any means, but I tried.

The site's copy has been completely rewritten, the portfolio has been totally revamped and will have new additions soon, and xBlog Lite is now free. Enjoy.

Finally, I'd like to thank Cameron and Andy for their input. It was appreciated, guys.

Comments

Niket
April 30th, 2004
12:29 PM | #

Hey Ryan
Your new site looks cool! A great departure from the v3.0 (unless you skipped that number like NN skipped 5.0) of Infinity. Nice standards-based design.

I always wondered if "skip navigation" is essential if the nav bar contains only 4-5 items. It makes sense if the sub-nav is also at the top. Is it really faster for users of screen-readers to actually click the skip link rather than lister again to the 4-5 links?

lavalamp
April 30th, 2004
12:56 PM | #

Looks very nice indeed, and complies with every standard ever dreamed up. :D

Who actually works at Infinity Web Design, is it just you or are there some behind the scene's designers?

Brandon Walsh
April 30th, 2004
1:08 PM | #

Awesome site, Ryan! Everything fits together perfectly, and the feel of it is wonderful. Nice!

Omega
April 30th, 2004
5:04 PM | #

Damn you... your site looks too good, or at least much better than the retarded orange puke I have on my site. Seriously though, it looks great. If it were my site, though, there is one thing I might do (for Infity still)... I'd fade the images in the top of the navigation, make them kind of match up with the background and put them in the background, bottom right corner of the navigation. But it isn't my site, so I shouldn't talk. ^_^

Jebster
May 2nd, 2004
1:53 AM | #

Looks sweet! Has a warm feel to it.

BTW, the link on your Blog Archive page to xBlogPro is broken.

Chris
May 2nd, 2004
7:04 AM | #

XBL is great, i always thought you would use a db. good job ryan.

your new site is cool, kinda like HappyCog v3

Nakijo
May 3rd, 2004
1:47 AM | #

Awesome redesign, dude

However, your main background reappears below the footer in IE6/WIN - totally killing the coolness

Otherwise, that is some great stuff

Steven
May 3rd, 2004
4:16 AM | #

Nice to see a re-design, but the site is ugly. I found that your blog is a lot more attractive to look at, and probaly would gain you some clients if it was used instead of the infinity site.

Apologies for being blunt, but i tell it how it is.

-peace

NateL
May 3rd, 2004
3:57 PM | #

Ryan,

Great design, yet again. I like it. I still am in love with the design of this site...hard to improve, but the business site looks good.

Keep up the good work. Your work is truly inspirational.

Regards and congratulations,
nate <><

Sam Ingle
May 3rd, 2004
4:37 PM | #

Nakijo Said:
"However, your main background reappears below the footer in IE6/WIN - totally killing the coolness"

That is because Ryan is applying the background image to both html and body, it can be fixed by making html,body{height:100%} and applying the background image only to the body

Ryan
May 3rd, 2004
4:45 PM | #

Thanks for all the comments guys. Glad you like it.

"XBL is great, i always thought you would use a db."

xBlog Lite uses a flat file system, but xBlogPro uses a database. xBlogPro is by far a much more advanced tool than xBlog Lite was ever meant to be.

"That is because Ryan is applying the background image to both html and body, it can be fixed by making html,body{height:100%} and applying the background image only to the body"

Actually, I believe Nakijo was talking about the background image that was applied to the wrapper div, which extended below the footer in IE. I've fixed that problem, and am not sure what you are talking about by setting the html and body to 100% height and only applying the background to the body...?

Sam Ingle
May 3rd, 2004
7:03 PM | #

Sorry, I guess I misinterpreted the question. The problem I was referring to (albiet very unnoticable on yours), can be seen on more obvious background patterns. Since html and body aren't always the same size, there's often a glitch at the top or bottom of the document. (I'm not sure if this makes sense, I can prepare a sample document if you would like)

Ryan
May 3rd, 2004
7:19 PM | #

Nope, I know what you mean, now. I just didn't see it as a problem on my site, so was curious what you were getting at. ;)

Sam Ingle
May 3rd, 2004
7:21 PM | #

I didn't either, I just didn't feel like taking the time to open Internet Explorer, so that was what I assumed he was talking about

Robert Wellock
May 4th, 2004
7:20 AM | #

Overall the new design is probably beautiful artistically however there are several things that worry me about the design.

Amongst those are the hyperlink colours being the same as some of your subheading making it confusing as to whether you have added a hyperlink or were just highlighting text.

The <em> is also rather low contrast making it hard to distinguish from the background also the external links to the 'Latest Projects' uses a similar shade, again causing usability issues.

Personally I would have preferred slightly larger default text I don't know what your target audience would be but those were my major concerns regarding accessibility and usability that were projected from the pages.

Alex
May 4th, 2004
3:49 PM | #

Ryan thanks for XBL its amazing!!! Thank you so much for making it free. I just impimented it on my site (you can see it here) if ur curious how its being used by one of its fans.... (i need to work on the design to make it match my horible site :D)
Also, despite the fact that you say its not very advanced, its still the best blogging software thats free that i have seen. thanks again!

villas
February 18th, 2005
8:10 AM | #

Hi

I try to figure how you change images on div#sb_pic but i dont undestand ....is the scripts.js???

Thanks

David
February 18th, 2005
8:43 AM | #

Well I'm not Ryan, but I know the answer to the Q. Sorry if I'm stepping on your toes here Ryan by telling your secrets.

Villas, check the ID on the body tag, then look in the styles:

#design #sb_pic span {
#hosting #sb_pic span {
#software #sb_pic span {
#portfolio #sb_pic span {
#contact #sb_pic span {

villas
February 18th, 2005
9:10 AM | #

[i]#design #sb_pic span {
#hosting #sb_pic span {
#software #sb_pic span {
#portfolio #sb_pic span {
#contact #sb_pic span {
[/i]

Hmm ... i see that but in code the divs DONT change on eatch page and if is the case, he have one CSS per page ???... thats the question !!! i think is a js or php script ...

Thanks

This comment was edited by villas at 09:13 am

David
February 18th, 2005
9:14 AM | #

... No.

The ID on the body tag changes on each page and those CSS selectors that I posted change the background image to the span tag in #sb_pic.

Depending on the ID on the body tag, there will be a different image displayed in the sidebar because a different selector will come into play.

It's not a JavaScript effect because you can disable JavaScript and it will still work and it's not a PHP effect because there is only one style-sheet that ends with .css and therefore it does not change.

Gimme a few mins and I'll knock up an example page with similar markup to Ryan's.

Ryan Brill
February 18th, 2005
9:17 AM | #

"...it's not a PHP effect because there is only one style-sheet that ends with .css and therefore it does not change."

You're right, it's not - but it could be. I could set the server to parse all .css files as PHP. ;)

David
February 18th, 2005
9:29 AM | #

Well, I did not know that, I always thought that you had to use the .php extension and alter the headers to send as text/css. Well, I guess you learn something new every day. In my defence, I'm an ASP guy. :p

Anywho, I finished up my little demo and put it at:
http://www.quiterude.com/david/demo/

And should you wish to download the whole shebang and examine it I zipped and rarred the folder and those files can be found at:
http://www.quiterude.com/david/demo/demo.zip
http://www.quiterude.com/david/demo/demo.rar

villas
February 18th, 2005
9:31 AM | #

damn ... i miss the body id on top of page - thanks to webdeveloper plugin in FireFox hehe (im blind here) ... i understand now !!!

Thanks !

villas
February 18th, 2005
9:34 AM | #

With regex PHP, everything is possible hehehe ....

Villas

David
February 18th, 2005
9:37 AM | #

I think the real hero here is Spiderman.

... and Ryan as well, but mainly Spiderman.

... and Tim Berners-Lee.

</random>

<evil-thought>
Hehehe, could have a lot of fun with PHP by changing the extension of all pages to .arse.
</evil-thought>

Ryan Brill
February 18th, 2005
9:39 AM | #

"...I always thought that you had to use the .php extension and alter the headers to send as text/css."

Well, I'd effectivly be telling the server "Ok, take this .css file and pretend it's a .php file." You can do it with any file extention - I could parse an .asp page as PHP, but .php looks so much cooler than .asp, so why would I want to do that? ;)

Doing this is actually an Apache thing, not a PHP thing...

David
February 18th, 2005
9:47 AM | #

I'm shocked at you, shocked and appalled. :p

Although I think I may swicth to PHP some time in the future, ASP is just a bit too much like hard work and PHP seems quite similar to JavaScript and therefore easier going.

I guess all I'm saying is, you're lazy and took the easy road and I'm an upstanding, hard working citizen. :D

Ryan Brill
February 18th, 2005
9:56 AM | #

"you're lazy..."

Yeah, either that or just smart... ;)

villas
February 18th, 2005
10:01 AM | #

.. Do not forget the KISS rule huh !!!

Keep It Simple ..Stupid

Comments are automatically closed after 45 days