somil — 2014-07-20T13:12:25-04:00 — #1
This is my first go at making a website completely from scratch. I have made some sites before, but never completely from scratch while implementing CSS Styles. It's basically a personal site for hosting some of my programming creations and general work.
Let me know what you like and what could be changed (and how!):
(Sorry for the subdomain, I am currently using one for testing purposes before I purchase one.)
rubble — 2014-07-23T14:47:02-04:00 — #2
I have noticed one annoying thing and that is the vertical scroll bar comes and goes - IE. Why I do not know as your content does nor seem to go off the bottom of the screen.
For example when I first visit the Python page it is there; I mouse over "Number guessing game" and it goes - basically as I go down the list of items it comes or goes on the next item. Once I have got to the bottom of the list it does not come back again!
Clicking home from that page I get a different shade of orange at the bottom of the page that goes when the index page loads.
In Firefox I do not get the scroll bar and the different shade of orange is always there but going to another page I had multiple gradiants down the screen and the navigation showed for about a second in the top left corner before the css kicked in.
Might be worth investing in your own domain name and shared host? Do you have a friend you who has a shared host or something you can try it on?
swheeldesign — 2014-07-23T16:51:50-04:00 — #3
Viewing this in Google Chrome on Windows 7 laptop.
My first thoughts when opening the page were "it's pretty orange."
The applocity button could be "my blog" or something". On your pythings/calculator programs/misc pages, you could do with a back button somewhere rather than having to go through all of the animations.
Oh, and a bit about your code:
1) divs don't go in headers, they go in the body tags (as far as I know about HTML5);
2) you don't declare the html5 doctype at the top.;
3) your analytics script should be in the body tags.
Otherwise, I like what you're trying to do. One little thing I would do with your examples is provide a screen shot showing an example of it working.
Hope that helps.
rubble — 2014-07-23T17:16:53-04:00 — #4
I should have said it is a nice, clean uncluttered, modern site but you have now come across the problem with how different browsers interprate css!
carl24 — 2014-07-24T04:12:19-04:00 — #5
Hey man looks nice but I think you might consult with a webdesigner because if you are a webdeveloper you cant think developers cant do the designer job is difficult for us to think for both things design and functionality
I tried also that I but was really difficult.
swheeldesign — 2014-07-24T06:21:02-04:00 — #6
(the edit time has run out...)
To make myself clear, I meant that you didn't declare it in your pages like you should.
stephen_ — 2014-07-24T19:32:31-04:00 — #7
Hard for me personally to agree with @swheeldesign (as im a cardiff boy lol!) but hes right - you need to tidy your html up a little. The body tag isnt closed off right. Your animation is also making me see some funky rows for a spilt second - take a look in your
function delay (URL)
Design wise - layout is nice but too much orange - consider some contrast look at http://inspirationfeed.com/inspiration/websites-inspiration/51-inspirational-orange-based-websites/ for some ideas. Bit more black for me....
Excellent effort though and well done.
basilpbabu — 2014-07-26T11:35:01-04:00 — #8
Viewed from windows 8 chrom, Its works Page Load Time: 1.18 Seconds, Its so fast
Try to mix some colours with orange ,With simply orange it look some what awkward!!!
b44rd — 2014-07-30T06:44:56-04:00 — #9
The first thing that happened to me, was a gigantic popup with commercials in it. I did not like that very much. Other than that, I think it´s kind of a interesting design. Everything is HUGE (a bit too huge, perhaps) and orange (a bit too orange, perhaps). The animations are not smooth on my computer (firefox/OSX), and could be made better. I would also concider responsiveness, where you could do a touch detection before you placed that gigantic elements.
weakpa2 — 2014-08-08T00:32:02-04:00 — #10
It's good to have a unique website but don't try to change the website view that it looks something weird. For example, if you try to make a OK BUTTON dont change the button name to BOOM just to make a unique. Make your site easy to use, people want to explore a site if the site has a simple interface.
hantoure — 2014-08-08T04:33:44-04:00 — #11
I am not very expext and I see nice
sagive — 2014-08-15T03:00:40-04:00 — #12
For an amature website its ok...
i dont like this big effects. less is more when using fx.
Also the colors and structure are ameaturish but again... for a basic, low traffic blog its ok
verysuave — 2014-08-15T17:33:13-04:00 — #13
I think it's not bad for a first attempt! I agree there's too much orange, it's hard on the eye and will make a visitor not want to stay too long (like someone shining a flashlight into your eyes)
I also think it's a little squarish and perhaps you could try some different fonts as some don't size up very nicely.
I used OpenSans on a site I recently did and it looks decent whether large or small, <snip/>
Keep on designing!
ryanreese — 2014-08-15T20:09:29-04:00 — #14
I actually really like this site. I do find the brief loading between sites/tabs to be a slight putoff. I can see a part of the page without style when it is being loaded and it doesn't look good. I also like the transitions you have although it seems to be a bit much. That may just be me though. I want to echo what was said above about getting your own hosting. Having ads pop up every other page is slightly getting on my nerves since I have to keep tabbing out.
I would recommend getting more content on that website though. I can run through the entire website in about 30 seconds and so far it doesn't really have any niche to it. I'm sure once you get more of your work it will be better though.
Did you make the source code yourself? First thing I notice is no doctype and that's not to mention even going beyond the first 5 lines of your source code. I'd try and work on that. Your code needs to be touched up a bit although it's not bad for a high school student.
priyakochin — 2014-08-17T03:50:27-04:00 — #15
I think your website is looking really good from the aspects of design. But in my views, the orange color used is not eye catching. The effects used are looking very nice. Some seems to be like added extra, which means not a required effect for current page or section.
Anyway I think the effort made is really good and since its your first site, dont worry, concentrate more on design aspects. Your coding and UI seems to be awesome.
Check and refer other latest websites and do more homeworks.
nallatk — 2014-08-21T11:40:26-04:00 — #16
I really like the design of the page, it simple and to the poing...just a little too orange for me.
A few problems for me are this:
- Applocity goes to another site..you could mention that it is a blog or something
- if you could have the games playable on the site I would've tried them out...i really didnt want to download anything
masonethan — 2014-08-21T21:45:21-04:00 — #17
My virus software blocks the site. That's your number 1 problem.
system — 2014-08-26T10:44:22-04:00 — #18
Okay so the first thing that happens when i open the site is a big ugly ad pop up comes up. I usually immediately exit a website if that is the case. I would get rid of that right away. The homepage is not informative at all. "Check some stuff out" needs to be changed to something more descriptive of whats inside. Maybe put the about us on the front page somewhere? The applocity takes me to another site. I wouldnt like that please just link it or something. Overall it could use some work but youll get on the right track it takes quite a bit of time.