IC internet style guideReader Rating: 3.33
The details are not the details.
They make the design.
They make the design.
— Charles Eames
Information Architecture
- Metatags
- Tagging Attachments
- Topics
- Content Types
Site and Page Structure
- Coding contact us links
- Contact us—Related questions New
- File naming conventions
- File size
- Grids
- Colour Codes
- Cascading Style Sheets (CSS)
- Combining Class Elements
- Browser Support
- Intro page
- Archives
- Title Bar (banners in Eleanor)
- Page Titles and Descriptions
Page Design
Colour and Images
- Colour palette
- Background colours
- Coloured Text on White Background
- Font colour New
- Gradient
- Images
- Optimizing images
- Alt Text
- Icons New
- Image maps New
- Image Styles
- Arced images
- Banners
- Image borders and shadows
- Image title and borders
- Long descriptions (under images in Lise doc)
- Opacity
- Positioning
- Positioning images
- Images in grids
- Wrapping text around images
Interaction Design/Widgets
- Intro - WET Widgets
- Alphabetical index classes
- Buttons
- Expandable/collapsible content
- Footnotes
- Printing
- Progress indicator
- Rounded corners
- Tabbed interface
- Thermometer
- Toggle box
- Top of page link
- Tracked changes
- Zebra striping
- Date Picker
- Calendar CSS
- Floating Toolbar
- Focus Highlighting
- Charts and graphs
- Checkbox List
- Coda Slider
- Slideshow
- Table of Contents
- Slide out tab (WET)
- Radio Buttons
- Links
- Anchors
- Opening links in a new window
- Link Titles
- Linking to documents within same database
- Linking to external documents
- Linking to splash/welcome pages
- Multimedia Player
Text Formatting
- Acronyms and abbreviations
- Alignment
- Clearing Float Elements
- Ampersands New
- Bibliographies
- Boxes and borders
- Capitalization
- Content indicators
- Contact information and mailing addresses
- Dashes hyphens and minus signs
- Font Size (combine size and colour pages)
- Headings (<h1>, <h2>, etc.)
- Horizontal rules
- Indenting
- Language change in text
- Line break control
- Line height
- Lists
- Margins, padding and compress
- Message boxes
- PDF reference box
- Placeholder line
- Quotations (Blockquote/Quote (q)/Cite)
- Separator bars
- Sidebars
- Superscripts and subscripts
- Tables New
- Tag lines
- Text
- Widths
- Modules
- Section Elements
- Accents and Special Characters
- Ampersands
- Forms
- Center
- Normal Text
- Email and Web Addresses
- Layouts (columns)
- Hyphens
- Numbers
- Decimals
- Currency
- Dates
- MathML
- Numbers (Figures vs. Words)
- Percentages
- Roman Numerals
- Telephone and Fax Numbers
- Time of Day
References
HTML 5
- Computer-related elements
- Measurement (<meter>)
- Text direction
- Time and date (<time>)
- Converting Code From HTML to XHTML 1.0 Strict
- Mark
Tools
- Dreamweaver Regular Expressions
- Making HTML Tables Accessible Using LIFT Extension for Dreamweaver
Web Standards
- Standard on Web Accessibility
- Standard on Web Usability
- Standard on Interoperability
- Colour Contrast Ratio
- Information Conveyed by colour
- Colour and Patterns
- Validation
- Provinding Visuals to Help Explain Text
- Moving/Blinking Text and Images
- Quote Marks and Apostrophies
Ideas and Collaboration
- Subsite homepages
- Idea gallery
- IC Wiki style, suggestion and sharing collaboration page
- Best practices
- Hide Code
- CSS classes are case sensitive
- Proper Nesting Of HTML Elements
- Inline Styles
- Deprecated Codes
- Shared Assets
- Writing for the Web
- Nested Counters
- Ordering Content
- Ordering the Content in a Meaningful Sequence
- Order of Content by Language
Disclaimer
This document provides guidance only. If there are any discrepancies between this guide and the web standards for the Government of Canada found on the Treasury Board of Canada Secretariat website, the standards are to be taken as authoritative.
- Date modified:
