p/Yuba
1
0
Fork 0
Code Issues 1 Pull Requests Releases 6 Wiki Activity

0.7.12.5 (Icons)

Browse Source
This commit is contained in:
profiteroles
2019-06-10 16:32:09 -07:00
parent 15d81601c4
commit cf2e8885da
86 changed files with 6439 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
utils/sample_files/alert.js Normal file
View File

@@ -0,0 +1 @@
alert('something');

BIN
utils/sample_files/animated.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

BIN
utils/sample_files/apple-touch-icon-114-precomposed.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.9 KiB

BIN
utils/sample_files/apple-touch-icon-57-precomposed.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
utils/sample_files/apple-touch-icon-72-precomposed.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

BIN
utils/sample_files/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

33
utils/sample_files/geojson.json Normal file
View File

@@ -0,0 +1,33 @@
{ "type": "FeatureCollection",
"features": [
{ "type": "Feature",
"geometry": {"type": "Point", "coordinates": [102.0, 0.5]},
"properties": {"prop0": "value0"}
},
{ "type": "Feature",
"geometry": {
"type": "LineString",
"coordinates": [
[102.0, 0.0], [103.0, 1.0], [104.0, 0.0], [105.0, 1.0]
]
},
"properties": {
"prop0": "value0",
"prop1": 0.0
}
},
{ "type": "Feature",
"geometry": {
"type": "Polygon",
"coordinates": [
[ [100.0, 0.0], [101.0, 0.0], [101.0, 1.0],
[100.0, 1.0], [100.0, 0.0] ]
]
},
"properties": {
"prop0": "value0",
"prop1": {"this": "that"}
}
}
]
}

4830
utils/sample_files/har.json Normal file
View File

File diff suppressed because it is too large Load Diff

8
utils/sample_files/htaccess.txt Normal file
View File

@@ -0,0 +1,8 @@
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /blog/
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

22
utils/sample_files/humans.txt Normal file
View File

@@ -0,0 +1,22 @@
# humanstxt.org/
# The humans responsible & technology colophon
# TEAM
Nicolas Gallagher -- @necolas
Paul Irish -- @paul_irish
Divya Manian -- @divya
Mathias Bynens -- @mathias
Hans Christian Reinl -- @drublic
Catalin Maris -- @alrra
# THANKS
Mickael Daniel -- @mklabs
# TECHNOLOGY COLOPHON
HTML5, CSS3
Normalize.css, jQuery, HTML5 Boilerplate, Grunt
Source: https://github.com/h5bp/html5boilerplate.com

69
utils/sample_files/image.svg Normal file
View File

