layout: post title: Site re-design created: 1067147760 categories:

• BMC

Well, not really a complete re-design. Just moving things around a bit, plus turning into a 3-column style. With tables, no less :shocked:

If you go into your user account, you can switch to the "xtemplate" theme to see what I’m working on.

I’m currently losing my mind over some weird stuff where lists aren’t displaying properly, but I can’t actually tell if it’s caching somewhere or what.

Update:Yup, it’s a caching issue. I’ve been using my Linux box for routing, since it seems my router has died. It still functions as a switch, but routing functions…borked.

[image:633,left,5,5]So here’s a preview of what things are going to look like. Right now, too many dotted lines. I didn’t want to have a lots of little boxes feel, don’t know if this achieves it. I think I’m going to ditch dotted lines around blockquotes — the indenting and italicizing are probably already enough. Or perhaps not italicize, just use a different font?

layout: post title: BMC Blog Design created: 1153051402 categories:

• Cathy Wang
• cathycracks
• design
• BMC

Cathy Wang was bored one night recently and sent me this potential new design for my site — thanks, Cathy! I started talking to Cathy perhaps 6 months ago or so, before she got snapped up by Raincity Studios (she also works with Alex Williams, doing work on the Podcast Hotel).

Of course, it has the requisite "Photo by Kris Krug", and this screenshot is of an interior "static" page. Green would be a new colour for me…I long ago picked dark blue plus the yellow-gold highlight as "my" colours….but then, I don’t even have a real brand for BMC other than my name itself. Maybe I should go shopping for a new domain name as well?

The big task, which really should come before the design, is to re-examine my info architecture. There is a lot of different type of info on this site, and I also have content in several external places I would like to highlight/integrate a bit better (e.g. sync local weblinks with my del.icio.us account, have posts from my Bryght blog appear here and perhaps vice versa).

One of those spots is the "personal" side of me. It lives over at personal.bmannconsulting.com for those that are interested, and is an aggregation of content produced by me on many other sites (the 43 universe, like 43 places, being a major source). 

And along with design comes thinking about content…I’m going to try not to veer off into "blogging about blogging", but I should definitely be doing more short snippets of thought here — I admire Sacha, Paul, and Ethan‘s styles in particular, in terms of frequency, type, and length of content.

• tags :: programming languagesprogramming language implementationmy programming languageslanguage design

Parry is a programming language I'd like to implement. Parry is inspired by Riposte

Design

Parry programs are centered around making REST requests. The goal of Parry is to make REST requests scriptable. Parry should make it trivial to, say, do a GET request from one resource and then use that information in subsequent requests.

url_root = "api.example.com"

resource = get "${url_root}/foo"
another_resource = get "${url_root}/bar?id=${resource.id}"

let
    url = "${url_root}/baz"
    headers = {
        Content-Type: "application/json",
    }
    body = {
        parent_id: another_resource.id
    }
in
    post url headers body

Types

Parry is a loosely typed language and supports many basic types.

Primitives

Booleans

bool = true || false

Numbers

Parry supports integers and floating point numbers.

v = 1 + 3.22 - -1 * -3.45

Strings

str = "hello world"
strSingle = 'single quotes are okay too'

String interpolation can occur in any string.

strInterp = "${str} foo bar"

Lists

Lists can have mixed types and do not require commas.

[1 2 "foo" true]

Sets

Sets are a simplified kind of JSON. They are also immutable.

obj = {
    foo: 123,
    bar: 'bar',
    baz: false,
    quux: [1 2 3 4],
    quuz: {
        foo: 'foo'
    },
}

Set properties are accessed with dots.

foo = obj.foo
bar = obj?.bar # returns `null` if not present

To derive a new set, you can use the spread operator.

obj2 = {
    ...obj1,
    foo: 456 # overrides `foo`
}

Functions

All functions are first class, lambdas, and anonymous.

myFunc = (bar, baz) -> bar + baz;

Operators

let … in

let
    a = 1
    b = 2
    c = 3
in
    a + b + c

Conditionals

Conditionals are expressions.

a = if isEven(4) then true else false

match

a = match b
    | "foo" -> 1
    | "bar" -> 2
    | else -> 3

Loops

File IO

