154 Matching Annotations
  1. Dec 2024
    1. If everything is up for grabs, everything is transgressive, and nothing matters much at all. The entire landscape of our visual culture can become subject to a detached, aesthetic disinterest. Everything can be reduced to data to be manipulated. Once you believe that, you can easily come to believe wholesale in the ideological project of AI.
    2. They are also restructured references to, primarily, social media content, with the model making aesthetic choices based on what it has learned from the feedback loop of viral posts.

      also saturated with logics of advertising — thats where you get the corporate pop

    3. This has given rise not only to scammers and misinformation, but to a more earnest strand of AI Slop: the work of untrained artists using a machine in a very straightforward way, benefiting from the baked-in algorithmic manipulation of social media that rewards them with attention for sharing it. For some who grew up in the algorithmic era, the Slop “aesthetic“ must seem very natural—a kind of aesthetic familiarity or even nostalgia, similar, perhaps, to the feelings associated with 8-bit video games among some children of the 80s and 90s.

      nostalgia for the world that produced images, semantic embeddings like these?

    1. These are words that are common in every language and can be learned using pictures, rather than translations: words like dog, ball, to eat, red, to jump. Your goal is two-fold: first, when you learn these words, you’re reinforcing the sound and spelling foundation you built in the first stage, and second, you’re learning to think in your target language.

      Use flashcards with images to learn words in a new language. Skip the translation part. Also reinforces the visual/spatial brain connection. Search images in the target language not with the translation, so subtle diffs in meaning are maintained.

  2. Nov 2024
    1. little camera on glasses and you turn it into an audio image um and there are very sophisticated examples of this now one is called The Voice v i and it's it's an app that you can just download on your phone
  3. Oct 2024
  4. Sep 2024
    1. we're not called to like everybody but we are called to love everybody i i have a a practice um and it involves taking the image of two people one whom i love deeply and who i like deeply and i take my son for instance that i love him that i feel one with him goes without saying but i also like him very much i then take a second image of someone who i dislike intensely vladimir putin

      for - BEing journey - meditate on two polar images - apply nondual love - can you recognize the sacred? - the shared being of both? - Rupert Spira

      BEing journey - meditate on two polar images - apply nondual love - can you recognize the sacred? - the shared being of both? - Rupert Spira

      adjacency - between - Rupert Spira's exercise to identify the Common Human Denominator (CHD) of the sacred in both - abused-abuser relationship - adjacency relationship - Rupert's exercise can lead to compassion if we study the abused-abuser relationship deeply and bring it to bear - The coexistence of - the feeling of anger arising from the suffering the abuser causes - the feeling of sadness arising from the suffering the abuser has suffered earlier in life - creates a mixture of feelings in the same person - Also can help to think of the mechanism by which the abused-abuser cycle continually becomes reconstructed and perpetuated in the world

      reference - untreated childhood abuse of children - they can grow up to become dictators - such as Putin, Trump and Kim Jong Un - https://hyp.is/LOhh4mqvEe-mU3_0EcDYiQ/acestoohigh.com/2022/03/02/how-vladimir-putins-childhood-is-affecting-us-all/

  5. Aug 2024
  6. Jul 2024
  7. May 2024
    1. COPY --chown=ruby:ruby
    2. Debian Slim is a variant of Debian that’s optimized for running in containers. It removes a ton of libraries and tools that’s normally included with Debian.
    3. I know Alpine is also an option but in my opinion it’s not worth it. Yes, you’ll end up with a bit smaller image in the end but it comes at the cost of using musl instead of glibc. That’s too much of a side topic for this post but I’ve been burned in the past a few times when trying to switch to Alpine – such as having network instability and run-time performance when connecting to Postgres. I’m very happy sticking with Debian.
    1. A book entry, which summarizes my thoughts on a book I’ve recently finished reading (see #917 in the image below).

      It looks like the Stephen King entry has a picture of the book cover taped into it. This is an interesting idea.

  8. Apr 2024
    1. The Mzanzi kids multilingual language learning App was created for children between the ages of 2-6 years in South Africa. It was designed to stimulate visual, speech and language literacy skills at an early age by understanding basic everyday concepts and highlighting the correct pronunciation of speech in six (6) different languages; English, Afrikaans, IsiXhosa, IsiZulu, Sepedi and Setswana. The integration of images and phonetics provides a good foundation for children to learn and speak in their mother tongue or home language with confidence and fluency, but most importantly comprehend and appreciate the diversity of languages used by South Africans. This multilingual App provides a good introduction before entering a schooling environment, and offers a non-threatening, playful and fun way of learning languages using innovative technology.

      This is an app for multilingual language learning. Mine will focus on the mother tongue.

      I tried it out for a bit and found the audio very repetitive, which could be problematic. Minecraft had such good audio - C14 or C11? It is fantastically immersive, and the popularity of the game and audio is irrefutable if you look at longevity (games come and go often, and very few manage to stick and have a continuous impact, Minecraft is a good example of an exception to this, alongside other well adjusted and designed games.

      I had fun learning the clicks in isiXhoso - something I want to practice, but the audio became too much as i hit the image repeatedly.

      There's room for more resources. This application does not speak to all children, and no one application ever will, hence the need for many across a broad range of cultures and diversities.

    1. Khan Academy Kids

      This is what Ziggy uses in Australia I think - must check with his parents.

      I loved Toca Boca as well. That was the first example found that I felt was worth it. Use that as my main influence in the proposal if I have not already done so. Was a crazy week.

    1. it may even be desirable toindex illustrations without description.

      I'm reminded of Dennis Duncan's (2022) description of a book which indexed photos as a means of reaching those who were illiterate.

    Tags

    Annotators

  9. Feb 2024
    1. the fresco, byTomasso da Modena, was painted in 1352). It stresses theDominicans’ commitment to Bible study and to scholarship, and noportrait conveys this more than the image of Hugh of St Cher.

      Image from: https://commons.wikimedia.org/wiki/File:38_Ugo_da_San_Caro.jpg

      Ugo da San Caro, serie dei Quaranta domenicani illustri, ex convento di San Niccolò, Sala del Capitolo, Treviso, 1352 (altezza di ciascun ritratto 150 cm circa) Image by Risorto Celebrano, licensed under the Creative Commons Attribution-Share Alike 3.0 Unported license.

      Thought to be one of the first images of a person wearing glasses. Image dated 1352.

    1. Robert Grosseteste, Bishop of Lincoln (face rubbed), in mitre and red cope, with crosier, seated on left speaks to a seated group of five people, mostly women. Tree on right; large bird with long beak at top.

      image of MS 522 f1r Lambeth Palace Library

      Folio 1 of MS 522 of Château d'amour

      Close up of inset image via link close up of image on folio 1r of Château d'amour

      Book and images mentioned in Chapter 2 of @Duncan2022 Index, A History of the

    1. A section of a wall of slips in the Grimmwelt Museum showinghow the Brothers Grimm pioneered the methods used by theOED twenty years later.
    2. A 4 x 6-inch ‘slip’ sent in by one of the most prolific femalecontributors, Edith Thompson of Bath, who sent in 13,259slips. The underlinings and markings were made by Dr Murray.
  10. Jan 2024
  11. Sep 2023
    1. Watch: Moment Ukrainian missile hits Russia's Black Sea fleet HQ

      images on bbc.com have meaningful alt text descriptions that convey the content or function of the images. This means content should be available in different formats to accommodate various disabilities.

    2. 观看:乌克兰导弹击中俄罗斯黑海舰队总部的瞬间

      images on bbc.com have meaningful alt text descriptions that convey the content or function of the images. This means content should be available in different formats to accommodate various disabilities.

  12. Aug 2023
    1. After running the tests, I ended up with six profiles (three cached, three uncached). I’ve made those public, and you can find links to them below. First up, here’s a TL;DR of the key findings:Across all tests, loading the WebP page had the lowest energy consumption.Across all tests, loading the AVIF page had the highest energy consumption.JPEG was close to WebP in most tests.The uncached tests are fairly consistent. Testing when images are cached, however, has some wild variability. More testing is probably needed there.

      Fershad Irani looked at power consumption of images in websites. WebP came out on top (to his surprise) and JPG close. By the looks of it this is power consumption on the browser side. I suppose on the server side, power correlates with file size. The files used has JPG at 3.5 times WebP and 6 times Avif. Is webp / avif optimised for file compression (faster transmission) and less for rendering time? Does that explain the diff between Avif and Webp? All in all no biggie to stick with jpg it seems, except for choosing lowest suitable filesizes (percentwise webp would then achieve less optimisation on the transmission side)

      via Heinz .h feed.

  13. Jun 2023
    1. For the last decade or so, companies have been looking overseas, to India orChina, for cheap labor. But now it doesn’t matter where the laborers are – they might be down the block,they might be in Indonesia – as long as they are connected to the network

      I didn't realize how hard it was to retain information in the earlier times before the internet became a thing. This made me appreciate how much easier our generation has to gather information. I attached a picture of how the stock photo industry is growing and people are no longer traveling all over trying to get in contact with people from different places for information. In 2020 the stock photography market value was at 3.3 billion dollars.

  14. May 2023
    1. Requesting advice for where to put a related idea to a note I'm currently writing .t3_13gcbj1._2FCtq-QzlfuN-SwVMUZMM3 { --postTitle-VisitedLinkColor: #9b9b9b; --postTitleLink-VisitedLinkColor: #9b9b9b; --postBodyLink-VisitedLinkColor: #989898; } Hi! I am new to building a physical ZK. Would appreciate some help.Pictures here: https://imgur.com/a/WvyNVXfI have a section in my ZK about the concept of "knowledge transmission" (4170/7). The below notes are within that section.I am currently writing a note about how you have to earn your understanding... when receiving knowledge / learning from others. (Picture #1)Whilst writing this note, I had an idea that I'm not quite sure belongs on that note itself - and I'm not sure where it belongs. About how you also have to "earn" the sharing of knowledge. (Picture #2)Here are what I think my options are for writing about the idea "you have to earn your sharing of knowledge":Write this idea on my current card. 4170/7/1Write this idea on a new note - as a variant idea of my current note. 4170/7/1aWrite this idea on a new note - as a continuation of my current note. 4170/7/1/1Write this idea on a new note - as a new idea within my "knowledge transmission" branch. 4170/7/2What would you do here?

      reply to u/throwthis_throwthat at https://www.reddit.com/r/antinet/comments/13gcbj1/requesting_advice_for_where_to_put_a_related_idea/

      I don't accept the premise of your question. This doesn't get said often enough to people new to zettelkasten practice: Trust your gut! What does it say? You'll learn through practice that there are no "right" answers to these. Put a number on it, file it, and move on. Practice, practice, practice. You'll be doing this in your sleep soon enough. As long as it's close enough, you'll find it. Save your mental cycles for deeper thoughts than this.

      Asking others for their advice is fine, but it's akin to asking a well-practiced mnemonist what visual image they would use to remember something. Everyone is different and has different experiences and different things that make their memories sticky for them. What works incredibly well for how someone else thinks and the level of importance they give an idea is never as useful or as "true" as how you think about it. Going with your gut is going to help you remember it better and is far likelier to make it easier to find in the future.

  15. Apr 2023
  16. Feb 2023
    1. the birth of Athena from his head and suggests possibleinterpretations of these episodes

      I'll bet there's no mention that this is useful because it's an incredibly memorable image!

  17. Dec 2022
  18. Nov 2022
    1. There are two situations where an init-like process would be helpful for the container.
    2. highly recommended that the resulting image be just one concern per container; predominantly this means just one process per container, so there is no need for a full init system

      container images: whether to use full init process: implied here: don't need to if only using for single process (which doesn't fork, etc.)

    3. Because the official images are intended to be learning tools for those new to Docker as well as the base images for advanced users to build their production releases, we review each proposed Dockerfile to ensure that it meets a minimum standard for quality and maintainability. While some of that standard is hard to define (due to subjectivity), as much as possible is defined here, while also adhering to the "Best Practices" where appropriate.
  19. Oct 2022
    1. This search for order pushes one to seek out under-lying patterns and trends, to find relations that may betypical and causal.

      Finding order and relations (and their particular types), is a form of linking ideas found in some of the more complex zettelkasten and knowledge management spaces. It's not as explicit here and he doesn't seem to be focusing on stating or writing explicit links within his notes. He does, however, place some focus on the quality and types of links he's making (or at least thinking about), something which isn't frequently seen in the current PKM space. For example, no one is creating user interfaces that show links between ideas which are opposite (or in opposition or antonym relation) to each other.

  20. Sep 2022
  21. Aug 2022
  22. Jun 2022
    1. *The compass*

      I too have seen this before, though the directions may have been different.

      When thinking about an idea, map it discretely. North on the compass rose is where the idea comes from, South is where it leads to, West leads to things similar to the idea while East are ideas that are the opposite of it.

      This is useful in situating information, particularly with respect to the similarities and opposites. One must generally train themselves to think about the opposites.

      Many of the directions are directly related to putting information into a zettelkasten, in particular where X comes from (source), where it leads (commentary or links to other ides), what's similar to x are links to either closely related ideas or to an index. The opposite of X is the one which is left out in this system too.

      *The compass*: <br>Saw that one before. Ugh, didn't like it.<br><br>Thinking about it though, it's a fitting metaphor to look at a note from different directions. I'm going to add this to my notes template(Just to try). All my notes have North & could use some other perspectives 🎉<br><br>🧶4/4 pic.twitter.com/CJctmC5Y39

      — Alex Qwxlea (@QwxleaA) June 14, 2022
      <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

      Link to - Indigenous map conceptualizations - direction finding - method of loci

  23. May 2022
    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.

  24. Apr 2022
    1. What Iam alluding to here is well drawn out in Walter Benjamin’s reflectionin his Moscow Diary on how we ‘grasp’ a visual image. ‘One does notin any way enter into its space’, he writes. Rather, ‘It opens up to usin corners and angles in which we believe we can localise crucialexperiences of the past; there is something inexplicably familiarabout these spots’ (Benjamin, 1985: 42).
  25. Mar 2022
    1. The Inca are most often remembered not for what they had but for what they didn’t have: the wheel, iron, a written language.

      A solid example of how western cultures dismiss non-literate cultures.

  26. Feb 2022
  27. Jan 2022
  28. Dec 2021
  29. Oct 2021
  30. Sep 2021
  31. Aug 2021
    1. "intrinsicSize" attribute tells the browser to ignore the actual intrinsic size of the image and pretend it's the size specified in the attribute
    1. Many of the snippets here talk about what was in individual commonplace books and how their contents indicated what was admired. What about the negative image of all the things which were excluded?

      What things did people read which they didn't commonplace? What does that say about them? Their times? The way they thought?

      Could their commonplacing be compared with their marginalia to show what rose to certain levels of interest and what didn't? Digging through the records to find and verify marginalia may be incredibly tedious in comparison with specifically kept things.

      Some of my own fleeting notes, which I keep because it's easy, may show some interesting things about the way I think in comparison to those things upon which I expand, keep, and value more for my work and my worldview.

  32. Jul 2021
  33. 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.
  34. 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.
  35. Mar 2021
    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

  36. Feb 2021
  37. 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.
  38. 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.

  39. Oct 2020
  40. 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.
  41. 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.

  42. 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
  43. Sep 2019
  44. Aug 2019
  45. 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.

  46. Jan 2019
  47. Oct 2018
    1. discover other ways of knowing

      or to express other ways to communicate information as through images

  48. 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.

  49. 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.
  50. 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!

  51. 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

  52. Dec 2016
  53. 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.

  54. 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."

  55. Apr 2016
  56. 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.

  57. 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.

  58. 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!

  59. Mar 2015
  60. Jan 2014