1,169 Matching Annotations
  1. Last 7 days
    1. Uber::Option implements the pattern of taking an option, such as a proc, instance method name, or static value, and evaluate it at runtime without knowing the option's implementation.
    1. The tech takeover corresponds with shrinking possibilities. This evolution has also seen the rise of a seeming aesthetic paradox. Minimalist design reigns now that the corporations have taken over the net. Long seen as anti-consumerist, Minimalism has now become a coded signal for luxury and control. The less control we have over our virtual spaces, the less time we spend considering our relationships with them. 

      Interessante laatste zin. Hoe minder we eigen controle hebben, zeggenschap, agency, hoe minder we ons bezighouden met de aard van de relatie. Die relatie kan verschillende vormen hebben.

    1. What is the relationship between design, power, and social justice? “Design justice” is an approach to design that is led by marginalized communities and that aims explicitly to challenge, rather than reproduce, structural inequalities. It has emerged from a growing community of designers in various fields who work closely with social movements and community-based organizations around the world.

      Alles wat niet wordt gedisciplineerd en gestructureerd door natuurwetenschappelijke wetmatigheden hangt samen met de menselijke creativiteit en behoeften. Van de inrichting van steden tot de inrichting van de maatschappij hebben we te maken met het ontwerpactiviteiten. De relatie tussen die inrichting en het gedrag van gebruikers waarvoor die inrichting is bedoeld is een vrij complexe. Of zoals Churchill het eens (1943) verwoordde:

      “We shape our buildings, thereafter they shape us.”

      Niet veel later (1967) werd een vergelijkbare uitspraak (ten onrechte) toegeschreven aan McLuhan:

      "We shape our tools, and thereafter our tools shape us."

      Degene die deze uitspraak deed, John Culkin, illusteerde dit aan de hand van de intrede van de auto

      Once we have created a car, for example, our society evolves to make the car normal, and our behavior adapts to accommodate this new normal.

      De wederkerige invloed (performativiteit) van al hetgeen de mens creëert (uiteenlopend van gebouwen en apparaten tot 'simme steden' en algoritmes) is een belangrijk om te begrijpen dat een ontwerp meer is dan kenmerk dat het gebruik bevorderd. Ontwerpkenmerken hebben blijkbaar wederkerig effect op het menselijk gedrag. Ze zetten niet alleen aan tot gedrag dat is bedoeld en wordt getriggerd door de affordances van het ontwerp: unieke relatie tussen de kenmerken van een ‘ding’ in samenhang met een gebruiker die beïnvloedt hoe dat ding wordt gebruikt. Een relatie die verder gaat dan een eenzijdige perception-action coupling.

      Met betrekking tot sociale media kunnen we bijvoorbeeld spreken van 'transactional media effects':

      "... outcomes of media use also influence media use. Transactional media-effects models consider media use and media effects as parts of a reciprocal over-time influence process, in which the media effect is also the cause of its change (Früh & Schönbach, 1982)."

      Het gegeven dat ontwerpers vaak alleen de positieve ervaring van gebruikers voor ogen hebben is volgens Danah Abdulla niet constructief.

      "...optimism in design is not always constructive. In fact, it hinders the politicization of designers. If design is going to contribute to tools that can change the world positively, it must begin to embrace pessimism."

  2. Feb 2021
    1. A learning design is a creative pathway, with steps along the way, that guides someone from a point of introduction to a permanent change in knowing, doing, or being.

      This is a really interesting definition that I will be chewing on.

    1. but if you were previously using regexp or proc values, they won't work at all with Sprockets 4, and if you try you'll get an exception raised that looks like NoMethodError: undefined method 'start_with?'
    1. provide interfaces so you don’t have to think about them

      Question to myself: Is not having to think about it actually a good goal to have? Is it at odds with making intentional/well-considered decisions?  Obviously there are still many of interesting decisions to make even when using a framework that provides conventions and standardization and makes some decisions for you...

    2. Trailblazer is an architectural pattern that comes with Ruby libraries to implement that pattern.
    1. The adapter is where authentication, policy checks, and eventually your domain logic happen. All termini of the protocol’s activity are standardized end events - that’s how protocol and adapter communicate.
    1. Trailblazer offers you a new, more intuitive file layout in applications.
    2. Instead of grouping by technology, classes and views are structured by concept, and then by technology. A concept can relate to a model, or can be a completely abstract concern such as invoicing.
    3. Concepts over Technology
    4. While Trailblazer offers you abstraction layers for all aspects of Ruby On Rails, it does not missionize you. Wherever you want, you may fall back to the "Rails Way" with fat models, monolithic controllers, global helpers, etc. This is not a bad thing, but allows you to step-wise introduce Trailblazer's encapsulation in your app without having to rewrite it.
    1. All platforms. Professional features. Beautiful UI. Totally free. FontBase is the font manager of the new generation, built by designers, for designers.

    1. But what if leadership not only ignores our recommendations but tells us to do something different? I'll never forget one comment. "We're lying to our users," one anguished UX designer told me, explaining that leadership regularly ordered the UX team to create designs that were intentionally misleading. Apparently it helped boost profits.
    1. I think a better, more immediately understandable name for this concept would be command object, because it lets you pass around commands (or a list of commands) as objects.

      That's the only thing you really need to know abut this pattern. The rest seems like boring implementation details that aren't that important, and that naturally follow from the primary definition above.

    1. In programming language design, a first-class citizen (also type, object, entity, or value) in a given programming language is an entity which supports all the operations generally available to other entities. These operations typically include being passed as an argument, returned from a function, modified, and assigned to a variable.
    1. Set your models free from the accepts_nested_attributes_for helper. Action Form provides an object-oriented approach to represent your forms by building a form object, rather than relying on Active Record internals for doing this.

      It seems that the primary/only goal/purpose was to provide a better alternative to ActiveRecord's accepts_nested_attributes_for.

      Unfortunately, this appears to be abandoned.

    1. In object-oriented programming, information hiding (by way of nesting of types) reduces software development risk by shifting the code's dependency on an uncertain implementation (design decision) onto a well-defined interface. Clients of the interface perform operations purely through it so if the implementation changes, the clients do not have to change.
    1. The reason Reform does updating attributes and validation in the same step is because I wanna reduce public methods. This is to save users from having to remember state.

      I see what he means, but what would you call this (tag)? "have to remember state"? maybe "have to remember" is close enough

      Or maybe order is important / do things in the right order is all we need to describe the problem/need.

    1. The Webfinger endpoint is always under /.well-known/webfinger, and it receives queries such as /.well-known/webfinger?resource=acct:bob@my-example.com. Well, in our case we can cheat, and just make it a static file:

      Another anti-endorsement for protocols that require this level of power.

    1. Verani, J. R., Baqui, A. H., Broome, C. V., Cherian, T., Cohen, C., Farrar, J. L., Feikin, D. R., Groome, M. J., Hajjeh, R. A., Johnson, H. L., Madhi, S. A., Mulholland, K., O’Brien, K. L., Parashar, U. D., Patel, M. M., Rodrigues, L. C., Santosham, M., Scott, J. A., Smith, P. G., … Zell, E. R. (2017). Case-control vaccine effectiveness studies: Preparation, design, and enrollment of cases and controls. Vaccine, 35(25), 3295–3302. https://doi.org/10.1016/j.vaccine.2017.04.037

    1. Using details/summary for dropdown nav menu without requiring any JavaScript

    2. in this post, we’ll look at how to use this as the basis for an accessible dropdown navigation element that can be opened equally well by keyboard users tabbing through the page, and mouse users hovering on the nav item
    1. les objectifs à atteindre ne sont pas codés au départ

      Ouverture des objectifs, en renversement direct de la conception inversée si chère à l'ingénierie pédagogique. Les résultats d'apprentissage ne sont pas dans une relation de causalité linéaire avec les objectifs d'apprentissages.

    1. Bratton (2019) - The Terraforming

    Tags

    Annotators

    1. This idea is not new, there are reference books which teach the use of grid layout, I haven't seen a single book that doesn't show a grid overlay as part of the process.
    2. a designer / developer / designoper is able to create a grid overlay which would act as design reference.
  3. Jan 2021
    1. that's by design:

      Can't upgrade from EOL version

      Supposed to upgrade from it while it is still supported...

      I can see calling this upgrade path "unsupported", but isn't "by design" going a bit too far?

      It seems like it's not so much an intentional design choice to disallow it as it is an inadvertent side effect of ending support for it, and of only developing support for specific version upgrade paths.

    1. Postsecondary chemistry curricula and universal design for learning: planning for variations in learners’ abilities, needs, and interests

      Evaluates CLUE, Mastering-SP, and POGIL curricula on universal design for learning checkpoints for making materials accessible for students with disabilities Guidelines for universal design for learning valuable for course design

    1. https://hyp.is/go?url=https%3A%2F%2Fwww.archdaily.com%2F627654%2Fthe-computer-vs-the-hand-in-architectural-drawing-archdaily-readers-respond&group=__world__

      I came across this article about the tension between computer drawing and hand drawing in architecture when I replied to an annotation by another user @onion - very interesting read and I would be curious to see this issue revisited in another ten years...how may opinions have changed?

    1. By design, snap apps have no access to /etc. They live in their own little world, but instead of a normal chroot, they are splatted all over the standard Linux filesystem layout. With other bits mounted hither and thither. Its a mess, and subject to change with each release.
    2. The past few years seems to have be a race between Microsoft and various players in the Linux world to see who can produce the worst abomination of a UI. It's as if there's been a ritualistic burning of the UI design rule book that led to many years of largely stable and consistent user experience across all platforms
    1. The span of graphic design is not a history of concepts but of forms.
    2. he meant that the designer’s purview is to shape, not to write. But that shaping itself is a profoundly affecting form.
    3. Paul Rand wrote “There is no such thing as bad content, only bad form,”
    4. The apotheosis of this notion, repeated ad nauseum (still!), is Beatrice Warde’s famous Crystal Goblet metaphor, which asserts that design (the glass) should be a transparent vessel for content (the wine).
    5. Designers also trade in storytelling. The elements we must master are not the content narratives but the devices of the telling: typography, line, form, color, contrast, scale, weight. We speak through our assignment, literally between the lines.

      We tell stories not through words, but through our portrayal of them: visuals.

    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. Small components can set the size of their corner shape using a percentage of the absolute height of the component. This means the corner shape will change as the component height changes.
    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.
    4. Don'tAvoid using two contained buttons next to one another if they don’t have the same fill color.

      Interesting. Do I agree with this?

      What is the reason they recommend this? It looks fine to me...

      At least they give alternatives that they recommend...

  4. Dec 2020
    1. We recommend the following changes to the default settings when designing ddPCR assays:

      Primer3 : designing primers and probes for ddPCR

      In the General Settings window, change “Concentration of divalent cations” to 3.8, “Concentration of dNTPs” to 0.8, and “Mispriming/Repeat Library” to the correct organism ■In the Advanced Settings window, change both the “Table of thermodynamic parameters” and “Salt correction formula” to SantaLucia 1998 ■In the Internal Oligo window, we recommend setting 15 for the minimum number of bases for the oligo. We recommend 64°C as the minimum Tm for the probe, 65°C as the optimal Tm for the probe, and 70°C as the maximum Tm for the probe. These parameters can be relaxed to allow for smaller/larger oligos, which may be necessary for high GC or low GC targets. Oligo size should be no smaller than 13 and no larger than 30 nucleotides

      Note: After you have made the desired changes in Primer3Plus, select Save Settings under General Settings and save these parameters in a file. To apply these settings in the future, upload them by selecting Browse in the General Settings tab, find this file, and click Activate Settings.

    2. Strive for a Tm between 50 and 65°C. One way to calculate Tm values is by using the nearest-neighbor method. Use the Tm calculator at http://www.basic.northwestern.edu/biotools/oligocalc.html, with values of 50 mM for salt concentration and 300 nM for oligonucleotide concentration
    1. has developed novel bioinformatics software called OliVar, which allows researchers and assay developers to automate and design assays that target regions of the virus genome that have the lowest frequency of mutation
    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.

    1. page is a { host, path, params, query } object where host is the URL's host, path is its pathname, params is derived from path and the route filename, and query is an object of values in the query string.

      I like that we don't have to manually parse params/query out of the full request URI. It provides the data that you are most likely to need, in an readily/easily-usable form.

    1. Facebook’s stated mission—to make the world more open and connected—

      If they were truly serious about the connectedness part, they would implement the Webmention spec and microformats, or something just like it, but open and standardized.

    1. The best solution that I found while trying to build a masonry component was to package up a pair of components and place child components inside a wrapper - I chose CardLayout and Card such that users would write something like: <CardLayout> <Card><MyBeautifulCard /></Card> <Card><AnotherCard /></Card> </CardLayout>
    2. Hm, React-way is really hacky... When we talking about lists, masonry, or any other table-style components, first of all, we talk about arrays and iteration through them. If you iterate over the children in the Masonry component, somewhere (in parent component I guess) you also iterate over the actual items. Over and over again, in all places you use this component, you perform almost the same iteration twice. Why we should do this? I believe the interface of this kind of components should look like this: <Masonry {items} {colsNum} let:item> <SomeItemComponent>{item}</SomeItemComponent> </Masonry>
    3. <script> export let items = []; export let colsNum = 3; $: cols = items.reduce(...); </script> {#each cols as col} {#each col as item} <slot {item} /> {/each} {/each}
    1. For a long time, the blue flame coming out of a gas burner has evoked cleanliness. That was no accident, but the result of a concerted advertising campaign.

      design gone wrong

    1. In today’s growing and fast-paced world, mobile has become part of our life. And, the competition between Android and iOS smartphones is getting tougher day by day.

      Get a quick process guide to design an iOS app with integration of the dark mode theme.