# \#ux-design

**URL:** https://noobish.me/tag/ux-design/1.md

[Latest](https://noobish.me/latest.md) · [Categories](https://noobish.me/categories.md) · [Tags](https://noobish.me/tags.md)

---

## [Features Plugins and Tools](https://noobish.me/t/features-plugins-and-tools/165)

<div class="topic-metadata">

**Author:** [@nOObish](https://noobish.me/u/nOObish)\
**Replies:** 1\
**Last updated:** [November 9, 2024, 5:39pm UTC](https://noobish.me/t/features-plugins-and-tools/165 "2024-11-09T17:39:44Z")

</div>

\[Not all of these still work - in progress…\] ▶ Table of contents --\> This post is a quick reference tool for authors on this site. All of the features, plugins, tools, code snippets and online services used in the Post Composer/Editor on this site are demonstrated and documented here. Style Guide \[floatl\]Topic Post Formatting Using Tags and Categories\[/floatl\] Extra Bold Text \*\*\*\*Extra Bold Text\*\*\*\* \[small\]Tiny Text\[/small\] \[small\]Tiny Text\[/small\] Copy-Paste Symbols → ✎ :lion: ➤ htt…

---

## [Styled \<kbd\>\</kbd\> Buttons](https://noobish.me/t/styled-kbd-kbd-buttons/676)

<div class="topic-metadata">

**Author:** [@nOObish](https://noobish.me/u/nOObish)\
**Replies:** 0\
**Last updated:** [September 12, 2024, 8:12am UTC](https://noobish.me/t/styled-kbd-kbd-buttons/676 "2024-09-12T08:12:44Z")

</div>

ABCCtrl The below CSS styles keyboard buttons like so… \<kbd\>A\</kbd\>\<kbd\>B\</kbd\>\<kbd\>C\</kbd\>\<kbd\>Ctrl\</kbd\> \<style\> kbd { align-items: center; background: linear-gradient(-225deg, #d5dbe4, #f8f8f8); border: 0; border-radius: 2px; box-shadow: inset 0 -2px 0 0 #cdcde6, inset 0 0 1px 1px #fff, 0 1px 2px 1px rgba(30, 35, 90, .4); color: #969faf; display: flex; height: 18px; justify-content: center; margin-right: .4em; padding: 0 8px 1px; width: fit…

---

## [⇧ Breadcrumb Links](https://noobish.me/t/breadcrumb-links/673)

<div class="topic-metadata">

**Author:** [@nOObish](https://noobish.me/u/nOObish)\
**Replies:** 0\
**Last updated:** [September 6, 2024, 6:27pm UTC](https://noobish.me/t/breadcrumb-links/673 "2024-09-06T18:27:11Z")

</div>

Added Breadcrumb Links to the site (look above the page Title)… Thinking of rolling this up into a Theme Component for Discourse… This is slightly redundant with clicking on the existing category and tag buttons (or are they links) under the Topic title, but in my experience, that feature is mostly unknown to users without explicitly telling them. A different way to implement these breadcrumbs could be to relocate those to just under the header and re-theme to override the square icons.

---

## [Style Guide](https://noobish.me/t/style-guide/167)

<div class="topic-metadata">

**Author:** [@nOObish](https://noobish.me/u/nOObish)\
**Replies:** 0\
**Last updated:** [July 26, 2022, 6:00am UTC](https://noobish.me/t/style-guide/167 "2022-07-26T06:00:00Z")

</div>

http://noobish.me/styleguide

---

## [Public Topic Revisions - Why?](https://noobish.me/t/public-topic-revisions-why/272)

<div class="topic-metadata">

**Author:** [@nOObish](https://noobish.me/u/nOObish)\
**Replies:** 0\
**Last updated:** [September 16, 2022, 4:27pm UTC](https://noobish.me/t/public-topic-revisions-why/272 "2022-09-16T16:27:25Z")

</div>

One purpose of publishing Topic revisions on this site is to enable time synchronization among and across the participants, processes and sources of this community. Sometimes it’s fun or helpful to know when developments or realizations happen, both individually and collectively. Broader perspectives and deeper insights become more apparent, brighter and clearer. Another purpose is to gain the collective benefits of transparency. I’ve learned that sharing our inner thoughts throughout a dev…

---

## [UX for Audio Interactions](https://noobish.me/t/ux-for-audio-interactions/101)

<div class="topic-metadata">

**Author:** [@nOObish](https://noobish.me/u/nOObish)\
**Replies:** 0\
**Last updated:** [May 26, 2022, 8:58pm UTC](https://noobish.me/t/ux-for-audio-interactions/101 "2022-05-26T20:58:11Z")

</div>

Example 1: Enable the visitor to interact with and listen to the contents of a web page. How many different ways can I implement this? The recording just above I recorded and uploaded using the audio recording button in the post editor for this post… OTHER METHODS Verbal command “Play the post” Soundcite clickable inline audio player Otter embedded audio player with auto-scrolling readable transcription BeyondWords AI page narrator Audactive HTML \<audio\> Tag

---

## [About the Books category](https://noobish.me/t/about-the-books-category/366)

<div class="topic-metadata">

**Author:** [@nOObish](https://noobish.me/u/nOObish)\
**Replies:** 0\
**Last updated:** [October 28, 2022, 5:36pm UTC](https://noobish.me/t/about-the-books-category/366 "2022-10-28T17:36:52Z")

</div>

\[floatr\]\[/floatr\] Jen’s notes and ideas and documentations during development of navigation systems for short stories and books created by users on the site, as demonstrated on the post HERE…

---

## [Radio.Garden](https://noobish.me/t/radio-garden/491)

<div class="topic-metadata">

**Author:** [@nOObish](https://noobish.me/u/nOObish)\
**Replies:** 0\
**Last updated:** [January 2, 2023, 12:44am UTC](https://noobish.me/t/radio-garden/491 "2023-01-02T00:44:46Z")

</div>

Visually navigate all radio stations on the Globe…

---

## [Cloudflare Apps](https://noobish.me/t/cloudflare-apps/490)

<div class="topic-metadata">

**Author:** [@nOObish](https://noobish.me/u/nOObish)\
**Replies:** 0\
**Last updated:** [January 1, 2023, 9:33pm UTC](https://noobish.me/t/cloudflare-apps/490 "2023-01-01T21:33:10Z")

</div>

Plugins and building blocks for Cloudflare websites…

---

## [Video Hosted on Cloudinary](https://noobish.me/t/video-hosted-on-cloudinary/365)

<div class="topic-metadata">

**Author:** [@nOObish](https://noobish.me/u/nOObish)\
**Replies:** 0\
**Last updated:** [October 28, 2022, 3:20pm UTC](https://noobish.me/t/video-hosted-on-cloudinary/365 "2022-10-28T15:20:13Z")

</div>

85-year old Gloria filled 33 (55-gallon) trash bags cleaning up our yard today…

---

## [Otter.ai Embeds Test](https://noobish.me/t/otter-ai-embeds-test/185)

<div class="topic-metadata">

**Author:** [@nOObish](https://noobish.me/u/nOObish)\
**Replies:** 0\
**Last updated:** [August 25, 2022, 5:55pm UTC](https://noobish.me/t/otter-ai-embeds-test/185 "2022-08-25T17:55:18Z")

</div>

Record thoughts, auto-transcribed, and post anywhere... \<iframe src="https://otter.ai/u/YLqINDj4ftYKrB-gJhc6XiUmBTU?noGapBottom=true" class="otterframe" width="600px" height="500px" frameborder="0"\>\</iframe\>

---

## [Site Configuration](https://noobish.me/t/site-configuration/135)

<div class="topic-metadata">

**Author:** [@nOObish](https://noobish.me/u/nOObish)\
**Replies:** 1\
**Last updated:** [August 30, 2022, 5:58pm UTC](https://noobish.me/t/site-configuration/135 "2022-08-30T17:58:30Z")

</div>

Discourse Official Docs Discourse All Docs Discourse How-To Category As of 2022-07-03 This Discourse Forum - Server Specs Hosted on Linode Ubuntu 20.04 1 CPU Core 50GB Storage 2 GB RAM 8 minutes to rebuild app... cd /var/discourse ./launcher rebuild app Theme - Discourse Default Theme (Light Variant) Custom Global CSS (as of 2022-09-11)… #topic-progress-wrapper { right: 10px; } body:not(.layouts-left-full) .main-content.topic.left-sidebar .topic-body { width: calc( ( 800px + 2…