Join for FREE | Take the Tour Lost Password?
Shop deviantART for the
holidays and save BIG!
Click here! :holly:
[x]

deviantART

:woohoo:
 

OS Style Gallery by =rthaut:iconrthaut:

Categories Designs & Interfaces > Web Interfaces

©2006-2009 =rthaut
:iconrthaut:

Artist's Comments

This is a very recent web interface that I absolutely love. It is inspired by *magneto-ms's Skinner's Instinct portfolio. His is absolutely amazing, but it is flash; mine is completely HTML, CSS, and JavaScript. It is extremely interactive, much like a normal operating system, but it is not confusing or overloaded with extras (so I am told). This is my first design with red as a primary color; normally I don't use red for anything, but it just seemed to fit so well. The media player was a little tricky, but it turned out good. The movable windows were really simple, yet they add so much to the overall design. I added my current class schedule so that I could use this for my semester project in my CS class; yes, I am done ahead of time, but the professor said it was very good and I could use it if I added a schedule to it. The only downside is that it is Firefox only, as IE does not natively support transparent PNGs, which make the whole interface possible. I know there are work-arounds, but the designer should not have to work around a specific browser; Firefox meets all of my needs, and eventually IE should catch up to where Firefox is now, at least in support and features. I have not tested this with IE7, so if someone using IE7 could let me know how it compares to the screenshot (or, better yet, to the live version in Firefox), I would be eternally grateful.

It is hand designed and coded in its entirety, using some scripts I created for previous designs, which were hand coded as well, but not specifically for this interface.

View the live version.

Comments, suggestions, and questions are warmly welcomed.

Comments


love 0 0 joy 0 0 wow 0 0 mad 0 0 sad 0 0 fear 0 0 neutral 0 0
:iconkijuri:
~kijuri Sep 28, 2006, 11:41:39 AM
It's very cool you were able to code it without Flash, but i don't think it's effective as a website. It is that it loads very very slow (and i even have internet that's quite fast (6mb/s)) which makes people go away, and i don't think that that is the purpose you had for your site ;)
Also the design is not great. It would be cooler if it would be just simple. simple is often better that trying to do difficult if you know what i mean.
You should check some tutorials on webdesign. Also some articles like the 10 most fustrating website features might be a good read (i learned a great deal from that)

Good luck,
Kijuri

btw. you can't just use music on your website which is not yours. copyright only goes from a piece of art/music/whatever media after 50-70 years.

--
*designerscouch :couch: :jedi: :jarksaber:
:iconrthaut:
=rthaut Sep 28, 2006, 4:44:26 PM
Thanks for the ideas; I agree that it is very complicated, but it is more of a demonstration type of layout. Basically, the main goal is to show the portfolio, but at the same time it is to just demonstrate other skills that would take many projects to present individually and in a portfolio, unless I brought them together into one that they could interact with.

And thanks for the heads-up on the music, but it is my understanding that 30 second clips are free rights media. I could be wrong, but I am pretty sure that as long as I only loop the same 30 seconds, it is completely within my rights without infringing upon the authors' copyrights. I guess I am going to have to look into that some more; for now, I guess I will disable the music. :)

--
Ryno Studios | Ryan Thaut | Designers' Couch | Template Artists
:iconb0o-b0o:
~b0o-b0o Sep 28, 2006, 7:10:10 PM
im impressed that you managed to create the look of flash using css and html but i think it loads way to slow and i have a really high broadband speed. also i dont think the red does anything for it and everything looks to big and chunky compared to thesmall flash example. also i dont think its very original but i am still impressed that you tried.
i used firefox to view it, and tried in it IE and it worked in both for me anyway

--
[link]
:iconrthaut:
=rthaut Sep 29, 2006, 8:26:53 AM
Thanks for the input; I really do appreciate it. That is really wierd that it loads so slow; I had several people test it and they said it was extremely fast, especially considering how many images needed to be loaded. I wonder if it might just be a server thing. I think I am going to downsize the images in my portfolio, as they make up 85% of the load, but I am not sure how small is too small.

I guess I used a red color theme mostly because I always avoided red previously; I figured I might as well give it a shot, but maybe you have an idea or two for a different color scheme for something similar (hopefully much better) than this? And I never really thought about how big it all looks; I really want to try making a more minimalistic-style version now, just to see. I am so glad you pointed that out. :)

Again, thank you for the wonderful advice!

--
Ryno Studios | Ryan Thaut | Designers' Couch | Template Artists
:iconb0o-b0o:
~b0o-b0o Sep 29, 2006, 8:36:43 AM
im glad u took my advice well, alot of peoplei point out anything get all self defensive and annoyed lol.
i actually hate the colour red so much thats maybe why i was harsh about the colours. i dont really have any ideas for a colour scheme. ive always liked (light) green for website design but there is too many of them around at the moment ive steered clear of it so far. I usually go for blues but thats very common too.
but like i said im impressed you managed to get the same look as the flash using html etc. if you dont mind me asking, what script did you use for the slideshow/gallery? or is that all css coding?

i just went back on the site and it did load quicker than before, i had some issues with the top being cut off until i veiwed it in fullscreen mode. just to give u an ide this is what it look like on my screen [link] im using a widescreen so i dont know if that affects it. i think maybe in the top right hand corner theres supposed to be a clock/countdown and some logo but its covered, is this right?

--
[link]
:iconb0o-b0o:
~b0o-b0o Sep 29, 2006, 8:39:42 AM
btw i looked at your alternative website layout and i think it looks great

--
[link]
:iconrthaut:
=rthaut Sep 29, 2006, 11:31:34 AM
It is fitting that you hate red, as it is often interpretted as the color of hate and rage. :) But I agree with you; it just seems any other color schemes are very popular. All of the scripts I used are custom made from scratch, with the exception of the movable windows, which is a highly modified script.

As for the top being cut off, that is because I made the window a little too big, and so at lower resolutions it covers up more than I had intended. I thought I had left enough room to accomodate for this, but apparently I miscalculated. I had intended it to work on any resolution taller than 768 (i.e. 1024x768), but anyone using that resolution must switch to full-screen mode. And I just now realized that I forgot to mention this on the loading page. You are right about the logo and the clock, but they are not quite as important as the actual content (i.e. the portfolio, and other windows).

Thank you so much for your help; thanks to your advice, I might be able to scrap this, should I choose to rework it. :D

--
Ryno Studios | Ryan Thaut | Designers' Couch | Template Artists
:iconb0o-b0o:
~b0o-b0o Sep 29, 2006, 8:52:02 PM
well good luck with it all i hope you get it how u want it. thanks for being understanding of my advice (and criticism) and for taking it so well.

--
[link]
Previous PageNext Page

Details

September 21, 2006
3.4 MB
1680×3436

Statistics

9
1 [who?]
291 (0 today)

Share

Link
Embed
Thumb

Site Map

©2009 deviantART. All rights reserved
About Us | Contact Us | Site Tour | Help & FAQ Advertise | Services Etiquette | Privacy Policy | Terms of Service | Copyright Policy