A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z | AA | AB | ||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
1 | About | Bootstrap | Foundation | Pattern Primer | Style Guide Boilerplate | Barebones | Typeplate | Clearleft Styleguide | mezzoblue Markup Guide | Starbucks Style Guide | Paul Robert Lloyd Styleguide | Baseline | GitHub CSS Style Guide | Pears | Responsive Patterns | inuit.css | AUI | Topcoat | Tuktuk | Rock Hammer | Pure | Gumby | Primer | Semantic UI | Materialize | UIkit | |||
2 | Last Update | 2015-04-13 | 2015-04-01 | 2013-05-08 | 2013-06-18 | 2013-05-08 | 2013-05-08 | 2013-05-08 | 2013-05-08 | 2013-05-08 | 2013-05-08 | 2013-05-08 | 2013-05-08 | 2013-05-08 | 2013-05-08 | 2013-05-10 | 2013-05-16 | 2013-05-24 | 2013-05-24 | 2013-05-24 | 2013-06-03 | 2013-08-05 | 2015-03-30 | 2015-07-31 | 2015-07-31 | 2015-07-31 | |||
3 | Layout | ||||||||||||||||||||||||||||
4 | Grid system | 15 | 15 | x | x | x | x | x | x | x | x | x | x | x | x | x | x | x | |||||||||||
5 | Baseline grid (vertical rhythm) | 2 | 2 | x | x | ||||||||||||||||||||||||
6 | Containers or panels | 12 | 12 | x | x | x | x | x | x | x | x | x | x | x | x | ||||||||||||||
7 | Containers or panels with headings | 4 | 4 | x | x | x | x | ||||||||||||||||||||||
8 | Stacked containers (like pieces of paper) | 1 | 1 | x | |||||||||||||||||||||||||
9 | Spacing (common dimensions) | 2 | 2 | x | x | ||||||||||||||||||||||||
10 | Vertical alignment helpers | 4 | 4 | x | x | x | x | ||||||||||||||||||||||
11 | Fixed positioning helpers | 4 | 4 | x | x | x | x | ||||||||||||||||||||||
12 | Float helpers | 4 | 4 | x | x | x | x | ||||||||||||||||||||||
13 | Arrange/flex-table | 2 | 2 | x | x | ||||||||||||||||||||||||
14 | Flexbox layout patterns | 1 | 1 | x | |||||||||||||||||||||||||
15 | Dynamic grid (masonry) | 1 | 1 | x | |||||||||||||||||||||||||
16 | Misc. | ||||||||||||||||||||||||||||
17 | Colors | 8 | 8 | x | x | x | x | x | x | x | x | ||||||||||||||||||
18 | Icons | 11 | 11 | x | x | x | x | x | x | x | x | x | x | x | |||||||||||||||
19 | Sprites | 1 | 1 | x | |||||||||||||||||||||||||
20 | Region/culture flags (US, GB, FR, etc.) | 2 | 2 | x | x | ||||||||||||||||||||||||
21 | Visiblity classes (based on viewport size) | 6 | 6 | x | x | x | x | x | x | ||||||||||||||||||||
22 | Arrows/carets | 2 | 2 | x | x | ||||||||||||||||||||||||
23 | Avatars | 3 | 3 | x | x | x | |||||||||||||||||||||||
24 | Parent-child avatars | 1 | 1 | x | |||||||||||||||||||||||||
25 | Border styles | 1 | 1 | x | |||||||||||||||||||||||||
26 | Shadows | 1 | 1 | x | |||||||||||||||||||||||||
27 | Typography | ||||||||||||||||||||||||||||
28 | Font stacks | 6 | 6 | x | x | x | x | x | x | ||||||||||||||||||||
29 | Heading 1 | 17 | 17 | x | x | x | x | x | x | x | x | x | x | x | x | x | x | x | x | x | |||||||||
30 | Heading 2 | 20 | 20 | x | x | x | x | x | x | x | x | x | x | x | x | x | x | x | x | x | x | x | x | ||||||
31 | Heading 3 | 20 | 20 | x | x | x | x | x | x | x | x | x | x | x | x | x | x | x | x | x | x | x | x | ||||||
32 | Heading 4 | 20 | 20 | x | x | x | x | x | x | x | x | x | x | x | x | x | x | x | x | x | x | x | x | ||||||
33 | Heading 5 | 19 | 19 | x | x | x | x | x | x | x | x | x | x | x | x | x | x | x | x | x | x | x | |||||||
34 | Heading 6 | 19 | 19 | x | x | x | x | x | x | x | x | x | x | x | x | x | x | x | x | x | x | x | |||||||
35 | Subheading 1 | 3 | 3 | x | x | x | |||||||||||||||||||||||
36 | Subheading 2 | 3 | 3 | x | x | x | |||||||||||||||||||||||
37 | Subheading 3 | 3 | 3 | x | x | x | |||||||||||||||||||||||
38 | Subheading 4 | 3 | 3 | x | x | x | |||||||||||||||||||||||
39 | Subheading 5 | 3 | 3 | x | x | x | |||||||||||||||||||||||
40 | Subheading 6 | 3 | 3 | x | x | x | |||||||||||||||||||||||
41 | Small heading segments (inline in larger heading) | 4 | 4 | x | x | x | x | ||||||||||||||||||||||
42 | Inline heading links | 2 | 2 | x | x | ||||||||||||||||||||||||
43 | Headings with imagery or iconography | 1 | 1 | x | |||||||||||||||||||||||||
44 | Heading with divider or rule | 1 | 1 | x | |||||||||||||||||||||||||
45 | Disabled heading | 1 | 1 | x | |||||||||||||||||||||||||
46 | Paragraph | 15 | 15 | x | x | x | x | x | x | x | x | x | x | x | x | x | x | x | |||||||||||
47 | Lead/intro copy or paragraph | 6 | 6 | x | x | x | x | x | x | ||||||||||||||||||||
48 | Secondary paragraph | 1 | 1 | x | |||||||||||||||||||||||||
49 | Tertiary paragraph | 1 | 1 | x | |||||||||||||||||||||||||
50 | Caption paragraph | 1 | 1 | x | |||||||||||||||||||||||||
51 | Blockquote | 16 | 16 | x | x | x | x | x | x | x | x | x | x | x | x | x | x | x | x | ||||||||||
52 | Citation (usually with blockquote) | 11 | 11 | x | x | x | x | x | x | x | x | x | x | x | |||||||||||||||
53 | Pull quote | 2 | 2 | x | x | ||||||||||||||||||||||||
54 | Address / Vcard | 5 | 5 | x | x | x | x | x | |||||||||||||||||||||
55 | Text alignment classes | 7 | 7 | x | x | x | x | x | x | x | |||||||||||||||||||
56 | Text style classes | 5 | 5 | x | x | x | x | x | |||||||||||||||||||||
57 | Unordered list | 17 | 17 | x | x | x | x | x | x | x | x | x | x | x | x | x | x | x | x | x | |||||||||
58 | Unordered list with no bullet (indent-only) | 1 | 1 | x | |||||||||||||||||||||||||
59 | Ordered list | 17 | 17 | x | x | x | x | x | x | x | x | x | x | x | x | x | x | x | x | x | |||||||||
60 | Unstyled list | 5 | 5 | x | x | x | x | x | |||||||||||||||||||||
61 | Inline, inline-block or horizontal list | 4 | 4 | x | x | x | x | ||||||||||||||||||||||
62 | Definition list | 15 | 15 | x | x | x | x | x | x | x | x | x | x | x | x | x | x | x | |||||||||||
63 | Horizontal definition list | 4 | 4 | x | x | x | x | ||||||||||||||||||||||
64 | Dictionary definition list | 1 | 1 | x | |||||||||||||||||||||||||
65 | Dialog definition list | 1 | 1 | x | |||||||||||||||||||||||||
66 | Legal terms list | 1 | 1 | x | |||||||||||||||||||||||||
67 | Block list | 2 | 2 | x | x | ||||||||||||||||||||||||
68 | List with dividers | 3 | 3 | x | x | x | |||||||||||||||||||||||
69 | List with images | 2 | 2 | x | x | ||||||||||||||||||||||||
70 | List of links | 1 | 1 | x | |||||||||||||||||||||||||
71 | Animated list (on hover, etc.) | 1 | 1 | x | |||||||||||||||||||||||||
72 | Horizontal rule(s) or dividers | 7 | 7 | x | x | x | x | x | x | x | |||||||||||||||||||
73 | Vertical rule(s) or dividers | 1 | 1 | x | |||||||||||||||||||||||||
74 | Drop capitals | 1 | 1 | x | |||||||||||||||||||||||||
75 | Ampersands | 1 | 1 | x | |||||||||||||||||||||||||
76 | Margin notes | 1 | 1 | x | |||||||||||||||||||||||||
77 | Single-line truncation | 2 | 2 | x | x | ||||||||||||||||||||||||
78 | Text selection styles | 1 | 1 | x | |||||||||||||||||||||||||
79 | Responsive text size (flow-text) | 1 | 1 | x | |||||||||||||||||||||||||
80 | Inline styles | ||||||||||||||||||||||||||||
81 | Link | 8 | 8 | x | x | x | x | x | x | x | x | ||||||||||||||||||
82 | Small print | 9 | 9 | x | x | x | x | x | x | x | x | x | |||||||||||||||||
83 | Strong or bold | 9 | 9 | x | x | x | x | x | x | x | x | x | |||||||||||||||||
84 | Emphasis or italic | 11 | 11 | x | x | x | x | x | x | x | x | x | x | x | |||||||||||||||
85 | Emphasis styles (muted, error, success) | 5 | 5 | x | x | x | x | x | |||||||||||||||||||||
86 | Deletion (strikethrough) | 11 | 11 | x | x | x | x | x | x | x | x | x | x | x | |||||||||||||||
87 | Insertion | 11 | 11 | x | x | x | x | x | x | x | x | x | x | x | |||||||||||||||
88 | Mark or highlight | 9 | 9 | x | x | x | x | x | x | x | x | x | |||||||||||||||||
89 | Definition | 7 | 7 | x | x | x | x | x | x | x | |||||||||||||||||||
90 | Subscript and superscript | 6 | 6 | x | x | x | x | x | x | ||||||||||||||||||||
91 | Abbreviation | 11 | 11 | x | x | x | x | x | x | x | x | x | x | x | |||||||||||||||
92 | Time or date | 3 | 3 | x | x | x | |||||||||||||||||||||||
93 | Inline quotes (q) | 7 | 7 | x | x | x | x | x | x | x | |||||||||||||||||||
94 | Inline labels | 9 | 9 | x | x | x | x | x | x | x | x | x | |||||||||||||||||
95 | Inline badges/counters (numeric) | 8 | 8 | x | x | x | x | x | x | x | x | ||||||||||||||||||
96 | Inline badges/states (text) | 3 | 3 | x | x | x | |||||||||||||||||||||||
97 | Inline tooltips (not interactive) | 1 | 1 | x | |||||||||||||||||||||||||
98 | Unarticulated non-textual annotation (u) | 3 | 3 | x | x | x | |||||||||||||||||||||||
99 | White space characters | 1 | 1 | x | |||||||||||||||||||||||||
100 | Code |