58 Matching Annotations
  1. Jun 2021
    1. Persistent navigation drawers can toggle open or closed. The drawer sits on the same surface elevation as the content. It is closed by default and opens by selecting the menu icon, and stays open until closed by the user. The state of the drawer is remembered from action to action and session to session. When the drawer is outside of the page grid and opens, the drawer forces other content to change size and adapt to the smaller viewport.
  2. May 2021
    1. For dynamic routes, such as our src/routes/blog/[slug].svelte example, that's not enough. In order to render the blog post, we need to fetch the data for it, and we can't do that until we know what slug is. In the worst case, that could cause lag as the browser waits for the data to come back from the server. We can mitigate that by prefetching the data. Adding a sveltekit:prefetch attribute to a link... <a sveltekit:prefetch href="blog/what-is-sveltekit">What is SvelteKit?</a> ...will cause SvelteKit to run the page's load function as soon as the user hovers over the link (on a desktop) or touches it (on mobile), rather than waiting for the click event to trigger navigation. Typically, this buys us an extra couple of hundred milliseconds, which is the difference between a user interface that feels laggy, and one that feels snappy.
  3. Apr 2021
    1. If you belong to private Teams, Free or Basic, your Teams will be listed in the left navigation on all Stack Exchange sites. Currently, they appear only when you are visiting Stack Overflow. If you don’t belong to any teams, there will be a prompt to start a team, which can be minimized.
  4. Mar 2021
  5. Feb 2021
    1. Using details/summary for dropdown nav menu without requiring any JavaScript

    2. in this post, we’ll look at how to use this as the basis for an accessible dropdown navigation element that can be opened equally well by keyboard users tabbing through the page, and mouse users hovering on the nav item
  6. Jan 2021
  7. Nov 2020
    1. Directives like ng-if="info.report.revenue" sort of work in Angular if info.report is undefined, in that the ng-if becomes false. But the Svelte equivalent {#if info.report.revenue} throws an error. For now we're using lodash get in places where we need to and looking forward to Svelte support for optional chaining.
  8. Oct 2020
  9. Sep 2020
  10. May 2020
  11. Apr 2020
    1. Vertical navigation needs to scroll and “stick” to the screen so that users don’t lose it. Often vertical navigation works well on a single page design
    2. The space used by vertical navigation might be more valuable for other content.
    3. One thing is certain when it comes to navigation trends, users and designers seem to be fed up with completely hidden styles and demand options that work in similar formats on desktops and mobile devices. This might be one of the reasons a vertical pattern is trending.
    4. The common theme is that many hamburger icons open into vertical sliding navigation.
    5. One more word of advice when thinking about vertical navigation: Don’t be tempted to cram it too full of elements just to fill up the depth of a standard-resolution screen. White space is totally acceptable – and even highly recommended – as a design tool in this format.
    6. Non-traditional navigation styles can be a fun way to break up some of the same old design patterns.

      See the really creative/fun example image above.

    1. If you’re designing any similar type of filtering nav I definitely recommend studying Amazon’s strategy.
    2. Amazon has dozens of categories for every search term. This means they need a way to present refined search features without overcrowding the page. Vertical navigations just make sense because they can tuck away to the side while still being fully accessible.
    3. a fantastic UI design with vertical nav links on product search pages.
    1. A left navigation is faster and more efficient for users to scan. In just three visual fixations, users scan six items in the left navigation compared to the three items scanned in the top navigation. The left navigation also facilitates a vertical scanning direction that is natural for people
    2. A top navigation conserves more vertical page space than a left navigation. With a left navigation, the navigation links occupy the left column of your page. This shrinks and narrows the content area of your page, which means you will have less space for your content. A top navigation, however, uses minimal vertical space, which allows you to occupy the content area of your page with content only.
  12. Nov 2019
  13. Oct 2019
  14. Sep 2019
  15. Aug 2019
  16. Apr 2019
    1. Journal Nav Headers

      • We'd like the other journal visible in individual journal header. Can we do something similar to what we have now?
      • Collections can go under "Articles"
    2. Journal Nav Footers

      • Footer is weird with the journal footer in white on to of the umbrella footer.
      • text is too large in umbrella footer
      • Need email and RSS icons under connect - and these need to be journal specific.
      • too much emtpy space in the footers. Journal and umbrella should be combined.
    1. Learn About the Case Learn About the Book Learn About the Context

      These buttons along the bottom are a good manner of alternative navigation, directing readers toward what is most important.

    1. The Case

      Okay, the fact that this one leads to an actual page instead of just a blank with links is greatly confusing to me. At this point I would not have even clicked on the appropriate link here were I not reviewing your site, as I had just assumed it would be another nothing page.

    1. her post about the Norman dispute

      This is a very good think to have linked to, though perhaps it would be worth making the value of clicking here even more obvious.

    1. About

      Again, just a few sentences describing this section would be good. Though, thinking on it, the clickable navigation boxes also make navigation feasible on mobile devices. Well done!

  17. Feb 2019
    1. Documents, Objects, and Images

      You can find the images in the primary resources page. I like that the pages are kind of connected and there are multiple ways to explore and find information.

    1. History of Woman Suffrage

      This is a really nice way of showing the pages available on the site, instead of a sidebar

    1. Frontier Settlement

      Text is easily readable and is arranged in chronological order, allowing for an assumed timeline to be formed while reading. This timeline is reinforced through the menu bars on the left

    1. Grid view List view

      A grid or list view option is available, based on the reader's preference. This allows for greater readability and personalization of the site.

    1. Collection Abraham Lincoln historical digitization project (133) + - Genre books (128) + - songs (document genre) (128) + - sheet music (5) + - Creator Holmes, John (1) + - Hulbert, F. R (1) + - Lewis, Alonzo (1) + - Street, Alfred D (1) + - Watts, J. H (1) + - Subject Political campaigns--United States--History (128) + - Presidential candidates--United States--History (128) + - Presidents--United States--History (128) + - United States--Politics and government--History (128) + - Query(-) "Tippecanoe Song Book"

      Easily accessible tags which can be used to find primary sources or anything else in the website's databases.

    1. Page Image

      In the primary sources section, original scanned copies can sometimes be navigated to. For example, one can access the original music score via "Page image."

    1. Home Primary Source Materials Media Special Topics About

      The site is fairly easy to navigate. The menus at the top bring you to the main pages, and the columns on the left bring you to the real research and information. "Extras" such as primary sources, interviews, etc. can be found through the top menus. In other words, things not directly related to the research compilations.

  18. Apr 2018
    1. Pages

      I like that I have a choice as to whether to use the front or side tab to navigate

  19. Feb 2018
    1. Documents

      They list the number of documents they have that pertain to each source, which is really helpful.

    2. All Primary Sources (4128) Full Text Primary Sources (2699) Secondary Sources (525)

      They separate the sources based on what's primary and secondary and what is a full text source. I really like this because it is makes the site very easily to navigate.

    1. Browse Document Projects and ArchivesDocumentsFull Text SourcesBibliographyPeopleSocial MovementsChronologySubjectsBook ReviewsTeaching ToolsBack Issues

      I like the way they outline the different sections because when I was first investigating this site as a potential test site, this navigation bar helped me find everything easily

    1. Recent Additions

      This is a neat way to share what kind of content is found through this site. It shows recent additions, so if people were just looking around they can go through them. The only problem with this is that this site seems like a place you would go if you were already looking into a particular topic.

    2. Home Subjects States Time Periods Primary Source Types Map All Collections

      I really like that you can access everything from this top menu bar. I think it makes it easier to navigate and really want something like it for Karina and I's project site.

    3. Search

      I think this search bar is a nice feature because if someone is looking at information on a particular time period or person this would be an easy way for them to look through the site. And there is even an advanced search option.

  20. May 2017
  21. www.sblm.com www.sblm.com
    1. Implement Radio Button's

      • Stop slideshow when clicked, resume after 5 seconds
      • Simulatenously, change Studio H2 opacity to 1.0 and reveal H3 as inline element stacked right, maintaining height dimension of H3 ( background:white, color:black)
      • H3 A element is project name and allows user to jump directly to project
  22. Mar 2017
    1. Star-hopping I start thinking about how I navigate the blogs, how I navigate Twitter, how I smile when I click on recognisable avatars.

      navigation. mapping nodes