@@ -0,0 +1,69 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://web.resource.org/cc/"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="600"
height="600"
id="svg2"
sodipodi:version="0.32"
inkscape:version="0.45.1"
sodipodi:docname="Example.svg"
inkscape:output_extension="org.inkscape.output.svg.inkscape"
sodipodi:docbase="/home/gmaxwell"
version="1.0">
<metadata
id="metadata9">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<sodipodi:namedview
inkscape:window-height="620"
inkscape:window-width="814"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
guidetolerance="10.0"
gridtolerance="10.0"
objecttolerance="10.0"
borderopacity="1.0"
bordercolor="#666666"
pagecolor="#ffffff"
id="base"
width="600px"
height="600px"
inkscape:zoom="0.35974058"
inkscape:cx="50"
inkscape:cy="519.04966"
inkscape:window-x="483"
inkscape:window-y="101"
inkscape:current-layer="svg2" />
<defs
id="defs16" />
<g
id="g2161"
transform="matrix(6.3951354,0,0,6.3951354,-22.626246,-7.1082509)">
<path
nodetypes="ccccccccccccccccccccccccccccccccccccccc"
id="flowRoot1882"
d="M 36.009766,9.2505083 C 37.739295,9.4211273 38.305879,11.470697 38.052581,12.935049 C 37.346266,16.153899 36.316821,19.51466 35.445405,22.717701 C 36.091666,24.812224 31.712284,24.008877 33.219932,22.315459 C 34.817041,18.411202 36.011404,13.498336 36.009766,9.2505083 z M 36.009766,2.9926958 C 38.210311,1.2242088 40.996268,9.172757 33.911571,6.1534847 C 33.884619,5.7603019 36.096289,3.3869447 36.009766,2.9926958 z M 41.371094,15.871601 C 41.371094,13.66457 41.371094,11.457539 41.371094,9.250508 C 43.180621,9.4257387 43.963014,11.704559 43.286137,13.215517 C 42.859084,15.059792 42.939241,17.3996 44.601487,18.625335 C 46.710544,19.683477 49.38774,17.353112 48.803268,15.118437 C 48.93196,13.406538 48.236292,11.613848 48.968862,9.9690415 C 51.055097,9.6500357 51.500677,12.487155 50.544985,13.844747 C 50.070023,15.309708 50.857452,16.781898 50.672344,18.239432 C 50.279615,19.94056 48.418404,20.00023 47.0225,20.071868 C 45.478489,20.38194 43.516835,20.791368 42.361947,19.38874 C 41.522514,18.444089 41.211274,17.107671 41.371094,15.871601 z M 61.224609,9.5727739 C 60.41978,11.557552 58.100804,10.235616 56.62767,10.571551 C 53.836862,14.393611 60.920038,13.513667 61.8085,17.011648 C 61.85613,18.933747 60.028359,20.587389 58.129091,20.443312 C 56.904487,20.607229 54.609204,20.982393 54.417879,19.267622 C 55.280609,17.508269 57.336359,19.528803 58.633111,18.8463 C 60.403141,17.99081 59.402232,15.555325 57.728781,15.321475 C 56.550115,14.98135 55.091813,15.225439 54.254747,14.112764 C 53.017669,12.881167 53.392132,10.733148 54.736719,9.7413252 C 56.619172,8.3307396 59.170326,8.9535067 61.224609,9.5727739 z M 66.458984,6.1450396 C 65.368126,7.6333334 67.348936,9.9531574 68.987229,9.0948979 C 69.978133,11.042503 66.524641,10.777931 66.473495,12.430992 C 64.443605,16.101814 68.48273,18.623426 67.571657,20.417528 C 65.440858,20.26155 64.324307,17.844452 64.577433,15.919357 C 64.70847,14.408586 65.055107,12.79361 64.322961,11.373941 C 63.786422,9.5475192 64.150419,7.1452655 65.954233,6.1552477 L 66.206043,6.1203323 L 66.458984,6.1450396 L 66.458984,6.1450396 z " />
<path
nodetypes="ccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc"
id="flowRoot1890"
d="M 10.867188,44.877953 C 6.2812618,42.124849 5.2205914,52.366268 10.409215,49.892431 C 12.389385,49.295568 14.988045,43.912658 10.867188,44.877953 z M 15.167969,43.987328 C 14.919826,46.33724 16.617756,52.554202 12.298734,50.536918 C 9.8041142,52.312916 6.0580855,52.958674 4.5023123,49.583386 C 2.6350454,45.257322 7.3033103,42.298712 11.046443,43.361059 C 15.247185,41.320786 9.4930286,38.338264 7.1068792,40.322138 C 3.4374421,40.01388 7.406407,37.201407 9.3495087,37.962912 C 12.44212,37.877788 15.556534,40.380131 15.171751,43.648912 L 15.169638,43.83797 L 15.167969,43.987328 z M 30.53125,43.553734 C 29.638794,45.911558 32.49467,50.463872 28.779999,51.070944 C 26.888088,47.702306 30.931621,41.190257 25.58365,40.046147 C 20.73931,40.312798 21.252194,45.910871 22.001439,49.154066 C 21.84253,51.828309 18.790577,51.39256 19.585585,48.673738 C 19.851829,45.693864 18.285332,39.630301 20.986983,38.702911 C 23.508461,40.80889 25.761847,35.731906 28.452459,38.686226 C 29.921454,39.793194 30.827618,41.709992 30.53125,43.553734 z M 38.807,49.770223 C 42.369034,50.768974 44.523344,46.328688 43.700521,43.358983 C 40.402775,35.546453 32.491199,44.344131 38.807,49.770223 z M 39.941406,38.034203 C 52.085872,39.705642 43.204854,59.098342 34.688722,48.642968 C 32.591886,44.778031 34.383109,38.440132 39.291369,38.051827 L 39.941406,38.034203 L 39.941406,38.034203 z M 51.660156,34.624046 C 49.815978,37.850583 54.789459,38.666222 55.83437,39.23566 C 54.140746,40.715733 50.093061,40.12158 51.562461,43.76212 C 51.004096,46.980523 52.486847,50.037723 55.670614,50.54595 C 53.547788,53.782616 48.41793,50.035495 49.349973,46.519692 C 50.339877,43.686471 48.78131,40.671166 48.467256,38.48357 C 51.099926,37.413599 47.886512,33.32283 51.660156,34.624046 z M 69.859375,43.553734 C 68.966918,45.911557 71.822794,50.463872 68.108124,51.070944 C 66.216214,47.702306 70.259746,41.190256 64.911775,40.046145 C 60.222418,40.285904 60.439194,45.757728 61.367942,48.953683 C 60.705448,53.064855 57.788626,49.900134 58.838379,47.289738 C 58.969709,43.381174 59.006437,39.455087 58.607404,35.565714 C 59.356025,31.632413 62.368269,34.68013 61.01352,37.194316 C 60.38417,39.302538 61.469087,40.653476 62.996248,38.474829 C 66.202089,36.826154 70.863269,39.826451 69.859375,43.553734 z M 85.410156,44.374046 C 83.244849,47.905533 76.447085,42.456344 75.976013,47.444052 C 76.913541,51.724548 83.275324,48.726196 84.393639,50.133773 C 82.109855,53.525123 76.421339,51.860111 74.285335,49.01336 C 71.258247,44.729984 74.614013,37.166516 80.254289,37.96756 C 83.286958,38.284495 85.833914,41.310745 85.410156,44.374046 z M 83.253906,43.741234 C 84.431319,39.039614 74.594812,38.687325 76.291886,43.335226 C 78.284783,44.796048 81.032856,43.090943 83.253906,43.741234 z M 96.554688,40.366234 C 93.290612,38.6882 90.622217,42.519635 90.728522,45.492665 C 90.881925,47.333676 92.330286,52.144465 89.028751,50.905988 C 88.95673,46.763963 88.353312,42.447207 89.31721,38.336643 C 91.040471,38.503437 92.207514,40.668181 93.421468,38.208298 C 94.902478,37.44973 97.690944,38.263668 96.554688,40.366234 z " />
<path
style="fill:#ff0000"
nodetypes="ccccccccccccccccccccccccccccccccccccccccccccccccccccc"
id="flowRoot1898"
d="M 17.026327,63.789847 C 0.7506376,64.058469 13.88279,66.387154 13.113883,69.323258 C 8.0472417,70.287093 3.5936285,63.565714 6.8090451,59.370548 C 8.7591553,55.717791 15.269922,55.198361 16.902068,59.393261 C 17.532581,60.758947 17.628237,62.396589 17.026327,63.789847 z M 15.306463,62.656109 C 18.852566,58.713773 7.6543584,56.609143 10.765803,61.304742 C 12.124789,62.217715 13.961359,61.705342 15.306463,62.656109 z M 31.307931,62.391383 C 27.130518,63.524026 24.669863,68.663004 27.470717,72.229472 C 25.946657,74.052316 24.253697,71.076237 24.857281,69.636909 C 23.737444,67.038428 17.399862,72.254246 19.386636,68.888657 C 23.159719,67.551193 22.398496,63.711301 22.06067,60.848671 C 24.064085,60.375294 24.370376,65.772689 27.167918,63.326048 C 28.350126,62.546369 29.927362,61.067531 31.307931,62.391383 z M 37.66875,70.598623 C 33.467314,66.62264 32.517064,77.972723 37.30626,74.466636 C 38.742523,73.853608 40.55904,70.38932 37.66875,70.598623 z M 41.677321,70.973131 C 42.340669,75.308182 36.926157,78.361257 33.331921,76.223155 C 29.43435,74.893988 30.618698,67.677232 35.003806,68.567885 C 37.137393,70.592854 42.140265,67.002221 37.656192,66.290007 C 35.242233,65.914214 35.166503,62.640757 38.036954,63.926404 C 40.847923,64.744926 43.227838,68.124735 41.677321,70.973131 z M 62.379099,76.647079 C 62.007404,78.560417 61.161437,84.034535 58.890565,82.010019 C 59.769679,79.039958 62.536382,72.229115 56.947899,72.765789 C 53.790416,73.570863 54.908257,80.968388 51.529286,79.496859 C 51.707831,76.559817 55.858125,71.896837 50.8321,70.678504 C 45.898113,69.907818 47.485944,75.735824 45.286883,78.034703 C 42.916393,76.333396 45.470823,71.647155 46.624124,69.414735 C 50.919507,67.906486 63.618534,70.878704 62.379099,76.647079 z M 66.426447,83.84905 C 67.616398,85.777591 62.114624,94.492698 62.351124,90.31711 C 63.791684,86.581961 65.730376,78.000636 67.391891,74.85575 C 71.027815,73.781175 76.383067,75.350289 76.591972,79.751898 C 77.048545,83.793048 73.066803,88.429945 68.842187,86.765936 C 67.624386,86.282034 66.56741,85.195132 66.426447,83.84905 z M 74.086569,81.803435 C 76.851893,78.050524 69.264402,74.310256 67.560734,78.378191 C 65.893402,80.594099 67.255719,83.775746 69.700555,84.718558 C 72.028708,85.902224 73.688639,83.888662 74.086569,81.803435 z M 82.318799,73.124577 C 84.30523,75.487059 81.655015,88.448086 78.247183,87.275736 C 78.991935,82.387828 81.291029,77.949394 82.318799,73.124577 z M 95.001985,87.684695 C 78.726298,87.953319 91.858449,90.281999 91.089542,93.218107 C 86.0229,94.18194 81.569287,87.460562 84.784701,83.265394 C 86.734814,79.612637 93.245582,79.09321 94.877729,83.28811 C 95.508245,84.653796 95.603892,86.291438 95.001985,87.684695 z M 93.282122,86.550957 C 96.828223,82.608621 85.630017,80.503993 88.741461,85.199592 C 90.100447,86.112565 91.937018,85.600192 93.282122,86.550957 z " />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 9.8 KiB

55
utils/sample_files/kosovo.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
utils/sample_files/large.mp4 Normal file
View File

Binary file not shown.

BIN
utils/sample_files/mlk.flac Normal file
View File

Binary file not shown.

19
utils/sample_files/placemark.gfs Normal file
View File

@@ -0,0 +1,19 @@
<GMLFeatureClassList>
<GMLFeatureClass>
<Name>LAYER</Name>
<ElementPath>LAYER</ElementPath>
<GeometryElementPath>location1container|location1</GeometryElementPath>
<PropertyDefn>
<Name>attrib1</Name>
<ElementPath>attrib1</ElementPath>
<Type>String</Type>
<Width>13</Width>
</PropertyDefn>
<PropertyDefn>
<Name>attrib2</Name>
<ElementPath>attrib2container|attrib2</ElementPath>
<Type>String</Type>
<Width>13</Width>
</PropertyDefn>
</GMLFeatureClass>
</GMLFeatureClassList>

