Category Archives: Design

Some Notes on Using FLEx

Posted on by
Reply

During the workshop there was ample opportunity to observe how 80 people interact with the same piece of software.

About 80 people

About 80 people attending the workshop.

Of the 80 participants no more than 10 were from the university. While I was presenting my session I asked some technology owned questions and I found out that: Continue reading →

Interoperability of online dictionary data: 
 A test case using WordPress as a CMS

Posted on by
Reply

Linked data is an effort to enhance applications and thereby lives with structured knowledge. This structure at its core is developed by human interaction. The challenge to consumers of linked data is to convince holders of unstructured data to structure it into actionable, manipulatable knowledge. Continue reading →

Many Facets to Planning a Website

Posted on by
Reply

I found this image which I think explains many of the kinds of things that Website builders need to think through. For some in the industry this is like.. Duh! but for others this kind of layout really helps us see the complexity and the parts we need to be thinking through to implement the website.

Many of the different kinds of things that website planners have to think through.

Finding that Apple command symbol

Posted on by
1

I have always wanted to be able to type the ⌘ symbol for various reasons, including writing tutorials, but I have not know how to access it through my keyboard. A few, general, related notes:

  1. There is a nice wright up including some history on the Command Key, ⌘ on wikipedia.
  2. How Apple Keyboards Lost a Logo and Windows PCs Gained One
  3. PopChar is an application which helps users find obscure characters.
    PopChar

    PopChar is a utility for helping users find the Characters they are looking for

    This functionality is built in to OS X with Character Viewer, though it is likely that PopChar extends the user experience in some way.
    CharacterViewer-with-highlight

    OS X Character Viewer

    Shiftkey-in-characterViewer

    Shift Key in Character Viewer

  4. This discussion on the Apple Forums talks about a way to put these symbols in Pages’ auto correction so that Pages will auto correct a set of characters typed to the symbol desired. I have seen this used in MS Word too.
  5. A table of Unicode characters corresponding to Macintosh keyboard symbols, as they commonly appear in menus.

    6. The Next two Links are more detailed but like the above.

  6. Special Key Symbols
  7. Apple Keyboard Symbols

    8. Marginally relevant:

  8. Multi-stroke Key Bindings
  9. Keystroke mapping explained by SIL’s NRSI.

It is unicode point 2318 (the html hex code is ⌘ ) and so you can find it in the character palette under:

  • Code Tables>Unicode>2300>2318

    • or you can go into

  • All Characters>Symbols>Technical Symbols

.

Apple ⌘ symbol

Apple ⌘ symbol

There are a few other ways to get at it, but that should do it for you.

On OS X, if you switch your keyboard to Unicode Hex Input, then holding down opt allows you to type the four digits for a unicode symbol and get the ⌘ (2318).

The Alt/Option Symbol has also been elusive. It can be fount at Unicode point 2325. U+2325.

Alt Key U+2325

Alt Key U+2325

Unicode and Hex Keyboard symbols
⌘ – ⌘ – ⌘ – the Command Key symbol
⌥ – ⌥ – ⌥ – the Option Key symbol
⇧ – ⇧ – ⇧ – the Shift Key (really just an outline up-arrow, not Mac-specific)

⇥ – ⇥ – ⇥ – the Tab Key symbol
⏎ – ⏎ – ⏎ – the Return Key symbol
⌫ – ⌫ – ⌫ – the Delete Key symbol

CSS Alert Messages

Posted on by
Reply

I found this great css messages code here (read about it for a fuller explanation):

/* CSS messages */

.alert { background: #fff6bf url('exclamation.png') 15px 50% no-repeat; padding: 5px 20px 5px 45px; border-top: 2px solid #ffd324; border-bottom: 2px solid #ffd324; }
.info { background: #f8fafc url('information.png') 15px 50% no-repeat; padding: 5px 20px 5px 45px; border-top: 2px solid #b5d4fe; border-bottom: 2px solid #b5d4fe; }
.download { background: #cfc url('download.png') 15px 50% no-repeat; padding: 5px 20px 5px 45px; border-top: 2px solid #3C6; border-bottom: 2px solid #3C6; }
.german { background: transparent url('de.png') 15px 50% no-repeat; padding: 5px 20px 5px 45px; }
.english { background: transparent url('gb.png') 15px 50% no-repeat; padding: 5px 20px 5px 45px; }

Or more Explicitly here:

http://www.bioneural.net/wp-content/themes/k2bn/styles/bioneural/bioneural.css