9/26/2013 9:48:21 AM
monoOne : A New Way of Looking at Your App Code
Programming Font, Monone
https://appdevelopermagazine.com/images/news_images/monoone_pmeslfpv.png
App Developer Magazine

monoOne : A New Way of Looking at Your App Code



Richard Harris Richard Harris in Programming Thursday, September 26, 2013
558

monoOne is a monospaced font with over 300 characters, including the powerline symbols for programming and code review. "It slowly became a small, personal research-project to find a better programming font, exploring the typographic needs of code display", says the creator. 

The following specifications were used as guidelines in the development of monoOne:
  • monospaced: this is the default for nearly all programming environments. Although there is some discussion if this specific feature is just historic ballast, the pro-monospace side argues that the possibility of lining up code and the resulting 2-dimensional structuring is useful. For me an even more substantial reason is that, in code, every character has potentially the same significance and should be given the same space to represent that. Giving every character the same amount of space facilitates reading on the character level and thus makes it easier to spot mistakes. Additionally it is a simple convention through all coding environments - the coder can be sure that her code will look similar for other programmers, even if they use another editor and typeface.

  • must work well on low and high resolution displays: Right now we are in the transition to high resolution displays, bringing font rendering quality on screen to the realms of print quality. But we're not there yet, and especially on cheap laptops and typical office-displays this transition will not be accomplished in the foreseeable future. So the glyphs must survive being squashed into a grid of a few pixels extremely well, but I still wanted to design them with attention to detail, although it is only visible in print or on retina displays.

  • differentiation of characters: every character must be clearly distinguishable from similar looking characters. While this seems obvious it comes with costs, like inferior long-text readability and a less consistent appearance. I wanted to reach this goal with minimal tradeoffs.

  • visual representation of the coding mindset: Coding is the expression of ideas in a computer readable form. These ideas should be clear and condensed. The typeface that makes the code visible should reinforce this values. It should look clutter-free and open. This is arguably the least technical demand and the hardest to capture. Considerations regarding this point never beat the previous specifications, but every decision was evaluated under this aspect.

Read more: https://github.com/madmalik/monoOne

Comments

Your name and email will not be public or shared in any way.



A new way to manage your development projects

Learn the best ways to organize your app development projects, and keep code straight, clients happy, and breathe a easier through launches.
 

The Latest Nerd Ranch Guide (3rd Edition) to Android Programming

Write and run code every step of the way, using Android Studio to create apps that integrate with other apps, download and display pictures from the web, play sounds, and more. Each chapter and app has been designed and tested to provide the knowledge and experience you need to get started in Android development.

Starting your own app business?

How to create a profitable, sustainable business developing and marketing mobile apps.