299 Matching Annotations
  1. Jan 2022
  2. Dec 2021
  3. Nov 2021
    1. Honestly, I don't know. Strictly speaking it's different to a window being opened at a specific size (I can see the difference). I don't know whether that difference is material. Seeing as these are tests, I'd like to remove as many unknowns as possible. If someone can tell me that it makes no difference then I'd be happy.
  4. Oct 2021
    1. Material is a design system – backed by open-source code – that helps teams build high-quality digital experiences.
    1. We did most of the heavy lifting for you to provide a default stylings that incorporate our custom components.

      (The English here sounds awkward.)

      Gyuri Lajos, in the Stop Reset Go team, recommended using Materialize CSS.

      If it is based on Google’s Material Design, there are a lot of resources available to explore the possibilities. If I was building a Progressive Web App, this might be the place to start.

      The project appears to be at an early stage of development, with a 1.0.0 release.

    1. Created and designed by Google, Material Design is a design language that combines the classic principles of successful design along with innovation and technology.
  5. Jul 2021
  6. May 2021
  7. Apr 2021
  8. Mar 2021
  9. Feb 2021
  10. parsejournal.com parsejournal.com
    1. Their modes of operating present an image of how thinking takes shape in and through material and embodied practice
    2. Knowles, however, does not make this point by means of an argument expressed in language, like Barad does, but by means of a material discursive formation
  11. Jan 2021
    1. Open About Popover

      I have to say, I like how it looks in their Apple and Desktop preview better than the Android/Material preview. I wish they had the arrow in Android Material too.

      But on https://sveltematerialui.com/demo/menu-surface it doesn't bother me quite as much...

    1. In my opinion, it can sometimes look odd. Very interestingly, this is by design and is part of the Material design specification. This article isn’t to argue whether it should be this way or not, though; it’s just to change yours such that your MenuItem(s) show below the menu selection, like so:
    1. Material is the metaphor The metaphor of material defines the relationship between space and motion. The idea is that the technology is inspired by paper and ink and is utilized to facilitate creativity and innovation. Surfaces and edges provide familiar visual cues that allow users to quickly understand the technology beyond the physical world.
    1. By default, menus open with an entrance animation. However, on desktop, menus can skip the animation and open instantly instead.

      Why only on desktop? That delay drives me crazy. I would like to skip on web/mobile too.

    1. Outlined buttons are also a lower emphasis alternative to contained buttons, or a higher emphasis alternative to text buttons.
    2. Dialogs use text buttons because the absence of a container helps unify the action with the dialog text. Align text buttons to the right edge for left-to-right scripts.
    3. Text buttons are often embedded in contained components like cards and dialogs, in order to relate themselves to the component in which they appear. Because text buttons don’t have a container, they don’t distract from nearby content.
  12. Dec 2020
    1. There is no denying to the fact that Google is one of the biggest influencers in the design trends every year. The designs by Google have a tremendous impact on how new products will be designed and launched.

      in this write up, I will take you through the new material design guidelines introduced by Google. With that, I will even share a few tips for applying the designs in your business and products.

  13. Nov 2020
    1. I love the Material Design System’s buttons just because their principles are really well thought through.
    1. After a few hours experimenting (updated NPM, NODE, ...) I found that renaming _smui-theme.scss to smui-theme.scss (without underscore prefix) solved the problem. I don't understand the mechanics behind (why in documentation is file with prefix).
  14. Oct 2020
  15. Sep 2020
    1. In this study, we focused on MgO ceramic doped with Tb as apotential dosimeter material. MgO ceramics have excellent thermaland mechanical properties with a high melting point (2800C). Upto now, MgO ceramics doped with several different transition andrare earth elements have been studied for dosimeters[17e21]

      En este estudio, nos enfocamos en el cerámico de MgO dopado con Tb como un potencial material dosimétrico. . Los cerámicos de MgO tienen excelentes propiedades térmicas y mecánicas con un alto punto de fusión (2800°C). Hasta ahora, los cerámicos de MgO dopados con varios diferentes transiciones y elementos de tierras raras han sido estudiados para dosímetros.



  16. Aug 2020
    1. I found that many people have bad experience when it comes to styling in Material-UI, so I want to help them overcome that point and see the beauty of it.
  17. Jul 2020
  18. Apr 2020
    1. material complementario

      ¿Cómo se define materiales complementarios para obras que recurren a múltiples recursos, como los transmedia?

  19. Feb 2020
  20. Dec 2019
    1. appropriately drafted material transfer agreement (MTA), as there is currently no legal requirement to that effect

      Are there templates available for "appropriately drafted MTAs"?

  21. Nov 2019
    1. Since the checkbox is rendering an input I would work with it rather than focusing on the image. You could do something like this: const checkbox = getByTestId('checkbox-1234').querySelector('input[type="checkbox"]') expect(checkbox).toHaveProperty('checked', true)
    2. the way Material UI works is it renders a different SVG when the checkbox is clicked, and not changing the attributes or anything on the actual input element. So how do I actually test that the element is checked in line with the react-testing-library philosophy?

      These tags belong to entire page. This quote is just supporting evidence for the tags.

  22. Oct 2019
  23. Sep 2019
  24. Aug 2019
    1. Customization of the TextField can be cumbersome with the classes API, where you have to define the the classes prop. It's easier to use the default values, as described above. For example:

      It's surprising that they show an example using styled-components, which is a competing style library to their own @material-ui/styles, and even admit that this might be preferred over using the classes API, which they admit may be cumbersome.

      I like that they are open-minded enough to acknowledge that there are cases where built-in API may be too cumbersome, and even show examples of using styled-components.

    1. Demonstrates how label text will wrap at a point that appears to narrow when shrunk (the label can't even be as wide as the input it is labeling!), and how to work around this problem by adding styles:

        '& label': {
          whiteSpace: 'nowrap'

      Of course, you would only want to do this if you are going to only be showing the label in shrunk state (which I think is safe to say is the case for date picker inputs), since it would look bad to actually have text overflowing outside of the input box. But if it's in "shrink" state, then it's actually above the input, so as long as there isn't another input/label directly to the right, and/or as long as we adjust the width so the right side of the label mostly lines up with the right side of the input, then I think we should be safe.


      The input label "shrink" state isn't always correct. The input label is supposed to shrink as soon as the input is displaying something. In some circumstances, we can't determine the "shrink" state (number input, datetime input, Stripe input). You might notice an overlap.

      To workaround the issue, you can force the "shrink" state of the label.

      You need to make sure that the input is larger than the label to display correctly.

  25. May 2019
    1. Transformation of calcium-competent cells was carried out by the procedure detailed below: •The competent bacterial cells were thawed briefly and 200 μL of cells was mixed rapidly with plasmid DNA (10-50 ng) in fresh, sterile microcentrifuge tubes and maintained on ice for 30 min. A negative control with competent cells only (no added DNA) was also included. •Cell membranes were disrupted by subjecting cells to heat-pulse (42 °C) for 90 sec. •After heat shock, cells were incubated on ice for 5 min. •Cells were then mixed with 1 mL LB medium and incubated with shaking at 37 °C for 1 h. •For blue/white screening 40 μL of X-gal solution (20 mg mL-1 in dimethylformamide) and 4 μL of the IPTG (200 mg mL-1) was spread on LB-ampicillin (LB-amp) plates with a sterile glass rod. The plate was allowed to dry for 1h at 37 °C prior to spreading of bacterial cells. •Bacterial cells (100-200 μL) were spread and the plate was incubated at 37 °C for overnight. •White colonies were picked from the plates and suspended into LB-amp broth and cultivated to OD600=0.5
    2. 2 mL of an overnight culture of E. coli cells was inoculated into 100 mL LB medium and incubated with vigorous shaking at 30 °C until A600 of 0.8 was reached. •Cells were collected in 50 mL plastic (Falcon) tubes, cooled for 15 min on ice and centrifuged in a pre-cooled centrifuge (4,000 rpm for 10 min at 4 °C). •The pellet was suspended in 20 mL of ice-cold 50 mM CaCl2-15% glycerol solution, maintained on ice for 15 min and centrifuged again at 4,000 rpm for 10 min at 4 °C. •Pellet was resuspended in 2 mL of ice-cold 50 mM CaCl2-15 % glycerol solution, kept on ice for 30 min and aliquoted in 400 μL in microcentrifuge tubes. These were stored at -80 °C until required.
    3. Preparation of electrocompetent cells (E. coli cells) A protocol was employed. The procedure was carried out in cold under sterile conditions as follows: •A single colony of E. coli DH10B/ DH5α/XL1blue was inoculated in 20 mL of LB medium and grown overnight at 30 °C. •500 mL LB medium was inoculated with 5mL of this overnight grown culture of the E. coli and incubated with vigorous shaking (250 rpm) at 30 °C until an A600of 0.5 - 0.8 was achieved. •The cells were chilled in ice for 10-15 min and transferred to prechilled Sorvall® centrifuge tubes and sedimented at 4,000 rpm for 20 min at 4 °C. •The supernatant was decanted and cells were resuspended in 500 mL of sterile ice-cold water, mixed well and centrifuged as described above. •The washing of the cells described above was repeated with 250 mL of sterile ice-cold water, following which cells were washed with 40 mL of ice-cold 10 % (v/v) glycerol and centrifuged at 4,000 rpm for 10 min. •The glycerol solution was decanted and the cell volume was recorded. The cells were resuspended in an equal volume of ice-cold 10 % glycerol. •Cells were then dispensed in 40 μL volumes and stored at -80 °C until required.