Archive for the ‘Markup’ Category

10 Mac HTML Entities

Markup, OSX No responses.

Here are some HTML Entities that might help if you are writing mac oriented tutorials or posts.

  1. Command- ⌘ Entity Code: ⌘
  2. Right Arrow- →Entity Code: →
  3. Left Arrow- ←Entity Code: ←
  4. Up Arrow- ↑Entity Code: ↑
  5. Down Arrow- ↓Entity Code: ↓
  6. Control- ⌃Entity Code: ⌃
  7. Shift- ⇧ Entity Code: ⇧
  8. Option- ⌥Entity Code: ⌥
  9. Backspace- ⌫Entity Code: ⌫
  10. Escape- ⎋Entity Code: ⎋

Author Comment Highlighting For N00bz

Markup, Wordpress, Blogging 3 responses.

At first, I didn’t want to do a post on this topic because there are so many nice ones already. However, this post focuses on the non geek portion of people with Wordpress blogs, who want to incorporate recognition of authors into their blogs. The way this post works is in 3 steps. Before we start anything, however, you’ll want to make sure you have access to edit your theme in some way. If it is FTP, fine. If you’re using the built in wordpress editor, that is also fine.

Continue reading Author Comment Highlighting For N00bz

Highlighting- Improving Scan-ability

Interface Design, Markup No responses.

Earlier today I was playing a game of Band of Bugs on Xbox Live Arcade. It’s a fun and addicting game, but there is no shortage of dialogue that you have to “hit A” through before, after, and even during a level. Yet it is possible to scan through the dialogue and still learn what they’re trying to teach you or what you’re supposed to do, because of the way the designers emphasized important words in the speech bubbles. They change the color of the text, and I thought that a slight modification would make an excellent idea for the web. Instead of changing text color, I propose slightly changing the background to emphasize the words more.

Because so many people scan web pages instead of reading them, wouldn’t it be great if all the most important terms or points in an article were highlighted? Yes, I know some websites/blogs already do this. I just wish the idea to get around and see where people go with it. Hit read the rest of this entry if you’d like to see some example markup to make this possible, as well as how to modify the Wordpress Visual Editor to display a background color button.

Continue reading Highlighting- Improving Scan-ability

Make The Code in Your Blog Posts Look Great

Markup, Wordpress, Web Design One response.

After my last post about using the <code> element along with entities for > and < to display HTML or PHP on your blog, and setting out to better style the <code> element on this site, I wondered how others were styling the <code> element. So I thought I'd take a look at how Nyssa Brown, Andrew Nesbitt of Teabass, Veerle, Dan Cederhold of SimpleBits fame, Jonathan Snook(of Snook.ca), and Steve Smith(from Ordered List) style their code blocks.

Continue reading Make The Code in Your Blog Posts Look Great

Skip to page: 1 2