keep menu in view on new page load
- Started
- Last post
- 14 Responses
- npduggins
any idea how these guys -
prevent their menu chrome from disappearing on new page load?
thanks
- ESKEMA0
probably something to do with html5 offline thing. I don't have a clue.
- hereswhatidid0
- perfect. fancy implementing it for me!?
npduggins - There are installation instructions right on the page in that link.hereswhatidid
- perfect. fancy implementing it for me!?
- utopian0
A bit off topic...
I love how the animated logo transitions colors to reflect unique page color palette, slick.
- estetic0
ajax - page never reloads just gets new content for div#frame
- uan0
doesn't it just load really fast and it looks like it's not reloading?..like it's hard coded and the rest is set dynamically?
- monNom0
it's the HTML5 History API and some javascript routing. Singlepage apps use this approach if you want a place to start. Maybe look at Angular.js or Ember.js
- monNom0
^ Essentially there's a look-up table for the page and the content, so you click a link that activates some JS which checks for the page route and the content location. The JS changes the page with history.pushState(), gets the content from the server via ajax/json and draws it into the page via some sort of template. It's all very complex to eliminate a flashing menu.
- vaxorcist0
anyone know how much this effects SEO, compared to flat HTML page URLs, if you do the correct REST endpoints to return HTML, as @monNom mentions? or should it be essentially the "same" SEO situation according to a crawler?
- monNom0
^ essentially it's the same. The only difference is that for a real user, whatever page they come in on becomes the "homepage" and all navigation from then on loads content via XHR instead of regular linking. So you need to use the same templates on the server as you use on the client, and deliver the first load as a prebuilt HTML file, rather than building it on the client side at runtime.
- Hombre_Lobo0
Today I learned nomNom is a web genius. I know who I'm coming to next time I have issues...
Site is nice! Does create a more app like experience with the content being pulled in but the menu remaining. And the animated logo colors matching the palette of the work currently displayed is very charming.
- mind if I use you as a reference? =PmonNom
- Haha of course! As a lowly novice front ender you just better hope your email on your profile isn't genuine lol!Hombre_Lobo
- Complaintsdept@hotma...
Lol, you win this round...Hombre_Lobo
- Hombre_Lobo0
Just discover sennep did this - http://www.sennep.com/work/dande…
Which I had a play with a few years back at the v&a in London.
It was ace, surpringly fun and satisfying!