98 Matching Annotations
  1. May 2024
    1. Help faculty simplify course organization with customizable templates. We have a 16-week editable template that is available to our faculty, but we offer faculty and departments the opportunity to collaborate and develop templates tailored to their specific needs. Checklists for each recommendation ensure that the LMS course is user-friendly.

      multiple templates

  2. Nov 2023
    1. ✅ We can actually use a neat trick which basically consists in making a CSS grid with a single grid item. All we really have to do then, is taking our grid-template-rows and make it transition from 0fr to 1fr: this way, our grid item will transition from 0 to its "natural" height. It's THAT simple:

      ```css .accordion - body { display: grid; grid - template - rows: 0 fr; transition: 250 ms grid - template - rows ease; }

      .accordion: hover.accordion - body { grid - template - rows: 1 fr; }

      .accordion - body>div { overflow: hidden; } ```

    1. In-app custom credentials templates are now supported. When a credentials file does not exist, rails credentials:edit will now try to use lib/templates/rails/credentials/credentials.yml.tt to generate the credentials file, before falling back to the default template. This allows e.g. an open-source Rails app (which would not include encrypted credentials files in its repo) to include a credentials template, so that users who install the app will get a custom pre-filled credentials file when they run rails credentials:edit.
  3. Jun 2023
    1. HTML 5 introduced the <template> element which can be used for this purpose (as now described in the WhatWG spec and MDN docs). A <template> element is used to declare fragments of HTML that can be utilized in scripts. The element is represented in the DOM as a HTMLTemplateElement which has a .content property of DocumentFragment type, to provide access to the template's contents. This means that you can convert an HTML string to DOM elements by setting the innerHTML of a <template> element, then reaching into the template's .content property.

      ```js /* * @param {String} HTML representing a single element * @return {Element} / function htmlToElement(html) { var template = document.createElement('template'); html = html.trim(); // Never return a text node of whitespace as the result template.innerHTML = html; return template.content.firstChild; }

      var td = htmlToElement('<td>foo</td>'), div = htmlToElement('<div><span>nested</span> <span>stuff</span></div>');

      /* * @param {String} HTML representing any number of sibling elements * @return {NodeList} / function htmlToElements(html) { var template = document.createElement('template'); template.innerHTML = html; return template.content.childNodes; }

      var rows = htmlToElements('<tr><td>foo</td></tr><tr><td>bar</td></tr>'); ```

  4. Apr 2023
  5. Feb 2023
    1. Here is the template I use for any Zettelkasten-related note:<%*const fileName = await tp.system.prompt("File Name");const fileType = await tp.system.suggester(["🌱", "🌿", "🌞", "🌲", "🧒", "🗺️"], ["seed", "fern", "incubating", "evergreen", "orphan", "moc"]);await tp.file.rename(fileName)let filePath = "100 Zettelkasten/"+fileNamelet mocQuery = ""switch (fileType) { case 'moc': filePath = "100 Zettelkasten/120 MOC/"+fileName mocQuery = '```dataview\nLIST\nFROM "100 Zettelkasten"\nWHERE contains(Topics,[['+fileName+']])\n```' break; case 'seed': filePath = "100 Zettelkasten/110 Zettelkasten Inbox/"+fileName break; }await tp.file.move(filePath)%>---aliases: tags: zettelkasten/<% fileType %>---Topics:: References:: # <% fileName %>---<% mocQuery %>

      An interesting bit of code that could let me have a single template to create a note or a project or a MOC. I could replace 3 of my current templates with a single one, and reduce the number of special hotkeys too.

  6. Nov 2022
  7. Sep 2022
    1. ^([^\x00-\x20\x7f"'%<>\\^`{|}]|%[0-9A-Fa-f]{2}|{[+#./;?&=,!@|]?((\w|%[0-9A-Fa-f]{2})(\.?(\w|%[0-9A-Fa-f]{2}))*(:[1-9]\d{0,3}|\*)?)(,((\w|%[0-9A-Fa-f]{2})(\.?(\w|%[0-9A-Fa-f]{2}))*(:[1-9]\d{0,3}|\*)?))*})*$ \ \_____________/ \\____________/ \\__________________/ \__________________/ /\________________/ / \_________________________________________________________________/ // \ pct-encoded / \ operator \\ varchar varchar / modifier-level4 / varspec // \______________________________________/ \ \\________________________________________/ / // literals \ \ varname / // \ \_________________________________________________________/ // \ \ varspec // \ \____________________________________________________________________________________________________________________________// \ variable-list / \_________________________________________________________________________________________________________________________________________/ expression
  8. Aug 2022
  9. Apr 2022
  10. Mar 2022
  11. Jan 2022
    1. 你可以将网格中的一些单元格组合成一个区域(area),并为该区域指定一个自定义名称。 可以通过给容器加上 grid-template-areas 来实现: grid-template-areas: "header header header" "advert content content" "advert footer footer"; 上面的代码将网格单元格分成四个区域:header、advert、content 和 footer。 每个单词代表一个单元格,每对引号代表一行

      不是很懂这个的效果

  12. May 2021
  13. Mar 2021
    1. My preference here is biased by the fact that I spend everyday at work building web components, so Svelte's approach feels very familiar to slots in web components.

      first sighting: That <template>/<slot> is part of HTML standard and the reason Svelte uses similar/same syntax is probably because it was trying to make it match / based on that syntax (as they did with other areas of the syntax, some of it even JS/JSX-like, but more leaning towards HTML-like) so that it's familiar and consistent across platforms.

  14. Jan 2021
  15. Dec 2020
  16. Nov 2020
  17. Oct 2020
    1. However, this would lead to further divergence. Tooling that is built around the assumptions imposed by template literals wouldn't work. It would undermine the meaning of template literals. It would be necessary to define how JSX behaves within the rest of the ECMAScript grammar within the template literal anyway.
  18. Sep 2020
  19. Jul 2020
  20. Jun 2020
    1. What would be nice is if JavaScript had a built-in way to do what I can do in Ruby with:

      > I18n.interpolate('Hi, %{name}', name: 'Fred')
      => "Hi, Fred"
      

      But to be fair, I18n comes from i18n library, so JS could just as easily (and I'm sure does) have a library that does the same thing.

      Update: Actually, you can do this in plain Ruby (so why do we even need I18n.interpolate?):

      main > "Hi, %{name}" % {name: 'Fred'}
      => "Hi, Fred"
      
      main > ? String#%
      
      From: string.c (C Method):
      Owner: String
      Visibility: public
      Signature: %(arg1)
      Number of lines: 9
      
      Format---Uses str as a format specification, and returns the result
      of applying it to arg. If the format specification contains more than
      one substitution, then arg must be an Array or Hash
      containing the values to be substituted. See Kernel::sprintf for
      details of the format string.
      
         "%05d" % 123                              #=> "00123"
         "%-5s: %016x" % [ "ID", self.object_id ]  #=> "ID   : 00002b054ec93168"
         "foo = %{foo}" % { :foo => 'bar' }        #=> "foo = bar"
      

      I guess that built-in version is fine for simple cases. You only need to use I18n.translate if you need its more advanced features like I18n.config.missing_interpolation_argument_handler.

  21. May 2020
  22. Dec 2019
  23. Aug 2019
  24. Apr 2019
  25. Mar 2019
  26. www.microbiologyresearch.org www.microbiologyresearch.org
    1. ample Professional Development (PD) Activity Collection

      Iris Center has put together a sample professional development activity collection. This is for educators and others creating professional development in other work areas. A link on this page called PD Facilitator's Guide Template accesses a template for any professional development leader to follow. It is broken down into time frames. For example, introduction five minutes, information session ten minutes. The other nice feature it has is that it already incorporates hands on activities and group work. Both of which are essential to a quality learning session. However, technology and how to use technology to better professional development is not incorporated. Rating 6/10

  27. Dec 2018
  28. Nov 2018
    1. Our Sample Professional Development (PD) Activity Collection is designed to serve as a resource to PD providers creating training events both for practicing educators and beginning teachers engaged in induction experiences. In this collection, users will find examples of the ways in which information about evidence-based practices,

      The page has a template, activities, and resources instructors can use to help create professional development courses. Rating: 4/5

  29. Mar 2018
  30. Feb 2017
  31. Dec 2016
  32. Mar 2016
  33. Dec 2015
  34. Apr 2015