Welcome to TalkGraphics.com
Page 1 of 3 123 LastLast
Results 1 to 10 of 23
  1. #1
    Join Date
    Nov 2011
    Posts
    11

    Default Single Page Website

    Hi All,

    I have just completed my first single page website design. I have built this website from scratch without using any templates. I have used jQuery, HTML 5 video, CSS3 and fullPage.js.

    http://blahdblah.s3-website-eu-west-1.amazonaws.com

    Please let me know what you think.

  2. #2
    Join Date
    Aug 2000
    Location
    Placitas, New Mexico, USA
    Posts
    41,650

    Default Re: Single Page Website

    Your post was moderated since new members are not permitted links. Your link seems appropriate and this thread is approved.

  3. #3
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    18,448

    Default Re: Single Page Website

    It has a nice balance - thank you for sharing.
    I thought your bounce was a bit too punchy - I personally wanted it to be slower to appreciate the effect.

    Acorn
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

  4. #4
    Join Date
    Sep 2000
    Location
    Bracknell, UK
    Posts
    8,659

    Default Re: Single Page Website

    Really nice design, though the navigation may be a bit too subtle for some.

    The slideshow goes a bit wild when scrolling on my Mac.

    Love the flyover sequence, though I wanted it to lead somewhere.

    The photography is amazing. Lorem ipsum a bit surprising. Work in progress?

  5. #5
    Join Date
    Jan 2010
    Location
    Bradford, England
    Posts
    1,833

    Default Re: Single Page Website

    Very good, professional website, the use of the full page slideshow is perfect as is the photography. I agree with Acorn on the bounce, perhaps more of an ease-in rather than a bounce, but overall a great website, well done. Just one note, are you planning this as a theme/template or a full fledged website for yourself or a client?
    Flawless Form. Faultless Function. Crafted by Cloud

    https://www.cloudwebagency.co.uk

  6. #6
    Join Date
    Nov 2011
    Posts
    11

    Default Re: Single Page Website

    Quote Originally Posted by Acorn View Post
    It has a nice balance - thank you for sharing.
    I thought your bounce was a bit too punchy - I personally wanted it to be slower to appreciate the effect.

    Acorn
    Thank you for your comments. I have slowed most of animations down by about 500ms which seems to give a much more fluid feel. I have also removed most of the animations for mobile devices for a smoother experience.

  7. #7
    Join Date
    Nov 2011
    Posts
    11

    Default Re: Single Page Website

    Quote Originally Posted by pauland View Post
    Really nice design, though the navigation may be a bit too subtle for some.

    The slideshow goes a bit wild when scrolling on my Mac.

    Love the flyover sequence, though I wanted it to lead somewhere.

    The photography is amazing. Lorem ipsum a bit surprising. Work in progress?
    Thank you for your comments. I have fixed the bug when navigating the site on a mac. I have also added a setTimeout onto the mouse scroll event so if you scroll lots of times quickly it will not fire multiple times.
    You are correct the website is not finished yet (often a good time to get feedback - allows for quick changes)
    I will look at adding something to the end of video at a later date, I have added a few extra slides using some full screen Youtube videos which work really well - let me know what you think.

    Cheers

  8. #8
    Join Date
    Nov 2011
    Posts
    11

    Default Re: Single Page Website

    Quote Originally Posted by Cloud View Post
    Very good, professional website, the use of the full page slideshow is perfect as is the photography. I agree with Acorn on the bounce, perhaps more of an ease-in rather than a bounce, but overall a great website, well done. Just one note, are you planning this as a theme/template or a full fledged website for yourself or a client?
    Thank you for your comments. At the moment I am just trying out some new technologies for building eye catching websites. I might end up using something like this for my website.

    Cheers

  9. #9
    Join Date
    Sep 2000
    Location
    Bracknell, UK
    Posts
    8,659

    Default Re: Single Page Website

    The Mac retina screen reveals the secrets behind the panorama, I'm afraid..
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	Screen Shot 2014-12-28 at 12.40.42.jpg 
Views:	261 
Size:	53.8 KB 
ID:	105430  

  10. #10
    Join Date
    Nov 2011
    Posts
    11

    Default Re: Single Page Website

    Quote Originally Posted by pauland View Post
    The Mac retina screen reveals the secrets behind the panorama, I'm afraid..
    Oh my it sure does not look amazing on the high res monitors. I will pick a different location with better pictures. I am using Google Street View to do this at the moment.

    Thanks for pointing this out.

 

 

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •