User:Zozart/category test

Expanded TomEdwards' two-column layout, integrating some of the features from the Main_Page in order to give it a similar style.

Problems with HTML:

• Mixed HTML and Wiki markup
• Hard to track opening and closing of <div>s
  • More difficult for users to edit

Versions:

• Mixed HTML and Wiki markup
• Wiki-only markup with simple tables
• Wiki-only markup with more complex tables
• Wiki-only markup with dual complex tables

Mixed HTML and Wiki markup

Code using a combination of HTML </div> tags and Wiki markup.

Tutorials Beginner General Building your first room in Hammer Introduction to Editing Hammer 3D and 2D Views Leaks Explained Entity Inputs and Outputs Optimization Game-specific http://developer.valvesoftware.com/w/images/a/a5/Css.gif Counter-Strike: Source Making levels for Counter-Strike: Source How To Develop A Map That Works Intermediate General Source Mapping for Half-Life 1 Mappers Grouping and VisGrouping Cubemaps Physics Entity Overview Entity Hierarchy (parenting) Displacement Surfaces (Terrain) 3D Skyboxes Creating and Using Prefabs How to Release A Map Game-specific http://developer.valvesoftware.com/w/images/6/6d/Hl2px16.gif Half-Life 2 Single-Player Mapping Tips Regions & Atmospheres Advanced General Advanced Lighting Expert compile mode Using Bspzip to Embed Custom Content Creating Level Overviews Filter Applications Mini-mod tutorial Game-specific http://developer.valvesoftware.com/w/images/a/a5/Css.gif Counter-Strike: Source Bot Navigation for Counter-Strike: Source

Reference Abstract Mapping Ammunition | List of HL2 Animals and Creatures | Mapping with Antlions | Beams and Lasers | Cables and Ropes | Moving Clouds | Color Theory in Level Design | Combat | Combine | Compression (Source 1) | Doors | Dust, Fog, & Smoke | Elevators | Level Transitions | Environmental Lighting, Sun, Weather, & Outdoors | Explosions | Fire | Half-Life 2 Foliage | Glass & Windows | Headcrab | Health | Ladders | Lighting | Optimization (level design) | Physics | Retinal scanners | Sound and Music | Special effects | Terrain | Trains | Turrets | Water | Weapons | Zombie Hammer Editor Hammer Editor Documentation Hammer Feature Requests Objects List of entities Prop Gallery Items (weapons, pickups) NPCs (monsters, allies, characters) Troubleshooting Troubleshooting Level Design Using the Showbudget Panel Compile Errors Design Theory What makes a good level? Single-Player Mapping Tips Bounce (level design) Loops (level design) Push Gameplay Map Compiling Theory RAD (technical)

Wiki markup with simple tables

Only uses Wiki markup, with 2 simple columns.

Getting Started Building your first room in Hammer Introduction to Editing Hammer 3D and 2D Views Leaks Explained Entity Inputs and Outputs Optimization http://developer.valvesoftware.com/w/images/a/a5/Css.gif Counter-Strike: Source Making levels for Counter-Strike: Source How To Develop A Map That Works Intermediate Topics Source Mapping for Half-Life 1 Mappers Grouping and VisGrouping Cubemaps Physics Entity Overview Entity Hierarchy (parenting) Displacement Surfaces (Terrain) 3D Skyboxes Creating and Using Prefabs How to Release A Map http://developer.valvesoftware.com/w/images/6/6d/Hl2px16.gif Half-Life 2 Single-Player Mapping Tips Regions & Atmospheres Advanced Techniques Advanced Lighting Expert compile mode Using Bspzip to Embed Custom Content Creating Level Overviews Filter Applications Mini-mod tutorial http://developer.valvesoftware.com/w/images/a/a5/Css.gif Counter-Strike: Source Bot Navigation for Counter-Strike: Source

Abstract Mapping Ammunition | List of HL2 Animals and Creatures | Mapping with Antlions | Beams and Lasers | Cables and Ropes | Moving Clouds | Color Theory in Level Design | Combat | Combine | Compression (Source 1) | Doors | Dust, Fog, & Smoke | Elevators | Level Transitions | Environmental Lighting, Sun, Weather, & Outdoors | Explosions | Fire | Half-Life 2 Foliage | Glass & Windows | Headcrab | Health | Ladders | Lighting | Optimization (level design) | Physics | Retinal scanners | Sound and Music | Special effects | Terrain | Trains | Turrets | Water | Weapons | Zombie Hammer Editor Hammer Editor Documentation Hammer Feature Requests Objects List of entities Prop Gallery Items (weapons, pickups) NPCs (monsters, allies, characters) Troubleshooting Troubleshooting Level Design Using the Showbudget Panel Compile Errors Design Theory What makes a good level? Single-Player Mapping Tips Bounce (level design) Loops (level design) Push Gameplay Map Compiling Theory RAD (technical)

Wiki markup with complex tables

Uses only Wiki markup, but uses more complex table code to add sections and different color possibilties. Some of the markup could be templated fairly easily.

Wiki markup with dual complex tables, multiple sections and colours

