Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Jan 2012
    Location
    Ahmedabad, Gujarat, India
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    how can i design with html5 & css3?

    Hello Friends,

    one of my client is looking for website design similler like danwintersphoto.com
    but the problem is i am not aware about how to use HTML 5 & CSS3 & the site which i have mantion that useses falsh...

    basically i am looking for a user navigation link which without changing the links....

    Thank you in advanced.

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,801
    Thanks
    6
    Thanked 1,023 Times in 996 Posts
    First of all: This has nothing to do with HTML 5. A site like this can entirely be created with the current HTML 4 standard. Secondly: Using CSS 3 for such kind of interaction is not advisable at this stage since many of its features are very experimental and not widely supported yet. Thirdly: From what I understand of your broken english you want a navigation that loads the contents without reloading the entire page, right? This is not possible with HTML and CSS alone (not even HTML 5 and CSS 3), you need to use JavaScript to make an asynchronous call to the server and load contents from another document. Or, if the site isn’t very extensive you can have everything on one page and hide/show contents on click. But either way, you need JavaScript for that.

    But I won’t take a stab in the dark, giving you a link without knowing anything about the complexity of the site you’re supposed to create. If you’re a professional and have paying clients, and you’re not able to produce this kind of website yourself I’d suggest you work with someone who knows how to do it. You can still do the design or parts of the work but implementing such a functionality properly is fairly advanced.

    Also, one warning from a UI design perspective: The entire load-content-without-reloading-the-page functionality must not interfere with the regular browser interface/navigation elements. I’m especially thinking about the browser’s back button. If you load contents dynamically with JavaScript without reloading the page you’re bypassing the browser history (no new history entry is created) and therefore the back button won’t react as the user expects. You’d therefore have to implement additional JS functionality to re-enable this. If you think this through from the beginning until the end you’ll come to the conclusion that the effort required doesn’t justify the benefit you’re getting out of it. So, eventually it is best to just live with the original browser behavior of page reloading. After all, there is a reason why browsers and websites work that way. And it is your job as professional to explain that to your clients.

  • #3
    New Coder
    Join Date
    Aug 2012
    Location
    Kalamazoo, MI
    Posts
    39
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Stephan is absolutely correct, it is not recommended to do this because it could interfere with the browsers native functions.

    However I am not going to stop you from doing so. You can do this via an AJAX call to the server to load content asynchronously. If you are unsure how to do an AJAX call or what AJAX even is, please view W3's AJAX Tutorial http://www.w3schools.com/ajax/ajax_intro.asp

  • #4
    New to the CF scene
    Join Date
    Jan 2012
    Location
    Ahmedabad, Gujarat, India
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts
    thanks a lot...

    this is really grete one & really appriciated.. it's really helpful to me...


  •  

    Tags for this Thread

    Posting Permissions

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