Both reading and writing return null.

Reading

txt << "~/file.txt"

Writing

"foo bar" >> "~/out.txt"

REST requests

Making REST requests are at the center of Parry.

All REST requests are functions that either take a single string or a set. If only a string is specified, say

get "api.example.com/foo"

The request made will simply be a GET to that URL, with no further information.

However, you could also specify a set, as such:

get {
    url: "api.example.com/foo",
    headers: {
        Accept: "*/*"
    }
}

By passing a set you can specify header and body information.

get

post

Standard Library

Map

map([1 2 3], (v) -> "${v}") # => ["1" "2" "3"]

Reduce

reduce([1 2 3], (sum, v) -> sum + v, 0) # => 6

Assert

• tags :: my programming languages

Kroz is a programming language project I'm using to better familiarize myself with Racketand implementing languages in Racket.

Kroz is a language that's used for designing text-based adventure games. The output of a Kroz program is a full-blown adventure game.

Design

The language consists of a series of prompts and expected responses. A Kroz game is a tree of decisions.

; this is a comment
game_start:
    prompt "You find yourself in a dungeon cell with only a rope. What do you do?"
    actions:
        "climb rope" -> climb_rope_action
        "yell" -> end_game "A guard comes and kills you."

climb_rope_action:
    prompt:

---

    This is how you'd write a multi-line prompt.

---

    actions:
        "follow road" -> ...

begin_game game_start

Scenes

Every program is broken into scenes. Each scene has an identifier specified with it:

game_start:
...

Scenes have a prompt and action.

Prompt

The prompt is the text that is displayed at the beginning of a scene. Prompts can be strings surrounded by quotes, such as:

prompt: "You enter a cave."

or multi-line string literals surrounded by ---. The first --- must begin on a new line.

prompt:

---

This is a raw string.

This will be displayed to the user exactly as you type it!

---

Actions

Actions are essentially key-value mappings from accepted inputs to other scenes, delimited by new lines. Their basic syntax is:

ACTION = WORD_LIST -> SCENE_NAME \n
WORD_LIST = WORD+
WORD = ".*"

For example:

actions:
"follow road", "grab rope" -> next_scene_name
"cut rope"                 -> different_scene

Whitespace is ignored on a line-by-line basis.

Special actions

There are two special reserved actions, begin_game and end_game.

begin_game

begin_game tells the program which scene kicks the game off. Conventionally it should be placed at the end of a Kroz file.

begin_game first_scene

end_game

end_game ends the game. It takes no argument and can be used in an action list.

actions:
"foo" -> end_game

This is the billion dollar question! What makes good software? This could be answered in two ways, and I don't think these are two entirely unrelated questions:

1. What is well-engineered software?

1. Software maintainability Every piece of software should require little effort to maintain.

2. What is good consumer software?

This is a big question. What do consumers want? Is Emacsgood consumer software? Or do general consumers prefer things like Windows

6 Conversation and Design§

If conversation is going to be the primary form of interaction with your bot, language choice needs to be carefully crafted.

• Descriminatory language must be avoided at all cost
• People must be given every chance to express how they wish to be addressed
• Trollish language directed at the bot must be dealt with in a constructive and direct manner

A Feminist approach to conversation includes:

• empathy
• inclusivity
• accessible language
• accessible images
• inclusive modes of address

The course material ends here, but these notes will continue.

Go to [[7 Data]]

For the full list see [[The Feminist Design Tool]]

This is part of the [[Feminist Chatbot Main Page]]

You can also see [[The Golem Project Overview]] or the [[Master Contents Page]]

agora design§

• a [[design]]
  • [[go]] https://social.coop/web/statuses/105929339151612533
    • the [[agora]] has three parts:
      • the [[agora]] proper, a high level description of an intent in the form of a [[contract]] and instructions contained in a git repository.
      • [[agora server]]
      • [[agora bridge]]
• [[pull]] [[agora]]

computer aided design§

Core idea§

OpenSCAD FreeCAD KiCAD

Links§

Making interactions feel ‘human’§

Using conversation as an interface makes a system feel inherently more human-like.

Conversation requires less training on behalf of the user.

Check out Google’s guide to conversation design

Conversation encapulates the following design desciplines:

