Infinity Web Design 4.0
Friday, April 30, 2004 at 7: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
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?
Awesome site, Ryan! Everything fits together perfectly, and the feel of it is wonderful. Nice!
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. ^_^
Looks sweet! Has a warm feel to it.
BTW, the link on your Blog Archive page to xBlogPro is broken.
XBL is great, i always thought you would use a db. good job ryan.
your new site is cool, kinda like HappyCog v3
Awesome redesign, dude
However, your main background reappears below the footer in IE6/WIN - totally killing the coolness
Otherwise, that is some great stuff
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
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 <><
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
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...?
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)
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. ;)
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
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.
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!
Hi
I try to figure how you change images on div#sb_pic but i dont undestand ....is the scripts.js???
Thanks
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 {
[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 05:13 pm
... 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.
"...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. ;)
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
damn ... i miss the body id on top of page - thanks to webdeveloper plugin in FireFox hehe (im blind here) ... i understand now !!!
Thanks !
With regex PHP, everything is possible hehehe ....
Villas
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>
"...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...
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
"you're lazy..."
Yeah, either that or just smart... ;)
.. Do not forget the KISS rule huh !!!
Keep It Simple ..Stupid
Comments are automatically closed after 45 days
April 30th, 2004
7: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?