forked from ardgedee/enterprise-html
/
tips.js
244 lines (224 loc) · 8.29 KB
/
tips.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
var tips = [];
tips.push({
author: 'kentbrew',
message: 'Applying every css rule to a nested <em>div</em> tag of its own, with a highly descriptive id.',
example: [
'<div id="thePageContainer">',
' <div id="headerWrapperContainer">',
' <div id="headerWrapperContainerMargin">',
' <div id="headerWrapperContainerFancyBorder">',
' <div id="headerWrapperContainerPadding">',
' <div id="headerWrapperContainerLeftSideContainer">',
' <div id="headerWrapperContainerLogoContainer">',
' <img src="MilesCowperthwaite.jpg" />',
' </div>',
' </div>',
' <div id="headerWrapperContainerRightSideContainer">',
' <div id="headerWrapperContainerMainTitleContainer">',
' <h1>Chapter Two</h1>',
' </div>',,
' <div id="headerWrapperContainerSubTitleContainer">',
' <div id="headerWrapperContainerMainTitleContainer">',
' <h2>I am Nailed to the Hull</h2>',
' </div>',
' </div>',
' </div>',
' <div id="headerWrapperContainerMainTitleBottomSpacer"></div>',
' </div>',
' </div>',
' </div>',
' </div>',
' <div id="bodyWrapperContainer">'
]
})
tips.push({
author: 'kentbrew',
message: 'Bullet-proof <em>rounded corners</em> that work all the way down to Netscape 4.79',
example: [
'<table>',
' <tr>',
' <td width="50"><img src="top-left.gif" height="50" width="50"></img></td>',
' <td height="50" bgcolor="#000000">',
' <td width="50"><img src="top-right.gif" height="50" width="50"></img></td>',
' </tr>',
' <tr>',
' <td width="50" bgcolor="#000000"></td>',
' <td bgcolor="#000000">',
' <h3 color="#ffff00">See? Rounded Corners are Easy! And Awesome!</h3>',
' </td>',
' <td width="50" bgcolor="#000000"></td>',
' </tr>',
' <tr>',
' <td width="50"><img src="bottom-left.gif" height="50" width="50"></img></td>',
' <td height="50" bgcolor="#000000">',
' <td width="50"><img src="bottom-right.gif" height="50" width="50"></img></td>',
' </tr>',
'</table>'
]
});
tips.push({
author: 'kentbrew',
message: 'Choosing just the right <em>meta</em> keywords',
example: [
'<!doctype html>',
'<html>',
'<head>',
' <title>Enterprise HTML - Provides proven high performance, enterprise-level and scalable HTML tips and best practices.</title>',
' <META NAME="KEYWORDS" CONTENT="enterprise,html,enterprise html,megan,fox,megan fox,megan fox naked,megan fox naked sexy,megan fox naked sexy striptease,megan fox naked sexy striptease sextape,megan fox naked sexy striptease sextape enterprise,megan fox naked sexy striptease sextape enterprise html">',
'</head>'
]
})
tips.push({
author: 'kentbrew',
message: 'Maximizing font size and density (especially for mobile devices) with nested <em>H1</em>, <em>H2</em>, and <em>B</em> tags',
example: [
'<h1><b>Chapter One</b></h1>',
'<h2><b>I am Nailed to the Hull</b></h2>'
]
})
tips.push({
author: 'kentbrew',
message: 'Formatting vertical whitespace with unclosed <em>P</em> tags',
example: [
'<img src="foo.jpg" />',
'<p>',
'<img src="bar.jpg" />',
'<p>'
]
})
tips.push({
author: 'kentbrew',
message: 'Saving bandwidth with unclosed <em>LI</em> tags',
example: [
'<ul>',
' <li>cat',
' <li>dog',
' <li>elephant'
'</ul>'
]
})
tips.push({
author: 'bentruyman',
message: 'Using <em>Really</em> Long Explicit Ids',
example: [
'<div id="EN_US-Introduction-WelcomeMessage-RedText-Container">',
' <p id="EN_US-Introduction-WelcomeMessage-RedText-Container-Paragraph">',
' Welcome to Our Home Page!',
' </p>',
'</div>'
]
});
tips.push({
author: 'unknown',
message: 'Using <em>All</em> of the XHTML doctypes',
example: [
'<!DOCTYPE html PUBLIC',
' "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd',
' "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd',
' "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">'
]
});
tips.push({
author: 'bentruyman',
message: 'Writing All Your Styles Inline to <em>Reduce</em> HTTP Requests',
example: [
'<html>',
' <head>',
' <link href="global.css" rel="stylesheet" /> <!-- BAD!! -->',
' <style>',
' #wrapper {',
' ...',
' }',
' </style> <!-- GOOD!! -->',
' </head>',
'</html>'
]
});
tips.push({
author: 'bentruyman',
message: '<em>Never</em> Leaving An IMG Tag Unclosed',
example: [
'<img src="my-corporate-logo.gif"></img>'
]
});
tips.push({
author: 'bentruyman',
message: 'Writing All Tags and Attributes in Uppercase for <em>Readability</em>',
example: [
'<DIV ID="ContainerWrapper">',
' <P>',
' This is a paragraph example.',
' <A HREF="/HomePage.htm" TARGET="_blank"></A>',
' </P>',
'</DIV>'
]
});
tips.push({
author: 'bentruyman',
message: 'Liberally Using <em>Documentation</em> to Describe Sections of Content',
example: [
'<!-- CONTAINER START: Container holds all the content-->',
'<div id="global_content-Container">',
' <!-- CONTAINER|WELCOME START: Describe the website for users-->',
' <p id="global_content-Container-Welcome">',
' Welcome to our new home page.',
' </p> <!-- CONTAINER|WELCOME END -->',
'</div><!-- CONTAINER END -->'
]
});
tips.push({
author: 'bentruyman',
message: '<em>Never</em> Using Absolute URLs As the Underlying Path May Change',
example: [
'<a href="../../HomePage.htm">Home Page</a><br>',
'<a href="./PrivacyPolicy.htm">Privacy Policy</a><br>',
'<a href="./Products/Gallery.htm">Our Products</a><br>',
'<a href="./ContactOurTeam.htm">Contact Our Sales Team</a><br>',
'<a href="../index.htm">Go back</a>'
]
});
tips.push({
author: 'zetafleet',
message: 'Using iframes to Include <em>3rd Party</em> Microsites'
});
tips.push({
author: 'zetafleet',
message: 'Requiring a Conference Call With the Contractor, the American Employee of the American Company, and an Employee of Their Own Indian Subcontracting Company in Order to Explain the <em>iframe-in-iframe</em> Functionality'
});
tips.push({
author: 'bentruyman',
message: 'Using <a href="http://html6.by.ru/">HTML6</a> Like A Boss'
});
tips.push({
author: 'Brajeshwar',
message: 'Working with the designer, who uses the ultimate tool <em>Frontpage</em>',
example: [
'<meta name="GENERATOR" content="Microsoft Frontpage 6.0"',
'<meta name="ProgId" content="Frontpage.Editor.Document"'
]
});
tips.push({
author: 'ardgedee',
message: 'Tables-fu',
example: [
'<table border="0" cellspacing="0" cellpadding="2" width="100%">',
' <tbody>',
' <tr>',
' <td colspan="2" class="p" width="634">This week\'s production meeting agenda:</td>',
' <td> </td>',
' </tr>',
' <tr>',
' <td class="li_bullet" valign="top" width="15" align="left">•</td>',
' <td valign="top" width="615" class="li"><table><tr><td class="bold"><marquee>Server performance issues</marquee></td></tr></table></td>',
' <td> </td>',
' </tr>',
' <tr>',
' <td class="li_bullet" valign="top" width="15" align="left">•</td>',
' <td valign="top" width="615" class="li">Revised coding standards progress report</td>',
' <td> </td>',
' </tr>',
' </tbody>',
'</table>'
]
});
module.exports = tips;