62 Matching Annotations
  1. Sep 2019
    1. Now You Know- How to Make A Live Streaming App

      With the advancements in smartphone camera technology, ease of internet access, and the emergence of social media sites specifically dedicated to watching videos, it is obvious that video is going to take over the internet. Know about how to build a live streaming app.

  2. Aug 2019
    1. Customization of the TextField can be cumbersome with the classes API, where you have to define the the classes prop. It's easier to use the default values, as described above. For example:

      It's surprising that they show an example using styled-components, which is a competing style library to their own @material-ui/styles, and even admit that this might be preferred over using the classes API, which they admit may be cumbersome.

      I like that they are open-minded enough to acknowledge that there are cases where built-in API may be too cumbersome, and even show examples of using styled-components.

    1. Demonstrates how label text will wrap at a point that appears to narrow when shrunk (the label can't even be as wide as the input it is labeling!), and how to work around this problem by adding styles:

        '& label': {
          whiteSpace: 'nowrap'
        }
      

      Of course, you would only want to do this if you are going to only be showing the label in shrunk state (which I think is safe to say is the case for date picker inputs), since it would look bad to actually have text overflowing outside of the input box. But if it's in "shrink" state, then it's actually above the input, so as long as there isn't another input/label directly to the right, and/or as long as we adjust the width so the right side of the label mostly lines up with the right side of the input, then I think we should be safe.

      Reference

      The input label "shrink" state isn't always correct. The input label is supposed to shrink as soon as the input is displaying something. In some circumstances, we can't determine the "shrink" state (number input, datetime input, Stripe input). You might notice an overlap.

      To workaround the issue, you can force the "shrink" state of the label.

      You need to make sure that the input is larger than the label to display correctly.

    1. A modern editorContributing to a knowledge base shouldn’t require technical expertise or esoteric formatting knowledge. We’ve created a WYSIWYG editor to lower the barrier to entry and encourage more people to participate globally.We have built speedy citation tools into Golden and intend to create more affordances around claim validation. You can simply highlight any claim and add a citation that is evidence to support that claim. All of these citations can then be easily viewed and examined by anyone viewing the article on Golden. We have gone a little step further by allowing ‘high resolution’ citations i.e. being able to highlight the specific part of the claim you want to back up. Over time, we want to have tighter bindings between claims and evidence in order to improve claim verification.

      This looks great!

    1. Art by O’Hare and Bell highlight - both visually and conceptually - the dialogic quality of annotation expressing power.

      While I'm reading this, I can't help but wishing that Hypothes.is would add a redaction functionality to their product. They could potentially effect it by using the highlighter functionality, but changing the CSS to have the color shown be the same as that of the (body) text instead of being yellow.

  3. Jun 2019
    1. Фильтрация предполагает, что количество записей, после её применения, изменится. Формулировка кнопок фильтрации должна отвечать на вопрос «Что я получу после применения фильтрации?»: новое, мои записи, рестораны, непрочитанные письма и т. д. Применение сортировки не изменяет количество записей. Записи лишь меняют свой порядок. Формулировка должна отвечать на вопрос «По какому принципу упорядочены записи?»: по дате публикации, по рейтингу, в случайном порядке.
  4. May 2019
    1. The sidebar is styled white

      I do like how you've changed the styling a little bit. Being able to have the style fit the particular website is an interesting idea.

    1. Moreover, digital collections can reorder themselves on the fly with interfaces that accommodate diverse audiences. The research interface for a fifth grader should not be the same as that for a professional historian. By starting off as virtual, the Obama library has the potential to rethink how we present, in multiple ways, the vast record of the presidency, to grade schoolers, amateur enthusiasts, casual browsers, and many others. Presidential libraries have always had those different audiences, but going digital-first can make this much more of a reality than a fixed physical space or the often fairly basic websites of existing libraries—all of which were designed for an age of laptops and desktop computers, now a poor baseline when most online visitors access these sites through their smartphone.

      This is an interesting point, but it also presupposes that some staff is going to be building these various interfaces. Who will that be? How will they be supported? It's a whole new level of administration that a library needs to face.

  5. Apr 2019
    1. I think the Stories format is a genuine innovation on the social modesty problem of social networks. That is, all but the most egregious showoffs feel squeamish about publishing too much to their followers. Stories, by putting the onus on the viewer to pull that content, allows everyone to publish away guilt-free, without regard for the craft that regular posts demand in the ever escalating game that is life publishing. In a world where algorithmic feeds break up your sequence of posts, Stories also allow gifted creators to create sequential narratives.
    2. Instagram, despite not having any official reshare option, allows near unlimited hashtag spamming, and that allows for more deterministic, self-generated distribution. Twitter also isn't as great for spreading visual memes because of its stubborn attachment to cropping photos to maintain a certain level of tweet density per phone screen.

      Some interesting UI clues here that either help or hamper social networks

    1. I find it somewhat interesting to note that with 246 public annotations on this page using Hypothes.is, that from what I can tell as of 4/2/2019 only one of them is a simple highlight. All the rest are highlights with an annotation or response of some sort.

      It makes me curious to know what the percentage distribution these two types have on the platform. Is it the case that in classroom settings, which many of these annotations appear to have been made, that much of the use of the platform dictates more annotations (versus simple highlights) due to the performative nature of the process?

      Is it possible that there are a significant number of highlights which are simply hidden because the platform automatically defaults these to private? Is the friction of making highlights so high that people don't bother?

      I know that Amazon will indicate heavily highlighted passages in e-books as a feature to draw attention to the interest relating to those passages. Perhaps it would be useful/nice if Hypothes.is would do something similar, but make the author of the highlights anonymous? (From a privacy perspective, this may not work well on articles with a small number of annotators as the presumption could be that the "private" highlights would most likely be directly attributed to those who also made public annotations.

      Perhaps the better solution is to default highlights to public and provide friction-free UI to make them private?

      A heavily highlighted section by a broad community can be a valuable thing, but surfacing it can be a difficult thing to do.

  6. Feb 2019
    1. Especially on mobile.

      I've found in the past that highlighting on Chrome for Android was nearly impossible. I've switched to using Firefox when I need to use hypothes.is on mobile.

  7. Jan 2019
  8. Dec 2018
    1. I think it is one of those topics with a lot of conjecture John. Apologies if there are too many links.

      Don't apologize for links. It's the web and links are important. In fact I might think that you could have a few additional links here! I would have seen it anyway, but I was a tad sad not to have seen a link to that massive pullquote/photo you made at the top of the post which would have sent me a webmention to boot. (Of course WordPress doesn't make it easy on this front either, so your best bet would have been an invisible <link> hidden in the text maybe?)

      I've been in the habit of person-tagging people in posts to actively send them webmentions, but I also have worried about the extra "visual clutter" and cognitive load of the traditional presentation of links as mentioned by John. As a result, I'm now considering adding some CSS to my site so that these webmention links simply look like regular text. This way the notifications will be triggered, but without adding the seeming "cruft" visually or cognitively. Win-win? Thanks for the inspiration!

      In your case here, you've kindly added enough context about what to expect about the included links that the reader can decide for themselves while still making your point. You should sleep easily on this point and continue linking to your heart's content.

    1. I’m really not sure if linking, in general, has changed over the years. I’ve been doing it the same since day one. But that’s just me.

      Only in the last hour I've had a thought about a subtle change to one of the ways I link. It's not a drastic thing, but it is a subtle change to common practices. Also as I think about it, it removes some of the obviousness of links on social platforms like Twitter that add the ugly @ to a username in addition to other visual changes when one mentions someone else.

    1. This may be a personal itch, but at least for personal archiving needs, I’m sick, sick, sick of the recency bias that’s eaten the internet since the first stirrings of Web 2.0. Wikis are practically the only sites that have escaped chronological organization. It would be cool to have easily-manipulated collections with non-kludgey support for series ordering, order-by-popularity, order-by-popularity with a manual bump for posts you want to highlight, hell even alphabetical ordering. None of these things are remotely unsolved problems, but they’re poorly supported on the social-media silos most people’s content lives on these days.
  9. Nov 2018
  10. Oct 2018
  11. Sep 2018
    1. Atomic Design details all that goes into creating and maintaining robust design systems, allowing you to roll out higher quality, more consistent UIs faster than ever before. This book introduces a methodology for thinking of our UIs as thoughtful hierarchies, discusses the qualities of effective pattern libraries, and showcases techniques to transform your team's design and development workflow.
  12. Apr 2017
  13. Dec 2016
  14. Oct 2016
    1. Artificially Slow UI 2016-07-06 The UX Secret That Will Ruin Apps For You Facebook actually slows down its interface to make users feel safe, a Facebook spokesperson confirmed in an email.... various services on the web including travel sites, mortgage engines, and security checks are all making a conscious effort to slow down their omnipotent minds because our puny human brains expect things to take longer.... companies introduce what Kowitz calls an "artificial waiting" pattern into their interfaces. These are status bars, maybe a few update messages, to construct a facade of slow, hard, thoughtful work, even though the computer is done calculating your query. Another good reason to use your own tools (if it's faster than expected, you feel accomplished, not distrusting), or at least re-use indieweb software etc. that others are selfdogfooding because you know they won't be (or there's at least less chance of them) deliberately slowing it down.
  15. Apr 2016
  16. Jan 2016
    1. UI components for ElasticsearchThe easiest way to build a great search experience with Elasticsearch.

      UI components for Elasticsearch

  17. Nov 2015
    1. Dramatic statistics about the negative impact of hiding key navigation options out of the main view in mobile apps.

    1. The onboarding flow can be designed in many other ways that might be more useful to your users. Slack, for instance, uses the first screen to create some context. They simply introduce themselves, focusing on benefits instead of screens and features.
    2. That’s why now all the big players are shifting from hamburger menus towards making the most relevant navigation options always visible.

      Interesting example of YouTube switching away from the hamburger menu.

    1. There is a lot of evidence that quite subtle changes to user interfaces can have dramatic effects on how the interfaces are used. For example, the size of a search box or the text that accompanies it can considerably influence the queries that people submit.

      -- David Elsweller

    2. The whole gendered usage of hearts seems to have escaped Twitter. So does the fact that people fave (with stars) in complex ways - they are bookmarks, they are likes, they are nods of the head. But they are not indicators of love. I feel very weird loving tweets by random men I've only just started a conversation with. Not that there's anything wrong with feminine. But women - and men, in their own ways - are well-aware of how feminized visual signals get read by others, and in an identity space like Twitter, I suspect that will really minimize usage. Or at least until we all get used to it.

      -- Bonnie Stewart

  18. May 2014
    1. There is something odd going on with the scrolling - I think the scrolling is actually working, but it is not clear where they relate to, why they stay in certain places etc... UI issue.

  19. Sep 2013