Open main menu

User:Waldyrious/Skins

Main goalsEdit

  • Distinguish page views from page actions (separate into menus)
  • Responsive

Interesting designsEdit

DocumentationEdit

  • Overview of existing documentation
    • Collect all skin-related links from mediawiki.org, meta, en.wikipedia, the source code, etc.
    • Summarize each link
    • Complete the first draft of the proposed manual in the "proposed overview" section
    • Request review of the overview, for correctness. Potential people to contact for this:
      • Matma Rex restored one of the old skins (Cologne Blue) to make it conform to the modern system based on templates
      • Ryan Lane has fixed up the strapping-mediawiki skin
      • Daniel Friesen has written quite a bit about the skin system
      • Trevor Parscal was, I believe, one of the main people involved in creating Vector
      • Krinkle seems to be quite knowledgeable about how skins work, judging from some of his comments to Gerrit patches I've seen
      • Jack Phoenix (see here)
      • Liangent (suggested by Sumana)
  • phab:T59801: Improving the skinning experience for developers (improve documentation etc.)
  • Tech Talk: The making of a MediaWiki skin (YouTube video)

LinksEdit

Layout (full, "wiki" mode)Edit

Logo
Tagline

Site nav (links)

  1. (Home)[1]
  2. Recent changes
  3. Special pages[2]
  4. Help

Site actions (buttons)

  1. Search
  2. Create page
  3. Upload file[3]
  4. Random page[4]

Page title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut aliquet cursus nulla, tempus suscipit lorem vehicula efficitur. Proin ac convallis velit, sed commodo lorem. Sed at nulla id dolor tincidunt consectetur sollicitudin euismod nulla.

Quisque faucibus accumsan purus, id pulvinar nisl auctor eu. Pellentesque turpis felis, bibendum ut est sit amet, ornare ultrices nisi. Duis nibh metus, tristique non egestas sed, congue vitae diam. Curabitur quam lectus, malesuada in sagittis eu, volutpat sed velit.

Praesent risus nulla, dictum eget leo eget, ultrices vehicula justo. Quisque iaculis nisi nec felis euismod, eu vestibulum urna hendrerit. Proin odio diam, rhoncus at egestas ac, accumsan quis neque. Phasellus varius vel nunc eget pharetra.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut aliquet cursus nulla, tempus suscipit lorem vehicula efficitur. Proin ac convallis velit, sed commodo lorem. Sed at nulla id dolor tincidunt consectetur sollicitudin euismod nulla.

Quisque faucibus accumsan purus, id pulvinar nisl auctor eu. Pellentesque turpis felis, bibendum ut est sit amet, ornare ultrices nisi. Duis nibh metus, tristique non egestas sed, congue vitae diam. Curabitur quam lectus, malesuada in sagittis eu, volutpat sed velit.

Praesent risus nulla, dictum eget leo eget, ultrices vehicula justo. Quisque iaculis nisi nec felis euismod, eu vestibulum urna hendrerit. Proin odio diam, rhoncus at egestas ac, accumsan quis neque. Phasellus varius vel nunc eget pharetra.


Footer

Personal tools (links)

  1. (User)[5]
  2. Language
  3. Discussion[6]
  4. Preferences[7]
  5. Watchlist[8]
  6. Contributions[9]
  7. Register/Login/Logout

Page views

  1. (Page) (tab)
  2. Discussion (tab)

  1. History
  2. What links here[10]
  3. Related changes[4]
  4. Page information
  5. Printable version
  6. Permalink
  7. Other languages

Page actions (buttons)

  1. Edit
  2. Rename
  3. Delete
  4. (un)Protect
  5. (un)Watch


Notes
  1. Just clicking the logo should be enough (by default; of course, the nav sidebar is customizable anyway)
  2. "site tools"
  3. or maybe a link "insert media" in the page menu? of course, the upload+insertion functionality should be automated or at least guided (like then you log in you get a link to the page you were previously)
  4. 4.0 4.1 probably should be removed by default
  5. dropdown menu, if dynamic; link to user profile, if static. The user page would contain an automatic header in the user page (like preview notices, etc.) with links to preferences, watchlist, talk, and other stuff only the current user has access to.
  6. only a new messages/notifications icon; dropdown menu, if dynamic; link to Special:Notifications, if static
  7. accessible through the user drop-down menu, if dynamic, or user page banner, if static
  8. should be just a filter in Recent Changes
  9. accessible in the page views menu of the user page, which would also include logs, user rights, etc
  10. ideally should contain incoming links and outgoing links, as well as templates and media used on the page

Logo
Tagline


Search

Page title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut aliquet cursus nulla, tempus suscipit lorem vehicula efficitur. Proin ac convallis velit, sed commodo lorem. Sed at nulla id dolor tincidunt consectetur sollicitudin euismod nulla.

Quisque faucibus accumsan purus, id pulvinar nisl auctor eu. Pellentesque turpis felis, bibendum ut est sit amet, ornare ultrices nisi. Duis nibh metus, tristique non egestas sed, congue vitae diam. Curabitur quam lectus, malesuada in sagittis eu, volutpat sed velit.

Site nav (links)
  1. (Home)
  2. Recent changes
  3. Special pages
  4. Help

Site actions (buttons)

  1. Search
  2. Create page
  3. Upload file
  4. Random page
Personal tools (links)
  1. (User)
  2. Language
  3. Discussion
  4. Preferences
  5. Watchlist
  6. Contributions
  7. Register/Login/Logout (button?)
Page views (links)
  1. (Page)
  2. Discussion
  3. History
  4. What links here
  5. Related changes
  6. Page information
  7. Printable version
  8. Permalink
  9. Other languages

Page actions (buttons)

  1. Edit
  2. Rename
  3. Delete
  4. (un)Protect
  5. (un)Watch
Footer

Layout (simplified, "website" mode)Edit

Logo
Tagline
Search box Login

Page title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut aliquet cursus nulla, tempus suscipit lorem vehicula efficitur. Proin ac convallis velit, sed commodo lorem. Sed at nulla id dolor tincidunt consectetur sollicitudin euismod nulla.

Quisque faucibus accumsan purus, id pulvinar nisl auctor eu. Pellentesque turpis felis, bibendum ut est sit amet, ornare ultrices nisi. Duis nibh metus, tristique non egestas sed, congue vitae diam. Curabitur quam lectus, malesuada in sagittis eu, volutpat sed velit.

Praesent risus nulla, dictum eget leo eget, ultrices vehicula justo. Quisque iaculis nisi nec felis euismod, eu vestibulum urna hendrerit. Proin odio diam, rhoncus at egestas ac, accumsan quis neque. Phasellus varius vel nunc eget pharetra.

Footer