62 Matching Annotations
  1. May 2021
    1. That image only contains 200 pixels horizontally, but the browser stretches it to 400px wide or even farther!Luckily, you’ll see there’s an easy “fix” there at the end: our old good friend the width attribute!<img src="example.gif", srcset="example.gif 200w" sizes="(min-width: 400px) 400px, 100vw" width="200" /* <=== TA-DA! */ class="logo">As long as you can specify the width attribute so it reflects the true maximum size of your largest image, you won’t run into this problem of having sizes make your image wider than it naturally should go.
    2. The selected source size affects the intrinsic size of the image (the image’s display size if no CSS styling is applied).
    3. Of course in the world of responsive images, we put constraints on our images with CSS:img { max-width: 100%;}Now the image appears at it’s natural size unless it’s constrained by the parent container! Excellent.
    1. A common practice in email marketing is to use images for everything in the email: graphics, illustrations, copy, links, and buttons. Although this can be efficient (slice, dice, and send it on its way), it’s another huge problem for subscribers relying on screen readers. The typical image-based email has a lot of information that can’t be parsed by a machine. What’s more is that a lot of email clients disable images by default, too.
    1. And what’s more, a growing number of email readers are even voluntarily turning off images in their emails to reduce load time and improve email speed. Google recently revealed that 43% of Gmail users actually don’t read emails with background images on.
  2. Apr 2021
    1. It should be defined inline. If you are using the img tag, that image should have semantic value to the content, which is why the alt attribute is required for validation. If the image is to be part of the layout or template, you should use a tag other than the img tag and assign the image as a CSS background to the element. In this case, the image has no semantic meaning and therefore doesn't require the alt attribute. I'm fairly certain that most screen readers would not even know that a CSS image exists.

      I believed this when I first read it, but changed my mind when I read this good rebuttal: https://hyp.is/f1ndKJ5eEeu_IBtubiLybA/stackoverflow.com/questions/640190/image-width-height-as-an-attribute-or-in-css

    2. Ah yes, excactly the right answer. Img tags are for information, css backgrounds are for layout.
  3. Mar 2021
    1. I returned to another OER Learning Circle and wrote an ebook version of a Modern World History textbook. As I wrote this, I tested it out on my students. I taught them to use the annotation app, Hypothesis, and assigned them to highlight and comment on the chapters each week in preparation for class discussions. This had the dual benefits of engaging them with the content, and also indicating to me which parts of the text were working well and which needed improvement. Since I wasn't telling them what they had to highlight and respond to, I was able to see what elements caught students attention and interest. And possibly more important, I was able to "mind the gaps', and rework parts that were too confusing or too boring to get the attention I thought they deserved.

      This is an intriguing off-label use case for Hypothes.is which is within the realm of peer-review use cases.

      Dan is essentially using the idea of annotation as engagement within a textbook as a means of proactively improving it. He's mentioned it before in Hypothes.is Social (and Private) Annotation.

      Because one can actively see the gaps without readers necessarily being aware of their "review", this may be a far better method than asking for active reviews of materials.

      Reviewers are probably not as likely to actively mark sections they don't find engaging. Has anyone done research on this space for better improving texts? Certainly annotation provides a means for helping to do this.

    1. He introduces the idea of the apophatic: what we can't put into words, but is important and vaguely understood. This term comes from Orthodox theology, where people defined god by saying what it was not.

      Too often as humans we're focused on what is immediately in front of us and not what is missing.

      This same thing plagues our science in that we're only publishing positive results and not negative results.

      From an information theoretic perspective, we're throwing away half (or more?) of the information we're generating. We might be able to go much farther much faster if we were keeping and publishing all of our results in better fashion.

      Is there a better word for this negative information? #openquestions

  4. Feb 2021
  5. parsejournal.com parsejournal.com
    1. Their modes of operating present an image of how thinking takes shape in and through material and embodied practice
    2. short prose texts that aim to evoke mental images as a result of how they engage their readers.
  6. Jan 2021
    1. Snaps each pick a ‘base’, for example, Ubuntu18 (corresponding to the set of minimal debs in Ubuntu 18.04 LTS). Nevertheless, the choice of base does not impact on your ability to use a snap on any of the supported Linux distributions or versions — it’s a choice of the publisher and should be invisible to you as a user or developer.

      Snaps sound a lot like container images in this respect.

  7. Oct 2020
  8. Jul 2020
    1. One way around this is simply linking to each SVG with an <img> tag, instead of embedding the actual SVG in the DOM. This way, the virtual DOM only needs to track one node per image, instead of hundreds for each SVG. Inline SVG [above] vs linked SVG. But in doing so we’ve crippled our ability to manipulate our SVGs. No longer can we add stroke, move shapes, remove nodes or change fill. In short, if you want :hover to change the fill color, you’re back in the stone age.
    1. You know the trade-off. Use the img tag to display an SVG, and you get clean markup — at the cost of styling the SVG using its properties like fill, stroke, SVG filters and more.
  9. Jun 2020
    1. Image license: CC0 1.0 Universal; Patrick Hochstenbach

      Add alt text. Use TASL (Title Author Source License) citation format.

    2. Melanie Imming, & Jon Tennant. (2018, June 8). Sticker Open Science: just science done right. Zenodo. https://zenodo.org/record/1285575#.XDebSM17lPY

      Add alt-text to images to make them accessible to people using screen readers.

  10. May 2020
    1. The main caveat to note is that it does use musl libc instead of glibc and friends, so certain software might run into issues depending on the depth of their libc requirements. However, most software doesn't have an issue with this, so this variant is usually a very safe choice.
    2. See this Hacker News comment thread for more discussion of the issues that might arise and some pro/con comparisons of using Alpine-based images.
    1. Image consumers can enable DCT to ensure that images they use were signed. If a consumer enables DCT, they can only pull, run, or build with trusted images. Enabling DCT is a bit like applying a “filter” to your registry. Consumers “see” only signed image tags and the less desirable, unsigned image tags are “invisible” to them.
    1. In the examples below, we are using Docker images tags to specify a specific version, such as docker:19.03.8. If tags like docker:stable are used, you have no control over what version is going to be used and this can lead to unpredictable behavior, especially when new versions are released.
    1. It is a multi-stage image which reproduces the following operations:Construction of the artefacts in a build imageAvailability of the compilation process in a minimal image
  11. Sep 2019
  12. Aug 2019
  13. May 2019
    1. Florentine

      Florentine represents the political scene of Italy at the time and the physiology that ended up getting Dante exiled. Dante considered the Florentine politics to be mischievous, which is why he put a character that represented this in The Inferno. After being exiled, along with many others, Dante considered the results of the politics to be a sin.

    2. INFERNO VIII↩⚓✪ The Fifth Circle. Intemperance in Indignation⚓✪ The Wrathful and Sullen. Styx. The City of Dis

      The City of Dis refers to the walls that encompasses all of lower hell where the serious sins are punished. Dis, also known as Pluto, is one of the kings of the underworld. Dis represents Lucifer and the lower circles of his infernal realm. It is in The Inferno because it is where the worst sinners reside and is imperative to Dante’s portrayal of his own version of hell.

  14. Jan 2019
  15. Oct 2018
    1. discover other ways of knowing

      or to express other ways to communicate information as through images

  16. Sep 2018
    1. Down the ravine

      Wright never allows us to forget how the imagery is coming to him and no one else. He is the intermediary. He sees. He hears. He observes.

  17. Mar 2018
    1. Pros:

      1.The map and text work together well, The map provides a graphic which gives support the information in the text. The text gives additional information which provides additional context for the map graphic. 2.The graphics and map are properly labeled and are free of misspellings and grammatical errors. The Legend contains are required information for the map to be accurately read.

      Cons:

      1. Personally, I do not like the added graphics of the otter fetuses and otter ovaries added to this map. In my opinion the images of the harvested fetuses give a weight to those graphics which should be playing a secondary role to the role of average otter ages. The author should be aware that images like these might distract the attention of a reader from the rest of the content.
      2. The location of some of the names of the river basins could be moved for easier identification. Some of the labels on the map are well done, but three or four of them aren't as easy to spot or harder to read and could benefit from being moved to a different location.
  18. Dec 2017
    1. Scientists across the world were asked to submit their images to the 2017 Royal Society Publishing Photography Competition and they sent in more than 1100 images – our highest amount so far.

      These are so cool!

  19. Nov 2017
    1. Yes we do have a Wordpress plugin, available here: http://wordpress.org/extend/plugins/cloudinary-image-management-and-manipulation-in-the-cloud-cdn/. While you don't need to install any image software on your server, you will need to register for a (free) Cloudinary account to use the plugin and start uploading images to the cloud.

      If you have existing images, presumably you need to re-upload these, I think

  20. Dec 2016
  21. Oct 2016
    1. A heap of broken images

      I think this line refers to the poem itself. The poem is full of images as it moves, and often they feel disparate and negative, like "dead land" next to "breeding lilacs" in the opening two lines. The poem is a pile of fragments brought together. The fragments interact within the pile or the poem to create meaning.

  22. Jul 2016
    1. "In December, documentary photographer Carol Highsmith received a letter from Getty Images accusing her of copyright infringement for featuring one of her own photographs on her own website. It demanded payment of $120. This was how Highsmith came to learn that stock photo agencies Getty and Alamy had been sending similar threat letters and charging fees to users of her images, which she had donated to the Library of Congress for use by the general public at no charge."

  23. Apr 2016
  24. Jan 2016
    1. 180,000 public domain items from the New York Public Library Digital Collections. Photographs, stereoscopic photos, illustrations, maps, ancient texts, manuscripts, historical correspondence, sheet music, and more!

      http://api.repo.nypl.org/<br> https://github.com/NYPL-publicdomain/data-and-utilities<br> API and metadata

      http://nypl.org/publicdomain<br> More info, and some projects that use the API.

  25. Oct 2015
    1. why not annotate, say, the Eiffel Tower itself

      As long as it has some URI, it can be annotated. Any object in the world can be described through the Semantic Web. Especially with Linked Open Data.

  26. Sep 2015
    1. cool-looking map

      Maps make a great case for SVG. There are some neat libraries and tools to play with SVG maps but, more importantly, maps make it easy to understand that an image can be semantic.

      A couple of weeks before Shepazu posted this, was playing with SVG maps of contemporary Africa’s political boundaries. (Especially those used on Wikipedia; including some which separate South Sudan.) Been teaching African Studies (on occasion) for years, and maps of the continent tend to become important quite quickly.

      Those SVG maps with which I started playing were pretty neat in several respects. The fact that they were vector drawings instead of bitmaps meant that they easily be resized without causing visual artifacts. More importantly, though, each country was drawn as a named outline, so it was possible to play with them as separate objects.

      One thing I was trying to do is create an animation which would show where each country fits in a region of the continent, using this United Nations geoscheme. Doing so, eventually noticed that Sudan and South Sudan had been classified as part of different regions, which is an interesting tidbit which could lead to useful classroom discussions.

      Haven’t retraced all the steps but, at some point, I’ve used a Public Domain map of Africa from Wikimedia Commons (itself based on another Public Domain map), and ended up creating a simple animated version using Tumult’s Hype commercial HTML5 editor.

      It’s flawed in many ways, but for someone with almost no background in this things, it’s a significant accomplishment.

      (Surely, the same could be done through SVG itself. Haven’t been able to learn how to do so.)

      Playing with those maps taught me quite a few things. For instance, the benefits of a well-tagged image. And some rudimentary notions of CSS-based animations. Or the limitations linked to selecting rectangular sections of an image (with a large overlap between Northern and Western Africa, for instance).

      Static Map of African Regions The experience also gave me all sorts of ideas. Such as annotating parts of a well-structured image. Or uses for Open Street Maps. Or ways to embed interactive content (including quizzes) in Open Textbooks.

      The key point, perhaps, and what led me to Schepers’s work (including this deeply insightful SVG-based presentation and interactive infographic about annotations) is that Open Standards can open up fascinating opportunities for learning.

      W3C Annotation Architecture proposal So nice to be working at a standards-happy learning technology non-profit!

  27. May 2015
    1. Petr Pridal, from KlokanTechnologies, Switzerland, gave some insights into Georeferencer, another multi-platform, web based, collections viewer, but specifically designed for the presentation of maps. What makes Georeferencer different is the facility to create anchor points on each map that the user is viewing. This enables each map to move and zoom with the others simultaneously

      Could be interesting for displaying/interacting with GIS/geodata without leaving the browser.

  28. Mar 2015
  29. Jan 2014