Styleguide & Boilerplate Patterns

Still loading...

	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	hgroup Heading 1	1	1															x
42	hgroup Heading 2	1	1															x
43	hgroup Heading 3	1	1															x
44	hgroup Heading 4	1	1															x
45	hgroup Heading 5	1	1															x
46	hgroup Heading 6	1	1															x
47	Small heading segments (inline in larger heading)	4	4	x	x		x																			x
48	Inline heading links	2	2				x	x
49	Headings with imagery or iconography	1	1																							x
50	Heading with divider or rule	1	1																							x
51	Disabled heading	1	1																							x
52	Paragraph	15	15	x	x	x	x	x	x	x	x		x	x	x							x			x	x		x
53	Lead/intro copy or paragraph	6	6	x				x		x								x				x			x
54	Secondary paragraph	1	1																			x
55	Tertiary paragraph	1	1																			x
56	Caption paragraph	1	1					x
57	Blockquote	16	16	x	x	x	x	x	x	x	x		x	x	x			x				x	x		x		x
58	Citation (usually with blockquote)	11	11	x	x		x	x	x	x	x		x					x				x	x
59	Pull quote	2	2						x													x
60	Address / Vcard	5	5	x	x		x					x											x
61	Text alignment classes	7	7	x	x													x			x				x	x		x
62	Text style classes	5	5	x																	x				x	x		x
63	Unordered list	17	17	x	x		x			x	x	x	x	x	x			x		x	x	x	x		x	x		x
64	Unordered list with no bullet (indent-only)	1	1		x
65	Ordered list	17	17	x	x		x	x		x	x	x	x	x	x			x			x	x	x		x	x		x
66	Unstyled list	5	5	x				x				x														x		x
67	Inline, inline-block or horizontal list	4	4	x	x																	x				x
68	Definition list	15	15	x	x		x	x	x	x	x		x	x	x	x						x	x			x		x
69	Horizontal definition list	4	4	x					x													x						x
70	Dictionary definition list	1	1						x
71	Dialog definition list	1	1											x
72	Legal terms list	1	1									x
73	Block list	2	2															x									x
74	List with dividers	3	3																							x	x	x
75	List with images	2	2																							x	x
76	List of links	1	1																							x
77	Animated list (on hover, etc.)	1	1																							x
78	Horizontal rule(s) or dividers	7	7				x	x					x					x								x	x	x
79	Vertical rule(s) or dividers	1	1																							x
80	Drop capitals	1	1						x
81	Ampersands	1	1						x
82	Margin notes	1	1															x
83	Single-line truncation	2	2																						x		x
84	Text selection styles	1	1																							x
85	Responsive text size (flow-text)	1	1																								x
86	Inline styles
87	Link	8	8		x		x	x		x			x	x												x		x
88	Small print	9	9	x	x		x	x	x				x					x							x			x
89	Strong or bold	9	9	x			x	x		x	x		x									x			x			x
90	Emphasis or italic	11	11	x			x	x		x	x		x	x								x	x		x			x
91	Emphasis styles (muted, error, success)	5	5	x											x			x	x						x
92	Deletion (strikethrough)	11	11	x			x	x		x	x		x	x								x	x		x			x
93	Insertion	11	11	x			x	x		x	x		x	x								x	x		x			x
94	Mark or highlight	9	9	x			x	x					x	x								x	x		x			x
95	Definition	7	7				x	x					x	x								x	x					x
96	Subscript and superscript	6	6				x	x					x	x								x	x
97	Abbreviation	11	11	x			x	x	x	x	x		x	x								x	x					x
98	Time or date	3	3				x	x					x
99	Inline quotes (q)	7	7				x	x		x			x					x					x					x
100	Inline labels	9	9	x	x														x	x	x	x		x		x	x