19
utils/sample_files/placemark.gml Normal file
View File

@@ -0,0 +1,19 @@
<?xml version="1.0" encoding="UTF-8"?>
<gml:FeatureCollection xmlns:gml="http://www.opengis.net/gml">
<gml:featureMember>
<LAYER>
<attrib1>attrib1_value</attrib1>
<attrib2container>
<attrib2>attrib2_value</attrib2>
</attrib2container>
<location1container>
<location1>
<gml:Point><gml:coordinates>3,50</gml:coordinates></gml:Point>
</location1>
</location1container>
<location2>
<gml:Point><gml:coordinates>2,49</gml:coordinates></gml:Point>
</location2>
</LAYER>
</gml:featureMember>
</gml:FeatureCollection>

10
utils/sample_files/placemark.kml Normal file
View File

@@ -0,0 +1,10 @@
<?xml version="1.0" encoding="utf-8"?>
<kml xmlns="http://www.opengis.net/kml/2.2">
<Placemark>
<name>My office</name>
<description>This is the location of my office.</description>
<Point>
<coordinates>-122.087461,37.422069</coordinates>
</Point>
</Placemark>
</kml>

BIN
utils/sample_files/progressive.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 44 KiB

48
utils/sample_files/reset.css Normal file
View File

@@ -0,0 +1,48 @@
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

2
utils/sample_files/robots.txt Normal file
View File

@@ -0,0 +1,2 @@
User-agent: *
Disallow: /

20
utils/sample_files/rss.xml.rss Normal file
View File

@@ -0,0 +1,20 @@
<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0">
<channel>
<title>RSS Title</title>
<description>This is an example of an RSS feed</description>
<link>http://www.someexamplerssdomain.com/main.html</link>
<lastBuildDate>Mon, 06 Sep 2010 00:01:00 +0000 </lastBuildDate>
<pubDate>Mon, 06 Sep 2009 16:45:00 +0000 </pubDate>
<ttl>1800</ttl>
<item>
<title>Example entry</title>
<description>Here is some text containing an interesting description.</description>
<link>http://www.wikipedia.org/</link>
<guid>unique string per item</guid>
<pubDate>Mon, 06 Sep 2009 16:45:00 +0000 </pubDate>
</item>
</channel>
</rss>

BIN
utils/sample_files/sample.aac Normal file
View File

Binary file not shown.

BIN
utils/sample_files/sample.ac3 Normal file
View File

Binary file not shown.

263
utils/sample_files/sample.ai.ps Normal file
View File

File diff suppressed because one or more lines are too long

BIN
utils/sample_files/sample.aiff Normal file
View File

Binary file not shown.

BIN
utils/sample_files/sample.amr Normal file
View File

Binary file not shown.

BIN
utils/sample_files/sample.au Normal file
View File

Binary file not shown.

BIN
utils/sample_files/sample.avi Normal file
View File

Binary file not shown.

3
utils/sample_files/sample.dat Normal file
View File

@@ -0,0 +1,3 @@
this is a sample dat file
it is actually just plain text
it has 3 lines

BIN
utils/sample_files/sample.doc Normal file
View File

Binary file not shown.

BIN
utils/sample_files/sample.docx Normal file
View File

Binary file not shown.

BIN
utils/sample_files/sample.epub Normal file
View File

Binary file not shown.

BIN
utils/sample_files/sample.flac Normal file
View File

Binary file not shown.

BIN
utils/sample_files/sample.flv Normal file
View File

Binary file not shown.

BIN
utils/sample_files/sample.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.7 KiB

11
utils/sample_files/sample.html Normal file
View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
The content of the document......
</body>
</html>

BIN
utils/sample_files/sample.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB

31
utils/sample_files/sample.json Normal file
View File

@@ -0,0 +1,31 @@
{
"colorsArray":[{
"colorName":"red",
"hexValue":"#f00"
},
{
"colorName":"green",
"hexValue":"#0f0"
},
{
"colorName":"blue",
"hexValue":"#00f"
},
{
"colorName":"cyan",
"hexValue":"#0ff"
},
{
"colorName":"magenta",
"hexValue":"#f0f"
},
{
"colorName":"yellow",
"hexValue":"#ff0"
},
{
"colorName":"black",
"hexValue":"#000"
}
]
}

BIN
utils/sample_files/sample.m4a.mp3 Normal file
View File

Binary file not shown.

BIN
utils/sample_files/sample.mid Normal file
View File

Binary file not shown.

BIN
utils/sample_files/sample.mka Normal file
View File

Binary file not shown.

BIN
utils/sample_files/sample.mkv Normal file
View File

Binary file not shown.

BIN
utils/sample_files/sample.mov Normal file
View File

Binary file not shown.

BIN
utils/sample_files/sample.mp3 Normal file
View File

Binary file not shown.

BIN
utils/sample_files/sample.mp4 Normal file
View File

Binary file not shown.

BIN
utils/sample_files/sample.mpg Normal file
View File

Binary file not shown.

BIN
utils/sample_files/sample.ogg Normal file
View File

Binary file not shown.

BIN
utils/sample_files/sample.otf Normal file
View File

Binary file not shown.

BIN
utils/sample_files/sample.pdf Normal file
View File

Binary file not shown.

1
utils/sample_files/sample.phps Normal file
View File

@@ -0,0 +1 @@
<?php echo "Hello World"; ?>

BIN
utils/sample_files/sample.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
utils/sample_files/sample.ppt Normal file
View File

Binary file not shown.

BIN
utils/sample_files/sample.pptx Normal file
View File

Binary file not shown.

BIN
utils/sample_files/sample.ra Normal file
View File

Binary file not shown.

BIN
utils/sample_files/sample.rar Normal file
View File

Binary file not shown.

41
utils/sample_files/sample.rtfd/TXT.rtf Normal file
View File

@@ -0,0 +1,41 @@
{\rtf1\ansi\ansicpg1252\cocoartf1561\cocoasubrtf600
{\fonttbl\f0\fswiss\fcharset0 Helvetica;}
{\colortbl;\red255\green255\blue255;}
{\*\expandedcolortbl;;}
\margl1440\margr1440\vieww19600\viewh22760\viewkind0
\pard\tx720\tx1440\tx2160\tx2880\tx3600\tx4320\tx5040\tx5760\tx6480\tx7200\tx7920\tx8640\pardirnatural\qc\partightenfactor0
\f0\fs24 \cf0 {{\NeXTGraphic sample.jpg \width4360 \height5420 \appleattachmentpadding0 \appleembedtype0 \appleaqc
}¬}
\b \
\pard\tx720\tx1440\tx2160\tx2880\tx3600\tx4320\tx5040\tx5760\tx6480\tx7200\tx7920\tx8640\pardirnatural\qc\partightenfactor0
\cf0 \
\fs34 The standard Lorem Ipsum passage, used since the 1500s
\b0\fs24 \
\
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."\
\
\b\fs34 Section 1.10.32 of "de Finibus Bonorum et Malorum", written by Cicero in 45 BC
\b0\fs24 \
\
"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"\
\
\b\fs34 1914 translation by H. Rackham
\b0\fs24 \
\
"But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful. Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise, except to obtain some advantage from it? But who has any right to find fault with a man who chooses to enjoy a pleasure that has no annoying consequences, or one who avoids a pain that produces no resultant pleasure?"\
\
\b\fs34 Section 1.10.33 of "de Finibus Bonorum et Malorum", written by Cicero in 45 BC
\b0\fs24 \
\
"At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat."\
\
\b\fs34 1914 translation by H. Rackham
\b0\fs24 \
\
"On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble that are bound to ensue; and equal blame belongs to those who fail in their duty through weakness of will, which is the same as saying through shrinking from toil and pain. These cases are perfectly simple and easy to distinguish. In a free hour, when our power of choice is untrammelled and when nothing prevents our being able to do what we like best, every pleasure is to be welcomed and every pain avoided. But in certain circumstances and owing to the claims of duty or the obligations of business it will frequently occur that pleasures have to be repudiated and annoyances accepted. The wise man therefore always holds in these matters to this principle of selection: he rejects pleasures to secure other greater pleasures, or else he endures pains to avoid worse pains."}