• voice ui
• interaction design
• visual design
• motion design
• audio design
• UX writing

This page is art of the [[Feminist Chatbot Main Page]].

• [[smallcircles@social.coop]] https://social.coop/@smallcircles/109596692595178063 pull
• [[smallcircles@social.coop]] https://social.coop/@smallcircles/109652848437936931 pull
• [[smallcircles@social.coop]] https://social.coop/@smallcircles/109850885448836765 pull
• [[smallcircles@social.coop]] https://social.coop/@smallcircles/110173452160598277 pull
• [[smallcircles@social.coop]] https://social.coop/@smallcircles/110184846476133187 pull
• [[smallcircles@social.coop]] https://social.coop/@smallcircles/110435150215102096 pull

DICE design§

:original-url: https://docs.google.com/document/d/1lrs2cEq8GjqSjLPWDcKwl8XYCYnChG2y0fWAgMLDlQI/edit pull

GPG§

• Generate the perfect Key: https://alexcabal.com/creating-the-perfect-gpg-keypair/
• "Does GPG key expiration add to security?": http://security.stackexchange.com/questions/14718/does-openpgp-key-expiration-add-to-security?newreg=72720a55ed764868bb0a9d0b3a4c3809
• How to use authentication subkeys in gpg for SSH public key authentication: https://gist.github.com/andrewlkho/7373190
• Transition-statement with wget: https://blog.josefsson.org/2014/06/23/openpgp-key-transition-statement/
• Offline GnuPG Master Key and Subkeys on YubiKey NEO Smartcard: https://blog.josefsson.org/2014/06/23/offline-gnupg-master-key-and-subkeys-on-yubikey-neo-smartcard/
• Apache transition instructions: https://www.apache.org/dev/key-transition.html
• Use OFFLINE master keys: https://incenp.org/notes/2015/using-an-offline-gnupg-master-key.html & https://wiki.debian.org/Subkeys pull
• YUBICO PGPUser-Guide: https://github.com/drduh/YubiKey-Guide
• Compile new YUBICO GPG Applet: http://www.digitalllama.net/2014/03/importing-your-existing-gpg-key-into.html
• YUBICO genkeys In+Out of card: https://www.esev.com/blog/post/2015-01-pgp-ssh-key-on-yubikey-neo/
• CMD EXAMPLES: http://www.spywarewarrior.com/uiuc/gpg/gpg-com-4.htm
• GPG evaluation 2016: https://www.gnupg.org/conf/2016/openpgp-2016-a-few-concerns.pdf
• X509 sign:
  • https://raymii.org/s/tutorials/Sign_and_verify_text_files_to_public_keys_via_the_OpenSSL_Command_Line.html
  • SO1: http://security.stackexchange.com/questions/108163/sign-gnupg-master-key-with-own-x-509-certificate
  • SO Bridge: http://crypto.stackexchange.com/questions/11582/openpgp-x-509-bridge-how-to-verify-public-key/11709#11709
  • Signing policy and pgp<—>509 signig instructions: http://psmay.com/aught-six/key-signing-policy, Questions: http://psmay.com/notary/
  • Can we trust GPG? http://citeseerx.ist.psu.edu/viewdoc/download?doi=10.1.1.97.9895&rep=rep1&type=pdf
  • GPG-key stats: http://pgp.science.uu.nl/stats/02b02f070712febd.html
  • on pgp model retirement: https://www.ctrlc.hu/~stef/blog/posts/on_pgp.html
  • https://eprint.iacr.org/2015/967
• Git:
  • https://github.com/blog/2338-sha-1-collision-detection-on-github-com
  • [1] https://blogs.technet.microsoft.com/srd/2012/06/06/flame-malware-collision-attack-explained/
  • [2] http://eprint.iacr.org/2014/871.pdf
  • [3] https://github.com/sprohaska/git-sha-x
  • [1] https://public-inbox.org/git/CA+55aFzJtejiCjV0e43+9oR3QuJK2PiFiLQemytoLpyJWe6P9w@mail.gmail.com/ [ - 2] https://public-inbox.org/git/alpine.LFD.2.20.1702281621050.22202@i7.lan/T/#u

ZK§

