Comments (3)
The top-level links just open the accordion and don't lead to any lesson if you click on them. However the sub-links which actually open lessons are real links. Clicking on the top level links shouldn't open a new lesson because people might want to browse the different lessons without leaving the current one. So I don't really see the point of this. Am I missing something?
from learnangular.
I agree that clicking on the top level links shouldn't open a lesson in the current page! But if you hold down Ctrl before clicking then on the group header then it should open the first lesson in that group in a new page. Similarly, right-clicking on the group header should also allow a context menu item of opening the first lesson in that group in a new page.
I recognize that from your perspective as the page designer, the grouping itself has no content, but to people using the site and from a UX perspective, the grouping contains all of the lessons inside that group, thus clicking on the group IS clicking on content, and the start of that content is the start of the first lesson within.
Think about dropdown menus in a web site's menu bar. If someone hovers, sure, the menu is unrolled, but what if they click on the item without selecting an item from the just-appearing menu? There should still be a default action to take them to either the first menu item or to a page that functions as a jump-off point to all the same menu items that were in the menu (though expanded in size and description). For example, go to http://www.osf.com/ and hover over Menus, but click on the word "Menus" anyway--the group header still navigated to a sensible place instead of being dead.
Yes, other sites such as target.com's left side menu don't allow you to navigate anywhere when you click them, but I think that is poor UX, plus it is different in some ways: 1) hovering/clicking takes you to a much bigger and deeper set of options presented in a much larger area, so that you are already getting what the secondary page might have displayed rather than a summary of the already-offered options (as in the OSF Menus link); 2) The menu items are separated from the content they reveal in a way that makes them semantically different items.
Finally, the hover state of your sections is to display an underline, strongly suggesting to the user that it IS a clickable link (and should function like most clickable links do by allowing opening in a new window!). Last, the hand cursor is displayed when hovering, again suggesting that it is truly a link.
from learnangular.
I see what you're saying. I want to give the implementation a bit more thought but definitely a good idea and you make valid points.
from learnangular.
Related Issues (20)
- Consider using single quotes ' in JavaScript instead of double quotes " HOT 2
- Ambiguous syntax explanation in the $watch tutorial HOT 3
- ... learn which version of angular? HOT 2
- Page Not Found: Dependency injection for five year olds HOT 2
- User data is not being saved in AJAX tutorial HOT 2
- Run not showing results HOT 4
- Amazing explanation HOT 1
- The Value Recipe needs some update HOT 5
- Nice explanation. One more point. HOT 3
- First Lesson: Simple App doesn't display HTML correctly HOT 9
- Constant recope HOT 3
- First lesson bug HOT 2
- Binding CSS classes HOT 1
- extra code in Two-way bindings lesson HOT 1
- aesthetics issue in repeaters HOT 1
- Syntax error causes fields to be uneditable
- lol :D HOT 1
- Where can we find the .css files? HOT 1
- The tutorial no longer work HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from learnangular.