BIN
utils/sample_files/sample.rtfd/sample.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB

BIN
utils/sample_files/sample.swf Normal file
View File

Binary file not shown.

BIN
utils/sample_files/sample.tar Normal file
View File

Binary file not shown.

BIN
utils/sample_files/sample.tiff Normal file
View File

Binary file not shown.

BIN
utils/sample_files/sample.ttf Normal file
View File

Binary file not shown.

2
utils/sample_files/sample.txt Normal file
View File

@@ -0,0 +1,2 @@
this is a sample txt file
it has two lines

BIN
utils/sample_files/sample.voc Normal file
View File

Binary file not shown.

BIN
utils/sample_files/sample.wav Normal file
View File

Binary file not shown.

BIN
utils/sample_files/sample.webm Normal file
View File

Binary file not shown.

BIN
utils/sample_files/sample.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

BIN
utils/sample_files/sample.wma Normal file
View File

Binary file not shown.

BIN
utils/sample_files/sample.wmv Normal file
View File

Binary file not shown.

BIN
utils/sample_files/sample.woff Normal file
View File

Binary file not shown.

120
utils/sample_files/sample.xml Normal file
View File

@@ -0,0 +1,120 @@
<?xml version="1.0"?>
<catalog>
<book id="bk101">
<author>Gambardella, Matthew</author>
<title>XML Developer's Guide</title>
<genre>Computer</genre>
<price>44.95</price>
<publish_date>2000-10-01</publish_date>
<description>An in-depth look at creating applications
with XML.</description>
</book>
<book id="bk102">
<author>Ralls, Kim</author>
<title>Midnight Rain</title>
<genre>Fantasy</genre>
<price>5.95</price>
<publish_date>2000-12-16</publish_date>
<description>A former architect battles corporate zombies,
an evil sorceress, and her own childhood to become queen
of the world.</description>
</book>
<book id="bk103">
<author>Corets, Eva</author>
<title>Maeve Ascendant</title>
<genre>Fantasy</genre>
<price>5.95</price>
<publish_date>2000-11-17</publish_date>
<description>After the collapse of a nanotechnology
society in England, the young survivors lay the
foundation for a new society.</description>
</book>
<book id="bk104">
<author>Corets, Eva</author>
<title>Oberon's Legacy</title>
<genre>Fantasy</genre>
<price>5.95</price>
<publish_date>2001-03-10</publish_date>
<description>In post-apocalypse England, the mysterious
agent known only as Oberon helps to create a new life
for the inhabitants of London. Sequel to Maeve
Ascendant.</description>
</book>
<book id="bk105">
<author>Corets, Eva</author>
<title>The Sundered Grail</title>
<genre>Fantasy</genre>
<price>5.95</price>
<publish_date>2001-09-10</publish_date>
<description>The two daughters of Maeve, half-sisters,
battle one another for control of England. Sequel to
Oberon's Legacy.</description>
</book>
<book id="bk106">
<author>Randall, Cynthia</author>
<title>Lover Birds</title>
<genre>Romance</genre>
<price>4.95</price>
<publish_date>2000-09-02</publish_date>
<description>When Carla meets Paul at an ornithology
conference, tempers fly as feathers get ruffled.</description>
</book>
<book id="bk107">
<author>Thurman, Paula</author>
<title>Splish Splash</title>
<genre>Romance</genre>
<price>4.95</price>
<publish_date>2000-11-02</publish_date>
<description>A deep sea diver finds true love twenty
thousand leagues beneath the sea.</description>
</book>
<book id="bk108">
<author>Knorr, Stefan</author>
<title>Creepy Crawlies</title>
<genre>Horror</genre>
<price>4.95</price>
<publish_date>2000-12-06</publish_date>
<description>An anthology of horror stories about roaches,
centipedes, scorpions and other insects.</description>
</book>
<book id="bk109">
<author>Kress, Peter</author>
<title>Paradox Lost</title>
<genre>Science Fiction</genre>
<price>6.95</price>
<publish_date>2000-11-02</publish_date>
<description>After an inadvertant trip through a Heisenberg
Uncertainty Device, James Salway discovers the problems
of being quantum.</description>
</book>
<book id="bk110">
<author>O'Brien, Tim</author>
<title>Microsoft .NET: The Programming Bible</title>
<genre>Computer</genre>
<price>36.95</price>
<publish_date>2000-12-09</publish_date>
<description>Microsoft's .NET initiative is explored in
detail in this deep programmer's reference.</description>
</book>
<book id="bk111">
<author>O'Brien, Tim</author>
<title>MSXML3: A Comprehensive Guide</title>
<genre>Computer</genre>
<price>36.95</price>
<publish_date>2000-12-01</publish_date>
<description>The Microsoft MSXML3 parser is covered in
detail, with attention to XML DOM interfaces, XSLT processing,
SAX and more.</description>
</book>
<book id="bk112">
<author>Galos, Mike</author>
<title>Visual Studio 7: A Comprehensive Guide</title>
<genre>Computer</genre>
<price>49.95</price>
<publish_date>2001-04-16</publish_date>
<description>Microsoft Visual Studio 7 is explored in depth,
looking at how Visual Basic, Visual C++, C#, and ASP+ are
integrated into a comprehensive development
environment.</description>
</book>
</catalog>

23
utils/sample_files/sample.xsd Normal file
View File

@@ -0,0 +1,23 @@
<xsd:schema xmlns:xsd="http://www.w3.org/2001/XMLSchema">
<xsd:element name="catalog">
<xsd:complexType>
<xsd:sequence>
<xsd:element name="book"
minOccurs="0"
maxOccurs="unbounded">
<xsd:complexType>
<xsd:sequence>
<xsd:element name="author" type="xsd:string"/>
<xsd:element name="title" type="xsd:string"/>
<xsd:element name="genre" type="xsd:string"/>
<xsd:element name="price" type="xsd:float"/>
<xsd:element name="publish_date" type="xsd:date"/>
<xsd:element name="description" type="xsd:string"/>
</xsd:sequence>
<xsd:attribute name="id" type="xsd:string"/>
</xsd:complexType>
</xsd:element>
</xsd:sequence>
</xsd:complexType>
</xsd:element>
</xsd:schema>

210
utils/sample_files/sample.xsl.html Normal file
View File

