97 Matching Annotations
  1. 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.
  2. 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>'); ```

  3. Apr 2023
  4. 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.

  5. Nov 2022
  6. 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
  7. Aug 2022
  8. Apr 2022
  9. Mar 2022
  10. Jan 2022
    1. 你可以将网格中的一些单元格组合成一个区域(area),并为该区域指定一个自定义名称。 可以通过给容器加上 grid-template-areas 来实现: grid-template-areas: "header header header" "advert content content" "advert footer footer"; 上面的代码将网格单元格分成四个区域:header、advert、content 和 footer。 每个单词代表一个单元格,每对引号代表一行


  11. May 2021
  12. 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.

    1. In this post I’m sharing:

      Just a fantastic template to use for my blog/newsletter.

  13. Jan 2021
  14. Dec 2020
  15. Nov 2020
    1. But I always thought that if Svelte will change its syntax to something new, it will more look like ES6 Template Literals
    2. Btw, I also personally like Dust-syntax: https://github.com/linkedin/dustjs/wiki/Dust-Tutorial
  16. Oct 2020
    1. HTML template strings for the Browser with support for Server Side Rendering in Node.
    1. trusktr herman willems • 2 years ago Haha. Maybe React should focus on a template-string syntax and follow standards (and provide options for pre-compiling in Webpack, etc).

    2. To suggest template literals cover the level of abstraction that JSX has to offer is just dumb. They're great and all, but c'mon now...

    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.
    2. Template literals work well for long embedded DSLs. Unfortunately the syntax noise is substantial when you exit in and out of embedded arbitrary ECMAScript expressions with identifiers in scope.
    3. Why not just use that instead of inventing a syntax that's not part of ECMAScript?
    4. ECMAScript 6th Edition (ECMA-262) introduces template literals which are intended to be used for embedding DSL in ECMAScript.
    5. Why not Template Literals?
    1. I know that it is the matter of taste and a debatable thing, I find JSX and regular javascript flow operators a lot more readable than any sort of {#blocks} and directives.
    2. Yes, you cannot fully express a modern app through templates without sacrificing flexibility and code reusability.
    3. Because templates are not Turing-complete, and if they were, they would require vDOM.
    1. that does not mean that I am advocating the other extreme–i.e., a templating language that allows a lot of logic. I find such templating languages, especially those that allow the host programming languages to be used inside the template, to be hard to read, hard to maintain, and simply a bad choice.
  17. Sep 2020
    1. The complaint is that by choosing less powerful languages, template-based frameworks are then forced to reintroduce uncanny-valley versions of those constructs in order to add back in missing functionality, thereby increasing the mount of stuff people have to learn.
    2. In general, I'm unpersuaded by these arguments (learning curve is determined not just by unfamiliar syntax, but by unfamiliar semantics and APIs as well, and the frameworks in question excel at adding complexity in those areas).
    3. One of the arguments that's frequently deployed in favour of JSX-based frameworks over template-based ones is that JSX allows you to use existing language constructs:
    1. if the idea of using a template language makes you shudder — your fears are misplaced, but that's a topic for another day
  18. Jul 2020
  19. 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.

  20. May 2020
    1. Van den Akker, O., Weston, S. J., Campbell, L., Chopik, W. J., Damian, R. I., Davis-Kean, P., Hall, A. N., Kosie, J. E., Kruse, E. T., Olsen, J., Ritchie, S. J., Valentine, K. D., van ’t Veer, A. E., & Bakker, M. (2019). Preregistration of secondary data analysis: A template and tutorial [Preprint]. PsyArXiv. https://doi.org/10.31234/osf.io/hvfmr

  21. Dec 2019
  22. Aug 2019
  23. Apr 2019

      Hi Craig-- here's a public note to you that any one else could see-- but we could also create a private group here and have a conversation just between ourselves and others.

  24. Mar 2019
  25. www.microbiologyresearch.org www.microbiologyresearch.org
    1. The fluorescence signal atCT37±7 corre-sponds to the no-template-control andrepresents bacterial DNA contamination inthe commercially supplied reagents.
    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

  26. Dec 2018
  27. 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

  28. Mar 2018
  29. Feb 2017
    1. Published in the days leading up to the 45th president’s inauguration, two new books purport to show a path forward for liberals in Trump’s America.
    2. In his introduction to “What We Do Now,” co-editor Dennis Johnson writes of the widespread “despair,” “grief” and “disillusionment” that followed the election.
  30. Dec 2016
    1. Luckily, GitHub introduced issue templates:

      One of my favorite: "picture of a cute animal " :)


      • What I did
      • How I did it
      • How to verify it
      • Description for the changelog
      • A picture of a cute animal (not mandatory but encouraged) "



  31. Mar 2016
  32. Dec 2015
    1. How to Make Your Startup Introduction Email Simple, Clear and Awesome

      Startup Introduction Email help

  33. Apr 2015