Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 12 Next »

Possible Technologies

Notes

 

We might also want to look at normalize.css as a replacement for our base and reset files.

  • Bootstrap uses normalize.css.
  • Foundation has a block grid which creates a grid from a <ul>. Bootstrap does not appear have a comparable feature (although one can be created).

 

Evaluation Criteria

  • Covers FSS functionality
    • theming
    • layout
      • Containers:
        • fixed-width containers: 100, 150, 200, 250, 300, 400, 450, 500, 550, 600, 650, 700, 750, 800, 850, 900, 950, 1000px
        • relative width containers: auto, flex[1-99]
      • Columns:
        • equal-width columns: 2 / 3 / 4 / 5 column layouts.
        • fixed-width columns: 100, 150, 200, 250, 300
        • flexible columns: flexible-width column to left or right of a fixed-width column
      • Tabs:
        • Turn UL and LI into tabs
        • Align: left, center, right
        • Active tab styling
      • Vertical Menu:
        • Turn UL of anchors into a vertical navigation menu
        • Active menu item styling
      • Grid item layout:
        • A fixed height (150px) grid of a list (UL) of images, captions, or other content
    • images
      • icons:
        • force an element to 16x16 pixels and hides descriptive text.
    • forms and controls
      • buttons:
        • Apply button styling to an element
        • alignment: left, right
    • text sizing
    • components
      • widgets
        • movable containers that emcompass elements that collectively create a "widget" (i.e. a calendar or search field).

  • CSS Reset
  • Responsive layouts
  • No labels