Uses only Wiki markup, but uses more complex table code to add sections and different color possibilties. Some of the markup could be templated fairly easily. As above, uses only Wiki markup and table code. Utilises two nested tables in order to allow independant sections for each column. Each section can be coloured, e.g. the Hammer box (yellow) and the Troubleshooting box (red). Each section also alternates between white and light grey for the background (aside from those boxes with a different colour).

Issues:

• If more sections were added (especially if in the middle), can be confusing to swap around all the background colours.
• Two nested tables could be an issue in the name of simplicity.

Getting Started Building your first room in Hammer Introduction to Editing Hammer 3D and 2D Views Leaks Explained Entity Inputs and Outputs Optimization http://developer.valvesoftware.com/w/images/a/a5/Css.gif Counter-Strike: Source Making levels for Counter-Strike: Source How To Develop A Map That Works Intermediate Topics Source Mapping for Half-Life 1 Mappers Grouping and VisGrouping Cubemaps Physics Entity Overview Entity Hierarchy (parenting) Displacement Surfaces (Terrain) 3D Skyboxes Creating and Using Prefabs How to Release A Map http://developer.valvesoftware.com/w/images/6/6d/Hl2px16.gif Half-Life 2 Single-Player Mapping Tips Regions & Atmospheres Advanced Techniques Advanced Lighting Expert compile mode Using Bspzip to Embed Custom Content Creating Level Overviews Filter Applications Mini-mod tutorial http://developer.valvesoftware.com/w/images/a/a5/Css.gif Counter-Strike: Source Bot Navigation for Counter-Strike: Source

Hammer Editor Hammer Editor Documentation Hammer Feature Requests Abstract Mapping Ammunition | List of HL2 Animals and Creatures | Mapping with Antlions | Beams and Lasers | Cables and Ropes | Moving Clouds | Color Theory in Level Design | Combat | Combine | Compression (Source 1) | Doors | Dust, Fog, & Smoke | Elevators | Level Transitions | Environmental Lighting, Sun, Weather, & Outdoors | Explosions | Fire | Half-Life 2 Foliage | Glass & Windows | Headcrab | Health | Ladders | Lighting | Optimization (level design) | Physics | Retinal scanners | Sound and Music | Special effects | Terrain | Trains | Turrets | Water | Weapons | Zombie Objects List of entities Prop Gallery Items (weapons, pickups) NPCs (monsters, allies, characters) Troubleshooting Troubleshooting Level Design Using the Showbudget Panel Compile Errors Design Theory What makes a good level? Single-Player Mapping Tips Bounce (level design) Loops (level design) Push Gameplay Map Compiling Theory RAD (technical)

Wiki markup with sub-tables

Based on design #2, but uses a subtable to display the right-hand column instead of relying on rowspanning.

Problems:

• Holy HTML, batman! I didn't have the patience to get it working in Wiki, sorry to whoever ends up converting it! Using a template system should make it as efficient as Jeff's version.
• Double-width around right column (vis. different colour). Could be fixed by getting rid of the table and faking the cell spacing with divs.

Getting Started Building your first room in Hammer Introduction to Editing Hammer 3D and 2D Views Leaks Explained Entity Inputs and Outputs Optimization http://developer.valvesoftware.com/w/images/a/a5/Css.gif Counter-Strike: Source Making levels for Counter-Strike: Source How To Develop A Map That Works Intermediate Topics Source Mapping for Half-Life 1 Mappers Grouping and VisGrouping Cubemaps Physics Entity Overview Entity Hierarchy (parenting) Displacement Surfaces (Terrain) 3D Skyboxes Creating and Using Prefabs How to Release A Map http://developer.valvesoftware.com/w/images/6/6d/Hl2px16.gif Half-Life 2 Single-Player Mapping Tips Regions & Atmospheres Advanced Techniques Advanced Lighting Expert compile mode Using Bspzip to Embed Custom Content Creating Level Overviews Filter Applications Mini-mod tutorial http://developer.valvesoftware.com/w/images/a/a5/Css.gif Counter-Strike: Source Bot Navigation for Counter-Strike: Source

Hammer Editor Hammer Editor Documentation Hammer Feature Requests Abstract Mapping Ammunition | List of HL2 Animals and Creatures | Mapping with Antlions | Beams and Lasers | Cables and Ropes | Moving Clouds | Color Theory in Level Design | Combat | Combine | Compression (Source 1) | Doors | Dust, Fog, & Smoke | Elevators | Level Transitions | Environmental Lighting, Sun, Weather, & Outdoors | Explosions | Fire | Half-Life 2 Foliage | Glass & Windows | Headcrab | Health | Ladders | Lighting | Optimization (level design) | Physics | Retinal scanners | Sound and Music | Special effects | Terrain | Trains | Turrets | Water | Weapons | Zombie Objects List of entities Prop Gallery Items (weapons, pickups) NPCs (monsters, allies, characters) Troubleshooting Troubleshooting Level Design Using the Showbudget Panel Compile Errors Design Theory What makes a good level? Single-Player Mapping Tips Bounce (level design) Loops (level design) Push Gameplay Map Compiling Theory RAD (technical)