122 Matching Annotations
  1. May 2023
  2. Mar 2023
  3. Nov 2022
  4. Apr 2022
  5. Jan 2022
    1. item1 { grid-area: 1/1/2/4; } 这里使用了你之前学习的网格线编号来定义网格项的区域。 上例中数字代表这些值: grid-area: horizontal line to start at / vertical line to start at / horizontal line to end at / vertical line to end at; 因此,示例中的网格项将占用第 1 条水平网格线(起始)和第 2 条水平网格线(终止)之间的行,及第 1 条垂直网格线(起始)和第 4 条垂直网格线(终止)之间的列。

      奇数水平 偶数垂直

    1. 你可以将网格中的一些单元格组合成一个区域(area),并为该区域指定一个自定义名称。 可以通过给容器加上 grid-template-areas 来实现: grid-template-areas: "header header header" "advert content content" "advert footer footer"; 上面的代码将网格单元格分成四个区域:header、advert、content 和 footer。 每个单词代表一个单元格,每对引号代表一行


  6. Sep 2021
  7. Jun 2021
  8. May 2021
  9. Apr 2021
    1. Only two of the three coordinates are needed to find each hex, the third coordinate can be used as a check. Trios of hex coordinates always add up to 0.
  10. Feb 2021
    1. You use grid-area, so the place for the side nav is allocated at start. If you hide (or even delete) the side nav, that won't change anything about this. You have to do a little trick: Set the width for the first column to 0 and change the grid-gap because otherwise you will have a (not needed) gap at the left.
    1. Adding backgrounds and borders does feel like a missing feature of the CSS Grid specification and one which the Working Group have discussed along with many members of the community (the discussion thread is on GitHub).
    2. With Grid and generated content, we can add a line either side of our heading without adding any additional markup. The line will grow and shrink according to available space
    3. The key phrase here is “children of a grid container.” The specification defines the creation of a grid on the parent element, which child items can be positioned into. It doesn’t define any styling of that grid, not even going as far as to implement something like the column-rule property we have in Multi-column Layout. We style the child items, and not the grid itself, which leaves us needing to have an element of some sort to apply that style to.
    1. Ensure that there can only be four items per row: grid-template-columns: repeat(auto-fill, minmax(20%, 1fr)); grid-gap: 10px; With 20% minimum width per item, and a grid gap (of any length), there can never be more than four items per row.
    1. auto (i.e. minmax(auto, max-content))
    2. Is a keyword that is identical to maximal content if it's a maximum. As a minimum it represents the largest minimum size (as specified by min-width/min-height) of the grid items occupying the grid track.
    1. If no end line value is declared, the item will span 1 track by default.
    2. Notice that you’re not naming lines with this syntax, just areas.
    3. The syntax itself provides a visualization of the structure of the grid.

      What is this an example of? self-referencing? self-presentation? duality?

    4. justify-content Sometimes the total size of your grid might be less than the size of its grid container. This could happen if all of your grid items are sized with non-flexible units like px. In this case you can set the alignment of the grid within the grid container.
    1. When you generate before- and after-content pseudo-elements, Grid treats them as actual elements and makes them grid items.
    2. Since CSS doesn’t (yet) offer a way to style grid cells, areas, or tracks directly, we have to stretch elements over the parts we want to style independently from the elements that contain content.
    3. div:nth-of-type(3n+1) { grid-column: 1; } div:nth-of-type(3n+2) { grid-column: 2; } div:nth-of-type(3n+3) { grid-column: 3; } div:nth-of-type(-n+3) { grid-row: 1; }
    4. The 1 / -1 means “go from the first grid line to the last grid line of the explicit grid”, regardless of how many grid lines there might be. It’s a handy pattern to use in any situation where you have a grid item meant to stretch from edge to edge of a grid.
    5. They likely won’t have any content, making them a sort of structural filler to spackle over the gaps in Grid’s capabilities.
    1. .box1 { grid-column-start: 1; grid-column-end: 4; grid-row-start: 1; grid-row-end: 3; } .box2 { grid-column-start: 1; grid-row-start: 2; grid-row-end: 4; }
    1. the difference is exactly like block and inline-block ... if you use inline-grid with sibling elements they will be placed in the same line unlike grid ... so here you change to grid also since each element is inside a grid area alone
  11. Jan 2021
    1. auto As a maximum, identical to max-content. As a minimum it represents the largest minimum size (as specified by min-width/min-height) of the grid items occupying the grid track.

      And I'm guessing that when you use auto as a value (not inside of a minmax), that it is equivalent to minmax(min-content, max-content)? Wish I could see that confirmed somewhere...

    1. CSS Grid Layout excels at dividing a page into major regions or defining the relationship in terms of size, position, and layer, between parts of a control built from HTML primitives.
    1. The explanation here is that the minimum size of an fr unit is auto. Grid then looks at the min-content size of the item. If the item has a size (you’ve given it a width) or has something in it with a size such as an image, the min-content size might be much bigger than the share of available space you think 1fr will give you. It’s easy to think of 1fr as being “one part of the space in the grid container” when it is really one part of the space left over. If there is space to grow then the tracks grow from that min-content size assigning space. Using minmax, as you have pointed out, is the best thing to do if you want to forcibly have equal width tracks, as that says “I want this track to have a min-content size of 0”, you could potentially in that situation end up with overflows as you lose the squishiness.
    2. It’s easy to think of 1fr as being “one part of the space in the grid container” when it is really one part of the space left over.
    3. It’s true that the auto value would do the same, but auto isn’t quite as robust since it’s size is based on the content inside.
  12. Nov 2020
  13. Oct 2020
  14. Sep 2020
  15. Feb 2020
  16. Dec 2019
  17. Nov 2019
    1. Source code at:

      This example appears to use client-side data, so it doesn't demonstrate server-side row models at all.

      How did they color the monthly breakdown cells?

              cellClassRules: {
                  'good-score': 'typeof x === "number" && x > 50000',
                  'bad-score': 'typeof x === "number" && x < 10000'
    1. how the Server-side Row Model can be configured with a Master / Detail view
  18. Aug 2019
  19. Jul 2019
    1. Compared with neural networks configured by a pure grid search,we find that random search over the same domain is able to find models that are as good or betterwithin a small fraction of the computation time.
    1. Eliminating the fraction of demand that occurs in these spikes eliminates the cost of adding reserve generators, cuts wear and tear and extends the life of equipment, and allows users to cut their energy bills by telling low priority devices to use energy only when it is cheapest.
  20. Feb 2019
    1. So I won't be covering the out of date IE syntax

      See other resources for this, among which: https://css-tricks.com/css-grid-in-ie-debunking-common-ie-grid-misconceptions/ and cheer up! IE support for CSS Grid is good and definitely work-able!

  21. Oct 2018
  22. Aug 2018
  23. Apr 2018
    1. Sterlite Power, is India’s one of the leading power transmission company, uniquely positioned to solve the toughest challenges of energy delivery. We help to meet the industry’s need for capital by implementing projects on a BOOM (Build Own Operate Maintain) basis and being at the forefront of financial innovation via IndiGrid, India’s first power sector Infrastructure Investment Trust (InvIT).

  24. Nov 2017
  25. Sep 2017
  26. Apr 2017
    1. Peer-Reviewed Article

      Grid lines missing. DM. Tables 1-4.

    2. Peer-Reviewed Article

      Problem with table grid lines at S13.

    3. Peer-Reviewed Article

      Problems with table grid lines at S-42 and S-44.

    4. Peer-Reviewed Article

      Table grid lines missing at S50

    1. Nr. AM 162 B fol. β AM 133 fol. GKS 2868 GKS 2870 7,37 x x 8,1 x 8,6 x x x 8,8 x x x x 8,9 x 8,10 x x x 8,11 x x x 8,15 x x x 8,16 x x 8,18 x x 8,27 x x 8,29 x x x

      Table grid lines missing.

    1. Number Feature Name Feature 1 Number of static strokes Feature 2 Number of nodes Feature 3 Number of straight static strokes Feature 4 Number of bent static strokes Feature 5 Number of vertical static strokes Feature 6 Number of horizontal static strokes Feature 7 Number of loops Feature 8 Number of open ends Feature 9 Number of closed elements

      No grids.

    2. Channel Filter Annotation H1 HP 400 UV reflectography H2 LP 400 VIS-IR H3 BP 450 VIS-IR H4 BP 550 VIS-IR H5 BP 650 VIS-IR H6 BP 780 VIS-IR H7 LP 800 IR reflectography H8 no filter VIS-IR N1 RGB VIS-IR N2 RGB UV fluorescence

      No grid lines.

    3. Folio k- means MRF Sauvola 17 recto precision 0,58 0,93 0,67 recall 0,34 0,64 0,72 29 recto precision 0,67 0,82 0,63 recall 0,72 0,78 0,61 30 verso precision 0,54 0,90 0,73 recall 0,75 0,68 0,72 27 recto precision 0,85 0,92 0,55 recall 0,69 0,81 0,64 Average precision 0,66 0,89 0,65 recall 0,63 0,73 0,67
    4. n = 1 n = 2 n = 3 n = 4 n = 5 precision 0.81 0.81 0.82 0.82 0.80 recall 0.62 0.65 0.65 0.78 0.70 n = 1 n = 2 n = 3 n = 4 n = 5 precision 0.80 0.79 0.83 0.79 0.75 recall 0.67 0.73 0.66 0.80 0.66
  27. Mar 2017
    1. Using data from the open access journal PLOS ONE, we highlight the need for a reference database of research organisations through analysis of author affiliation strings on articles published between 2006-2016.

      Need to learn more about this.

  28. Feb 2017
    1. power over the thoughts and purposes of his audience.

      Perhaps I am misunderstanding the first grid presented, but would this fall under the faculty of will>persuasion(end)>vehemence?

  29. Oct 2016
  30. Jun 2016
  31. Mar 2016
  32. Jan 2016
    1. the internet has become essential to our everyday life

      What if we had pockets of non-Internet connectivity, though? A mesh network doesn’t necessarily need to have nodes on the Internet. For instance, a classroom could have a “course in a box”, with all sorts of resources provided on local network, but without a connection to the whole Internet… So many teachers keep complaining about their students’ use of the Internet that they end up banning devices. But what if we allowed devices and even encouraged them, as long as they’re not on the Internet? WiFi connections tend to be spotty, to this day, and some classes are cellular deadzones. A bit like Dogme 95, getting used to sans-Internet connectivity could help us “get creative”. What would we do if we were to do a tech-savvy course on the proverbial “desert island”, without Internet?