ForwardSecureSignatures: http://www.cs.columbia.edu/~tal/papers/CJMM.pdf

• [[likelyjanlukas@mstdn.ca]] https://mstdn.ca/@likelyjanlukas/109836442596137138 pull

ecodesign§

[[Ecodesign directive]]

• Ecodesign Work Plan. Intended to be adopted later this year, the document will guide Commission’s work on many of the most wasteful products until the end of its mandate

• need to include concrete steps aimed at tackling all of the most wasteful and unrepairable products present on the market today, starting with smartphones, printers, laptops, and other ICT devices

Elements of Game Design§

• mechanics and systems
• gameplay
• player experience

graphic design§

Core idea§

Links§

I don’t deny that there are social norms surrounding the elevation of bad§

design.

It takes resources to make a stand, so I can’t recommend everyone do so. But, if you’re a designer and you can afford to reject…

I don’t deny that there are social norms surrounding the elevation of bad design. Of course people who don’t have to eat their own dog food will have worthless and shallow opinions! But, there’s an ethical aspect to design: would you rather improve the world with good design or get paid more for bad design? There’s a didactic aspect to this as well: these semi-competent people in positions of power have the ideas they do because they have internalized trends that were promoted by actual designers or by people who have placed a heavy hand on the fashions of design; since warped ideas about what constitutes good design among designers caused these norms, corrections to these ideas (along with system-level changes like improved diversity and dogfooding) can correct these norms, albeit on something like a twenty year delay.

It takes resources to make a stand, so I can’t recommend everyone do so. But, if you’re a designer and you can afford to reject exceptionally bad norms, I recommend doing so. After all, accepting the awful state of design allows it to improve more slowly.

By John Ohno on October 23, 2016.

