Making Extensions Look like they Belong

From MWStake
Revision as of 09:18, 24 May 2015 by Chris Koerner (talk | contribs) (Created page with "{{Blog Post |title=Making Extensions Look like they Belong |tags=Extensions, Development, User Interface, UI, |author=Chris Koerner }} While at the [https://www.mediawiki.org/...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.

by Chris Koerner on 24 May 2015 09:18 (EDT)

Tag.png Tags: Development, Extensions, UI, User Interface

While at the Lyon Hackathon this week I've gotten a chance to become familar with the MediaWiki Living Styleguide. This guide is really handy if you're building an extension that presents dialog (words) or inputs (buttons, forms) to the people using your wiki. The guide outlines all the various UI elements that are being used in MediaWiki core. Instead of having to guess or 'eyeball' elements as you design and layout your extension interface you can reference the living styleguide as you work.

The guide, and all of the individual elements, is browsable on wmflabs.org. There's a separate section for desktop and mobile.

You can read more about the guide here: https://www.mediawiki.org/wiki/Design/Living_style_guide