@@ -0,0 +1,210 @@
<!doctype html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="p:domain_verify" content="75966d6efb7a5147e222671bd554749c"/>
<title>Page not found | TechSlides</title>
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Droid+Serif">
<link rel='stylesheet' id='simple-style-css' href='http://techslides.com/wp-content/themes/minimalist/style.css?ver=3.8.29' type='text/css' media='all' />
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-941940-28']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-6963340308218331",
enable_page_level_ads: true
});
</script>
</head>
<body class="error404">
<header>
<div id="logo"><a href="http://techslides.com">TechSlides</a></div>
<div class="clear"></div>
<p>Data, Maps, Usability, and Performance</p>
<div class="topad">
<!--<script async src="http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>-->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-6963340308218331"
data-ad-slot="8309515439"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<div id="search">
<a href="http://addthis.com/bookmark.php?s=facebook&amp;source=tbx32nj-1.0&amp;pubid=ra-4eea158d06720720&amp;title=TechSlides | APIs, Maps, Usability, and Performance" target="_blank"><img src="http://cache.addthiscdn.com/icons/v1/thumbs/32x32/facebook.png" border="0" alt="Facebook"></a>
<a href="http://addthis.com/bookmark.php?s=twitter&amp;source=tbx32nj-1.0&amp;pubid=ra-4eea158d06720720&amp;title=TechSlides | APIs, Maps, Usability, and Performance" target="_blank"><img src="http://cache.addthiscdn.com/icons/v1/thumbs/32x32/twitter.png" border="0" alt="Twitter"></a>
<a href="http://www.addthis.com/bookmark.php?v=300&amp;pubid=ra-4eea158d06720720&amp;title=TechSlides | APIs, Maps, Usability, and Performance" target="_blank"><img src="http://cache.addthiscdn.com/icons/v1/thumbs/32x32/more.png" border="0" alt="More..."></a>
<form role="search" method="get" id="searchform" class="searchform" action="http://techslides.com/" >
<input type="text" value="" name="s" placeholder="Search..." id="s" />
<input type="submit" id="searchsubmit" value="" />
</form> </div>
</header>
<div id="tagcloud"><a href='http://techslides.com/tag/api' class='tag-link-13' title='30 topics' style='font-size: 20.084507042254pt;'>API</a>
<a href='http://techslides.com/tag/canvas' class='tag-link-22' title='16 topics' style='font-size: 14.957746478873pt;'>canvas</a>
<a href='http://techslides.com/tag/d3' class='tag-link-27' title='23 topics' style='font-size: 17.915492957746pt;'>d3</a>
<a href='http://techslides.com/tag/data' class='tag-link-28' title='15 topics' style='font-size: 14.366197183099pt;'>data</a>
<a href='http://techslides.com/tag/geo' class='tag-link-39' title='31 topics' style='font-size: 20.478873239437pt;'>geo</a>
<a href='http://techslides.com/tag/geojson' class='tag-link-40' title='11 topics' style='font-size: 12pt;'>GeoJSON</a>
<a href='http://techslides.com/tag/html5' class='tag-link-45' title='41 topics' style='font-size: 22.647887323944pt;'>html5</a>
<a href='http://techslides.com/tag/image' class='tag-link-47' title='15 topics' style='font-size: 14.366197183099pt;'>image</a>
<a href='http://techslides.com/tag/javascript' class='tag-link-48' title='60 topics' style='font-size: 26pt;'>JavaScript</a>
<a href='http://techslides.com/tag/json' class='tag-link-52' title='15 topics' style='font-size: 14.366197183099pt;'>json</a>
<a href='http://techslides.com/tag/maps' class='tag-link-59' title='36 topics' style='font-size: 21.661971830986pt;'>maps</a>
<a href='http://techslides.com/tag/mysql' class='tag-link-64' title='11 topics' style='font-size: 12pt;'>mysql</a>
<a href='http://techslides.com/tag/php' class='tag-link-71' title='25 topics' style='font-size: 18.507042253521pt;'>PHP</a>
<a href='http://techslides.com/tag/wordpress' class='tag-link-99' title='17 topics' style='font-size: 15.549295774648pt;'>WordPress</a></div>
<main>
<div class="topad">
<!--<script async src="http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>-->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-6963340308218331"
data-ad-slot="8309515439"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<article><h2><a href="http://techslides.com/mockup-generator-in-html5-with-matrix3d-transforms">Mockup Generator in HTML5 with Matrix3D Transforms</a></h2><p><img src="http://i.imgur.com/rLHDZ4o.jpg" alt="free mockup generator"/></p>
<p>A while ago, I played around with a cool <a href="http://bl.ocks.org/mbostock/10571478">Perspective Transformation</a> using SVG and matrix3d CSS transform. It made sense to turn it into a mockup generator like <a href="http://magicmockups.com/">Magic Mockups</a> or <a href="https://placeit.net">PLaceIt</a>. But, I ran into some issues when overlaying an SVG with matrix3d transforms on HTML5 canvas. I found an <a href="http://jsfiddle.net/mrbendel/6rbtde5t/1/">JSfiddle example</a> of just using HTML5 CANVAS and transformed it into a full mockup generator.<br />
<a class="more-link" href="http://techslides.com/mockup-generator-in-html5-with-matrix3d-transforms">Read more</a></p>
</article>
<div class="topad">
<!--<script async src="http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>-->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-6963340308218331"
data-ad-slot="8309515439"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<article><h2><a href="http://techslides.com/rediscover-great-content-with-internet-archive">Rediscover Great Content with Internet Archive</a></h2><p><img src="http://i.imgur.com/OPPCb8b.png" alt="internet archive js10k links" style="border:1px solid #000"/></p>
<p>Sometimes I go to my saved links and the website is no longer there or it has been parked, sold, or transformed into another project. This has recently happened when I wanted to revisit a neat air traffic controller game called <a href="https://web.archive.org/web/20150416194018/http://10k.aneventapart.com/2/Uploads/541/">Air Strike</a> (notice the link goes to Wayback Machine). This game was submitted to the 10K Apart competition where participants show off some amazing web experiences written in under 10k of JavaScript code. It looks like the competition is <a href="https://a-k-apart.com/">happening again</a> but the old demos are all gone. </p>
<p>Thanks to the Internet Archive, you can find a lot of static content that once existed and today I want to show 20 amazing JavaScript projects from the older JS10k competition that you can still check out (Some of these require clicking &#8220;Load Unsafe Scripts&#8221;):<br />
<a class="more-link" href="http://techslides.com/rediscover-great-content-with-internet-archive">Read more</a></p>
</article><article><h2><a href="http://techslides.com/sort-wordpress-posts-by-modified-date-using-a-url-param">Sort WordPress Posts by Modified Date using a URL Param</a></h2><p><img src="http://i.imgur.com/DjsrkQs.png" alt="List Posts by Recently Updated in WordPress"/></p>
<p>After updating a few older articles on this blog I have realized that it would be useful to provide a display where all my posts are sorted by last modified date instead of created date. I imagine it would just be a link that someone can click and it would change the WP query so that recently updated posts are displayed in descending order. Everything else stays the same. You can see it in action on my homepage and today I will cover how you can do that with two simple WordPress functions.<br />
<a class="more-link" href="http://techslides.com/sort-wordpress-posts-by-modified-date-using-a-url-param">Read more</a></p>
</article><article><h2><a href="http://techslides.com/adding-new-fields-for-wp-users">Managing and Displaying New Fields for WordPress Users</a></h2><p><img src="http://i.imgur.com/jPCayJ5.jpg" alt="how to add new attributes to wordpress users"/></p>
<p>WordPress provides a lot of different hooks that allow you to expand on user management capabilities. You can easily add a new field or attribute for any user and make it editable in the user profile. You can restrict the edit mode to only Administrators and you can visualize any of these new user data points in the main Admin Users table. </p>
<p>So, today, I will write a quick WP Plugin that adds a new user field called credits to all users, which can be updated by Admins in the user profile. The WordPress plugin will also display that field in the Users table along with a new read only field that captures users last login date and time.<br />
<a class="more-link" href="http://techslides.com/adding-new-fields-for-wp-users">Read more</a></p>
</article><article><h2><a href="http://techslides.com/wordpress-plugin-with-background-process-queue-and-debugging">WordPress Plugin with Background Process, Queue, and Debugging</a></h2><p><img src="http://i.imgur.com/lcu0SXK.jpg" alt="background processing sample WP plugin for async tasks" style="border:1px solid #000;"/></p>
<p>WordPress Plugins are often used to run a large process in the background like importing, exporting, bringing data from other APIs, pushing data out, and other tasks that should run asynchronously. How do you do that? TechCrunch came out with <a href="https://github.com/techcrunch/wp-async-task">wp-async-task</a> and <a href="https://github.com/A5hleyRich/wp-background-processing">WP Background Processing</a> extended that by adding the ability to queue tasks. The author already included a good <a href="https://github.com/A5hleyRich/wp-background-processing-example">sample plugin</a> and <a href="https://deliciousbrains.com/background-processing-wordpress/">article</a> but I wanted to see if I can write a more basic example. So, today, I will create a WordPress plugin that uses WP Background Process to queue and run PHP tasks in the background.<br />
<a class="more-link" href="http://techslides.com/wordpress-plugin-with-background-process-queue-and-debugging">Read more</a></p>
</article><article><h2><a href="http://techslides.com/how-to-insert-or-update-multiple-items-in-mysql-and-wordpress">How to insert or update multiple items in MySQL and WordPress?</a></h2><p><img src="http://i.imgur.com/9Z6vwaL.png" alt="replace into versus insert on duplicate key update"/></p>
<p>You have a table with some data, lets say it is user information with emails, names, ages, etc. Now you need to insert 10 more rows of data but you don&#8217;t know if the 10 new rows are for new users or if they are attributes for users you already have in the database. This is a very common scenario where you need to figure out if you should update or insert.<br />
<a class="more-link" href="http://techslides.com/how-to-insert-or-update-multiple-items-in-mysql-and-wordpress">Read more</a></p>
</article><article><h2><a href="http://techslides.com/world-map-with-d3-microlibraries-and-rotated-to-contain-russia">World Map with D3 Microlibraries and rotated to contain Russia</a></h2><p><img src="http://i.imgur.com/F31auyO.png?2" alt="World Map D3 v4 Microlibraries and Russia Alaska not split"/></p>
<p>It has been a while since I released the <a href="http://techslides.com/d3-map-starter-kit">D3 Map Starter Kit</a> and a lot has changed. The <a href="https://github.com/d3/d3/blob/master/CHANGES.md">4.0 version of D3</a> is modular, decentralized, and split into small libraries that you can use independently. It has changed some of the APIs so I have updated the <a href="http://techslides.com/demos/d3/worldmap-template-d3v4.html">World Map Template to work with D3 version 4</a>, but how do we build a map with just the D3.js micro-libraries?<br />
<a class="more-link" href="http://techslides.com/world-map-with-d3-microlibraries-and-rotated-to-contain-russia">Read more</a></p>
</article><article><h2><a href="http://techslides.com/how-to-convert-a-bookmarklet-to-a-chrome-extension">How to Convert a Bookmarklet to a Chrome Extension</a></h2><p><img src="http://i.imgur.com/QLNHFRe.png" alt="Converting Bookmarklet to Chrome Extension"/></p>
<p>Bookmarklets, or the ability to execute your own JavaScript code on any page, allows you to customize your browsing experience in many ways. A while ago I wrote some JS code that would simply remove all content from any page and only show images with zoom on click functionality. It works well as a bookmarklet but I wanted to see how easy it is to package this into a Chrome Extension. I am doing this for fun but there are some strong reasons like access to cross domain resources, access to network requests, and ability to share with others via the Chrome Store.</p>
<p>Here are some simple steps that show how to convert JavaScript code into a Chrome Extension<br />
<a class="more-link" href="http://techslides.com/how-to-convert-a-bookmarklet-to-a-chrome-extension">Read more</a></p>
</article><article><h2><a href="http://techslides.com/using-max-and-case-to-pivot-mysql-data-stored-in-eav-model">Using MAX and CASE to pivot MySQL data stored in EAV Model</a></h2><p><img src="http://i.imgur.com/WTkS1fN.png" alt="EAV to relational model pivot with mysql query"/></p>
<p>Last week, I covered pivoting tabular data in JavaScript. But, often times, data is not stored like a CSV or excel sheet in a database. When flexibility is needed to cover potential future changes, like adding many new columns or removing old ones, we often see the <a href="https://en.wikipedia.org/wiki/Entity%E2%80%93attribute%E2%80%93value_model">EAV model</a> being used to store data. </p>
<p>Consider the previous example of storing car data in rows with columns: id, make, color, and age. If you are just adding more rows, this works well. But, if you will be adding an uncertain number of new columns in the future (model, size, etc), or removing columns, it might make sense to use the EAV model.<br />
<a class="more-link" href="http://techslides.com/using-max-and-case-to-pivot-mysql-data-stored-in-eav-model">Read more</a></p>
</article><article><h2><a href="http://techslides.com/fastpivot-process-and-shift-json-data-with-javascript">FastPivot &#8211; Process and Shift JSON data with JavaScript</a></h2><p><img src="http://i.imgur.com/FBqftO7.png" alt="FastPivot, pivot data with JavaScript"/></p>
<p>Imagine a table of data, perhaps car data with columns: ID, Model, Make, Color, Age, etc. How do you process this data so that you can answer some simple questions or visualize it with <a href="http://techslides.com/50-javascript-charting-and-graphics-libraries">JavaScript charts</a>? Some questions, like &#8220;how many cars are red?&#8221; can be processed by looking at a count of rows that meet your criteria (rows where column color is red). </p>
<p>Other questions, like &#8220;what is the distribution of colors in your data set?&#8221;, requires shifting or pivoting the data, as you want to evaluate a specific column instead of rows. Charting will often need this data pivot and doing it optimally is crucial if you are working with a large amount of data on the client side.<br />
<a class="more-link" href="http://techslides.com/fastpivot-process-and-shift-json-data-with-javascript">Read more</a></p>
</article>
<div class="pagination">
<a href="http://techslides.com/demos/samples/sample.xsl/page/2" >Next Page &raquo;</a> </div>
<div class="topad">
<!--<script async src="http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>-->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-6963340308218331"
data-ad-slot="8309515439"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<footer>
<div id="copyright"><p>Copyright &copy2016 TechSlides, All Rights Reserved</p></div> </footer>
</main>
</body>
</html>

210
utils/sample_files/sample.xslt.html Normal file
View File

@@ -0,0 +1,210 @@
<!doctype html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="p:domain_verify" content="75966d6efb7a5147e222671bd554749c"/>
<title>Page not found | TechSlides</title>
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Droid+Serif">
<link rel='stylesheet' id='simple-style-css' href='http://techslides.com/wp-content/themes/minimalist/style.css?ver=3.8.29' type='text/css' media='all' />
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-941940-28']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-6963340308218331",
enable_page_level_ads: true
});
</script>
</head>
<body class="error404">
<header>
<div id="logo"><a href="http://techslides.com">TechSlides</a></div>
<div class="clear"></div>
<p>Data, Maps, Usability, and Performance</p>
<div class="topad">
<!--<script async src="http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>-->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-6963340308218331"
data-ad-slot="8309515439"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<div id="search">
<a href="http://addthis.com/bookmark.php?s=facebook&amp;source=tbx32nj-1.0&amp;pubid=ra-4eea158d06720720&amp;title=TechSlides | APIs, Maps, Usability, and Performance" target="_blank"><img src="http://cache.addthiscdn.com/icons/v1/thumbs/32x32/facebook.png" border="0" alt="Facebook"></a>
<a href="http://addthis.com/bookmark.php?s=twitter&amp;source=tbx32nj-1.0&amp;pubid=ra-4eea158d06720720&amp;title=TechSlides | APIs, Maps, Usability, and Performance" target="_blank"><img src="http://cache.addthiscdn.com/icons/v1/thumbs/32x32/twitter.png" border="0" alt="Twitter"></a>
<a href="http://www.addthis.com/bookmark.php?v=300&amp;pubid=ra-4eea158d06720720&amp;title=TechSlides | APIs, Maps, Usability, and Performance" target="_blank"><img src="http://cache.addthiscdn.com/icons/v1/thumbs/32x32/more.png" border="0" alt="More..."></a>
<form role="search" method="get" id="searchform" class="searchform" action="http://techslides.com/" >
<input type="text" value="" name="s" placeholder="Search..." id="s" />
<input type="submit" id="searchsubmit" value="" />
</form> </div>
</header>
<div id="tagcloud"><a href='http://techslides.com/tag/api' class='tag-link-13' title='30 topics' style='font-size: 20.084507042254pt;'>API</a>
<a href='http://techslides.com/tag/canvas' class='tag-link-22' title='16 topics' style='font-size: 14.957746478873pt;'>canvas</a>
<a href='http://techslides.com/tag/d3' class='tag-link-27' title='23 topics' style='font-size: 17.915492957746pt;'>d3</a>
<a href='http://techslides.com/tag/data' class='tag-link-28' title='15 topics' style='font-size: 14.366197183099pt;'>data</a>
<a href='http://techslides.com/tag/geo' class='tag-link-39' title='31 topics' style='font-size: 20.478873239437pt;'>geo</a>
<a href='http://techslides.com/tag/geojson' class='tag-link-40' title='11 topics' style='font-size: 12pt;'>GeoJSON</a>
<a href='http://techslides.com/tag/html5' class='tag-link-45' title='41 topics' style='font-size: 22.647887323944pt;'>html5</a>
<a href='http://techslides.com/tag/image' class='tag-link-47' title='15 topics' style='font-size: 14.366197183099pt;'>image</a>
<a href='http://techslides.com/tag/javascript' class='tag-link-48' title='60 topics' style='font-size: 26pt;'>JavaScript</a>
<a href='http://techslides.com/tag/json' class='tag-link-52' title='15 topics' style='font-size: 14.366197183099pt;'>json</a>
<a href='http://techslides.com/tag/maps' class='tag-link-59' title='36 topics' style='font-size: 21.661971830986pt;'>maps</a>
<a href='http://techslides.com/tag/mysql' class='tag-link-64' title='11 topics' style='font-size: 12pt;'>mysql</a>
<a href='http://techslides.com/tag/php' class='tag-link-71' title='25 topics' style='font-size: 18.507042253521pt;'>PHP</a>
<a href='http://techslides.com/tag/wordpress' class='tag-link-99' title='17 topics' style='font-size: 15.549295774648pt;'>WordPress</a></div>
<main>
<div class="topad">
<!--<script async src="http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>-->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-6963340308218331"
data-ad-slot="8309515439"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<article><h2><a href="http://techslides.com/mockup-generator-in-html5-with-matrix3d-transforms">Mockup Generator in HTML5 with Matrix3D Transforms</a></h2><p><img src="http://i.imgur.com/rLHDZ4o.jpg" alt="free mockup generator"/></p>
<p>A while ago, I played around with a cool <a href="http://bl.ocks.org/mbostock/10571478">Perspective Transformation</a> using SVG and matrix3d CSS transform. It made sense to turn it into a mockup generator like <a href="http://magicmockups.com/">Magic Mockups</a> or <a href="https://placeit.net">PLaceIt</a>. But, I ran into some issues when overlaying an SVG with matrix3d transforms on HTML5 canvas. I found an <a href="http://jsfiddle.net/mrbendel/6rbtde5t/1/">JSfiddle example</a> of just using HTML5 CANVAS and transformed it into a full mockup generator.<br />
<a class="more-link" href="http://techslides.com/mockup-generator-in-html5-with-matrix3d-transforms">Read more</a></p>
</article>
<div class="topad">
<!--<script async src="http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>-->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-6963340308218331"
data-ad-slot="8309515439"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<article><h2><a href="http://techslides.com/rediscover-great-content-with-internet-archive">Rediscover Great Content with Internet Archive</a></h2><p><img src="http://i.imgur.com/OPPCb8b.png" alt="internet archive js10k links" style="border:1px solid #000"/></p>
<p>Sometimes I go to my saved links and the website is no longer there or it has been parked, sold, or transformed into another project. This has recently happened when I wanted to revisit a neat air traffic controller game called <a href="https://web.archive.org/web/20150416194018/http://10k.aneventapart.com/2/Uploads/541/">Air Strike</a> (notice the link goes to Wayback Machine). This game was submitted to the 10K Apart competition where participants show off some amazing web experiences written in under 10k of JavaScript code. It looks like the competition is <a href="https://a-k-apart.com/">happening again</a> but the old demos are all gone. </p>
<p>Thanks to the Internet Archive, you can find a lot of static content that once existed and today I want to show 20 amazing JavaScript projects from the older JS10k competition that you can still check out (Some of these require clicking &#8220;Load Unsafe Scripts&#8221;):<br />
<a class="more-link" href="http://techslides.com/rediscover-great-content-with-internet-archive">Read more</a></p>
</article><article><h2><a href="http://techslides.com/sort-wordpress-posts-by-modified-date-using-a-url-param">Sort WordPress Posts by Modified Date using a URL Param</a></h2><p><img src="http://i.imgur.com/DjsrkQs.png" alt="List Posts by Recently Updated in WordPress"/></p>
<p>After updating a few older articles on this blog I have realized that it would be useful to provide a display where all my posts are sorted by last modified date instead of created date. I imagine it would just be a link that someone can click and it would change the WP query so that recently updated posts are displayed in descending order. Everything else stays the same. You can see it in action on my homepage and today I will cover how you can do that with two simple WordPress functions.<br />
<a class="more-link" href="http://techslides.com/sort-wordpress-posts-by-modified-date-using-a-url-param">Read more</a></p>
</article><article><h2><a href="http://techslides.com/adding-new-fields-for-wp-users">Managing and Displaying New Fields for WordPress Users</a></h2><p><img src="http://i.imgur.com/jPCayJ5.jpg" alt="how to add new attributes to wordpress users"/></p>
<p>WordPress provides a lot of different hooks that allow you to expand on user management capabilities. You can easily add a new field or attribute for any user and make it editable in the user profile. You can restrict the edit mode to only Administrators and you can visualize any of these new user data points in the main Admin Users table. </p>
<p>So, today, I will write a quick WP Plugin that adds a new user field called credits to all users, which can be updated by Admins in the user profile. The WordPress plugin will also display that field in the Users table along with a new read only field that captures users last login date and time.<br />
<a class="more-link" href="http://techslides.com/adding-new-fields-for-wp-users">Read more</a></p>
</article><article><h2><a href="http://techslides.com/wordpress-plugin-with-background-process-queue-and-debugging">WordPress Plugin with Background Process, Queue, and Debugging</a></h2><p><img src="http://i.imgur.com/lcu0SXK.jpg" alt="background processing sample WP plugin for async tasks" style="border:1px solid #000;"/></p>
<p>WordPress Plugins are often used to run a large process in the background like importing, exporting, bringing data from other APIs, pushing data out, and other tasks that should run asynchronously. How do you do that? TechCrunch came out with <a href="https://github.com/techcrunch/wp-async-task">wp-async-task</a> and <a href="https://github.com/A5hleyRich/wp-background-processing">WP Background Processing</a> extended that by adding the ability to queue tasks. The author already included a good <a href="https://github.com/A5hleyRich/wp-background-processing-example">sample plugin</a> and <a href="https://deliciousbrains.com/background-processing-wordpress/">article</a> but I wanted to see if I can write a more basic example. So, today, I will create a WordPress plugin that uses WP Background Process to queue and run PHP tasks in the background.<br />
<a class="more-link" href="http://techslides.com/wordpress-plugin-with-background-process-queue-and-debugging">Read more</a></p>
</article><article><h2><a href="http://techslides.com/how-to-insert-or-update-multiple-items-in-mysql-and-wordpress">How to insert or update multiple items in MySQL and WordPress?</a></h2><p><img src="http://i.imgur.com/9Z6vwaL.png" alt="replace into versus insert on duplicate key update"/></p>
<p>You have a table with some data, lets say it is user information with emails, names, ages, etc. Now you need to insert 10 more rows of data but you don&#8217;t know if the 10 new rows are for new users or if they are attributes for users you already have in the database. This is a very common scenario where you need to figure out if you should update or insert.<br />
<a class="more-link" href="http://techslides.com/how-to-insert-or-update-multiple-items-in-mysql-and-wordpress">Read more</a></p>
</article><article><h2><a href="http://techslides.com/world-map-with-d3-microlibraries-and-rotated-to-contain-russia">World Map with D3 Microlibraries and rotated to contain Russia</a></h2><p><img src="http://i.imgur.com/F31auyO.png?2" alt="World Map D3 v4 Microlibraries and Russia Alaska not split"/></p>
<p>It has been a while since I released the <a href="http://techslides.com/d3-map-starter-kit">D3 Map Starter Kit</a> and a lot has changed. The <a href="https://github.com/d3/d3/blob/master/CHANGES.md">4.0 version of D3</a> is modular, decentralized, and split into small libraries that you can use independently. It has changed some of the APIs so I have updated the <a href="http://techslides.com/demos/d3/worldmap-template-d3v4.html">World Map Template to work with D3 version 4</a>, but how do we build a map with just the D3.js micro-libraries?<br />
<a class="more-link" href="http://techslides.com/world-map-with-d3-microlibraries-and-rotated-to-contain-russia">Read more</a></p>
</article><article><h2><a href="http://techslides.com/how-to-convert-a-bookmarklet-to-a-chrome-extension">How to Convert a Bookmarklet to a Chrome Extension</a></h2><p><img src="http://i.imgur.com/QLNHFRe.png" alt="Converting Bookmarklet to Chrome Extension"/></p>
<p>Bookmarklets, or the ability to execute your own JavaScript code on any page, allows you to customize your browsing experience in many ways. A while ago I wrote some JS code that would simply remove all content from any page and only show images with zoom on click functionality. It works well as a bookmarklet but I wanted to see how easy it is to package this into a Chrome Extension. I am doing this for fun but there are some strong reasons like access to cross domain resources, access to network requests, and ability to share with others via the Chrome Store.</p>
<p>Here are some simple steps that show how to convert JavaScript code into a Chrome Extension<br />
<a class="more-link" href="http://techslides.com/how-to-convert-a-bookmarklet-to-a-chrome-extension">Read more</a></p>
</article><article><h2><a href="http://techslides.com/using-max-and-case-to-pivot-mysql-data-stored-in-eav-model">Using MAX and CASE to pivot MySQL data stored in EAV Model</a></h2><p><img src="http://i.imgur.com/WTkS1fN.png" alt="EAV to relational model pivot with mysql query"/></p>
<p>Last week, I covered pivoting tabular data in JavaScript. But, often times, data is not stored like a CSV or excel sheet in a database. When flexibility is needed to cover potential future changes, like adding many new columns or removing old ones, we often see the <a href="https://en.wikipedia.org/wiki/Entity%E2%80%93attribute%E2%80%93value_model">EAV model</a> being used to store data. </p>
<p>Consider the previous example of storing car data in rows with columns: id, make, color, and age. If you are just adding more rows, this works well. But, if you will be adding an uncertain number of new columns in the future (model, size, etc), or removing columns, it might make sense to use the EAV model.<br />
<a class="more-link" href="http://techslides.com/using-max-and-case-to-pivot-mysql-data-stored-in-eav-model">Read more</a></p>
</article><article><h2><a href="http://techslides.com/fastpivot-process-and-shift-json-data-with-javascript">FastPivot &#8211; Process and Shift JSON data with JavaScript</a></h2><p><img src="http://i.imgur.com/FBqftO7.png" alt="FastPivot, pivot data with JavaScript"/></p>
<p>Imagine a table of data, perhaps car data with columns: ID, Model, Make, Color, Age, etc. How do you process this data so that you can answer some simple questions or visualize it with <a href="http://techslides.com/50-javascript-charting-and-graphics-libraries">JavaScript charts</a>? Some questions, like &#8220;how many cars are red?&#8221; can be processed by looking at a count of rows that meet your criteria (rows where column color is red). </p>
<p>Other questions, like &#8220;what is the distribution of colors in your data set?&#8221;, requires shifting or pivoting the data, as you want to evaluate a specific column instead of rows. Charting will often need this data pivot and doing it optimally is crucial if you are working with a large amount of data on the client side.<br />
<a class="more-link" href="http://techslides.com/fastpivot-process-and-shift-json-data-with-javascript">Read more</a></p>
</article>
<div class="pagination">
<a href="http://techslides.com/demos/samples/sample.xslt/page/2" >Next Page &raquo;</a> </div>
<div class="topad">
<!--<script async src="http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>-->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-6963340308218331"
data-ad-slot="8309515439"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<footer>
<div id="copyright"><p>Copyright &copy2016 TechSlides, All Rights Reserved</p></div> </footer>
</main>
</body>
</html>

BIN
utils/sample_files/sample.zip Normal file
View File

Binary file not shown.

6256
utils/sample_files/test.ai Normal file
View File

File diff suppressed because one or more lines are too long

BIN
utils/sample_files/test.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 370 KiB

BIN
utils/sample_files/test.psd Normal file
View File

Binary file not shown.

22
utils/sample_files/test.svg Normal file
View File

@@ -0,0 +1,22 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 612 792" style="enable-background:new 0 0 612 792;" xml:space="preserve">
<style type="text/css">
.st0{fill:url(#SVGID_1_);}
.st1{fill:none;stroke:#000000;stroke-width:20;stroke-linecap:round;stroke-miterlimit:10;}
.st2{fill:#8D5CA6;}
</style>
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="148.1566" y1="562.8434" x2="627.6747" y2="562.8434">
<stop offset="0" style="stop-color:#F69380"/>
<stop offset="1" style="stop-color:#00B798"/>
</linearGradient>
<rect x="148.2" y="396.3" class="st0" width="479.5" height="333.1"/>
<path class="st1" d="M541.2,492.1c-57.9,107.8-192.2,148.3-300,90.4c-86.2-46.3-118.6-153.8-72.3-240c37-69,123-94.9,192-57.8
c55.2,29.6,75.9,98.4,46.3,153.6c-23.7,44.2-78.7,60.7-122.9,37c-35.3-19-48.6-63-29.6-98.3c15.2-28.3,50.4-38.9,78.6-23.7
c22.6,12.1,31.1,40.3,19,62.9c-9.7,18.1-32.2,24.9-50.3,15.2c-14.5-7.8-19.9-25.8-12.1-40.3c6.2-11.6,20.6-15.9,32.2-9.7
c9.3,5,12.7,16.5,7.8,25.8c-4,7.4-13.2,10.2-20.6,6.2c-5.9-3.2-8.2-10.6-5-16.5c2.5-4.7,8.5-6.5,13.2-4c3.8,2,5.2,6.8,3.2,10.6
c-1.6,3-5.4,4.2-8.4,2.5c-2.4-1.3-3.3-4.3-2-6.8c1-1.9,3.5-2.7,5.4-1.6c1.6,0.8,2.1,2.8,1.3,4.3"/>
<polygon class="st2" points="12,147.5 -18,34.5 89.9,79.4 188,16 178.7,132.5 269.3,206.2 155.7,233.3 113.6,342.3 52.7,242.6
-64,236.2 "/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
utils/sample_files/us_ski_areas_.dbf Normal file
View File

Binary file not shown.

BIN
utils/sample_files/us_ski_areas_.shp Normal file
View File

Binary file not shown.

BIN
utils/sample_files/us_ski_areas_.shx Normal file
View File

Binary file not shown.