[Canonical link](https://medium.com/@enkiv2/i-dont-deny-that-there-are-social- norms-surrounding-the-elevation-of-bad-design-6e7597a81d47)

Exported from Medium on September 18, 2020.

information design§

Core idea§

the practice of presenting complex data and instructions so people can understand them at a glance and act with confidence. It sits at the intersection of graphic design, user experience (UX), and communication, prioritizing function, clarity, and usability over pure aesthetics.

Links§

Institutional design§

instructional design§

Core idea§

the systematic process of creating engaging, effective, and tailored learning experiences. It combines educational psychology, learning science, and instructional technology to ensure learners—such as students or employees—can easily absorb, retain, and apply new knowledge and skills.

Links§

• [[dougholton@mastodon.social]] https://mastodon.social/@dougholton/109347996243321748 pull

• [[ChrisAldrich]] https://twitter.com/ChrisAldrich/status/1537959801111449601 pull
• [[ChrisAldrich]] https://twitter.com/ChrisAldrich/status/1538044292299644928 pull

• tags :: Furniture Items

your room can be as bright as the outdoors brignening your room helps you stay more productive? the generalBlogs is good to follow as well

TODOshelf idea

shelves that can detach from wall use them as writing surface, desk or something can mount them up on wall thin sheets of metal that look like floating on wall :: minimal

designer living philosophy

article

• full-time freelancing: turn any place into a working space! work from anywhere.

• live in a small studio with everything organized and functional. use a small desk to stay focused!

• work hard to build a concrete and strong routine. use external tracking tools. keep good habits and balance; this matters more than anything else. (I know this!)

• [[chrisaldrich]] https://mastodon.social/@chrisaldrich/108445824306145572 pull
• [[dougholton]] https://mastodon.social/@dougholton/109292794423481555 pull
• [[dougholton@mastodon.social]] https://mastodon.social/@dougholton/109347996243321748 pull

• [[ChrisAldrich]] https://twitter.com/ChrisAldrich/status/1534766997074071558 pull

Live Redesign§

• A [[webcast]] by [[erik kennedy]].
• [[go]] https://www.crowdcast.io/e/ubhxptfc

Mechanism design§

Metadesign§

• First posted [[2021-01-01]]
• Suggested program:
  • Step 1: Read the the paper [[A mathematical theory of co-design]], freely available here
    • This has no category theory in it, and should be understandable without any prerequisites. I think that having a quick look at this paper will give you a sense if doing this mini-curriculum is something that would interest you. Another option is to skip this paper, and just do Step 2 (the 4th chapter in Step 2 covers some of the material from Step 1, but using category theory).
  • Step 2: Read the first four chapters in the book [[Seven Sketches in Compositionality]], freely available here

object of design§

• an [[architectural studio]]
  • [[go]] http://openingdesign.com/

participatory design§

Peter Jones and Kristel van Ael, "Design Journeys Through Complex Systems Practice Tools for Systemic Design"§

URL : https://newbooksnetwork.com/design-journeys-through-complex-systems

Really enjoyed this. About the book [[Design Journeys through Complex Systems]] and the [[Systemic Design Toolkit]].

Loads of good stuff in here.

Seven stages. Multiple useful tools within each stage.

Authored by:: [[P- Brendan Langen]]

Components of a tool’s base layer that afford user behavior.

These are the building blocks of [[powerful interfaces for entering information into a discourse graph]].

Talking about Dribble is undercutting exactly how stupidly static the§

western idea of ‘good design…

While there were plenty of interesting ideas in design from 1950 to 1980, because of Jobs’ reality distortion field we basically threw all…

Talking about Dribble is undercutting exactly how stupidly static the western idea of ‘good design’ is. Instead, we can look at how dominant themes in design go back to being influenced by Apple’s design standards from the early 1980s, which themselves are basically a simplified and dumbed-down version of late-1940s and early-1950s trends in modernist minimalism.

While there were plenty of interesting ideas in design from 1950 to 1980, because of Jobs’ reality distortion field we basically threw all of that out and have been increasingly influenced by this static throwback FrogDesign BS that was pretty questionable in 1979 (along with the underlying Jobsian ideology that consumers are too dumb to deal well with choices and must have decisions made for them — a necessary element in the application of extreme minimalism to ostensibly general-purpose machinery).

Today’s idea of good design is essentially: flat, spare, minimalist graphics with low information density and few user choices. Never use color if you can use white; never use two colors where you can use one; never use two buttons where you can use one and never use any buttons if you can get away with not having any; never give the consumer an option if you can please more than half of them by choosing first; if a user disagrees with a designer about usability then the user is wrong. These rules make some sense for a house or a toaster, and are defensible for a coffee machine or a toilet; they make no sense when applied to computers and even less sense when applied to computer software.

By Rococo Modem Basilisk on March 11, 2016.

[Canonical link](https://medium.com/@enkiv2/talking-about-dribble-is- undercutting-exactly-how-stupidly-static-the-western-idea-of-good-design- db13391b7cc8)

Exported from Medium on January 2, 2018.

Challenges of conversation design§

• Formality spectrum
• Asychronous design
• Branching text (ie Twine)

Here’s a link to Twine, a branching narrative processor you’ve used before.

This page is art of the [[Feminist Chatbot Main Page]].

the expanse ui design§

• [[go]] https://www.hudsandguis.com/home/2021/theexpanse

• Author:: [[Jim Hayes and Bee Suat Lim]]
• Full Title:: The FOA Reference Guide to Fiber Optic Network Design
• Category:: [[books]]
• 

  ⥅ [[https://images-na.ssl-images-amazon.com/images/I/412zEyQCjOL.SL400.jpg]]

• Highlights first synced by [[readwise]] [[September 2nd, 2020]]§

  • FOA CFOT certification (Location 155)
  • References for the fiber optic designer’s bookshelf include the FOA textbooks and the NECA/FOA-301 installation standard. (Location 158)

• [[likelyjanlukas@mstdn.ca]] https://mstdn.ca/@likelyjanlukas/109836442596137138 pull

weaponised design§

• tags :: Design Fonts

Philosophy

Websites should be minimal. There is no reason to download five megabytes of Javascript to communicate my hiring credentials. I shouldn't have to wade through frameworks and dark patterns to read a blog post!

I am taking a reductionist approach to web design by:

• Limiting the number of lines of Javascript. Javascript consumes unnecessary resources and can distract from information presented; as such, Javascript should serve only to enhance current content.

• Limiting the number of colors on the site, shifting focus to central components.

• Reducing the overall complexity of the project. You can only truly understand a machine if you can remove every piece you don't need. If every piece is necessary for communicating the information, it's all the end user should need to see.

Aesthetics aside, focusing on minimizing web development allows the millions of people worldwide with slow connections to access resources and information. Using a simple subset of CSS and Javascript, too, enables older browsers and hardware to sufficiently load websites.

The web doesn't have to be so hostile or expensive to run. Focus on boiling it down to its essentials.

https://matthiasott.com/notes/the-thing-with-leading-in-css

Inspiration

• Mikhail Khoury's website one I stumbled upon only because he shares a last name with Northeastern's Computer Science college, has an astoundingly minimal yet well-designed site. It's easy to navigate and has no distractions from the site's objective.

• 100 Rabbitsare a creative duo comprised of Rekka Bellum and Devine Lu Linvega they've inspired me to move towards using minimal, accessible tooling, and have a fantastic design language present throughout all of their work. 100 Rabbits

• Pentagram a design consultancy with a lot of great work. They have lots of mockups and designs to reference.

Resources

https://cargo.site/ complex reduction apple music redesign case study

https://codepen.io/ge1doot/pen/MWeBPQE very cute pen https://matthiasott.com/notes/wicked-design quick thoughts on 'wicked design' https://grumpy.website/ a catalogue of terrible user interface design decisions https://avanier.now.sh/work.html love this https://deianeira.co : great web design. wow vertically aligned logos, cool font, 'alter ego', quick journal https://neil.computer/notes/the-design-of-diskprices-com/ amazing minimal site with a few notes on making it the best it can be http://ericmotil.com/ https://web.archive.org/web/20191125141522/http://www.070shake.net/ an incredible site!

Windows 95 UI Kit - Themesberg brainrape/windows-95-ui-kit: ? Windows 95 UI Kit made with Bootstrap 4 comp https://github.com/mit-pdos/noria

inspirational site

Blobmaker - Make organic SVG shapes for your next design consistent microcopy makes for good product ux the design squiggle, emblematic of the design process

https://hot3eed.github.io/2020/06/22/snap_p2_deobfuscation.html love love love this website and the readme,Cybersecurity

shoelace a forward thinking library of web components

https://kristopolous.github.io/BOOTSTRA.386/ beautiful framework like bootstrap, but for DOS

https://linus.zone/dev good web design resources! https://gerireid.com/forms.html good form design principles Ethical Web https://gerireid.com/forms.html incredible architecture navigation demo: Three

https://pavellaptev.github.io/web-dark-ages/ web design trends over the last 20 years. the site map and guest book pages are really cool and seem fun to add : )

https://derolez.dev/ i actually love this guys work - even if i dont like how animated the front page is http://brandoncjohnson.com/ someone likes space - and threejs!!! Three https://blog.hubspot.com/marketing/best-personal-websites

https://ertdfgcvb.xyz/ incredible piece of animation using characters https://www.r2design.pt/

https://tonsky.me/blog/monitors/ you need a better display to make sure that things are rendering correctly in 1080p.

https://www.figma.com/community/file/822953707012850361 very nice design system. wish the company were better https://sean.fish/ its like an old computer!

https://github.com/foundation/foundation-sites the most advanced front end in the world, or something

brutalism

https://brutalist-web.design/ comes from 'raw concrete' french term. follow these guidelines well. https://www.ribbonfarm.com/2017/01/05/tendrils-of-mess-in-our-brains/ order is everywhere https://brutalistwebsites.com/?epik=dj0yJnU9UExtUjV0WndmaHpPMTZZTVNNRHUxYThnLVhWLXB4aU4mcD0wJm49bVZRVVd3ajVRYW1yWl9SS2MySE5sUSZ0PUFBQUFBR0FSSF9J

• [[schmidt_fu@mstdn.social]] https://mstdn.social/@schmidt_fu/109763368963037737 pull

• [[post]] https://qoto.org/@post/102125297701139394 pull

Wild Design§

• https://monaidepaula.com/Wild-Design-1

Wild Design is a framework evolving from the insights brought by the brazilian practice of gambiarra but expanding into any design practice in which human agency is not formally engineering processes, but dynamically developing into as well as together with systems.

⥅ [[2021-10-16_14-28-37_screenshot.png]]

wild design

wild design

wild design

wild design