De-Institutionalization of Education

This brief report could just as easily be called The Status of Education 2.0 but I think we are over this versioning. What is really at work is a de-institutionalization of education as an institution. What we are witnessing is the reorganization of learning outside of the organizing principles of the Medieval University.

The Education of Achilles

Institutional Decline

While still quite revered and heralded as a place of learning and innovation, there is serious institutional decline in the university in general. While one can always point to exceptions and exceptional institutions, the organizing principle of higher education (along with that of medicine and the modern hospital) has been in serious decline for perhaps 30 years. Without point to obvious actors involved in this kind of institutional malaise, suffice it to say that these institutions are incapable of meeting the increasingly dynamic needs of individuals and organizations. This is part and parcel of the increasingly information-intensive nature of work in general.

The Internet of Learning

At the same time as educational institutions have provided largely ineffective, if any, response to the increasing needs for learning in general, information and communication technology has proliferated. This has the salutary effect of providing a different kind of space for co-presence, collaboration, and the dissemination of information. The very nature of the medieval university is founded in a physical place where experts and apprentices were gathered together. The Internet and its various communication technologies can provide virtually the same space, but at a much reduced cost and with a much greater reach.

With the decline of institutions and the increase in communication technology that is not tied to the institutions or to physical locations, learning and education will naturally leak out of institutions and into spaces forged with information and communication technologies.

Current Status of De-institutionalized Education

There are several trends which will likely accelerate as quasi-institutions (organizations collaborating together to deliver learning and education) continue to develop these new learning spaces and develop functional education systems.

  • Professional schools that provide intensive training (at a high price) and deliver skilled and employment-ready graduates. Example Hack Reactor 12 weeks, full time, in-class, ~17,500 USD
  • So called Nano Degrees, essentially certificates which take a year or so to complete. Example Udacity 1 year, part time, online, ~2,500 USD
  • One week or less bootcamps which focus on a particular, somewhat narrow topic/skill. Example Coded Online 2 days, full time, online, ~500 USD
  • Online courses with content that free or premium with unlimited access or monthly. Examples Learning Indonesian unlimited, part time, online, ~150 USD; Udacity Web Development course Monthly (about two months, could be shorter), online, 150 USD/month
  • MOOCs (massive online open courses) are still quite popular and are from a few weeks to a few months in length. These are generally free or inexpensive.
  • More open learning platforms such as Udemy which has found a good niche in enabling the creation of online courses by any expert (or so-called expert) and social ratings to help filter out low quality content. Note that by offering free courses, many people may improve their social reputation and help create additional revenue streams. Example Udemy a few days, weeks or months, part time, online, free to 500 USD.
  • Skill sharing sites, which tend to be the same as open learning platforms, but very low quality (for anyone with Seth Godin or Guy Kawasaki as premiere contributors, the 1990s are calling and want their bubble boys back). Some amount of money, some amount of time, best to ignore these.

via Jeff McNeill


Adaptive vs. Responsive vs. Multi-Platform

These misleading terms Adaptive and Responsive don’t matter much, but rather the result which is an experience of the user (and higher conversion rates) across various platforms (including operating systems, browsers and screen resolutions). For authors and publishers (both book and web formats), design is a rather important topic. Hardcover, paperback, ebook, web are physical/digital format issues (not to mention pricing/paywall discussions). But the real question is does the content (information) and how it is presented (design) change based on device, platform, or screen resolution.

Veiled Chameleon

What Matters in Adaptive and Responsive Design

We at Parliament Press have a slightly different take. First, we need to clearly understand what decisions need to be made, and what changes to implement, and finally, how to really think about device proliferation and ubiquity.

Design Complementary Experiences

Complementary experiences can indeed be identical. But they should at the least inform each other. Recall with experiences we want to reinforce and enhance a brand. Therefore do not contradict expectations which one platform has created. A big example of this is the fragmentary and contradictory experience for Bloomberg apps and website. It is obvious that entirely different teams created these various apps and they likely took as a goal the desire to not duplicate or even enhance what one platform provides in terms of navigation, interface, and information.

Start with a Single Design for All Platforms

The exercise of designing for all platforms makes it abundantly clear where the boundaries of usability and information consumption is. Tradeoffs should be made to provide a reasonable experience at the smaller mobile screen sizes, while having a reasonable experience at the most common desktop display sizes. Mobile should have the slight preference here, since it is the growth platform. This will also help make less is more decisions on removing clutter from the interface.

Learn from Actual Navigation on Different Platforms

Look at how the different platforms in terms of operating system, browser and screen resolution are consuming the content, then take that as the point of departure for special design, however implemented, for different platforms.

Client-side vs. Server-side Customization

