- Jan 2021
-
ux.stackexchange.com ux.stackexchange.com
-
Material cannot occupy the same plane. But material can be stacked.
-
-
alistapart.com alistapart.com
-
material.io material.io
-
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.
-
-
material.io material.ioButtons5
-
Outlined buttons are also a lower emphasis alternative to contained buttons, or a higher emphasis alternative to text buttons.
-
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.
-
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.
-
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...
-
-
-
material-ui.com material-ui.com
Tags
Annotators
URL
-
-
material-ui.com material-ui.com
-
inclusivedesignprinciples.org inclusivedesignprinciples.org
Tags
Annotators
URL
-
- Dec 2020
-
material.io material.ioDividers1
-
material.io material.io
-
medium.com medium.com
-
getmdl.io getmdl.io
-
www.bio-rad.com www.bio-rad.com
-
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.
-
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
-
-
www.lafabriquedunet.fr www.lafabriquedunet.fr
-
ngr.coar-repositories.org ngr.coar-repositories.org
Tags
Annotators
URL
-
-
news.rice.edu news.rice.edu
-
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
-
-
github.com github.com
-
this second approach, while more verbose, sort of spells out better where things are coming from. (I like it, in other words.)
-
-
sapper.svelte.dev sapper.svelte.dev
-
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.
Tags
Annotators
URL
-
-
www.theatlantic.com www.theatlantic.com
-
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.
-
-
www.youtube.com www.youtube.com
-
What the #$%@ is UX Design?
Short video about User Experience Design.
Tags
Annotators
URL
-
-
github.com github.com
-
Some of these are absent-by-design
-
-
-
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>
-
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>
-
<script> export let items = []; export let colsNum = 3; $: cols = items.reduce(...); </script> {#each cols as col} {#each col as item} <slot {item} /> {/each} {/each}
Tags
Annotators
URL
-
-
-
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
-
-
github.com github.com
-
I think the main difference between the two are the way API are served. Some smelte components need you to input big chunk of json as props, while i prefer keep props as primitive types and in the other hand give you different components tags to compose.
-
-
-
Sometimes, systems just scale the problemA UI design system is more than the code of a component library. It’s more than the colors, styles, and margins of your elements. It’s an ever-growing and ever-evolving creature that entails your brand and your user’s feelings.
If you don't understand the problem - you can [[scale the problem instead of solve the problem]], and it's important to remember that a [[design system is more than a component library]]
-
-
blog.bitsrc.io blog.bitsrc.io
-
Instead of publishing a single one-size-fits package for components, we create an ecosystem where everyone works together yet deliver independently. The design system’s team role is to facilitate and regulate, not block or enforce.
I think this is a really important point - the design system's team is to facilitate, not gatekeep.
-
What you see here is a page composed of shared components. However, these are independent components developed and owned by different teams and published from different projects, which are mixed and integrated together.
the move towards single page applications, component centric frameworks, etc has shifted how we view building webpages.
It is not so much that we are building a page, but we are building components that we assemble into a page.
We’re not designing pages, we’re designing systems of components.—Stephen Hay via atomic design
-
The design of your system is not ready until you have two assets:a) A style-guide that defines the styling and implementation of your UI. This is usually a rather long document with a lot of text and typography.b) A set of reusable visual elements that bring together both visual (UI) and functional (UX) consistency through components. This is usually a rather large canvas with elements drawn on Figma or Sketch etc (we use both).
there are two [[primary assets of a design system[[
- the style guide
- the reusable elements - an implementation of the style guide
-
The benefits of our system go way beyond UI/UX consistency. We greatly accelerated and scaled our development, improved our product quality, and greatly improved work between developers, designers, and everyone else.
Design systems enable faster development and delivery, and help teams scale - and have value beyond UI/UX consistency.
-
- Nov 2020
-
developer.mozilla.org developer.mozilla.org
-
The syntax of the fallback, like that of custom properties, allows commas. For example, var(--foo, red, blue) defines a fallback of red, blue — anything between the first comma and the end of the function is considered a fallback value.
-
-
uxdesign.cc uxdesign.cc
-
I love the Material Design System’s buttons just because their principles are really well thought through.
-
Generally speaking, one will use smaller or less prominent buttons style for this.
-
-
github.com github.com
-
I open this issue to announce that i'm actively working on a rewrite of this library to accomplish these goals:
-
-
motion-software.com motion-software.com
-
Before showing the final result of the .svelte components we will also add Material-UI, using the adapted version.
-
-
www.nature.com www.nature.com
-
Curcumin, but not fish oil, reduces postprandial glycaemic response and insulin demand for glucose control.
This backs up the two studies on fasting glucose in diabetes and per-diabetes. It is also a higher quality study (crossover design).
-
-
material.io material.ioRally2
-
Overshoot is used on important dialogs to convey a sense of urgency.
-
-
-
material.io material.ioReply2
-
-
To ensure there is enough space for both content and navigation, Reply uses different navigation patterns for desktop, tablet, and mobile.
-
-
material.io material.io
-
Material is an adaptable system of guidelines, components, and tools that support the best practices of user interface design
-
-
developer.mozilla.org developer.mozilla.org
-
cs3mesh4eosc.eu cs3mesh4eosc.eu
Tags
Annotators
URL
-
-
inveniosoftware.org inveniosoftware.org
Tags
Annotators
URL
-
-
blogs.oracle.com blogs.oracle.com
-
kentbeck,
-
-
dzone.com dzone.com
Tags
Annotators
URL
-
-
imfeld.dev imfeld.dev
-
We don't use "attribute directives" much which makes things easier.
-
-
weblog.tetradian.com weblog.tetradian.com
-
because we still remember the quality of service that the restaurant gave us.
This is pretty much what Service Design, (Digital) Product Design and User Experience Design professionals are (or at least should be) concerned about.
-
-
stackoverflow.com stackoverflow.com
-
What a very strange design decision - to treat the files as the same.
-
-
github.com github.com
-
Or even keep as is, the simplicity of this feels right in line with svelte's simplicity :)
-
-
hub.cards hub.cards
-
hub.cards allows you to create and design your next modern business card for free. Our newly developed editor is like no other on the web and makes all your creative dreams come true. If you're not a creative genius, you can choose from thousands of templates to create an appealing card.
Best free editor for creating business cards. Digital & physical ones.
-
- Oct 2020
-
indianexpress.com indianexpress.com
-
BTech in design engineering or BTech engineering design: Design thinking is a popular concept that spans multiple industries and there are courses, independent of any branch purely focussing on designing products. This is also often referred to as an engineering design course or design engineering course. The idea is to teach how to not just bring in design to develop great products that are aesthetically perfect and ergonomically usable and consumer-focused but also to introduce design as a tool for innovative thinking. The curriculum develops design thinking concepts in a manner basis which students can conceptualise and develop products that are innovative while also boasting of high aesthetic value. These graduates are sought after by all manufacturing industries.
Design thinking fosters innovative thinking.
It involes designing user focused, highly utilitarian and aesthetic products.
-
-
www.basefactor.com www.basefactor.com
-
If you want to implement a form with a superb User Experience, you have to take care of many variables:
Tags
- difficult/hard problem
- a lot of things to consider
- user experience
- can't keep entire system in your mind at once (software development) (scope too large)
- form design
- easy to get wrong
- too hard/difficult/much work to expect end-developers to write from scratch (need library to do it for them)
Annotators
URL
-
-
-
Dennis, A., Wamil, M., Kapur, S., Alberts, J., Badley, A. D., Decker, G. A., Rizza, S. A., Banerjee, R., Banerjee, A., & Investigators, O. behalf of the C. study. (2020). Multi-organ impairment in low-risk individuals with long COVID. MedRxiv, 2020.10.14.20212555. https://doi.org/10.1101/2020.10.14.20212555
-
-
learn-us-east-1-prod-fleet01-xythos.s3.amazonaws.com learn-us-east-1-prod-fleet01-xythos.s3.amazonaws.com
-
“Outdoor adult learning can be an antidote and complement to the digital world . . . offering holistic, mentally and physically challenging learning experiences.”
Adult Learning often takes place within walls or in front of a computer screen this can lead to health problems. This article offers reasons and methods for getting adults outdoors and using Universal Design. Outdoor learning can be used to complement digital learning.
-
-
github.com github.com
-
StackProf.start(mode: :cpu) StackProf.stop StackProf.results('/tmp/some.file')
Tags
Annotators
URL
-
-
-
Interaction strategies are a type of accommodation that typically go unnamed and unwritten
How many times do we use "accommodations" which dance around the relational issues, instead of dealing directly with them?
-
-
medium.com medium.com
-
However, after solving this problem a few times, a pattern appeared.
-
-
-
Typically, platform accessibility APIs do not provide a vehicle to notify assistive technologies of a role value change, and consequently, assistive technologies may not update their cache with the new role attribute value.
It's too bad they couldn't just allow role to be changed, and assistive technologies would just have to be updated to follow the suit.
-
-
drive.google.com drive.google.com
-
Good article about the importance of Universal Design when designing learning opportunities. The authors use plenty of strong sources to back their findings and keep the information concise.
9/10
-
-
-
Adult learning theories are not just a collection of jargons, concepts, and ideas about how adults learn. These theories help you plan your course during conception, development, and execution, in a way that will facilitate the learning process.
Outlines adult learning "theories": Andragogy, Transformational Learning, and Experiential Learning, and states that they are important to educational designers, but doesn't really connect them to instructional design, let alone e-design. 3/10
-
Insights 3 Adult Learning Theories Every E-Learning Designer Must Know
Adult learning theories for Instructional Designers - Article names adult learning "theories" (andragogy, neuroscience, experiential learning, SDL, and transformational learning). Discusses why these "theories" are relevant to ID. Rating 3/10
-
-
github.com github.com
-
This is basically a design goal at this point, even though it has evolved organically.
Tags
Annotators
URL
-
-
pdfs.semanticscholar.org pdfs.semanticscholar.org
-
Handbook of Research on Student-Centered Strategies in Online Adult Learning Environments
This article showcases a framework for course design using theory and research in the learning sciences. It defines student-centered learning and explains how it can/ should be used in the creation of the course and when establishing which theories and methods to structure the course around. 9/10, very detailed source.
-
-
eric.ed.gov eric.ed.gov
-
An Introduction and Guide to Enhancing Online Instruction with Web 2.0 Tools
The author provides a comprehensive overview of Web 2.0 technologies, their use in online learning recommendations, and considerations for implementation. (7/10)
-
-
elearningindustry.com elearningindustry.com
-
Instructional Design Approaches For Adult Learners
(Available as text or podcast.) This article review adult learning theory, cognitive flexibility theory and accompanying design approaches (problem-based learning, collaborative learning). While it affirms strategies, it does little to address incorporation of technology. (2/10)
-
-
www.researchgate.net www.researchgate.net
-
Blended learning: Efficient, timely and cost effective
(Click Download full-text PDF to read.) In this article, the authors discuss the blended learning instructional delivery method. Through case study, the authors demonstrate the benefits of blended course design. Furthermore, the article addresses potential detriments (financial, instructional design) of a blended course design. A brief review of considerations and recommendations for a blended design was provided. Though this article focuses on the relationship to forensic science, the information is applicable across disciplines and delivery venues (corporate, academic). (6/10)
-
-
er.educause.edu er.educause.edu
-
Considering that one of the most significant factors of online course quality is instructor presence and interpersonal interaction,4 one of the benefits video can offer is creating faculty presence in an online environment. In the interviews, students cited faculty presence as a key factor related to their engagement and perceived learning from videos. Humor and wit were described positively. Participants also mentioned the benefits of adding personable context to a subject; for instance, faculty members giving examples from their professional experiences about subject material. As one student explained, "The reading is very didactic or academic, but the videos are very real-case scenarios. The instructor narrates: 'How do you take that academic learning into the real world? What does that mean when you're looking at these financial statements?'" Another participant offered: "[The videos] are better than just reading the material because it has more of that human element."
Melanie Hibbert, the Director of Instructional Media & Technology and Media Center at Barnard College in New York City, writes about what is necessary for good online instructional videos. Hibbert discusses media at Columbia University, methods for creating videos, an what analytics tell us. She concludes by describing the importance of instructor presence more so than the production quality of videos.
Rating: 9/10
-
-
www.nhi.fhwa.dot.gov www.nhi.fhwa.dot.gov
-
Good instructional design is based on the industry-standard Instructional System Design (ISD) model. The ISD model comprises five stages—analysis, design, development, implementation, and evaluation—and is a systems approach to instructional design in that it views “human organizations and activities as systems in which inputs, outputs, processes (throughputs), and feedback and control elements are the salient features.”
This article discusses visual, auditory, and kinesthetic learning styles and the importance of communicating in ways that appeal each style. It then outlines what this means for the Instructional System Design (ISD) model. The author concludes by outlining learning outcomes, organization, interactive instruction, and content versus connection versus application. The author proposes that "good instructional design is based on the industry-standard Instructional System Design (ISD) model" (p 5).
Rating: 7/10
-
-
www.interaction-design.org www.interaction-design.org
-
Service design principles support the development of services which deliver high quality experiences to users and customers
-
Data shall be normalized between the organization and its customers and within the organization itself Data shall be easy to transfer and be reusable within the organization and within the partner network Wherever possible data entry shall be avoided and be replaced by data lookup, selection and confirmation utilities instead
-
Information flow is key to delivering high quality services; if people don’t know what they’re supposed to and when they’re supposed to know it – service suffers.
-
Work groups are to be organized so that they match the processes and the competencies required Individual workers will be given sufficient autonomy to make useful decisions Work will take place in a location where it is done with the most efficiency
Organizational Design Principles for Service Design
-
Any activity that fails to add value for the customer should be eliminated or minimized Work is always structured around processes and not around internal constructs such as functions, geography, product, etc. Work shall not be fragmented unless absolutely necessary. This enables accountability and responsibility from a single individual and reduces delays, rework, etc. It encourages creativity, innovation and ownership of work. Processes should be as simple as possible. Focus on reducing process steps, hand overs, rules and controls. Wherever possible the owner of the process should have control over how it is delivered. Processes should reflect customer needs and many versions of a process are acceptable if customers have different needs. Process variation should be kept to a minimum. Process dependencies should be kept to a minimum. (I.e. process in parallel) Processes should be internalized rather than overly decomposed (e.g. training is better than work instructions) Process breaks and delays must be kept to a minimum Reconciliation, controls and inspection of process must be kept to a minimum KPIs for processes will only measure things that matter
Process design principles for service design
-
-
www.learntechlib.org www.learntechlib.org
-
Author explores characteristics of adult learners respective to online learning environments. Andragogy is discussed as a theory, along with SDL and transformational and experiential learning. Author applies theory to design of physical environments to produce optimal circumstances for adult learning. Rating 8/10
-
Characteristics of Adult Learners With Implications for Online Learning Design
The author reviews assumptions of the adult learner and adult learning theory. In discussion of adult learning theories (self-directed learning, experiential learning, transformational learning), the article investigates their use in online learning. Furthermore, the author provides online course development recommendations for the adult learner. A brief critique of andragogic principles is provided. Adult learning principles used in a live environment are of benefit and necessary in the virtual environment. Click "Full Text" to read article. 7/10
-
-
github.com github.com
-
We aim to support all svelte features. In some cases this is not possible. For those cases we provided feasible workarounds.
-
-
facebook.github.io facebook.github.io
-
ECMAScript 6th Edition (ECMA-262) introduces template literals which are intended to be used for embedding DSL in ECMAScript.
-
-
github.com github.com
-
Deku is a library for rendering interfaces using pure functions and virtual DOM.
-
-
www.agileconnection.com www.agileconnection.com
-
In highlighting the dangers of big-up-front-design (BUFD) and waterfall development, Agilists seem to advocate no-up-front-design (NUFD) or no-up-front-requirements (NUFR) or no-up-front-architecture (NUFA).
-
-
en.wikipedia.org en.wikipedia.org
-
journals.plos.org journals.plos.org
-
Doctoral programs are often highly unstructured learning and training environments, where individual autonomy and freedom are highly valued. Decisions as to what counts as a good idea, a worthwhile project, or adequate progress are often left to the discretion of professors, and criteria for success can be opaque for students. This is even more so for those who are not already “in the know.”
-
-
dylanvann.com dylanvann.com
-
When using React hooks there is no concept of onMount because the idea of only running some code on mount leads to writing non-resilient components, components that do one thing when they mount, and then don’t take prop changes into account.
-
A component shouldn’t break because it’s rendered more or less often.
-
Keep the local state isolated.Think about which state is local to a particular UI representation — and don’t hoist that state higher than necessary.
-
Props and state can change, and components should handle those changes whenever they happen.
-
Even if a component is rendered just once, your design will improve if rendering twice doesn’t break it.
Tags
- best practices
- component design
- software development: code organization: where does this code belong?
- shouldn't break it
- re-rendering
- reusability
- easy mistake to make
- component design: resilient components
- easy to forget
- guidelines
- component design: where should this state live? where does it belong?
Annotators
URL
-
-
recoiljs.org recoiljs.org
-
We get a boilerplate-free API where shared state has the same simple get/set interface as React local state (yet can be encapsulated with reducers etc. if needed).
-
-
covid-19.iza.org covid-19.iza.org
-
COVID-19 and the Labor Market. (n.d.). IZA – Institute of Labor Economics. Retrieved October 10, 2020, from https://covid-19.iza.org/publications/dp13569/
-
-
doi.apa.org doi.apa.org
-
Long-term effectiveness of inoculation against misinformation: Three longitudinal experiments. - PsycNET. (n.d.). Retrieved October 10, 2020, from /doiLanding?doi=10.1037%2Fxap0000315
-
-
www.technologyreview.com www.technologyreview.com
-
This piece makes a fascinating point about people and interactions. It's the sort of thing that many in the design and IndieWeb communities should read and think about as they work.
I came to it via an episode of the podcast The Happiness Lab.
-
Most of the tech news we get barraged with is about algorithms, AI, robots, and self-driving cars, all of which fit this pattern. I am not saying that such developments are not efficient and convenient; this is not a judgment. I am simply noticing a pattern and wondering if, in recognizing that pattern, we might realize that it is only one trajectory of many. There are other possible roads we could be going down, and the one we’re on is not inevitable or the only one; it has been (possibly unconsciously) chosen.
-
-
www.eastgate.com www.eastgate.com
-
The path must not twist so much that visitors think they are being led astray, nor be so slow that visitors give up and strike cross-country through search engines. Nevertheless, twists and detours can help designers give their readers more than they expect.
This makes me wonder if there are interesting major features or patterns we've not created for the web in general. Upsell, crosssell, alternatives, etc... are all corporate features. What about some interesting new artistic features perhaps?
Almost no websites I run across are designed like this simple garden example. It's as if the website idea has been so rigidly crystalized that there's no room for exploration anymore.
Tags
Annotators
URL
-
-
Local file Local file
-
duty of care
This reminds me of Mike Monteiro's book Ruined by Design from last year which pushes for a code of ethics for designers.
-
-
www.eastgate.com www.eastgate.com
-
The attention of the audience is a writer's most precious possession, and the value of audience attention is seldom more clear than in writing for the Web. The time, care, and expense devoted to creating and promoting a hypertext are lost if readers arrive, glance around, and click elsewhere. How can the craft of hypertext invite readers to stay, to explore, and to reflect?
A very early statement about what was about to become the "attention economy"
-
-
blog.lmorchard.com blog.lmorchard.com
-
A fun thing to watch for on news sites is when a draft of an article is submitted with an initial slug and title. Later, the title is changed but the slug is left untouched. This can result in some fun situations where the headline of an article has been made more subtle - but the slug retains some fairly blunt language.
-
-
www.roughtype.com www.roughtype.com
-
It wasn’t just that the headlines, free-floating, decontextualized motes of journalism ginned up to trigger reflexive mouse clicks, had displaced the stories. It was that the whole organizing structure of the newspaper, its epistemological architecture, had been junked. The news section (with its local, national, and international subsections), the sports section, the arts section, the living section, the opinion pages: they’d all been fed through a shredder, then thrown into a wind tunnel. What appeared on the screen was a jumble, high mixed with low, silly with smart, tragic with trivial. The cacophony of the RSS feed, it’s now clear, heralded a sea change in the distribution and consumption of information. The new order would be disorder.
How can we design against this sort of disorder?
-
-
journals.sagepub.com journals.sagepub.com
-
A social network that has the users’ interests in mind would look completely different than today’s Twitter and Facebook. It would be designed to help you with your social interactions, quickly and efficiently, not trying to make you spend maximum amount of minutes on the site. Facebook, and increasingly Twitter (as their owners have started demanding profits), are doing the opposite. They . . . steal your time, make you do pointless stuff, filter in advertising in your news feeds, delete pages and users organising protests etc, mine their “big data” to find the best ways to use our weaknesses for pointless click-bait . . .
This is a great quote which highlights the difference in the overall design ideas of social sites like Facebook and Twitter and the design of IndieWeb sites.
-
-
www.bloomberg.com www.bloomberg.com
-
A fascinating encapsulation of consumerism for the past 5-10 years. I love this.
-
-
-
I couldn't land on how I wanted to box primitives. Should I use a getter/setter, or function form like Knockout, or explicit get/set like MobX? These were all ugly.
-
-
-
But Vue’s simplicity runs more deeply in its design.
-
-
github.com github.com
-
However, if you want to create a backend API that is meant to be consumed only by your frontend, then you don't need REST nor GraphQL — RPC, such as Wildcard, is enough.
-
-
www.mitpressjournals.org www.mitpressjournals.org
-
Öffnet für mich nach der ersten Lektüre einen ganz neuen Zugang zur Verbindung von Theorie und Design Praxis. Man kann sich von hierher einen Rahmen für eine "Content strategy for degrowth" als eine nicht anthropozentrische Designpraxis vorstellen. Sehr viele Verweise.
-
-
github.com github.com
-
This library exports a single React Hook, useMethods, which has all the power of useReducer but none of the ceremony that comes with actions and dispatchers.
-
-
-
The $ contract for auto-subscribing is lovely in its simplicity and flexibility. You can adapt your own preferred state-management pattern or library, with or without Svelte stores as helpers. Svelte does not fuss about how you want to manage your state.
-
-
final-form.org final-form.org
-
In Formik, validateOnBlur defaults to true and it allows you to tell Formik not to validate on blur. React Final Form validates on every change by default, and setting validateOnBlur to true is a way to tell React Final Form to only validate on blur (to not validate on change).
-
both copied much of their API from Redux Form, so, despite working very differently under the hood, there is a lot of overlap in their APIs.
-
-
www.digitalocean.com www.digitalocean.com
-
“Simplicity in all we do” is one of the core values at DigitalOcean. This includes all aspects of our product portfolio: UX, API, CLI, docs, billing, and pricing.
-
-
covid-19.iza.org covid-19.iza.org
-
IZA – Institute of Labor Economics. ‘COVID-19 and the Labor Market’. Accessed 6 October 2020. https://covid-19.iza.org/publications/dp13690/.
-
-
covid-19.iza.org covid-19.iza.org
-
Dang, H. H., & Trinh, T. (2020). The Beneficial Impacts of COVID-19 Lockdowns on Air Pollution: Evidence from Vietnam. IZA Discussion Paper, 13651.
-
-
blog.fedecarg.com blog.fedecarg.com
-
Domain-driven design separates the model layer “M” of MVC into an application, domain and infrastructure layer. The infrastructure layer is used to retrieve and store data. The domain layer is where the business knowledge or expertise is. The application layer is responsible for coordinating the infrastructure and domain layers to make a useful application. Typically, it would use the infrastructure to obtain the data, consult the domain to see what should be done, and then use the infrastructure again to achieve the results.
Domain Driven Design separates the the Model in the MVC architecture into an application layer, an infrastructure layer and a domain layer.
The business logic lives in the domain layer. The infrastructure layer is used to retrieve and store data. The application layer is responsible for coordinating between the domain and infrastructure layer.
-
- Sep 2020
-
github.com github.com
-
detach, as an api, should be declarative (ensure the node is detached) instead of imperative (detach the node), allowing it to be called multiple times by performing a noop if the node is already detached. This way, it won't matter if the node is removed from the DOM from outside of svelte.
-
-
stackoverflow.com stackoverflow.com
-
Determining this exact byte position within one massive mdat in each respective file is not trivial.
-
-
stackoverflow.com stackoverflow.com
-
The Moov atom can only exist after recording is complete when the relevant metadata can now be created for the stored data.
-
-
svelte.dev svelte.dev
-
Because Svelte is a compiler, we're not bound to the peculiarities of JavaScript: we can design a component authoring experience, rather than having to fit it around the semantics of the language.
-
Reducing the amount of code you have to write is an explicit goal of Svelte.
-
-
www.cleveroad.com www.cleveroad.com
-
Mobile App Design Process: How We Build UI And UX
Check this blog post by Cleveroad if you're wondering how to make app design.
Tags
Annotators
URL
-
-
medium.com medium.com
-
Rollup also does something very different compared to the other bundlers. It only tries to achieve one simple goal: Bundle ES modules together and optimise the bundle.
-
-
jimmyutterstrom.com jimmyutterstrom.com
-
Did you know that you can create a Svelte component and with almost no extra steps distribute- and use it like any classic old Javascript library through a global constructor (let myComponent = new MyComponent())?
-
-
github.com github.com
-
For my point of view, and I've been annoyingly consistent in this for as long as people have been asking for this feature or something like it, style encapsulation is one of the core principles of Svelte's component model and this feature fundamentally breaks that. It would be too easy for people to use this feature and it would definitely get abused removing the style safety that Svelte previously provided.
-
-
-
And of course, if you don't use them you don't pay for them
-
the notion that any given component should be in charge of its own thing, and not do something outside of itself. I.e., loosely coupled components in a sandbox, not tightly coupled to something outside of its own scope.
-
-
github.com github.com
-
On the other hand, we could impose restrictions to the feature in order to avoid these hard paths.
-
Since one of Svelte's main principles is reacting only to data changes (as opposed to re-render the whole app with the full state all the time)
-
I mean, it's not that bad and it's certainly not much of a runtime cost (especially since it'd only affect components which actually use it -- thanks disappearing framework!).
"disappearing framework"
-
-
ttu.blackboard.com ttu.blackboard.com
-
Instmctional systen1S design (IS D ) is the process for creating instructional systems. It is both systematic and scientific in that it is d ocume ntable , replicable in its general application, and leads to predictable outcomes
BIG KAHUNA OF DEFINITIONS.
ISD is the process of creating Instructional Systems which are
An arrangement, an organized approach, a set of resources and procedures.
Tags
Annotators
URL
-
-
-
ad-hocactivity management system
Is this a tool that can be incorporated into the PCS, around which the players' (and specific roles) coordinate their activities....?
-
-
-
I'm more likely to use it than alternatives in future projects - it's simple and clean
-
-
github.com github.com
-
A React implementation of Spectrum, Adobe’s design system.
Tags
Annotators
URL
-
-
github.com github.com
-
The feature is highly likely to be implemented, the API and implementation are the only real topics of discussion right now.
-
-
psyarxiv.com psyarxiv.com
-
Sueki, H., & Ueda, M. (2020). Short-term effect of the COVID-19 pandemic on suicidal ideation: A prospective cohort study. https://doi.org/10.31234/osf.io/3jevh
-
-
google.github.io google.github.io
-
c0bra.github.io c0bra.github.io
-
-
style tags don't currently need to be taught outside of 'this is scoped and safe'.
Tags
Annotators
URL
-
-
extinctionrebellion.org.za extinctionrebellion.org.za
-
Design Guide für XR-Publikationen
-
-
www.codingwithjesse.com www.codingwithjesse.com
-
By enforcing this practice, Svelte can make some assumptions that simplify your code.
-
-
enterprisecraftsmanship.com enterprisecraftsmanship.com
-
we need to step back and make a closer look at the DRY principle. As I mentioned earlier, it stands for "Don’t Repeat Yourself" and requires that any piece of domain knowledge has a single representation in your code base. The words domain knowledge are key here. DRY is not about duplicating code. It is specifically about duplicating domain knowledge
This is actually a good point – to have a single representation of specific piece of domain knowledge in the code.
DRY is not about duplicating code.
-
-
Local file Local file
-
in constructing representations of how to supportlearning in particular cases
It reminds me of conjecture mapping. Are we going to make the similar thing?
-
-
www.youtube.com www.youtube.com
-
Susan Athey, July 22, 2020. (2020, August 2). https://www.youtube.com/watch?v=hqTOPrUxDzM
-
-
tailwindcss.com tailwindcss.com
-
Designing with constraints. Using inline styles, every value is a magic number. With utilities, you're choosing styles from a predefined design system, which makes it much easier to build visually consistent UIs.
-
-
-
Raab, Marius Hans, Claus Christian Carbon, and Niklas Döbler. ‘A Game of COVID. Ludification as a Way to Make Sense of a Pandemic’. Preprint. PsyArXiv, 5 September 2020. https://doi.org/10.31234/osf.io/cwktm.
-
-
Local file Local file
-
8-Up works like this: 1. Get eight people in a room and ask them a design ques-tion like “How might we do a better job of moving peo-ple around?”2. Then tell them: “You each have three minutes to come up with three ideas for how we might do a better job of moving people around.”3. Once those three minutes have passed, all eight people should have three ideas each. You then tell them: “Great, now turn to your neighbor, show them your three ideas, they will show you their three ideas, take those six ideas and whittle them down to two.”4. After they’ve done that, say to each pair: “Okay, show your two ideas to the pair next to you. They’ll show you their two ideas. Take those four ideas and whittle them down to two.”5. After that, you’ll have two groups of four with two ideas each. You get all eight people together and say: “Take those four ideas and whittle them down to one.”This tends to produce better ideas than just saying, “Hey, eight people, come up with ideas and we’ll vote on the best one.” Or: “Hey, eight people, I’m gonna lock you in a room until you agree on an idea.”
How about the opposite of this with throwing out the worst option first as a means of setting a bar for coming up with better. Example: In a group of people going out to lunch, suggest everyone goes to McDonalds, a restaurant you're reasonably sure no one will want to go to, to get better ideas. This is another sort of framing by creating a dreadfully low set point.
-
What you generally can’t do is press a button that says, “Let’s collaborate to make this better.” And even if you could, it’s not clear what that process would look like.
I want this button!
-
Question design is one of the key tools we have at our disposal when trying to get people to work together. The art of turning a “should” statement into a “how might we” statement works something like this: for any “should” question, understand what the goal of the proposed solution is, and then frame a “how” question around that goal.
-
-
journals.sagepub.com journals.sagepub.com
-
Independent Variable Manipulation
Independent variable manipulation is the hallmark of experimental design.
-
Writing proficiency is an essential learning outcome for undergraduate education as a whole and, specifically, in postsecondary psychology education. The American Psychological Association (APA, 2013) explicitly names effective writing as a goal in its guidelines for psychology majors,
Effective writing is a core principle in education, emphasized by the most noted national psychological associations (APA; American Psychological Association). The following sections outline efforts to streamline the methods used instructor to student feedback for essays in a psychology class.
-
-
www.fastcompany.com www.fastcompany.com
-
Sorokanich, L., Sorokanich, L., & Sorokanich, L. (2020, June 16). Six experts on how we’ll live, work, and play in cities after COVID-19. Fast Company. https://www.fastcompany.com/90506247/six-experts-on-how-well-live-work-and-play-in-cities-after-covid
-
-
daveceddia.com daveceddia.com
-
This is what I love about React, it's JavaScript basically, not a DSL
-
- Aug 2020
-
www.robinsloan.com www.robinsloan.com
-
First, what would it look like for a social media platform to re-establish perspective?
This was the exact design question I asked recently!
-
-
www.digitalpedagogylab.com www.digitalpedagogylab.com
-
Critical Instructional Design
to read
-
-
github.com github.com
-
Using awesome Ant Design as UI framework
-
-
-
Walls, A. C., Fiala, B., Schäfer, A., Wrenn, S., Pham, M. N., Murphy, M., Tse, L. V., Shehata, L., O’Connor, M. A., Chen, C., Navarro, M. J., Miranda, M. C., Pettie, D., Ravichandran, R., Kraft, J. C., Ogohara, C., Palser, A., Chalk, S., Lee, E.-C., … King, N. P. (2020). Elicitation of potent neutralizing antibody responses by designed protein nanoparticle vaccines for SARS-CoV-2. BioRxiv, 2020.08.11.247395. https://doi.org/10.1101/2020.08.11.247395
-
-
socialsciences.nature.com socialsciences.nature.com
-
Research, B. and S. S. at N. (2020, May 25). Imagining a different online world. Behavioural and Social Sciences at Nature Research. http://socialsciences.nature.com/users/397838-philipp-lorenz-spreen/posts/imagining-a-different-online-world
-
-
osf.io osf.io
-
Mak, H. W., & Fancourt, D. (2020). Predictors of engaging in voluntary work during the Covid-19 pandemic: Analyses of data from 31,890 adults in the UK. https://doi.org/10.31235/osf.io/er8xd
-
-
www.cleveroad.com www.cleveroad.com
-
Mobile App Design Cost: What’s the Price of UI/UX Design?
Read this informative article by Cleveroad to know the price of UI/UX design.
-
-
www.youtube.com www.youtube.com
-
Science Facebook Live: Understanding SARS-CoV-2 structure informs vaccine design, clinical trials. (2020, March 20). https://www.youtube.com/watch?v=nOzEx3OpKe8
-
-
www.bebee.com www.bebee.com
-
To the fact, 77% of the users will stop using an app within 3 days of its download. Only those apps will survive who have soothing mobile usability and UX/UI designs.
-
-
www.medrxiv.org www.medrxiv.org
-
Rodda, L. B., Netland, J., Shehata, L., Pruner, K. B., Morawski, P. M., Thouvenel, C., Takehara, K. K., Eggenberger, J., Hemann, E. A., Waterman, H. R., Fahning, M. L., Chen, Y., Rathe, J., Stokes, C., Wrenn, S., Fiala, B., Carter, L. P., Hamerman, J. A., King, N. P., … Pepper, M. (2020). Functional SARS-CoV-2-specific immune memory persists after mild COVID-19. MedRxiv, 2020.08.11.20171843. https://doi.org/10.1101/2020.08.11.20171843
-
-
www.biorxiv.org www.biorxiv.org
-
Glasgow, A., Glasgow, J., Limonta, D., Solomon, P., Lui, I., Zhang, Y., Nix, M. A., Rettko, N. J., Lim, S. A., Zha, S., Yamin, R., Kao, K., Rosenberg, O. S., Ravetch, J. V., Wiita, A. P., Leung, K. K., Zhou, X. X., Hobman, T. C., Kortemme, T., & Wells, J. A. (2020). Engineered ACE2 receptor traps potently neutralize SARS-CoV-2. BioRxiv, 2020.07.31.231746. https://doi.org/10.1101/2020.07.31.231746
-
-
www.linkedin.com www.linkedin.com
-
So, let’s get an answer to this question! In this write-up, we will be going through mobile app design services and its cost.
-
-
steve-yegge.medium.com steve-yegge.medium.com
-
Backwards compatibility keeps systems alive and relevant for decades.
-
-
www.youtube.com www.youtube.com
-
Good vs. Bad Portfolio.
-
-
Local file Local file
-
This is a book about people. Because design is about peo-ple. We design with and for people. The better we understand people, the more effective we’ll be at our jobs. In particular, this book is about the decision-making part of people. That’s where bias comes in.
-
-
www.researchgate.net www.researchgate.net
-
As we see, we can relate the notion of design to both aspects of human agency that we introduced previously: • Design is the sign that mediates market dynamics in connecting producers and users, and therefore we can approach markets as the societal form that realise the semiosis of the technosphere. • Design mediates, enables and produces human agency vis à vis the functions that are fulfilled by the effect produced by the artefactual mechanism; semiosis establishes distributed agency.
I don't see a reason why markets should have this privileged function. I also miss any mention of power relations.
-
-
www.uxpin.com www.uxpin.com
-
Merge is a revolutionary technology that lets users import and keep in sync coded React.js components from GIT repositories to the UXPin Editor. Imported components are 100% identical to the components used by developers during the development process. It means that components are going to look, feel and function (interactions, data) just like the real product experienced by the end-users.
Tags
Annotators
URL
-
-
gerrymcgovern.com gerrymcgovern.com
-
This is very close to a content strategy for degrowth. Ethical, minimalist approach based on the importance of links.
-
-
science.sciencemag.org science.sciencemag.org
-
Hsieh, C.-L., Goldsmith, J. A., Schaub, J. M., DiVenere, A. M., Kuo, H.-C., Javanmardi, K., Le, K. C., Wrapp, D., Lee, A. G., Liu, Y., Chou, C.-W., Byrne, P. O., Hjorth, C. K., Johnson, N. V., Ludes-Meyers, J., Nguyen, A. W., Park, J., Wang, N., Amengor, D., … McLellan, J. S. (2020). Structure-based design of prefusion-stabilized SARS-CoV-2 spikes. Science. https://doi.org/10.1126/science.abd0826
-
-
www.bio-rad.com www.bio-rad.com
-
Designing Probes for a ddPCR Assay
-
-
medium.com medium.com
-
First thing’s first; instead of native frameworks, I support Hybrid frameworks because they provide half the price of creating two native apps.
-
-
covid-19.iza.org covid-19.iza.org
-
Labour Markets in the Time of Coronavirus: Measuring Excess. COVID-19 and the Labor Market. (n.d.). IZA – Institute of Labor Economics. Retrieved July 27, 2020, from https://covid-19.iza.org/publications/dp13529/
-
-
www.nber.org www.nber.org
-
Kominers, S. D., Pathak, P. A., Sönmez, T., & Ünver, M. U. (2020). Paying It Backward and Forward: Expanding Access to Convalescent Plasma Therapy Through Market Design (Working Paper No. 27143; Working Paper Series). National Bureau of Economic Research. https://doi.org/10.3386/w27143
-
-
newlearningonline.com newlearningonline.com
-
Available Designs (found representational forms); the Designing one does (the work you do when you make meaning, how you appropriate and revoice and transform Available Designs); and The Redesigned (how, through the act of Designing, the world and the person are transformed).
Three aspects of design according to Multiliteracy: available, designing one does, and the redesigned; Similar to remix? find what is usable, figure out a way to use it in order to construct meaning, and how the new product from the construction transforms either society, the world, or the available design
-
- Jul 2020
-
bugs.ruby-lang.org bugs.ruby-lang.org
-
These seem to be better reasons to support sub-nanosecond resolution. I think either storing picoseconds or storing sec fraction as 64-bit integer are better approaches than storing a rational. However, either change would be very invasive, and it seems unlikely to be worth the effort.
-
-
osf.io osf.io
-
Nivette, A., Ribeaud, D., Murray, A. L., Steinhoff, A., Bechtiger, L., Hepp, U., Shanahan, L., & Eisner, M. (2020). Non-compliance with COVID-19-related public health measures among young adults: Insights from a longitudinal cohort study [Preprint]. SocArXiv. https://doi.org/10.31235/osf.io/8edbj
-
-
www.youtube.com www.youtube.com
-
Resume 5 Tips for Designers
he is using Illustrator, which is a good sign, lmao.
-
-
www.youtube.com www.youtube.com
-
How to Design Your Resume
-
-
www.kickresume.com www.kickresume.com
-
Kick Resume Examples
-
-
jobmob.co.il jobmob.co.il
-
36 Beautiful Resume Ideas That Work
-
-
www.nytimes.com www.nytimes.com
-
Eisen, M. B., & Tibshirani, R. (2020, July 20). Opinion | How to Identify Flawed Research Before It Becomes Dangerous. The New York Times. https://www.nytimes.com/2020/07/20/opinion/coronavirus-preprints.html
-
-
code-examples.net code-examples.net
-
JSON parsing is always pain in ass. If the input is not as expected it throws an error and crashes what you are doing. You can use the following tiny function to safely parse your input. It always turns an object even if the input is not valid or is already an object which is better for most cases.
It would be nicer if the parse method provided an option to do it safely and always fall back to returning an object instead of raising exception if it couldn't parse the input.
-
-
dunneandraby.co.uk dunneandraby.co.uk
-
What is it for?Mainly to make us think. But also raising awareness, exposing assumptions, provoking action, sparking debate, even entertaining in an intellectual sort of way, like literature or film.
-
-
www.nationalgeographic.com www.nationalgeographic.com
-
How to make masks that everyone will want to wear. (2020, July 10). Science. https://www.nationalgeographic.com/science/2020/07/how-to-make-coronavirus-masks-that-everyone-will-want-to-wear-cvd/
-
-
www.bristol.ac.uk www.bristol.ac.uk
-
Bristol, U. of. (n.d.). Avon Longitudinal Study of Parents and Children | Avon Longitudinal Study of Parents and Children | University of Bristol. University of Bristol. Retrieved July 18, 2020, from http://www.bristol.ac.uk/alspac/
-
-
-
When grouping items into close proximity, you typically need to makesome changes, such as in the size or weight or placement of text or graphics.Body copy (the main bulk of reading text) does not have to be 12 point!
noteworthy
-
Items relating to each other should be grouped close together. Whenseveral items are in close proximity to each other, they become one visualunit rather than several separate units.
On proximity
-
Every element shouldhave some visual connection with another element on the page. This createsa clean and sophisticated look.
On alignment
-
Repeat visual elements of the design throughout the piece. You canrepeat colors, shapes, textures, spatial relationships, line thicknesses, fonts,sizes, graphic concepts, etc. This develops the organization and strengthensthe unity.
On repetition
-
Contrast is often the mostimportant visual attraction on a page—it’s what makes a reader look at thepage in the first place. It also clarifies the communication.
on contrast
-
-
twitter.com twitter.com
-
Are you angry now? Because I’m angry.
-