- Jun 2021
-
oeidsanders.pressbooks.com oeidsanders.pressbooks.com
-
Chapter 1
This links to the Egbert & Shakroni OER as a placeholder for my suggested practice of linking to previous readings/chapters for easy student reference.
-
CALL
I created a few glossary terms as an example of improved interactivity.
-
-
oeidsanders.pressbooks.com oeidsanders.pressbooks.com
-
Reference List
I culled the in-text citations to create a structured reference list, then placed it with the conclusions. Students are one click away from the extensively cited works while reading.
-
Tasks
Continuation of TILT framework
-
(Course outcome 1)
Mapped chapter outcomes to course outcomes. Helping students see why they are being asked to do work leverages motivation, engagement, metacognition, and building connections.
-
Hypothes.is
Simulated open pedagogy exercise - group note-taking.
-
Identify techniques to support communication and collaboration
Rewrote chapter outcomes to use observable, measurable, specific language for assessment.
-
By the end of this chapter, you will be able to:
Framed outcomes in student-centric language to leverage motivation, metacognition, engagement
-
Purpose of Chapter 4
Applied Transparency in Learning and Teaching (TILT) assignment design principles (https://tilthighered.com/)
-
-
www.designsystems.com www.designsystems.com
-
Our journey toward being completely open is continuous. Yet, in the relatively brief time that we’ve been doing this, we’ve observed three important lessons that we want to share with you:Access stimulates progressWorking openly promotes communication and accountabilitySlowing down first allows us to speed up later
-
-
www.futures.design www.futures.design
-
Looks like this is the sort of community that would attempt to put into action some of the ideas behind the book Ruined by Design.
Tags
Annotators
URL
-
-
-
At its core, The Meritocracy Trap is a comprehensive — and rather scathing — critique of the aspirational view. Markovits argues that meritocracy itself is the problem: It produces radical inequality, stifles social mobility, and makes everyone — including the apparent winners — miserable. These are not symptoms of systemic malfunction; they are the products of a system that is working exactly as it is supposed to.
-
-
boffosocko.com boffosocko.com
-
PhotoADKing - Online Graphic Design Software
PhotoADKing is a design-driven Graphics and Ad maker that’s entirely cloud-based. It is used to create impressive posters, banners, and attractive flyers for social media, marketing, or website within minutes. PhotoADKing provides thousands of pre-defined templates for many different categories. You will also find intro/outro makers and YouTube thumbnail maker in this tool which is hard to find in other online graphic design tools.
PhotoADKing comes with free, standard, and pro plans. With a pro plan, you can download unlimited graphic designs and videos in high quality and also get priority support for your queries.
-
-
material-ui.com material-ui.com
-
Persistent navigation drawers can toggle open or closed. The drawer sits on the same surface elevation as the content. It is closed by default and opens by selecting the menu icon, and stays open until closed by the user. The state of the drawer is remembered from action to action and session to session. When the drawer is outside of the page grid and opens, the drawer forces other content to change size and adapt to the smaller viewport.
-
-
careerfoundry.com careerfoundry.com
-
www.fuckdropdowns.com www.fuckdropdowns.com
Tags
Annotators
URL
-
-
www.nointerface.com www.nointerface.com
Tags
Annotators
URL
-
-
github.com github.com
-
I'm not sure if there's any cost in terms of contributing either, especially when by design git can have any branch as default, and will not hinder your experience when you use something other than master.
git is neutral/unbiased/agnostic about default branch name by design
And that is a good thing
-
The primary branch in git can have any name by design.
-
-
github.com github.com
-
To better understand what is actually possible have a look at the full example
-
-
www.mutuallyhuman.com www.mutuallyhuman.com
-
For me the diagrams make it easier to talk about what the tests do without getting bogged down by how they do it.
Tags
- communication: effective communication
- communication: focus on what is important
- describe the what without getting bogged down by how (implementation details; too detailed)
- communication: use the right level of detail
- focus on what it should do, not on how it should do it (implementation details; software design)
- too detailed
Annotators
URL
-
-
-
Introduce behaviour that is likely to surprise users. Instead have due consideration for patterns adopted by other commonly-used languages.
-
-
-
dba.stackexchange.com dba.stackexchange.com
-
I suggest to make it UNIQUE because it seems like the column should be unique
-
-
-
Closing as kit will be serverless first!
-
-
prettier.io prettier.io
-
Prettier intentionally doesn’t support any kind of global configuration. This is to make sure that when a project is copied to another computer, Prettier’s behavior stays the same. Otherwise, Prettier wouldn’t be able to guarantee that everybody in a team gets the same consistent results.
-
- May 2021
-
maggieappleton.com maggieappleton.com
-
The conversational feed design of email inboxes, group chats, and InstaTwitBook is fleeting – they're only concerned with self-assertive immediate thoughts that rush by us in a few moments.
The streamification of the web had already taken hold enough by this point. Anil Dash had an essay in 2012 entitled Stop Publishing Web Pages which underlined this point.
-
-
www.insidehighered.com www.insidehighered.com
-
The expansion increased the capacity of the center to offer individualized consultations with faculty who were new to online teaching.
What options do we have as we won't be adding additional staff?
-
-
syslog.ravelin.com syslog.ravelin.com
-
Seamless transitions; changes made to the old repositories after they were migrated must be imported to the new monorepository.
-
Our requirements:
-
-
github.com github.com
-
None of the existing repository filtering tools did what I wanted; they all came up short for my needs. No tool provided any of the first eight traits below I wanted, and all failed to provide at least one of the last four traits as well:
-
-
www.theguardian.com www.theguardian.com
-
German scientists say they can help improve vaccines to prevent blood clots | Coronavirus | The Guardian. (n.d.). Retrieved May 27, 2021, from https://www.theguardian.com/world/2021/may/26/german-scientists-say-they-can-help-improve-vaccines-to-prevent-blood-clots
-
-
www.facultyfocus.com www.facultyfocus.com
-
An orientation module survey
I've included a pre-assessment quiz to help gauge what my students know. (In my graduate sats class students range from never having taken a stats class before to some that have taken 2-3 classes). I may add a question or two on course design in Canvas and general navigability.
-
-
d3399nw8s4ngfo.cloudfront.net d3399nw8s4ngfo.cloudfront.net
-
select * from users
We can preview the data, and since that looks good, let's add a table to the canvas to display it. When we do this, it helpful pre-fills the data from our last query.
-
-
journals.plos.org journals.plos.org
-
The limitations associated with the analysis of class-evaluation surveys in Study 2 largely result from the difficulty of extracting precise information from large groups of subjective ratings.
Such a study might be more profitably done first at the undergraduate level in a pre-med course and then followed up 1-3 years later at the graduate medicine level. In particular, there are many universities that are pre-admitting undergraduates to their graduate programs where these studies, though still possibly small, could be done with reasonable controls and better retention to cover the time differential cases. This is especially the case since many of these biological processes like the TCA cycle, etc are repeated at both levels of education.
-
-
mxb.dev mxb.dev
-
This looks cool! I can think of some interesting applications, but the example here is pretty slick.
-
-
crookedtimber.org crookedtimber.org
-
Charlotte Jee recently wrote a lovely fictional intro to a piece on a “feminist Internet” that crystallized something I can’t quite believe I never saw before; if girls, women and non-binary people really got to choose where they spent their time online, we would never choose to be corralled into the hostile, dangerous spaces that endanger us and make us feel so, so bad. It’s obvious when you think about it. The current platforms are perfectly designed for misogyny and drive literally countless women from public life, or dissuade them from entering it. Online abuse, doxing, blue-tick dogpiling, pro-stalking and rape-enabling ‘features’ (like Strava broadcasting runners’ names and routes, or Slack’s recent direct-messaging fiasco) only happen because we are herded into a quasi-public sphere where we don’t make the rules and have literally nowhere else to go.
A strong list of toxic behaviors that are meant to keep people from having a voice in the online commons. We definitely need to design these features out of our social software.
-
-
www.washingtonpost.com www.washingtonpost.com
-
psyarxiv.com psyarxiv.com
-
Stuart, A., Katz, D., Stevenson, C., Gooch, D., Harkin, L., Bennasar, M., Sanderson, L., Liddle, J., Bennaceur, A., Levine, M., Mehta, V., Wijesundara, A., Talbot, C. V., Bandara, A., Price, B., & Nuseibeh, B. (2021). Loneliness in Older People and COVID-19: Applying the Social Identity Approach to Digital Intervention Design [Preprint]. PsyArXiv. https://doi.org/10.31234/osf.io/qk9hb
-
-
web.archive.org web.archive.org
-
A historical indicator of the reason why early web buttons were 88x31 as the result of Netscape Now buttons.
-
-
-
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.
-
-
webdesign.tutsplus.com webdesign.tutsplus.com
-
However, as powerful as the <picture> element is, sometimes it gives us more power than is actually needed to achieve suitable responsiveness. Sometimes all it really takes is a regular <img> element using the srcset and sizes attributes inline.
-
-
twitter.com twitter.com
-
Tommy Shane on Twitter. (n.d.). Twitter. Retrieved 14 February 2021, from https://twitter.com/tommyshane/status/1357385093514461184
-
-
alistapart.com alistapart.com
Tags
Annotators
URL
-
-
hashnode.com hashnode.com
-
If you're trying to use flexbox as a responsive way to adapt your mails in different devices, well there's a framework for that called MJML hope it works for you.
-
-
documentation.mjml.io documentation.mjml.io
-
Components are the core of MJML. A component is an abstraction of a more complex email-responsive HTML layout. It exposes attributes, enabling you to interact with the final component visual aspect.
-
MJML has been designed with responsiveness in mind. The abstraction it offers guarantee you to always be up-to-date with the industry practices and responsive. Email clients update their specs and requirements regularly, but we geek about that stuff - we’ll stay on top of it so you can spend less time reading up on latest email client updates and more time designing beautiful email.
-
-
-
This approach also splits email development for modern email clients and older clients in two. You can use Safari/Chrome to test and develop modern techniques for WebKit-supported clients while using Firefox for your baseline experience for older clients like Outlook.
-
-
- Apr 2021
-
github.com github.com
-
The main difference is in the flow of how messages are ultimately sent to devices for output. The standard library Logger logic converts the log entries to strings and then sends the string to the device to be written to a stream. Lumberjack, on the other hand, sends structured data in the form of a Lumberjack::LogEntry to the device and lets the device worry about how to format it. The reason for this flip is to better support structured data logging. Devices (even ones that write to streams) can format the entire payload including non-string objects and tags however they need to.
-
-
www.michaelbransonsmith.net www.michaelbransonsmith.net
-
via Jim Groom
-
-
www.smashingmagazine.com www.smashingmagazine.com
-
As designers, we are often burdened by the responsibility of producing and managing website content. It’s not our job to write it, but it’s not the client’s either. In many cases a vacuum emerges which ultimately gets filled with poor content. We can avert disaster by including content production in the design process.
Es geht auch um Rollen und die eigenständige Funktion von Contentstrategie neben Design und Coding.
Wie wichtig ist Inhalt im Entwicklungsprozess einer Website, un wie überzeugt die Auftraggeber davon? Sehr zugängliche Einführung in zentrale Aspekte der Contentstrategie. Danke Matt Saunders/@WeAreCharityBox: Why Content Is Such A Fundamental Part Of The Web Design Process — Smashing Magazine
-
-
apptaletech.com apptaletech.com
-
Entify your Techtale with #1 Website and Mobile App Development Company.
Apptale is one of the top-notch web design and mobile app development company enriched with efficient and experienced developers who are all sincere and dedicated to work on the projects prior to the deadline. The high-end technologies are integrated to develop and deliver the projects with utmost results and make our clients satisfied.
-
-
digifoxtech.com digifoxtech.com
-
Impressive graphics have always been among the first elements noticed by your audience while associating themselves with a brand, whether online or offline. Our highly creative and experienced graphic designers understand your business objectives and create designs that ideally blend with your business goals and ideologies. As a leading graphic design services company, we work closely with our clients to bring out brand ideals to make a statement through graphic design.
-
-
goodpractices.design goodpractices.design
-
A Type is the highest-level differentiation a component can have.
This is the word i have been looking for to use with consistency about something above a state.
Tags
Annotators
URL
-
-
goodpractices.design goodpractices.design
-
It's at the right position: the first frame or artboard of all is located at x:0 y:0
This is something I always miss, and it seems to s obvious way to anchor the chaos
Tags
Annotators
URL
-
-
meta.stackexchange.com meta.stackexchange.com
-
If you belong to private Teams, Free or Basic, your Teams will be listed in the left navigation on all Stack Exchange sites. Currently, they appear only when you are visiting Stack Overflow. If you don’t belong to any teams, there will be a prompt to start a team, which can be minimized.
-
-
store.steampowered.com store.steampowered.com
-
Micromachines always focused on local multiplayer, and the fun their eccentric races of small toy vehicles competing on tracks made with everyday objects; and all that is present.
-
-
store.steampowered.com store.steampowered.com
-
There's probably a thousand different directions you can go, but there just needs to be some kind of deeper hook to make this a full-fledged game.
-
-
reallifemag.com reallifemag.com
-
Hammy wasn’t born in our fantasies, but in a Silicon Valley office.
Per Yoni De Beule, UI (user interface) developer at Yelp: "Why a hamster? Why not a hamster!" . This quote gives some insight into how this design style is viewed internally (at least at the developer level) - it's not really a matter of deliberate infantilization or overtly sinister - although the end result - infantilization of the user (and all the broader cultural impacts this infantilization creates) is definitely not a neutral outcome.
Source: Quora. “Why Does the Yelp Ios App Use Hamsters in Their Loading Animations and Error Screens?,” January 14, 2014. https://www.forbes.com/sites/quora/2014/01/14/why-does-the-yelp-ios-app-use-hamsters-in-their-loading-animations-and-error-screens/?sh=3253fefa462c.
Tags
Annotators
URL
-
-
highlights.melanie-richards.com highlights.melanie-richards.com
-
I LOVE the hover effects for the book covers on this site which is also a great example of someone collecting highlights/annotations of the books they read and hosting them in public on their personal website.
Melanie has written about the CSS part of the hover effect here: https://melanie-richards.com/blog/highlights-minisite/ and like all awesome things, she's got the site open at https://github.com/melanierichards/highlights. I may have to do some serious digging for figuring out how she's creating the .svg images for the covers though.
-
-
material.io material.io
-
www.metacritic.com www.metacritic.com
-
Incredible Mandy is a great example of design by subtraction, focusing on puzzle-solving and atmosphere and eschewing mechanics which do not contribute to the developer’s singular vision.
-
-
medium.com medium.com
-
-
Enclosed text fields with a rectangular (box) shape performed better than those with a line affordance
Tags
- visual design
- Material Design
- component design
- answer the "why?"
- learn from your mistakes
- form design
- Material Design: text field: variant: line affordance only
- constant evolution/improvement of software/practices/solutions
- text field
- opportunity to improve/fix something
- Material Design: text field
Annotators
URL
-
-
material-ui.com material-ui.com
-
Note: The standard variant of the TextField is no longer documented in the Material Design guidelines (here's why), but Material-UI will continue to support it.
-
-
careerfoundry.com careerfoundry.com
-
An example of this would be a button that looks clickable but isn’t, underlined text that doesn’t contain a link, or a TV remote that turns on your lights but not the TV. False affordances are often present by mistake or occur due to lack of effective design techniques.
-
“when affordances are taken advantage of, the user knows what to do just by looking: no picture, label, or instruction needed.”
-
For instance, when you see a door handle, you assume its function is to open a door. When you see a light switch, you assume it can be flicked to turn on a light. When looking at a chair, you know it can be sat in. All of these are affordances. Don Norman refers to affordances as relationships in his book The Design of Everyday Things. He goes on to say that, “when affordances are taken advantage of, the user knows what to do just by looking: no picture, label, or instruction needed.”
-
What is an affordance? An affordance is a compelling indicator as to how an item operates and includes both its perceived and actual functions.
-
Many designers strive to create products that are so easy to navigate, their users can flow through them at first glance. To design something with this level of intuitiveness, it’s imperative designers understand affordances—what they are and how to use them.
Tags
- identifiability
- example
- false affordance
- definition/description
- user-centric
- good user experience
- affordance (design)
- good example
- design (general)
- intuitive
- approachable/easy for newcomers
- UI design
- getting out of your way / don't even notice it because it just works
- no label/instruction needed (intuitive)
- definition
Annotators
URL
-
-
www.w3schools.com www.w3schools.com
-
daneden.me daneden.me
-
I didn’t know it at the time, but I was building a design system.
This is why reluctance to use a design system is weird. It basically HAS to exist even if unused to properly do prototyping.
Tags
Annotators
URL
-
-
samanthaz.me samanthaz.me
-
And some VR designs are literally spaces of floating panels.
The laziest, but often most practical VR design
-
the commonality of clicks, buttons, and even the icon with three horizontal lines now apparently means “menu” to everyone.
And yet I hate this pattern
-
-
store.steampowered.com store.steampowered.com
-
A Game-design MasterpieceTake one simple game mechanic, and make the absolute most of it – that's exactly what the developers of Jim is Moving Out did, and it worked really well! The core of this game is stunningly simple: a few little boxes (furniture) inside a big box (Jim's house), one or two flying fellas (the players) and a physics engine. Think about the most creative ways you could make this into a game. Anything you think about, this game did it. What if you had to squeeze through narrow holes without breaking too much furniture? It's in the game. What if the room had wheels? Yep, it's there too. What if one of the walls was missing and you had to avoid losing the furniture? The whole co-op is about this. Zero gravity? Yes, even that is in the game.
-
-
-
“UX/UI Designer” become a real position, which is the equivalent of an “Architect/Interior Decorator.”
Why, it is possible to combine artistry with sensitivity to helping users/customers thrive with a product. In fact it’s a powerful combination.
An architect may well get extremely detailed over key ‘decorative’ features.
-
Design is not a synonym for decorative creative decisions.
And yet it also IS, and there is no problem with it being both. The gardener can create function but also great expression for the sake of beauty itself.
-
-
mathshistory.st-andrews.ac.uk mathshistory.st-andrews.ac.uk
-
Hérigone's only important work is the six volume Cursus mathematicus, nova, brevi, et clara methodo demonstratus Ⓣ<span class="non-italic">(</span>Course on mathematics : new, short, and with clear methods shown<span class="non-italic">)</span> or, to give it its French title, Cours mathematique, demonstre d'une nouvelle, briefve, et claire methode which appeared between 1634 and 1642.
There is a clever little bit of UI on this page in which there appears a red letter T in a circle after the Latin title. If one clicks it ,there's a pop up of the translation of the title into English.
-
-
www.sarasoueidan.com www.sarasoueidan.com
-
github.com github.com
-
There is no request.env in functional tests because the functional tests are supposed to remain at the controller level.
-
-
www.redblobgames.com www.redblobgames.com
- Mar 2021
-
legacy.uvic.ca legacy.uvic.ca
-
I love the ideas hiding in some of these design elements. The pieces are very atomic, but can be built up into some fascinating bigger designs.
I'm curious if there are any mnemonics attached to these that add additional levels of meaning in the art in which they're embedded?
The attached video was incredibly helpful: https://www.youtube.com/watch?v=Kc3K-MyH3xg
-
-
forum.hyperlink.academy forum.hyperlink.academy
-
jake2h@chrisaldrich that spreadsheet party is so brilliant! I would love to attend events in all kinds of mediums, tools, and games. @nastroika, do you think your cohort could automate a cyberparty together as a group project?
@jake, your comment also reminds me of the atmosphere created by the game Candy Land which was designed for a particular setting which we often forget about today. There's an Atlantic article about it which helps to underline the idea of designing for particular contexts to make people feel welcomed and empowered: https://www.theatlantic.com/technology/archive/2019/07/how-polio-inspired-the-creation-of-candy-land/594424/
-
-
html5up.net html5up.netHTML5 UP1
-
@ajlkn has several related projects including this one:
Might be an interesting experiment to make one or more of them IndieWeb friendly and create a set up to dovetail one or more of them in with the GitHub pages set up.
Tags
Annotators
URL
-
-
-
Books are inherently visual, and cover design is in something of a golden age at the moment with designers like Alison Forner, Gray318, Rodrigo Corral, Suzanne Dean, and many others producing consistently outstanding work.
-
-
medium.com medium.com
-
A nice list of replacement words to make one's writing seem warmer and more human.
It would be cool if tools like Grammar.ly or Hemmingway.app had pieces like this built in.
-
-
martinbelam.com martinbelam.com
-
-
User stories are a great way of designing features, but when you are designing community features on the web it is also useful to have user stories that start “I am an absolute arsehole and I want to…”
Solid advice.
-
-
stackoverflow.com stackoverflow.com
-
It just reads better sometimes. Think @honda.kind_of? Car and @person.is_a? Administrator, Ruby's all about the aesthetics.
-
As to why both is_a? and kind_of? exist: I suppose it's part of Ruby's design philosophy. Python would say there should only be one way to do something; Ruby often has synonymous methods so you can use the one that sounds better. It's a matter of preference.
-
-
ohhelloana.blog ohhelloana.blog
-
I really like this and want to figure out way to do it on my own website. It could be fun to tuck it in with the weather and location data I'm already collecting.
-
-
www.thelancet.com www.thelancet.com
-
Vijayasingham, L., Bischof, E., & Wolfe, J. (2021). Sex-disaggregated data in COVID-19 vaccine trials. The Lancet, 397(10278), 966–967. https://doi.org/10.1016/S0140-6736(21)00384-6
-
-
store.steampowered.com store.steampowered.com
-
A simple, yet surprisingly mind-boggling puzzle game. Simplicity may be perceived as a negative connotation when it comes to games for many people, but Neon Warp's simplicity actually works in it's favor in the best way possible and becomes one of it's strength.
-
-
www.newyorker.com www.newyorker.com
-
Another innovation that I’ve seen have been successful experiments in moving past the paradigm of associating e-mail addresses with individuals. When an address is instead assigned to a specific client, or to a specific type of request, and monitored by multiple different employees, it can go a long way to relieving the deeply-ingrained anxiety that we are ignoring those who need us.
Shared emails amongst individuals can help mitigate the psychological pressure of things building up and being left undone.
-
Thrive Away. If a Thrive employee sends an e-mail to a colleague who is on vacation, the sender receives a note that the colleague is away and the message is automatically deleted. In theory, a simple vacation auto-responder should be sufficient—as it tells people sending a message not to expect a reply until the recipient returns—but logic is subservient in this situation. No matter what the expectations, the awareness that there are messages waiting somewhere triggers anxiety, ruining the potential relaxation of a person’s time off. The only cure is to prevent the messages from arriving altogether.
A fascinating potential solution to the email problem. This is focused on the company space, but how might one decentralize this for use in all email scenarios?
-
-
www.opendemocracy.net www.opendemocracy.net
-
Unlike the latter, however, the neurosciences are extremely well funded by the state and even more so by private investment from the pharmaceutical industry.
More reasons to be wary. The incentive structure for the research is mostly about control. It's a little sinister. It's not about helping people on their own terms. It's mostly about helping people become "good" citizens and participants of the state apparatus.
-
-
blog.izs.me blog.izs.me
-
It is about balancing the twin needs of writing good software, and writing any software at all.
-
-
www.deque.com www.deque.com
-
Don’t Believe The Type!
Gareth Ford Williams, BBC
David Bailey, BBC
Bruno Maag, Typeface designer
"Emotional accessibility"
- Is it appealing? Technical and functional aspects are meaningless if no one wants to use your product/tool
- Typeface = "visual tone of voice" and has a large bearing on emotional a11y
Readability group survey
- looking at series of fonts to see which they find most readable (also had people remove reading glasses if they use them)
- cognitive bias: we might find fonts used in system UIs and commonly used fonts easier to read just because we're used to seeing them
- 2022 user sessions, every font viewed 16,800 times
- Segments for participants: confident readers, glasses for reading, pinch-to-zoom user, larger font, colored text, farsightedness, dyslexia & similar characteristics
Font selection rate: all participants
- Open dyslexic, Comic Sans, Times new Roman selected least frequently
- Helvetica, Ubuntu, Roboto slab, etc did moderately well
- SF Pr, Segoe UI, BBC Reith Sans, Verdana selected most often
- But none of the fonts scored more than 70%
- How do we know people are choosing for readability and not aesthetics? We'd probably see no difference b/t those with dyslexia and those who don't have it
Font selection rate: Dyslexic traits
- Open Dyslexic, Dyslexie, Comic Sans MS performed better among dyslexic folks but they were still selected least frequently
- Helvetica, Roboto, Segoe UI, and SF Pro selected less often (5-10%) among dyslexic people
Poor near vision group
- Times New Roman and Helvetica see largest drop
Letter combos used to find issues
- "rn"in words like kernel, furnished, surname
Why some typefaces work better than other
- Top 4 performers: San Francisco Pro, Segoe UI, Verdana, BBC Reith Sans
- All sans serif, either grotesque or humanist
- Grotesque: closed character shapes - stroke terminal loops back into character
- Humanist: open character shapes - more akin to movement of handwriting (more distinction b/t shapes like c, e, and o)
- Why does Helvetica not perform well? Probably because of tight letter spacing
- Why does Ubuntu fall short even though it has hallmarks of humanist design? Font weight is stronger than other similar fonts, maybe just outside acceptable parameters. Or maybe it looks too modern.
- Why do dyslexic-specific fonts perform poorly? The irregularity claims to be beneficial to dyslexic people but maybe is too much, affecting smoothness of reading and emotional appeal
- Why does Comic Sans perform poorly, even though it's most used font and thought to be helpful to learning readers? No data to back up this claim, but it's possible the childish appearance is more appealing to young readers. But on the other hand, it could have performed poorly because it's trendy to hate Comic Sans.
- Is there an unconscious bias toward serif designs? Reading on a computer is more commonplace, and perhaps we associate sans serif with screens and serif with print.
- Times New Roman has some characteristics of fonts that perform well, but letter spacing is tight.
- Lower-case g: modern g is not necessarily more accessible, or we'd expect Roboto to perform better
- x-height impacts perceived size, even at same font-size. Smaller x-height is perceived as "less readable"
-
-
www.ucl.ac.uk www.ucl.ac.uk
-
System architects: equivalents to architecture and planning for a world of knowledge and data Both government and business need new skills to do this work well. At present the capabilities described in this paper are divided up. Parts sit within data teams; others in knowledge management, product development, research, policy analysis or strategy teams, or in the various professions dotted around government, from economists to statisticians. In governments, for example, the main emphasis of digital teams in recent years has been very much on service design and delivery, not intelligence. This may be one reason why some aspects of government intelligence appear to have declined in recent years – notably the organisation of memory.57 What we need is a skill set analogous to architects. Good architects learn to think in multiple ways – combining engineering, aesthetics, attention to place and politics. Their work necessitates linking awareness of building materials, planning contexts, psychology and design. Architecture sits alongside urban planning which was also created as an integrative discipline, combining awareness of physical design with finance, strategy and law. So we have two very well-developed integrative skills for the material world. But there is very little comparable for the intangibles of data, knowledge and intelligence. What’s needed now is a profession with skills straddling engineering, data and social science – who are adept at understanding, designing and improving intelligent systems that are transparent and self-aware58. Some should also specialise in processes that engage stakeholders in the task of systems mapping and design, and make the most of collective intelligence. As with architecture and urban planning supply and demand need to evolve in tandem, with governments and other funders seeking to recruit ‘systems architects’ or ‘intelligence architects’ while universities put in place new courses to develop them.
-
-
github.com github.com
-
Here's the four case: foo.js Load/Require dependencies Concatenate dependencies foo.js.map Load foo.js Currently grabs metadata[:map] from asset to build an asset, need to move that generation somewhere else to accomplish de-coupling map generation foo.debug.js Load foo.js Load foo.js.map Add comment to end of foo.js with path to foo.js.map foo.source.js The raw file on disk, the map file will need to point to source files.
-
-
store.steampowered.com store.steampowered.com
-
There are myriads of platformers around, it's an oversaturated market, and just like industrial designer Karim Rashid said about there being no excuse by this point to make an uncomfortable chair, there's no excuse by this point to make a boring patformer.
-
-
css-tricks.com css-tricks.com
-
Positively indicate valid input values Let users know a field has been entered correctly. The browser can give us this information through the :valid CSS selector:
-
-
tylergaw.com tylergaw.com
-
There are plenty of words and acronyms you can put in front of “Designer”. Product, Web, Graphic, UX, UI, IA, etc. The lines between each are blurry, and the titles go in and out of fashion. Depending on the project and team I’m working alongside, I practice them all to varying degrees. I prefer to call myself; “A Designer.”
-
-
github.com github.com
-
www.kickstarter.com www.kickstarter.com
-
She asked me if I could create international universal design Shogi set for foreign Shogi fans.
-
Design SHOGI pieces have been redesigned with new iconography to indicate the piece’s movement.
-
-
medium.com medium.com
-
Rabbit, Rabbit. ‘A Game Designer’s Analysis Of QAnon’. Medium, 11 January 2021. https://medium.com/curiouserinstitute/a-game-designers-analysis-of-qanon-580972548be5.
-
-
github.com github.com
-
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.
-
-
trailblazer.to trailblazer.to
-
Instead of one big code pile, activities will gently enforce a clean, standardized way for organizing code.
-
-
trailblazer.to trailblazer.to
-
A leaked snippet of the endpoint architectural design draft document, highly confidential.
-
- Feb 2021
-
hyperallergic.com hyperallergic.com
-
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.
-
-
design-justice.pubpub.org design-justice.pubpub.org
-
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."
-
-
publicstack.net publicstack.net
Tags
Annotators
URL
-
-
github.com github.com
-
Version HEAD now
Tags
Annotators
URL
-
-
github.com github.com
-
now that I realize how easy it is to just manually include this in my app: <%= javascript_include_tag 'xray', nonce: true if Rails.env.development? %> I regret even wasting my time getting it to automatically look for and add a nonce to the auto-injected xray.js script
Tags
- removing legacy/deprecated things
- fix design/API mistakes as early as you can (since it will be more difficult to correct it and make a breaking change later)
- removing features to simplify implementation
- removing feature that is more trouble than it's worth (not worth the effort to continue to maintain / fix bugs caused by keeping it)
- regret
- wasted effort
Annotators
URL
-
-
-
Witte, E. H., Stanciu, A., & Zenker, F. (2020, October 28). A simple measure for the empirical adequacy of a theoretical construct. https://doi.org/10.31234/osf.io/gdm
-
-
edtechbooks.org edtechbooks.org
-
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.
Tags
Annotators
URL
-
-
github.com github.com
-
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?'
-
-
www.schneems.com www.schneems.com
-
When Sprockets was introduced, one of the opinions that it held strongly, is that assets such as CSS and JS should be bundled together and served in one file.
-
-
-
But so far everything brought up has just been about the relative advantages of checked exceptions, and that issue is closed. We won't do it.
-
-
en.wikipedia.org en.wikipedia.org
-
Each of the programming language generations aims to provide a higher level of abstraction of the internal computer hardware details, making the language more programmer-friendly, powerful, and versatile.
-
-
trailblazer.to trailblazer.to
-
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...
-
Trailblazer is an architectural pattern that comes with Ruby libraries to implement that pattern.
-
-
en.wikipedia.org en.wikipedia.org
-
Software architecture choices include specific structural options from possibilities in the design of the software.
-
-
trailblazer.to trailblazer.to
-
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.
-
-
github.com github.com
-
Trailblazer offers you a new, more intuitive file layout in applications.
-
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.
-
Concepts over Technology
-
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.
Tags
- newer/better ways of doing things
- focus on concepts/design/structure instead of specific/concrete technology/implementation
- abstractions
- software development: organization of files: by component rather than by file type
- making changes / switching/migrating gradually/incrementally/step-wise/iteratively
- allowing developer/user to pick and choose which pieces to use (allowing use with competing libraries; not being too opinionated; not forcing recommended way on you)
- software development: organization of files
- Trailblazer
- leaving the details of implementation/integration up to you
- freedom of user to override specific decision of an authority/vendor (software)
- rails: the Rails way
- focus on what it should do, not on how it should do it (implementation details; software design)
Annotators
URL
-
-
trailblazer.to trailblazer.to
-
The new 2.1 version comes with a few necessary but reasonable changes in method signatures. As painful as that might sound to your Rails-spoiled ears, we preferred to fix design mistakes now before dragging them on forever.
-
The new call API is much more consistent and takes away another thing we kept explaining to new users - an indicator for a flawed API.
Tags
- learn from your mistakes
- better late than never
- fix design/API mistakes as early as you can (since it will be more difficult to correct it and make a breaking change later)
- pointing out gaps/downsides/cons in competition/alternatives
- if it's incorrect; fix it
- do it right/well the first time because it may be too hard to clean up/fix later if you don't
Annotators
URL
-
-
psyarxiv.com psyarxiv.com
-
Anderson, Ian, and Wendy Wood. ‘Habits and the Electronic Herd: The Psychology behind Social Media’s Successes and Failures’. PsyArXiv, 23 November 2020. https://doi.org/10.31234/osf.io/p2yb7.
-
-
creativegood.com creativegood.com
-
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.
-
-
en.wikipedia.org en.wikipedia.org
-
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.
-
-
en.wikipedia.org en.wikipedia.org
-
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.
-
-
github.com github.com
-
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.
-
-
en.wikipedia.org en.wikipedia.org
-
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.
-
-
www.infoworld.com www.infoworld.com
-
-
This column and last month's article are about design. Design, by nature, is a series of trade-offs. Every choice has a good and bad side, and you make your choice in the context of overall criteria defined by necessity. Good and bad are not absolutes, however. A good decision in one context might be bad in another.
-
By the same token, marketing or political incentives often push design idioms
Tags
- doing things for business/marketing/political reasons/incentives
- to read
- excellent technical writing
- getters/setters
- dichotomous thinking
- doing things for the wrong reasons
- progress requires compromises
- software design patterns
- design idioms
- relativeness
- software design
- design is about trade-offs
Annotators
URL
-
-
www.javaworld.com www.javaworld.com
-
Programming to interfaces is at the core of flexible structure.
-
many successful projects have proven that you can develop high-quality code more rapidly (and cost effectively) this way than with the traditional pipelined approach
-
-
softwareengineering.stackexchange.com softwareengineering.stackexchange.com
-
The more important point comes from a program design perspective. Here, "programming to an interface" means focusing your design on what the code is doing, not how it does it. This is a vital distinction that pushes your design towards correctness and flexibility.
-
-
-
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.
-
-
en.wikipedia.org en.wikipedia.org
-
github.com github.com
-
Top level architecture
-
-
-
www.cise.ufl.edu www.cise.ufl.edu
-
The basic idea of this pattern is much like the idea of an assembly line
-
-
psyarxiv.com psyarxiv.com
-
Lakens, D. (2021). Sample Size Justification. PsyArXiv. https://doi.org/10.31234/osf.io/9d3yf
-
-
blog.joinmastodon.org blog.joinmastodon.org
-
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.
-
-
www.sciencedirect.com www.sciencedirect.com
-
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
-
-
www.quirksmode.org www.quirksmode.org
-
Überblick tut Geschichte und den wichtigsten Texten zu Progressive. Enhancement. Tolle Links!
-
-
www.codewall.co.uk www.codewall.co.uk
-
Using details/summary for dropdown nav menu without requiring any JavaScript
-
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
-
-
www.erudit.org www.erudit.org
-
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.
-
-
blog.enkerli.com blog.enkerli.com
-
Worked
One of my early prototyping experiences in the OER field.
-
-
github.com github.com
-
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.
-
a designer / developer / designoper is able to create a grid overlay which would act as design reference.
-
-
stackoverflow.com stackoverflow.com
-
never care and try to understand design standards
-
- Jan 2021
-
unix.stackexchange.com unix.stackexchange.com
-
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.
-
-
github.com github.com
-
The code is far simpler and easier to understand/verify
-
-
stackoverflow.com stackoverflow.com
-
stackoverflow.com stackoverflow.com
-
This is responsive, but you can use media queries to specify different sizes and margins for mobile if necessary.
-
-
pubs.rsc.org pubs.rsc.org
-
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
-
-
-
css-tricks.com css-tricks.com
-
I used it to create a full-bleed utility class: .full-bleed { width: 100vw; margin-left: calc(50% - 50vw); }
-
-
stackoverflow.com stackoverflow.com
-
en.wikipedia.org en.wikipedia.org
-
www.dezeen.com www.dezeen.com
-
An absolute passion - retail architecture - check out this exquisite fitout.
-
-
www.dunedin.govt.nz www.dunedin.govt.nz
-
It will be interesting to see what the details are for these rule changes - exciting to see the DCC gearing up for growth in our wonderful city.
-
-
hypothes.is hypothes.is
-
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?
-
-
-
Join Our Community
-
-
forums.theregister.com forums.theregister.com
-
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.
-
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
-
-
2x4.org 2x4.org
-
The span of graphic design is not a history of concepts but of forms.
-
he meant that the designer’s purview is to shape, not to write. But that shaping itself is a profoundly affecting form.
-
Paul Rand wrote “There is no such thing as bad content, only bad form,”
-
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).
-
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.
-
-
blog.imagerelay.com blog.imagerelay.com
-
going back to find something they found before
-
-
freefrontend.com freefrontend.com
Tags
Annotators
URL
-
-
www.material.io www.material.io
-
The rail is a side navigation component that displays three to seven app destinations
-
-
framework7.io framework7.io
-
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...
-
-
medium.com medium.com
-
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:
-
-
pixinvent.com pixinvent.com
-
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.
-
-
material.io material.ioMenus1
-
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.
-
-
-
A notable difference between OS dialogs and Material dialogs is that OS dialogs save the work when a user dismisses a dialog but Material dialogs don’t.
-
-
internals.rust-lang.org internals.rust-lang.org
-
ux.stackexchange.com ux.stackexchange.com
-
Material Design guidelines don't specify popovers, but the specification of material properties provide a clear set of properties that can be used to create popups.
-