panel {
box-sizing: border-box;
padding: 10px;
background: #c8c8c8
url(???data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAABCAIAAACdaSOZAAAAGXRFWHRT
b2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpiPHrmCgMC/GNjYwNSAAEGADdNA3dnzPl
QAAAAAElFTkSuQmCC??™);
}
Now that all external resources are embedded, the application is fully standalone. However, you are not
there yet. You now need to get it into a form that is accessible when the browser is offline.
Converting Your Application to a Data URL
You are now ready to convert your Web application into an encoded URL. Fortunately, several free tools
can automate this process for you:
The data: URI Kitchen ( software.hixie.ch/utilities/cgi/data/data ). This is probably the
best-known encoder on the Web (see Figure 10-6 ). It will convert source code, URL, or a local file
to a data URL.
Url2iphone ( www.somewhere.com/url2iphone.html ). This enables you to convert a URL into a
bookmark. The most powerful aspect of this tool is that it will look for images, style sheets, and
other files that are referenced are encode these as well.
data: URI image encoder ( www.scalora.org/projects/uriencoder ). This tool is great for
encoding images into base64 format. You can specify a URL or upload a local file.
Pages:
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273