134 Matching Annotations
  1. May 2024
    1. economies of scope

      for - answer - size of a digital nation - definition - economy of scope

      answer - size of a digital nation - In contrast to nation states with the concept of economy of scale, - in Network states, we have the concept of economy of scope

      definition - economy of scope - for small group through strong alignment of interests and values, to foster close kinship - then expand to other similarly aligned groups with synergies between groups

    2. do you think there is some like limitation on the 00:17:34 size of the digital Nations

      for - question - Is there a limit to the size of a digital / network nation or state?

      question - Is there a limit to the size of a digital nation or network state?

  2. Apr 2024
    1. A few moment's reflection will showus that if our pieces are too large, we shall not have the same•opportunity of building up. The process of summarising orbuilding up is in fact restricted by the size of the pieces,generally speaking the smaller the pieces the better the chanceto build up. Too large pieces will preclude us altogetherfrom reporting on smaller subjects.

      Here Kaiser touches on the broader themes inherent in the concepts of atomic notes, which might be used to build up new and interesting structures. He doesn't specify the "size of a note" nor does he say that one will "know it when they see it", but he's suggesting something very close to it.

      Rather than define the appropriate size, a feat which is difficult to do at best, he's providing a very narrow set of benefits for encouraging one to cut things down to size as they index them: small pieces are easier to use to build new things.

  3. Mar 2024
    1. Georgia also instituted a policy of keeping the land “tail-male,”which meant that land descended to the eldest male child. This feudal rulebound men to their families. The tail-male provision protected heirs whosepoor fathers might otherwise feel pressure to sell their land.53
    1. All cards should be matliematically uniform insize and uniform in thickness, both the indi-vidual card in itself and card as compared with card. The cardsshould he perfectly flat, and if bent, must on release at once assumethe original position. These conditions are necessary for thequick handling of quantities of cards.

      Kaiser recommends cards of "mathematically uniform size and uniform in thickness" for the quick handling of cards.

      He makes no mention of other reasons or affordances of this (like hiding cards).

    Tags

    Annotators

  4. Feb 2024
    1. watched Tinderbox Meetup 2023-12-03 featuring Jorge Arango

      Attendees: Mark Bernstein, Michael Becker, Jorge Arango,

      Introductions: Rolf Huber (Information Architect)

      Featured

      • many different definitions of notes (types...)
      • Damien Newman scribble drawing as a representation or diagram of the design process (22:42)
      • 2x2 grid matrix of evergreen versus transient and mnemonic versus generative.(27:00)
      • contacts, recipes, book highlights and marginalia in the mnemonic/evergreen quadrant; to do lists, grocery list, appointments in the mnemonic/transient quadrant; sticky notes, mind maps, project plans, tinderbox in the generative/transient quadrant; knowledge gardens, zettelkasten, pkm systems in the generative/evergreen;

      • What does the structure of containers in each of these spaces look like? How simple or complex are they?

      • There can be growth from one space into others, (especially from the mnemonic into generative).

      • Chuck Wade mentions that email fits into all four of the quadrants.

      • Cathy Marshall used "information gardening" in Xerox Park setting... (source?) It may have been mentioned in Arango's interview of Mark Bernstein on The Informed Life.

      Arango came to knowledge gardening via Brian Eno essay on architecture and gardening metaphor.

      Three Rules of Knowledge Gardening

      1. Make short notes; create enough context to help out your future self
      2. Connect your notes
      3. Nurture your notes; revisit, build, feedback

      Q&A

      Dave Rogers - we should challenge our notes rather than "nurturing them";

      JA: Perhaps we could use AI/GPT to "steel man" our arguments?

      Hookmark: https://hookproductivity.com/

      Gordon Brander's Noosphere - protocol to define the problem of linking things quickly at internet scale.

    1. And yet he desperately needed the help of Subeditors because the task wastoo massive to do alone. Two years into the job, Murray had estimated thathe had sent out 817,625 blank slips to Readers. If they returned them withquotations, and if he spent a minimum of 30 seconds reading each one andallocating it to the correct sense of an entry, it would take him three workingyears to get through a third of the materials gathered.

      By the second year into his editing work on the OED, John Murray estimated that he had sent out 817,625 slips to readers.

      At the average price of $0.025 for bulk index cards in 2023, this would have cost $20,440, so one must wonder at the cost of having done it. How much would this have been in March 1879 when Murray tool over editorship?

      How many went out in total? Who cut them all? Surely mass manufacture didn't exist at the time for them?

      Sending them out would have helped to ensure a reasonable facsimile of having cards of equal size coming back.

  5. Nov 2023
    1. The ‘size’ of facts served a dream of information recombination, and was served bythe card form. Other advocates of Zettelkasten like Johann Jacob Moser (1701–1785)remarked that fairly small facts meant the mass of information was broken down to itsindividual components and thus could be constantly reshuffled in a ‘game of cards’(Krajewski, 2011: 53-5).

      suggestion of recombination of individual notes using cards to create something new

      (have I remarked on this in krajewski?) ᔥ Johann Jacob Moser commented on the ability to breakdown bodies of information into smaller pieces that might be reshuffled into new configurations as one might in a 'game of cards'.

    2. Moreover, card indexes give further form to Bruno Latour’s meditations on writing: ifLatour described writing as a kind of ‘flattening’ of knowledge, then card indexes, likevertical files, represent information in three dimensions, making ideas simultaneouslyimmutable and highly mobile, and the smallness of ideas and ‘facts’ forced to fit onpaper slips allowed for reordering (Latour, 1986: 19-20).
    3. However, the miniscule size of ‘facts’ did not neces-sarily reflect Deutsch’s adherence to any theory of information. Instead, it indicated hispersonal interest in distinctions of the smallest scale, vocalized by his motto ‘de minimiscurat historicus’, that history’s minutiae matter.

      Gotthard Deutsch didn't adhere to any particular theory of information when it came to the size of his notes. Instead Jason Lustig indicates that his perspective was influenced by his personal motto 'de minimis curat historicus' (history's minutiae matter), and as a result, he was interested in the smallest of distinctions of fact and evidence. ᔥ

    4. he spoke of the ‘historian’s credo’ that ‘the factscrubbed clean is more eternal than perfumed or rouged words’ (Marcus, 1957:466).17

      Jacob Marcus, ‘The Historian’s Credo’, 1958, AJA Marcus Nearprint File, Box 2.

    1. We know we’re supposed to write one idea per page/card. What constitutes an “idea”? How do I identify what a good idea is? What does an idea that fits on one card feel like?

      Here the writer, who doesn't lay out any of the general principles of a zettelkasten practice, automatically presumes one idea per card (presumes it from where? zeitgeist) and then jumps into the question of note size and other semantics.

  6. Sep 2023
  7. Aug 2023
    1. Why is the index card half full?

      reply to u/ManuelRodriguez331 at https://www.reddit.com/r/Zettelkasten/comments/15ehcy5/why_is_the_index_card_half_full/

      There has been debate about the length of notes on slips since the invention of slips and it shows no signs of coming to broad consensus other than everyone will have their personal opinion.

      If you feel that A6 is is too big then go down a step in size to A7. One of the benefits of the DIN A standard is that you can take the next larger card size and fold it exactly in half to have the next size smaller. This makes it easier to scale up the size of your cards if you prefer most of them to be smaller to save space, just take care not to allow larger folded cards to "taco" smaller cards in a way they're likely to get lost. If you really needed more space, you could easily use an A1 or A2 and fold it down to fit inside of your collection! (Sadly 4x6 and 3x5 cards don't have this affordance.)

      Fortunately there are a variety of available sizes, so you can choose what works best for yourself. Historically some chose large 5x8", 6x9", or even larger "slips". Some have also used different sizes for different functions. For example some use 3x5 for bibliographic cards and 4x6 for day-to-day ideas. I've seen stacked wooden card catalog furniture that had space for 3x5, 4x6, and 8.5x11 in separate drawers within the same cabinet. Some manufacturers even made their furniture modular to make this sort of mixed use even easier.

      One of the broadly used pieces of advice that does go back centuries is to use "cards of the same size" (within a particular use case). This consensus is arrived at to help users from losing smaller cards between larger/taller cards. Cards of varying sizes, even small ones, are also much more difficult to sort through. Slight of hand magicians will be aware of the fact that shaving small fractions of length off of playing cards is an easy way of not only marking them, but of executing a variety of clever shuffling illusions as well as finding some of them very quickly by feel behind the back. Analog zettelkasten users will only discover that smaller, shorter cards are nearly guaranteed to become lost among the taller cards. It's for this reason that I would never recommend one to mix 4x6, A6, or even the very closely cut Exacompta Bristol cards, which are neither 4x6 nor A6!

      I once took digital notes and printed them on paper and then cut them up to fit the size of the individual notes to save on space and paper. I can report that doing this was a painfully miserable experience and positively would NOT recommend doing this for smaller projects much less lifelong ones. Perhaps this could be the sort of chaos someone out there might actually manage to thrive within, but I suspect it would be a very rare individual.

      As for digital spacing, you may win out a bit here for "saving" paper space, but you're also still spending on storage costs in electronic formatting which historically doesn't have the longevity of physical formats. Digital also doesn't offer the ease of use of laying cards out on a desktop and very quickly reordering them for subsequent uses.

      There are always tradeoffs, one just need be aware of them to guide choices for either how they want to work or how they might work best.

      Personally, I use 4x6" cards because I often write longer paragraphs on them. Through experimentation I found that I would end up using two or more 3x5 cards more often than I would have had mostly blank 4x6 cards and used that to help drive my choice. I also find myself revisiting old cards and adding to them (short follow ups, links to other cards, or other metadata) and 3x5 wouldn't allow that as easily.

      As ever, YMMV...

      See also: [[note lengths]] and/or [[note size]].

  8. Jun 2023
    1. At 9¢/card these are very expensive in comparison to bulk cards which usually can be found for 1-2¢/card. The difference however is in the luxuriousness of the silky smooth texture. Whether you're writing with your favorite fountain pen or a carefully chosen pencil. I don't know if these are the same brand of Bristol cards that Vladimir Nabokov used for his writing, but one could easily image him using such lovely material.

      These provide a very smooth writing experience for fountain pens, gel pens and pencils. I particularly love the way my Tennessee Reds and Blackwing 602s glide over their surface. In comparison to some Japanese stationery, I'd put these cards somewhere between tsuru tsuru (slippery) and sara sara (smooth). If you're looking for a toothier paper, you'll definitely want to look elsewhere. They take fountain pens pretty well with no feathering or ghosting. My juiciest fountain pen dries in about 15 seconds, while a drier extra fine is dry in about 7 seconds, so it may take some care not to smear ink if you're on the messier end of the spectrum.

      Pencil erases reasonably well, though there may be some minimal residual ghosting here. At 205 gsm, they've got a satisfying thickness unseen in most index cards and one is unlikely to rip or crinkle them when erasing. They're also thick enough that the wettest Sharpie won't bleed much less ghost through. You have to hold a card up to a backlight to see the appearance of any ghosting through it and even then, not well.

      For the sticklers used to using standard 4 x 6" index cards, one should take note that the dimensions of these are slightly shorter in both dimensions—they're closer to 3.94" x 5.91". This means that you might have to take some care that while flipping through mixed company of cards your Exacompta can potentially hide between larger imperial sized cards. They're also close to, but not quite A6 in size either (105 x 148.5 mm or 4.1 x 5.8 inches).

    1. the code of G of of a transformer the T in in a 00:25:17 GPT is 2000 lines long it's not very complex it's actually not a very intelligent machine it's simply predicting the next word
      • interesting fact
        • ChatGPT is only written with 2,000 lines of code
        • It's not very intelligent, but a very large external memory
        • and repeats the best of what humans have said
  9. May 2023
    1. British historian of science, StaffanMueller-Wille at the Centre for Medical History at the University of Exeter, recently claimedthat Swedish natural scientist Carl Linnaeus (1707–1778), the father of modern taxonomy,had “invented” the card index to manage his information storage and retrieval.

      How can Linnaeus (1707-1778) be said to have invented the card index or the index card when there are systems that predate him including Vincent Placcius and Leibnitz?

      Linnaeus' version were all of a standard size at least. Would this have been a shift in the definition or did others have and recommend "cards of equal size" before this?

    1. Minimum sample size for external validation of a clinicalprediction model with a binary outcome

      Minimum sample size for external validation of a clinical prediction model with a binary outcome

  10. Apr 2023
    1. Catalog cards were 2 by 5 inches (5 cm × 13 cm); the Harvard College size.

      Early library card catalogs used cards that were 2 x 5" cards, the Harvard College size, before the standardization of 3 x 5" index cards.

  11. Mar 2023
    1. Pacheco-Vega uses 3 x 5, 4 x 6, and 5 x 8" index cards for various needs/purposes, meaning he breaks the guideline for using "cards of equal size". Though in his description it sounds like he files cards separately by size.

    1. A few times in his Grand Fichier, Barthes includes notebook paper from other sources which he's cut down to fit into his box or clippings of newspapers which he's taped to cards and included. ᔥ [00:32:00]

    1. Can I use a card index for note taking?Yes, you can certainly use a card index for note-taking. Card indexes have been a popular method of note-taking for many years and can be very effective. Here are a few tips to get you started:Choose the right size of card index: Card indexes come in various sizes, so choose one that is comfortable for you to handle and store.Use cards of the same size: Using cards of the same size ensures that they will fit into your index box or file and that they will be easy to handle.Choose a system for organizing your cards: You can organize your cards alphabetically, by subject, by date, or any other system that works for you.Use one card per idea or topic: To keep your notes organized and easy to find, use one card per idea or topic.Keep your notes brief and to the point: Use brief notes that summarize the key points of your topic. This will make it easier to review your notes and find the information you need.Review your notes regularly: Review your notes regularly to keep the information fresh in your mind and to make sure you haven't missed anything important.Overall, a card index can be a very effective method of note-taking, as long as you develop a system that works for you and use it consistently.

      https://shareg.pt/th2DNz0

      Q: Can I use a card index for note taking?

      Compare with: https://hypothes.is/a/HTqQPrksEe2XdQcSVvzXLQ

    1. Yes, you can definitely use a card index for note-taking. In fact, many people find card indexes to be a useful and convenient tool for organizing and storing notes. Here are some tips for using a card index for note-taking:Choose a system: Decide on a system for organizing your cards. You could organize them alphabetically, by topic, by date, or by any other method that works for you.Choose the size of cards: Choose the size of cards that works best for your needs. Common sizes include 3" x 5", 4" x 6", and 5" x 8".Use one card per idea: Write one idea or piece of information on each card. This will help keep your notes organized and easy to reference.Include keywords: Include keywords on each card to make it easier to find relevant information later.Use dividers: Use dividers to separate different topics or sections in your card index. This will help keep your notes organized and easy to navigate.Carry it with you: A card index is a portable tool, so you can take it with you wherever you go. This makes it easy to take notes on the go and to refer to your notes when you need them.Overall, a card index can be a useful and efficient tool for note-taking, especially if you prefer a physical, tangible way of organizing and storing information.

      Q: Can I use a card index for note taking?

      ChatGPT does a reasonable bit of advice on how one would use a card index for note taking.

  12. Feb 2023
  13. Dec 2022
    1. Children, who in our post-agricultural age are otherwise pretty useless economically, can actually be usefully employed at this stage. They love cutting things with scissors, and precision is not crucial.

      a nod to having "cards of equal size", but that precision isn't necessarily as crucial as we might suppose.

  14. Nov 2022
    1. Cohen was reluctant to provide reference values for his standardized effect size measures. Although he stated that d = 0.2, 0.5 and 0.8 correspond to small, medium and large effects, he specified that these values provide a conventional frame of reference which is recommended when no other basis is available.
  15. Oct 2022
    1. Filing is a tedious activity and bundles of unsorted notes accumulate. Some of them get loose and blow around the house, turning up months later under a carpet or a cushion. A few of my most valued envelopes have disappeared altogether. I strongly suspect that they fell into the large basket at the side of my desk full of the waste paper with which they are only too easily confused.

      Relying on cut up slips of paper rather than the standard cards of equal size, Keith Thomas has relayed that his slips often "get loose and blow around the house, turning up months later under a carpet or cushion."

      He also suspects that some of his notes have accidentally been thrown away by falling off his desk and into the nearby waste basket which camouflages his notes amongst similar looking trash.

    1. Current ruby releases generate *.tar.gz, *.tar.bz2, *.tar.xz, and *.zip. But I think we can stop generating *.tar.bz2. I think *.tar.bz2 are less merit. For better size, *.tar.xz exist. For better compatibility, *.tar.gz and *.zip exist.
    1. While he previously recommended using note cards of the same size, the examples in Goutor (1980) have 3x5" cards for bibliographic notes and 5x7" or larger cards for content notes. (p19, 21)


      Is there a reason stated anywhere here for this discrepancy or change? One would ostensibly keep them in different places/sections of one's card index, but does the size difference help to differentiate the two to aid in sorting? Is the larger card intended to hold more long form writing?

      Goutor is in Canada, so were 5x7" cards more common or standardized there in the late 1970s and early 80s?

      A5 measures 148 × 210 millimeters or 5.83 × 8.27 inches, so is a bit larger than 5x7".

      5x7" is a more standard photo size, so was this chosen as the result of storage options from the photography space?

      5x7" is scantly available in America in 2022, but only from Hamilco. A few others make cardstock in that size but not specifically as index cards.

    2. Goutor comments, like many before him, that it is common to take notes on notebook paper in longer form, but that this is inadvisable as it is much harder to impose a useful order or classification on such work. He does mention scissors as a means of cutting up such notes, but comments that "a mass of slips of paper of varying sizes [can be] difficult to arrange and potentially useless unless care has been taken to note the source of each separate entry."

      He also repeats the frequent admonitions that one should take notes only on one side and to use cards of a uniform size.

      (p6)

  16. Sep 2022
    1. Thesheets must always be of equal size, or at least of equal height in order not to get stuck or beoverlooked when manually searching for sheets or adding them.

    Tags

    Annotators

  17. Aug 2022
    1. count up all the potential customers that would be a good fit for your business and multiply that number by the average annual revenue of these types of customer in your market
    2. TAM refers to the total market demand for a product or service. It’s the maximum amount of revenue a business can possibly generate by selling their product or service in a specific market
  18. Jul 2022
    1. This opens the possibility of doing a design much better than Squeak's, both fundamentally and at the user-level, to create a model of an entire personal computer system that is extremely compact (under 20,000 lines of code)

      See: Oberon

    2. the Squeak system, which was derived from PARC Smalltalk, includes its own operating system, GUI, development tools, graphics, sound, Internet sockets, and many applications including Etoys and Croquet, yet is only about 230,000 lines of code. The executables are about 2.8MB and only half of this code is generally used.
    1. The Southern Levant, situated between modern day southern Syria via Israel to Sinai, has a spatiotemporally dense and continuous Paleolithic archaeological record offering a unique opportunity to detect faunal changes, including those predating the appearance of Homo sapiens (Bar-Yosef, 1980; Stutz, 2014). It is thus a suitable model to test long-term changes in the body mass of mammalian assemblages, in view of paleoclimates and changing human lineages, to decipher whether climate and/or humans are responsible for animal body size declines. The excellent archaeological record can further illuminate whether size declines are observed since hominins first colonized the region, or whether they start with the emergence of Homo sapiens (Louys et al., 2021), or are concentrated in the last glacial and its aftermath. We tested whether the size, and size changes, in hominin prey through the Pleistocene and early Holocene were related to time, the prevailing human lineages and cultures, paleoenvironment, and temperatures.

      Southern Levant is unique for providing records for this study.

  19. Jun 2022
  20. Apr 2022
    1. Setting "img max-width:100%" is a technique employed in responsive/fluid web site design so that images re-size proportionally when the browser is re-sized. Apparently some css grid systems have started setting this style by default. More info about fluid images here: http://www.alistapart.com/articles/fluid-images/
    1. Now, our img element will render at whatever size it wants, as long as it’s narrower than its containing element. But if it happens to be wider than its container, then the max-width: 100% directive forces the image’s width to match the width of its container.
  21. Mar 2022
    1. It is important to realize that while the block size is fixedbetween any particular pair of adjacent levels in the hierarchy, other pairs of levelscan have different block sizes.

      在 memory hierarchy 之间的 block size 有什么特点?

    1. tlrobinson interpreted right that codebase size should be measured in number of tokens

      Bob Nystrom is fond of avoiding LOC measurements in favor of number of semicolons.

  22. Feb 2022
  23. Jan 2022
    1. Defining the project scope means that you must have a clear vision and agreement on the outcomes of the project. This allows any deliverable of the project to remain on schedule.

      This is how you determine the project scope Defining the project scope means that you must have a clear vision and agreement on the outcomes of the project. This allows any deliverable of the project to remain on schedule.

    1. When you give an element a width of 100% in CSS, you’re basically saying “Make this element’s content area exactly equal to the explicit width of its parent — but only if its parent has an explicit width.” So, if you have a parent container that’s 400px wide, a child element given a width of 100% will also be 400px wide, and will still be subject to margins, paddings, and borders — on top of the 100% width setting.
  24. Oct 2021
  25. Aug 2021
    1. The most likely cause of this problem is having set the height of an element to be 100% of the page somewhere in your CSS. This is normally on the html or body elements, but it could be on any element in the page. This can sometimes be got around by using the taggedElement height calculation method and added a data-iframe-height attribute to the element that you want to define the bottom position of the page. You may find it useful to use position: relative on this element to define a bottom margin or allow space for a floating footer.
  26. Jul 2021
    1. case-driven trial was planned 205to accrue 130case

      What was the rationale for accrual of 130 cases has not been explained here. Would be nice to have that explanation. When the study parameters (95% confidence interval, 60% vaccine efficacy, 1% baseline attack rate) were applied to the WHO calculator obtained from here, the sample size turned out to be 86000, and when 80% confidence interval, 60% vaccine efficacy, and 1% baseline rate among unvaccinated) was used to assess sample size, it turned out to be 21000; in any case, the study then would be underpowered unless the rationale of 130 case accrual is made.<br> Why was not the WHO sample size estimator used?

  27. May 2021
    1. Are you also tired and fed up with the bulkiness of jQuery, but also don't want to have to type document.querySelector("div").appendChild(document.createTextNode("hello")); just to add some text to an element?

      happy middle/medium?

    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.
  28. Mar 2021
    1. Trying to force this one thing to work for everyone is the worst way to do that.
    2. The elimination of what is arguably the biggest monoculture in the history of software development would mean that we, the community, could finally take charge of both languages and run-times, and start to iterate and grow these independently of browser/server platforms, vendors, and organizations, all pulling in different directions, struggling for control of standards, and (perhaps most importantly) freeing the entire community of developers from the group pressure of One Language To Rule Them All.
  29. Feb 2021
  30. Jan 2021
    1. Situation: you have a single line of text in a flex child element. You don’t want that text to wrap, you want it truncated with ellipsis (or fall back to just hiding the overflow). But the worst happens. The unthinkable! The layout breaks and forces the entire flex parent element too wide. Flexbox is supposed to be helping make layout easier!
    1. Great, I can use vw to scale text so it doesn't look puny on a desktop! Perfect... Oh. Huh, now the text is too small to read when viewed on a phone. Okay, well I can just use "max(x,y)" to make sure it doesn't get shrunk beyond a minimum size. Perfect... Oh. Hmm. Looks like "max" isn't supported properly by Chrome. Okay, well guess I'll just use "px" again.
    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. fixed: With this value, the table’s layout ignores the content and instead uses the table’s width, any specified width of columns, and border and cell spacing values. The column values used are based on widths defined on columns or cells for the first row of the table
    1. It is also very likely that the contents of the table might change the structure or dimensions of the table. For example, long words residing in the table cells can cause the cell width to increases. If you fix that problem, it might happen that the long words cross the cell boundaries.
    1. The only difference is that in this case “auto” will not work, but instead “height: 100%” is required.
    2. Blocks Don’t Need 100% Width When we understand the difference between block-level elements and inline elements, we’ll know that a block element (such as a <div>, <p>, or <ul>, to name a few) will, by default expand to fit the width of its containing, or parent, element (minus any margins it has or padding its parent has).
    3. It seems like this should be one of the easiest things to understand in CSS. If you want a block-level element to fill any remaining space inside of its parent, then it’s simple — just add width: 100% in your CSS declaration for that element, and your problem is solved. Not so fast. It’s not quite that easy. I’m sure CSS developers of all skill levels have attempted something similar to what I’ve just described, with bizarre results ultimately leading to head scratching and shruggingly resorting to experimenting with absolute widths until we find just the right fit. This is just one of those things in CSS that seems easy to understand (and really, it should be), but it’s sometimes not — because of the way that percentages work in CSS.
    1. min-width: 0;

      Wouldn't expect the solution to "width grows too wide" to be to assign a (seemingly meaningless, since how could it be less than 0) a minimum width of 0.

      I would have expected to solve this by applying a max-width to the problem element or one of its ancestors.

    2. 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.
    3. And since auto is entirely based on content, we can say it is “indefinitely” sized, its dimensions flex. If we were to put an explicit width on the column, like 50% or 400px, then we would say it is “definitely” sized.
    1. Zappos created models to predict customer apparel sizes, which are cached and exposed at runtime via microservices for use in recommendations.

      There is another company named Virtusize who is doing the same thing like size predicting or recommendation

    1. Alternatively, you can build a custom icon system from existing icon libraries. To save on load times and improve performance, I would recommend always creating icon systems that include only the icons that you will use. If you’re only using 10 of them throughout your site, there is no good reason to link to the entire Fontawesome library of icons.
  31. Dec 2020
  32. Nov 2020
    1. Microbundle also outputs a modern bundle specially designed to work in all modern browsers. This bundle preserves most modern JS features when compiling your code, but ensures the result runs in 90% of web browsers without needing to be transpiled. Specifically, it uses preset-modules to target the set of browsers that support <script type="module"> - that allows syntax like async/await, tagged templates, arrow functions, destructured and rest parameters, etc. The result is generally smaller and faster to execute than the esm bundle
    1. This is a page note. I can write overall comments about the pre-print here.

      Tags can also be added below.

  33. Oct 2020
    1. He took three paces—with the fourth he reached his goal,       

      Interesting depiction of the actual size of gods here. If Poseidon was this large, how large would other gods appear such as Zeus? Or even Cronus, as literature suggests he too has a physical form. Would gods be able to show their true form to humans? Or is this why Zeus often appears as other beings when interacting with mortals.

    1. Perhaps we should detect URLSearchParams objects differently (using duck typing detection instead of instanceof window.URLSearchParams, for example) but the solution isn't adding a specific polyfill to Axios (as it'd increase the bundle size and still won't work with other polyfills).
  34. Sep 2020
    1. Many people recently are complaining about bundler performance. But I don’t think any tool is going to solve performance problems. Bundlers can try innovative ideas such as multi-threading and improved caching, but you’re always going to hit a limit. If you’re having performance problems, it’s more likely because you’re not keeping tabs of what you’re importing, and haven’t considered splitting your project into multiple projects.
    1. This is a demonstration of building a custom D3 4.0 bundle using ES2015 modules and Rollup. Custom bundles can be optimized to contain only the code you need. This example exposes just three fields on the d3 object: d3.event, d3.select and d3.selectAll. The minified and gzipped bundle is only 3,691 bytes, a savings of 93% over the default build!
    1. If we compile our empty component and bundle it with Svelte internals, it ends up being 2,080 bytes uncompressed, and 1,043 bytes gzipped. So the overhead for using Svelte ends up being only a kilobyte. Compare that to other frameworks that require 10x or 100x that many bytes just to mount an empty component!
  35. Aug 2020
  36. Jul 2020
    1. Olsson-Collentine, A., van Assen, M. A. L. M., & Wicherts, J. M. (2020). Postprint—Heterogeneity in direct replications in psychology and its association with effect size [Preprint]. PsyArXiv. https://doi.org/10.31234/osf.io/m23v4