Obviously everything comes from a server, but Client-side customization is use of CSS and Javascript only rather than a distinct template (with unique HTML) being served to unique platforms. It doesn’t really matter, per se, as long as there is a good amount of accuracy, that is specific platforms delivered specific content. This is an implementation detail that is best hashed out in the back room between developers and administrators. Ultimately unique content (inclusion or exclusion of content) based on a platform (operating system, browser type, screen resolution) should become not only possible but used in all cases where that makes sense, in terms of increasing conversions.

Multi-platform Design (MPD)

The words Responsive and Adaptive should in all cases be eschewed for a category that is descriptive to its end goal, that is multi-platform. And because three letter acronyms are all the rage, we can call this MPD.

In discussing MPD, we don’t actually focus on this, but rather use the language of mobile. Not mobile first but rather mobile friendly. If a site is mobile friendly, visitors can achieve their goals in the same way as on another platform (desktop/laptop). That is the first step toward multi-platform design. Second is having a feedback loop of mobile friendliness into the design in general. What happens in this process is that design elements and constraints shift from being one platform, then another platform, then a third platform, to that of multi-platform-ness.

via Jeff McNeill

Future Proofing Note Taking / To Do Lists

After the fiasco with Evernote (which I loved for a time) and now Wunderlist (again, a temporary sweetheart), I tried a few options, including ToDo.txt. Now, I have finally determined an excellent set of note-taking tools. There is the need to future-proof this, which as far as I can tell means keeping notes and to-do lists in text files (and not a single text file), and syncing them in the cloud. Plaintext (along with Bland Markdown) is indeed the future.


Requirements for Note Taking and To Do Lists

  • Multiplatform: OSX, Web, iOS, Android
  • Ease of use: Fast to use/access, no advertising (willing to pay for this)
  • Future proof: Cloud syncing, plaintext files
  • Affordable: Under $60/year ($5/month) total (all apps and any subscriptions)

It took a while to get to this simple list. It was trying out the various options that led to these conclusions.

Apps and Services

Some people would have free as a requirement, but that is not as important as transparency, a plaintext format and file-based information storage. The massive problems of interface redesign (Evernote) and broken synchronization (Wunderlist) can be repaired much more easily with the file-based system that I am now using.

The Future is Git

The future is definitely Git, but it is also Dropbox, iCloud, and (heaven forfend) Skydrive. For individual lists, the systems above will be fine, when collaboration is needed, then Git will become the platform of choice. To that end, the following should be considered (as well as other, emerging nascent tools):

Also note Gistbox which focuses more on text snippets, so could be good for note taking and to do lists, rather than larger documents. There is also a Gistbox Chrome App.

Not the Future – Proprietary Apps

Indeed, if I wanted to try yet another proprietary app, then Todoist looks quite good. Also, so does Astrid, though that has been acquired by Yahoo, and we have no idea what its future will be.

via Jeff McNeill

Private Video Streaming – Options

Public video can easily be hosted and streamed on YouTube at no cost. But for those who want some restrictions on the video, YouTube has only limited options. Currently YouTube only allows sharing private videos with up to 50 YouTube accounts, via including their email addresses in the video manager. There are several other options, however, each with various tradeoffs.

Storage, Players, Access Control

There are three main components to private video streaming (besides creating and editing the video). These are:

  • Video storage (where the videos are kept),
  • Video players (how they can be played by those with access), and
  • Access control (the method for allowing only a set group of individuals to have access).

Video Storage Options

There are several options for video storage, though those options also impinge upon what players may be available and what kind of access control is possible. A partial list includes:

Video Players

The best approach is always Open Source, and there are at least two options:

Access Control

The first part of access control has to do with accounts, which generally have email addresses (and passwords). There are two issues:

  • One has to do with the address on the internet and whether it is password-protected (either with a single password or an account-based password).
  • The second issue is whether the actual video file itself is somehow obscured by the player or is easy to download.

The suggestion is to use WordPress (or if you must, some other third-party login system such as Twitter, Facebook, Google) in order to secure the page on which the video can be viewed.

Then use one of the video players above

Public Video Streaming WordPress Embed Codes

Just a recap, there is the standard Embed codes for WordPress Video (and more) and there is also the Smart YouTube plugin (which works with more than just YouTube video).

Privacy and Access Control on WordPress

Pages (with embedded video) can be labelled as public, password protected, or private. Only those users with proper security level (Admins and Editors) can see private pages, and password protected pages require a password. Use various plugins for more control such as limiting parts of a site to logged-in users only.

Video Format for Web Streaming

Video should be appropriately encoded, both allowing for fast start and small file size to increase speed and save on bandwidth. The useful Open Source tool Handbrake can be used if needed, with the following settings:

