User:ChyranandChloe/Workshop 3

This is the documentation for ChyranandChloe's entry into the Wikipedia:2008 main page redesign proposal. This will detail proposals, source code design, and compatibility.
For the entry click here.
For the discussion for this specific entry click here.
For the general talk and proposals click here.

Proposals

Implemented

The following is a list of proposals already implemented in the entry:

• Show/hide are placed for ever section within the main contents (everything below the top three blocks); this allows the reader to quickly and conveniently hide all information he or she has acquired. For the "Featured content" (left column) all hide/show links are place in front a the wikibar image to divert unwanted attention; in the "Useful locations" (right column) this is unnecessary are it is not in a conspicuous location at the far right of the page.
• POTD dynamically updated template has been generated to allow word-wrap, horizontal scrolling for panoramics, and automatic previous POTD link update.
• Today's highlighted article is found prevalent throughout non-English Wikipedias. The English Wikipedia currently has approximately 2000 featured articles, which is a comparatively small amount to the current 6,914,902 articles. Of those articles, approximately 4000 are marked as "Good articles". The English Wikipedia is by far the largest Wikipedia, and if it wanted to, could produce a third section showcasing its articles (in addition to increasing the clutter).
• Top three sections, has been rearrange by category and importance which produces: the Header, "Help and Projects" and Search and Consultation desks". These three sections are by far the most utilitarian, displaying information on how to use Wikipedia and what it is.
• Featured content and related information sections, include everything below the top three section, this division of the front page article displays all featured content in the larger left column and all related information in the smaller left.
• Wikipedia rather than Welcome to Wikipedia, "Welcome to Wikipedia" appears cliché and is an overstatement on the front page — it does not need to be said to be understood. The front page features the fullest of Wikipedia, and a redundant Welcome statement only hampers it.
• "a one for all encycolopedia design" over "the free encyclopedia that anyone can edit"; this statement has been use almost excessively, Wikipedia is now one of the most traveled websites and it has become well understood that "anyone can edit" it. To avoid redundancy and to better specify Wikipedia's place among encyclopedias it has been replaced with "a one for all encycolopedia design".

In progress

The following is a list of proposals awaiting implementation:

• Aesthetics and adaptability are still in progress, adjustments are still being made to fonts and images to resize according to the reader's browser settings and so forth.
• Introductions are designed to provide for specific users, rather than a general description for all. Different people are searching for different things.

Preliminary

• Java-script screen width detectability and preloaded to allow adaptability for smaller screens and so forth, possibly different browsers, operating systems, and so forth. This would require access to a java-scrip class which posses a screen.width feature. It is possible to include this by asking users to import proposed features into their monobook.js.
• Source and documentation after the creation Dudemanfellabra entry modified from source code copied from this entry; there was a subtle loss of aesthetic quality. It may be desired to improve documentation to allow better forks of this entry's development, if you are interested please see the discussion.
• Help this user brainstorm, see discussion.

Outside entry

The following is a list of proposals needed to be made outside the entry and main page redesign proprosal:

• Condensing, below the three top section, the left column is slightly disproportional to the right; it would be helpful to remove four lines out of the "Did you know" section, and two lines out of the "On this day" section. This, however, is not managed by the front page design, but rather the Wikiproject involved in producing the featured content.
• Section edit link should be moved and possibly super-scripted next to the section title to prevent unexpected displacement caused by image or template location, [[1]].
• Aesthetics is falling behind in the English Wikipedia and it may be desired for a second 2008 proposals, this time concerning the English Wikipedia's skin.
• Web 2.0 is perhaps a more distant proposal; a WYSIWYG editing interface would be useful to new users willing to contribute, but unwilling to learned the extensive Wiki syntax. To go beyond that would be the full implementation of AJAX allowing Wikipedia to appear more as an application (allowing users to move, expand, resize the content) than a fixed editable web page.
• The template from the POTD and FA have been identified for source code errors, it may be desired to fix these errors during the 2008 main page redesign proposal.

Rejected

The following is a list of proposals that are not favored by the entry:

• Search bar build directly into the main page is unnecessary and may create undesired habits. There is already a search bar in the far right column outside the front page. If a longer search bar is needed the Special:Search (already linked in entry) can be used.
• Shorter front page, is possible and could be better utilized for mobile phones or user's with smaller screens. However these should be implemented into their own variations, such as a front page specifically for mobile phones and so forth. Having a smaller page hampers the amount of content that can be displayed, and is rejected in the current variation of this user's entry.

Source code

Overview

