50 Matching Annotations
  1. Jun 2019
  2. Mar 2019
  3. Feb 2019
  4. quickthoughts.jgregorymcverry.com quickthoughts.jgregorymcverry.com
    1. Why an HTML/CSS First Approach Works for #OER and why #OER Must Work for an HTML First Approach

      I'm in strong support of an HTML-first approach for both humans and OER. Great stuff Greg! Love the offline, non-digital learning activities!

    2. For too long the field of #OER has simply been a field studying itself. We debate what is open and what is not. What is a resource what is pedagogy...and is that pedagogy really praxis....

      I don't really get this opinion, or how it pertains to Greg's otherwise important point about the format of OER. Seems like it ignores BOTH the great many tangible contributions folks have made in the field of OER AND the very important conversations that also take place around topics as or more important than technical formats, like pedagogy, and the socio-economic ecosystem in which OER participates.

  5. getbootstrap.com getbootstrap.com
    1. <nav class="navbar fixed-top navbar-light bg-light"> <a class="navbar-brand" href="#">Fixed top</a> </nav>

      Fixed top Nav bar

    1. <!DOCTYPE html> <html><head><title>Page Title</title> </head> <body><h1>My First Heading</h1><p>My first paragraph.</p> </body></html>

      Basic HTML Document

    1. <h1>Heading 1</h1> <h2>Heading 2</h2> <h3>Heading 3</h3><h4>Heading 4</h4><h5>Heading 5</h5><h6>Heading 6</h6>

      Headings 1-6

    1. <p>This paragraphcontains a lot of linesin the source code,but the browser ignores it.</p><p>This paragraphcontains         a lot of spacesin the source         code,but the        browser ignores it.</p>

      Paragraph

    2. <p>This is a paragraph.</p> <p>This is another paragraph.</p>

      Paragraph Tag

    1. <a href="default.asp">  <img src="smiley.gif" alt="HTML tutorial" style="width:42px;height:42px;border:0;"></a>

      Image as a link - Ignore the style="…." part of the tag. Inline styles are bad!

    2. <img src="https://www.w3schools.com/images/w3schools_green.jpg" alt="W3Schools.com">

      Image Tag

    1. <a href="https://www.w3schools.com/html/">Visit our HTML tutorial</a>

      Link Tag

    1. <ul>   <li>Coffee</li>  <li>Tea</li>   <li>Milk</li> </ul>

      Basic List. If you change the

        ...
      to
        ...
      you will get an ordered list

  6. Jan 2019
  7. dev01.inside-out-project.com dev01.inside-out-project.com
    |
    1
    1. An HTML element is an individual component of an HTML document or web page, once this has been parsed into the Document Object Model.

      Know the Document Object Model.

  8. Dec 2018
    1. without opening a separate tab)

      "In general, it is better not to open new windows and tabs since they can be disorienting for people, especially people who have difficulty perceiving visual content."

      https://www.w3.org/TR/WCAG20-TECHS/G200.html

  9. Nov 2018
  10. Oct 2018
    1. <link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/itemID">
  11. Sep 2018
    1. When your page links to another page using target="_blank", the new page runs on the same process as your page. If the new page is executing expensive JavaScript, your page's performance may also suffer. See The Performance Benefits of rel=noopener for more information. On top of this, target="_blank" is also a security vulnerability. The new page has access to your window object via window.opener, and it can navigate your page to a different URL using window.opener.location = newURL. See About rel=noopener for a demo and explanation of the vulnerability. Adding a rel="noopener" attribute prevents the new page from being able to access the window.opener property and will ensure it runs in a separate process. The rel="noreferrer" attribute has the same effect, but will also prevent the Referer header from being sent to the new page.
    1. This [html-extensions] specification defines new HTML attributes to embed simple machine-readable data in HTML documents.
  12. Mar 2018
    1. width The intrinsic width of the image in pixels. In HTML 4, either a percentage or pixels were acceptable values. In HTML5, however, only pixels are acceptable.

      HTML5 only accept pixels values of width

  13. Nov 2017
    1. if cross-format identifiers like DOIs are used, annotations made in one format (eg, EPUB) can be seen in the same document published in other formats (eg, HTML, PDF) and in other locations.

      Whaa..? This sounds seriously hard. But remarkably clever.

  14. Oct 2017
    1. using the style tag and writing the CSS inside it or by using the link tag to link to a style sheet. Either of these tags go in the head portion of your HTML. 

      How to include CSS in a page/site. Goes in the Head

      1. Use <style> tag or</li> <li>Use <link> tag that points to a style sheet.</li> </ol> </style>
    2. One of those themes was reusability. You could describe a style once in CSS and reuse it across multiple elements or even multiple web pages. 0:31Another of those themes was maintainability. Being able to efficiently change your web page in response to changing design requirements. 

      Why CSS

      1. Reusability
      2. Maintainability
  15. Sep 2017
    1. The Teaching Excellence Framework (TEF) has evolved since it was first announced, and HEFCE guidance to institutions on its implementation reveals a number of significant concessions to evidence, common sense and fairness. Institutions may well implement useful teaching improvement mechanisms in response, as they have always done regardless of the nature of external quality assurance demands. However the rationale of the TEF remains – and it is deeply flawed. It is the rationale that this paper focuses on. It is argued here that its interpretation of evidence about educational quality, employability and value for money ratings, used to justify a TEF, are irrational and are not supported by evidence. Making fine judgments about institutional rankings (and hence fee levels) on the basis of metrics is likely to be thwarted by the very small differences in scores between institutions. Some of its proposed metrics are invalid. Its belief in the ability of a small panel of experts to make sound quality judgments is not well founded given the poor record of past attempts to make such judgments about teaching quality in higher education. The higher education market is very complex and perhaps only a minority of institutions will be able to benefit in the way the TEF intends. The TEF seems unlikely to be perceived, by most, as rewarding.

      This is interesting I can annotate this abstract in html format but I cannot annotate the article in the pop up window because it is in PDF format. So going forwards it might be a good idea to have a html format for the articles? Discuss....

  16. Mar 2017
  17. Jan 2017
    1. Anyone using that older browser should have access to the same content as someone using the latest and greatest web browser. But that doesn’t mean they should get the same experience. As Brad Frost puts it: There is a difference between support and optimization. Support every browser ...but optimise for none.

      This is why HTML (content) must be separated from CSS (layout) and javascript (interactivity). Content is the core functionality. CSS are displayed through progessive enhancement.

    1. Browser software may ignore this tag.

      This is genius! Innovations and standards can live together on the web.

  18. Dec 2016
    1. createFactory

      The HTML object creator--the object being separate and secondary, supplementary, from this as what is happening is happening qua propagation in media res.

  19. Nov 2016
  20. Oct 2016
  21. Dec 2014
    1. ANNOTATION The information in B is additional to and subsidiary to that in A. Annotation is used by one person to write the equivalent of "margin notes" or other criticism on another's document, for example. Example: The relationship between a newsgroup and its articles. Acyclic.

      Annotation link relationship in HTML 1.0 circa 1993.

  22. Nov 2014
    1. Clients are browsers

      == or === ?

    2. Links must be stored in HTML files

      But what about links I want to add to documents that I don't own? "Layers for the Web"

      Doesn't Xanadu keep stuff separate somehow?