Handbrake Settings for Web Video

via Jeff McNeill

WP Fountain – Fountain Markup

This plugin modifies screenplay format text for inclusion in web pages. Based on the scrippet concept and original code by John August and Nima Yousefi.


Description of WP Fountain

The Scrippet format is a text format designed by John August to allow writers to input screenplay text in easy-to-write plain text and have it converted to properly styled HTML. This plugin will automatically convert plain text Scrippet to HTML, and add John August’s Scrippets CSS file into your blog. For more information on Scrippets please see

Installation of WP Fountain

  1. Download
  2. Unzip the archive.
  3. Upload the entire “wp-scrippets” folder into your “wp-content/plugins” directory.
  4. Activate the plugin through the Admin plugins panel.
  5. Enjoy!

Usage of WP Fountain

To include a Scrippet of Fountain in your WordPress blog simply include text in the following format:

[ scrippet ]

MARY yells across the hall to FRANK.

Anything you want to tell me?

I swear, honey, I don’t know how mayonnaise got in the piano.



running out of the bathroom.

There are bees in the toilet!
[ /scrippet ]

This renders as:


MARY yells across the hall to FRANK.


Anything you want to tell me?


I swear, honey, I don’t know how mayonnaise got in the piano.



running out of the bathroom.



There are bees in the toliet!

Note: Scrippet text must be wrapped in

blocks, and must have correct line spaces between screenplay elements.

You can make text bold or italic by in the following ways:


  • Wrap the text in double asterisks **bold**.


  • Wrap the text in single asterisks *italic*.

Please note: text styling does not work for transitions. Sorry.

Frequently Asked Questions

MEEP! It’s not formatting correctly. What do I do?

First, please make sure you are inputting the text in the right format. (Line spacing is important!)

However, if you’re doing it right and it’s still not looking right, please go to for troubleshooting help or to submit a bug report.

The Scrippets are formatted correctly, but the style of the box doesn’t fit in with my blog design. What can I do?

The Scrippets settings panel in your WordPress administrator’s page has several settings that you can change to better suit your blog’s design.

However, if those options are insufficient, you can modify the scrippets.css file in wp-scrippets plugin folder. Be advised that updates to the Scrippets plugin will overwrite your changes, so you should back them up and remember to add them back in whenever the plugin gets updated.

Release Notes

WP Fountain

  • 0.0.1 – Fork of WP Scrippets

WP Scrippets

  • 1.5 – Fixed screenshot.
  • 1.4 – Various bug fixes.
  • 1.35 – Fixed bug resulting from having a character name end in INT (ie, VINCINT, QUINT).
  • 1.3 – Compatibility fix for WordPress 2.8+
  • 1.2 – Fixed FOREST bug, added version number to scrippetize.php
  • 1.1 – Added support for bold, italic, and underlined text.
  • 1.0.2 – Fixed bug in wp-scrippets.php that prevented CSS to be added properly for blogs with different WordPress and Blog addresses.
  • 1.0.1 – Fixed scrippetize to work with bbPress.
  • 1.0 – Release!

via Jeff McNeill

Spicy Markdown – Web Shortcode

Spicy Markdown is a significant departure from Bland Markdown as well as many/most other Markdown implementations. Most such implementations try and limit themselves to the spirit of original markdown in terms of parsimony, and extend it only in terms of some additional incremental (but important) extensions. Pandoc tries to do a bit more.

Spicy Markdown

Note: This post is under occasional update.

Difference in Spicy Markdown from other Markdown

Spicy Markdown is different because it is an attempt not so much to extend Markdown but to create a superset of website tools. It might be better called Spicy Shortcode instead of Spicy Markdown but indeed Markdown is the core markup.

Spicy Markdown aims to produce a static html page that is fast, and includes ways of optimizing images for effective display.

Spicy Markdown also supports various other kinds of features of wordress (such as <!--more-->), image and video codes, slideshows/image sliders, and includes css enhancements (such as image alignment).

Essentially, Spicy Markdown is meant to be the best tool for plain-text editing of web pages, as elegant and parsimonious as possible, but with full ability to do basic page composition (layout).

Spicy Markdown is meant to work with SquidCache, and therefore will provide pre-fetched queries and include as little as possible realtime database access.

New Functionality of Spicy Markdown

  • Images will include captions and figure numbering, as well as dimensions and alignment support.
  • YouTube videos will be supported
  • Footnotes and endnotes will be supported
  • Alternative fonts will be supported (specifically useful in the case of different fonts for different languages).
  • Image sliders will be supported (which will have JS/CSS elements)

Related Projects to Include or be Inspired by

via Jeff McNeill