The design of this entry is based largely on the Spanish Wikipedia and to some extent the French Wikipedia. Despite the appearance, changes are more prevalent than a simple translation. px size units have largely been replaced with em units which resize according to the reader's browser and browser preference. For example, in addition to an increase in text size if the page is zoomed: the boarders, radiuses of the curved corners, and images (in progress) — will increase in size proportionally to the zoom.

The show/hide feature does not import code using the {{hidden}} template or otherwise, but instead has created and extracted its own code directly from the source, therefore allowing more options and features to be implemented. This feature currently uses a three level series of <div> with java-script classes — although more can be appear to propertly format the text. The code is not structured in any organized manner, and may become difficultly for other users to extract. If you do not succeed at first: you fail, and you entry will be a disaster where people will laugh and laugh and laugh (joke, just ask for help in the discussion WP:AGF).

Before export

Following the final stages of optimization, under "Today's highlighted article" the {{User:ChyranandChloe/Workshop 4}}, the [[Wikipedia:Good articles|Today's highlighted article]], and the comments will be needed to be removed. Before this can be achieved, a template for the "Today's highlighted article" needs to be created allowing the text to be imported. Currently the "Today's highlighted article" section is static and under this user's workshop pages. The POTD template has been redesigned to allow word-wrap, it may be necessary to improve the template following the 2008 main page redesign proposal.

The Today's featured article template is damaged, it contains a </div> that has not yet been properly opened; this poses a challenged as it may unexpectedly show a piece of of the featured article while a show/hide feature is hidden. Known issues, here. To fix this issue within this entry, a <div> has been added before the Today's featured article template. It may be necessary to remove this when the featured article bug is fixed.

Compatibility

The entry's browser compatibility has currently been checked using IE6-7, Firefox 2-3, and Safari 3. It has been optimized for 1024x768, however it does not loose significant quality from 1440x900 down to 800x600. The current issues are listed below:

• The -moz-border-radius parameter is not supported by IE, CSS corners will not be rounded. This is only for aesthetic reasons.
• The -webkit-border-radius does not appear to be able to be nested, corners within certain sections will not have rounded corners. This is only for aesthetic reasons.
• Margin for the Help and Search sections does not render in IE. Fixed
• Padding for the top header section does not appear in IE7. Fixed
• Farthest right boarder for all sections below the header becomes lost in IE7. Fixed

Development log

This is a list of all changes made to this entry (User:ChyranandChloe/Workshop 2):

• 11:20, 07 July 2008 Entry was exported to User:ChyranandChloe/Workshop 2
• m 22:35, 07 July 2008 "On this day" was moved below "In the news"; spelling corrections and syntax improvements; IE fix
  • 20:19, 8 July 2008 Development fork; please see Dudemanfellabra entry
• m 02:25, 09 July 2008 Syntax improvements and browser reliability; fixed bug that created an unwanted white background
• 03:49, 10 July 2008 New feature: show/hide link for every section within the "Main contents"; Syntax reliability improvements
• 08:34, 10 July 2008 Fixed bug, both left and right columns now appear independent of each other
  • 17:21, 10 July 2008 Development fork, please see Mangler13
    • 17:22, 11 July 2008 Development fork (Dudemanfellabra), please see Miserlou
• 09:56, 12 July 2008 New feature: show/hide link for "Portals" section, and "Welcomes" section; syntax updates and fixes for IE7
• 01:37, 13 July 2008 "Welcomes" section renamed "Introduction" section; Safari and IE7 fixes
• m 03:43, 16 July 2008 POTD template has been redesigned and implemented; "Other languages" fixes
• m 03:16, 18 July 2008 Syntax and aesthetic updates; smaller cell-padding in "Sister projects"; images from 45px to 40px in "Portals"
• 10:51, 18 July 2008 Typo fix, thanks Randomblue
• 03:50, 28 July 2008 Duel column option created User:ChyranandChloe/Workshop 9
• 03:51, 28 July 2008 Code dissemination, id attribute provided for section jumping, aestetic image conformity, multiple column option
• m 03:52, 28 July 2008 link error correction
• 03:11, 10 September 2008 page switched to CSS to allow POTD to stretch to full column width.

See also

• b:HTML Programming
• b:CSS Programming
• Help:Magic words
• Help:Parser function
• MediaWiki:Common.css
• MediaWiki:Common.js
• mw:Extension:ImageMap
• Template:Hidden
• Wikipedia:Catalogue of CSS classes

Notes

External links

• Multiple IE, install previous versions of IE as a standalone
• Test your web design in different browsers
• W3C Global web stats
• Web browser market share