I'm designing a blog site and is confused about position of navigation pane on my site. Please suggest wheather I should go with design having navigation panel on top of page, on left sidebar or on right sidebar? Which one is preferred?
Can you give some examples supporting your answers?
If there are just some points: put it on the top. The disadvantage is, that most people have widescreen monitors, so they have to scroll more. If the navigation is on the right, people with smaller monitors can't see the navigation without scrolling. If you put it on the left, they maybe have to scroll to the content. Always think of the smaller monitors, then there should be no problems :)
Related
Sorry if my query's a bit noobish, a uwp beginner here.
I'm trying to morph the hamburger template from template10 and an existing project of mine. Basically, I'd like to have a certain page with the hamburger menu being invisible, and display my own navigation buttons on the page (an intro page). Upon navigation away to any other page the menu will be visible again.
I tried changing Hamburger's visibility state as an experiment, but it seems to be affecting the content as well. Is what I'm talking about possible with this control and I'm missing something obvious? Or I'd have to manage shell usage in app.xaml and load my intro page without the shell?
Many thanks for the creation of the t10 btw (Jerry, Daren and everyone else), me being confused in this thing doesn't at all diminish my appreciation
There are a few options for you here. IsPaneOpen will only work for you depending on the DisplayMode you choose. But if I were to guess, it's HamburgerMenu,.IsFullScreen that you are really wanting to use here.
You can change the SplitView mode to Inline and set IsPaneOpen to false. That will hide the Pane.
I am using MVC3, ASP.NET4.5
Love Glimpse, but finding the bottom right location frustrating, as it can disappear, and only by resizing the browser window, does it reappear again. May be to do with my master page and layers, not sure
So can one have the HUD appear top left.
Probably a simple html/ config issue.
Many thanks,
EDIT
Perhaps, on reflection this is not possible, as the detailed panes pop upwards, so no room. Would have to be a Heads Down Display :)
Currently its not really possible because of the design (as per your edit). But v2 of Glimpse should allow for such changes to occur as the design is different and should allow for this flexibility.
I am trying to find the best method in order to create a horizontal website, full screen and if possible responsive, minimum width to be for tablets. The thing is that I need also the horizontal scrolling with the mousewheel, and I saw that fullPage.js doesn't support that or at least i couldn't manage to make it work on this plugin.
Anyway, I need an idea on building the template, with full screen sections displayed inline - I will be very grateful for any tip. Thanks.
Making horizontally responsive is bit tricky and requires a lot of effort.. There can be many many design approaches for making it responsive. It can't just be described with JSFiddle snippets..
However, I have something for you that will definitely get you started with "Horizontal Responsive Layout designing"..
This is must guide / tutorial for people who want to get started with Horizontal Responsive approach
http://tympanus.net/codrops/2012/04/02/responsive-horizontal-layout/
you could use one of the tools listed in the following links
http://www.cssdesignawards.com/articles/15-excellent-jquery-plugins-to-spice-up-your-sites/44/
http://jquery-plugins.net/scrollit-js-jquery-plugin-for-scrolling-pages
or you could also mix raw js/jquery with anchor links and add animations when clicked. in taht case you can scroll down using mouse wheel and also have fancy animations when a link is clicked
regarding responsiveness use css media queries
What is the technique called that is used in some web apps, like http://www.alfredapp.com where the navigation scrolls down the site to reveal another site?
To get such way of navigation, i would put all of my content on a single page and use a "smooth scroll effect", like the one on this site, to switch between sections.
You will find plenty of more JavaScript (and jQuery) based "smooth scroll effects" by simply googling "smoth scroll through page sections".
That's how they probably done it on alfredapp.com too.
I have gotten UIWebView inside UIScrollView to work, so far anyways, and I have just seen mention on Apple's site that doing so is not advised.
So OK, what's the alternative? I need to display web pages, and I need them to be scrollable, such that if the user swipes leftward then an entirely different page appears coming in from the right. And a reverse situation with swiping rightward.
How is that done without putting UIWebView inside UIScrollView?
Thanks.
Well, you need the UIWebView, which has indeed many features of a UIScrollView, to be able to scroll not only up and down, but also to left and right.
Also, scrolling with two fingers is a no-go, for scrollable elements within a web page, such as textareas can only be scrolled with two fingers.
Three fingers is also not so good because that's not convenient for people with thick fingers...
So my suggestion is that you add a UIGestureRecognizer to your UIWebView and look out for a swipe gesture. Then handle the switching of pages accordingly with animations.