Re-design of my website (1 pager)

[RDesignista]

*EDIT: This draft is still up, but I've uploaded the final draft as my main website*

Hi everyone,

I've been wanting to re-do my website for a while now and finally have something to show for it. This is not actually final, but a rough draft, but not a finished product (so it's in a subdirectory).

This is a 1-page website. Responsive design. I'm opting for a much simpler, more stylish, and more professional look than I currently have. The theme I'm aiming for is office supplies/stationary.

I have studied a bunch of 1-page websites and I've taken note of trends and uses of jquery for user-friendliness. I am still lacking a bit in art though, so that's why it looks really bland. Again, this is a draft. I want it up soon, but would love to first hear some feedback from WDF members.

Thanks.

-R

[Lever]

Man, it's always nice to see clean design. Well done!
Only comment is that the line-height in your <p>'s and <ul>'s may look a smudge inconsistent...

[RDesignista]

Thanks. The 1 pagers that I modeled after were indeed, clean as heck, and I wanted to go in that direction as well.

Man, it's always nice to see clean design. Well done!
Only comment is that the line-height in your <p>'s and <ul>'s may look a smudge inconsistent...

Do you mean the text inside the tooltips? I made the font smaller and line-height smaller so that the tooltip would take up minimal height (to prevent the tool tip from being clipped). I might just scratch the tooltip and use Jquery's toggle function (the show/hide thing), as there won't be any clipping issues there.

-R

[shovenose]

I really really really really like it!
Except make your email address something at ronswebsite or something instead of using Gmail. And PLEASE do your self a favor and ditch iPage! JaguarPC and Arvixe are good, check out my recommended list: http://www.michelstaake.me/recommended-hosts/

[RDesignista]

I really really really really like it!
Except make your email address something at ronswebsite or something instead of using Gmail. And PLEASE do your self a favor and ditch iPage! JaguarPC and Arvixe are good, check out my recommended list: http://www.michelstaake.me/recommended-hosts/

Hm... never saw the need for a domain email, but I might make the change (on my next set of business cards as well), because I plan to keep this domain name forever (because it's generic enough that I can use it for whatever I do!!). Might help reduce the amount of spam sent to gmail as well. Thanks.

By the way, everytime I see your signature box, I swear, it seems like you've re-made your site or your host sit.

-R

[Ronald Roe]

Nice, slick design you have there. One major problem, though. I can only vouch for Chrome, but when I use the nav links on the site, the smooth scroll jumps. It's hard to explain, but it's almost like it smooth scrolls to the wrong spot, and then snaps to the right spot. It's a bit disorienting.

Other than that, I really like it.

[RDesignista]

Nice, slick design you have there. One major problem, though. I can only vouch for Chrome, but when I use the nav links on the site, the smooth scroll jumps. It's hard to explain, but it's almost like it smooth scrolls to the wrong spot, and then snaps to the right spot. It's a bit disorienting.

Other than that, I really like it.

Thanks for telling me this. I'm using someone else's smooth scroll JS and have come into that problem again and again. I really hate it and worse, I don't understand it. It seems to happen in Firefox too, but I thought it was just a glitch caused by me changing my window size (to test responsiveness). I thought I took care of it... alsdfjals;jf ljlaf:banghead:

-R

[Andrew Yurlov]

Animation does not work. Its not in sync. When I click on the link its scrolls for a random amount of time an jumps the rest of the way. Like Ronald said, so far its only on chrome.

[Lever]

Thanks. The 1 pagers that I modeled after were indeed, clean as heck, and I wanted to go in that direction as well.

Do you mean the text inside the tooltips? I made the font smaller and line-height smaller so that the tooltip would take up minimal height (to prevent the tool tip from being clipped). I might just scratch the tooltip and use Jquery's toggle function (the show/hide thing), as there won't be any clipping issues there.

-R

Sorry it took so long to respond.

What I was looking at was your webskillz list. With the padding on each item, the spacing seems off to me. Maybe set the top and bottom padding to 0 and change the line height? Or conversely set top margin to be 14px... just something to make list items space the same as the paragraph above it.

I remember reading somewhere (though I can't remember where) that line heights should more or less multiples of the font size (eg. 'clean fractions' like 1.5) -- which in this case would be 42px.

[Reptar7]

Ya, fix the padding.