<!doctype html>
|
<html lang="en">
|
<head>
|
<meta charset="utf-8">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<title>TableSaw Sortable Table</title>
|
|
<link rel="stylesheet" href="../../dist/tablesaw.css">
|
|
<style>
|
/* .spec-detail-table {
|
width: 100%;
|
border-collapse: collapse;
|
border: solid 1px #c9c9c9;
|
text-align: left;
|
}
|
.spec-detail-table td, .spec-detail-table th {
|
border-right: solid 1px #c9c9c9;
|
border-bottom: solid 1px #c9c9c9;
|
border-top: solid 1px #ffffff;
|
vertical-align: top;
|
background-color: #ffffff;
|
font-size: 16px;
|
color: #000000;
|
line-height: 22px;
|
padding: 15px;
|
text-align: inherit;
|
white-space: inherit;
|
font-family: 'Roboto Condensed', sans-serif;
|
font-weight: 400;
|
}
|
.spec-detail-table td.column-1, .spec-detail-table th.column-1 {
|
background-color: #e2e2e2;
|
font-family: 'Roboto Condensed', sans-serif;
|
font-weight: 700;
|
}
|
.spec-detail-table td:nth-child(last), .spec-detail-table th:nth-child(last) {
|
border-right: none;
|
width: 150px;
|
}*/
|
</style>
|
|
<!--[if lt IE 9]><script src="../../dist/dependencies/respond.js"></script><![endif]-->
|
<script src="../../dist/dependencies/jquery.js"></script>
|
<script src="../../dist/tablesaw.js"></script>
|
<script src="../../dist/tablesaw-init.js"></script>
|
|
</head>
|
<body>
|
<h1>Issue 32</h1>
|
<table class="tablesaw" data-tablesaw-mode="swipe">
|
<tbody>
|
<tr>
|
<th class="column-1" data-tablesaw-priority="persist">
|
Ad Type
|
</th>
|
<th class="column-2">
|
Desktop Billboard
|
</th>
|
<th class="column-3">
|
Desktop Tablet / Rectangle
|
</th>
|
<th class="column-4">
|
Tablet Leaderboard
|
</th>
|
<th class="column-5">
|
|
Smart Phone<br />
|
Standart Wide<br/>
|
Banner
|
|
</th>
|
<th class="column-6">
|
|
Smarth Phone<br />
|
Rectangle
|
|
</th>
|
<th class="column-7">
|
Data point
|
</th>
|
</tr>
|
<tr>
|
<td class="column-1" data-tablesaw-priority="persist">
|
Ad Size
|
</td>
|
<td class="column-2">
|
970x250
|
</td>
|
<td class="column-3">
|
300x250
|
</td>
|
<td class="column-4">
|
728x90
|
</td>
|
<td class="column-5">
|
320x50
|
</td>
|
<td class="column-6">
|
300x250
|
</td>
|
<td class="column-7">
|
Data point
|
</td>
|
</tr>
|
<tr>
|
<td class="column-1" data-tablesaw-priority="persist">
|
Retina Ad Size
|
</td>
|
<td class="column-2">
|
970x250
|
</td>
|
<td class="column-3">
|
300x250
|
</td>
|
<td class="column-4">
|
728x90
|
</td>
|
<td class="column-5">
|
320x50
|
</td>
|
<td class="column-6">
|
300x250
|
</td>
|
<td class="column-7">
|
Data point
|
</td>
|
</tr>
|
<tr>
|
<td class="column-1" data-tablesaw-priority="persist">
|
Expanded Size
|
</td>
|
<td class="column-2">
|
N/A
|
</td>
|
<td class="column-3">
|
N/A
|
</td>
|
<td class="column-4">
|
N/A
|
</td>
|
<td class="column-5">
|
N/A
|
</td>
|
<td class="column-6">
|
640x960
|
</td>
|
<td class="column-7">
|
Data point
|
</td>
|
</tr>
|
<tr>
|
<td class="column-1" data-tablesaw-priority="persist">
|
Expanded Direction
|
</td>
|
<td class="column-2">
|
None(Leave behind 970x90)
|
</td>
|
<td class="column-3">
|
N/A
|
</td>
|
<td class="column-4">
|
N/A
|
</td>
|
<td class="column-5">
|
Up
|
</td>
|
<td class="column-6">
|
N/A
|
</td>
|
<td class="column-7">
|
Data point
|
</td>
|
</tr>
|
<tr>
|
<td class="column-1" data-tablesaw-priority="persist">
|
Looping & Max. Length of Anim.
|
</td>
|
<td class="column-2">
|
:15max
|
</td>
|
<td class="column-3">
|
3 loop limit, 15 sec max
|
</td>
|
<td class="column-4">
|
3 loop limit, 15 sec max
|
</td>
|
<td class="column-5">
|
3 loop limit, 15 sec max
|
</td>
|
<td class="column-6">
|
3 loop limit, 15 sec max
|
</td>
|
<td class="column-7">
|
Datapoint
|
</td>
|
</tr>
|
<tr>
|
<td class="column-1" data-tablesaw-priority="persist">
|
Frames per Second
|
</td>
|
<td class="column-2">
|
18fps
|
</td>
|
<td class="column-3">
|
24fps
|
</td>
|
<td class="column-4">
|
24fps
|
</td>
|
<td class="column-5">
|
24fps
|
</td>
|
<td class="column-6">
|
24fps
|
</td>
|
<td class="column-7">
|
Data point
|
</td>
|
</tr>
|
<tr>
|
<td class="column-1" data-tablesaw-priority="persist">
|
Max Initial Load File Size(k)
|
</td>
|
<td class="column-2">
|
60k
|
</td>
|
<td class="column-3">
|
50k
|
</td>
|
<td class="column-4">
|
50k
|
</td>
|
<td class="column-5">
|
100k
|
</td>
|
<td class="column-6">
|
200k
|
</td>
|
<td class="column-7">
|
Data point
|
</td>
|
</tr>
|
<tr>
|
<td class="column-1" data-tablesaw-priority="persist">
|
Max Full Load File Size Flash/Rich Media (k)
|
</td>
|
<td class="column-2">
|
100k (1.2MB for video)
|
</td>
|
<td class="column-3">
|
100k (2.2MB for video)
|
</td>
|
<td class="column-4">
|
100k (2.2MB for video)
|
</td>
|
<td class="column-5">
|
60k
|
</td>
|
<td class="column-6">
|
60k
|
</td>
|
<td class="column-7">
|
Data point
|
</td>
|
</tr>
|
<tr>
|
<td class="column-1" data-tablesaw-priority="persist">
|
Max Expanded File Size
|
</td>
|
<td class="column-2">
|
60k
|
</td>
|
<td class="column-3">
|
60k
|
</td>
|
<td class="column-4">
|
60k
|
</td>
|
<td class="column-5">
|
60k
|
</td>
|
<td class="column-6">
|
60k
|
</td>
|
<td class="column-7">
|
Data point
|
</td>
|
</tr>
|
<tr>
|
<td class="column-1" data-tablesaw-priority="persist">
|
Max Expanded File Size: HQ, Double Density/Retina
|
</td>
|
<td class="column-2">
|
N/A
|
</td>
|
<td class="column-3">
|
N/A
|
</td>
|
<td class="column-4">
|
N/A
|
</td>
|
<td class="column-5">
|
60k
|
</td>
|
<td class="column-6">
|
60k
|
</td>
|
<td class="column-7">
|
Data point
|
</td>
|
</tr>
|
<tr>
|
<td class="column-1" data-tablesaw-priority="persist">
|
Accepted formats
|
</td>
|
<td class="column-2">
|
|
Panel: Layered PSDs built to size
|
or fla's & swf's (both fla & swf
|
needed together)
|
|
|
Video: .mov or .avi
|
(.mov preferred)
|
|
</td>
|
<td class="column-3">
|
gif/.jpeg, .swf, rich media, html
|
</td>
|
<td class="column-4">
|
.gif/.jpeg, .
|
swf, rich
|
media, html
|
</td>
|
<td class="column-5">
|
GIF, JPG,
|
Animating
|
GIF, PNG
|
</td>
|
<td class="column-6">
|
GIF, JPG,
|
Animating
|
GIF, PNG
|
</td>
|
<td class="column-7">
|
Data point
|
</td>
|
</tr>
|
<tr>
|
<td class="column-1" data-tablesaw-priority="persist">
|
3rd Party Tracking
|
Accepted
|
</td>
|
<td class="column-2">
|
yes
|
</td>
|
<td class="column-3">
|
yes
|
</td>
|
<td class="column-4">
|
yes
|
</td>
|
<td class="column-5">
|
|
Y (1 click & 1
|
impression
|
tracker per
|
each ad size,
|
both standard
|
& expanded
|
states)
|
|
</td>
|
<td class="column-6">
|
|
Y (1 click & 1
|
impression
|
tracker per
|
each ad size,
|
both standard
|
& expanded
|
states)
|
|
</td>
|
<td class="column-7">
|
Data point
|
</td>
|
</tr>
|
<tr>
|
<td class="column-1" data-tablesaw-priority="persist">
|
Sound Allowed
|
</td>
|
<td class="column-2">
|
Yes, on click
|
</td>
|
<td class="column-3">
|
Yes, on click
|
</td>
|
<td class="column-4">
|
Yes, on click
|
</td>
|
<td class="column-5">
|
N/A
|
</td>
|
<td class="column-6">
|
N/A
|
</td>
|
<td class="column-7">
|
Data point
|
</td>
|
</tr>
|
<tr>
|
<td class="column-1" data-tablesaw-priority="persist">
|
Video Allowed
|
</td>
|
<td class="column-2">
|
See Notes
|
</td>
|
<td class="column-3">
|
Yes, on click
|
</td>
|
<td class="column-4">
|
Yes, on click
|
</td>
|
<td class="column-5">
|
N/A
|
</td>
|
<td class="column-6">
|
N/A
|
</td>
|
<td class="column-7">
|
Data point
|
</td>
|
</tr>
|
<tr>
|
<td class="column-1" data-tablesaw-priority="persist">
|
Notes
|
</td>
|
<td class="column-2">
|
|
CTA: Include a "(X) close"
|
button at the top right of the
|
panel
|
<br />
|
970x90 leave-behind: include
|
applicable branding. Format:
|
.gif or .jpg.
|
<br />
|
Video: Panel should be
|
designed with an area reserved
|
for video. Must have coding for
|
player controls (minimum of
|
stop/play, mute/unmute).
|
Video files cannot be third-party
|
served.
|
<br />
|
For more information, including
|
style guides please visit :
|
<a href="www.iab.net/risingstars">www.iab.net/risingstars</a>
|
|
</td>
|
<td class="column-3">
|
|
Cannot expand on Homepage or
|
Leaderboard. (For Video Enabled
|
300x250s: Minimum required
|
controls = Play, Pause, Mute
|
(volume control to zero (0)
|
output may be included instead
|
of or in addition to Mute control).
|
<br />
|
Audio must be user initiated
|
(on click: mute/ un-mute);
|
default state is muted.)
|
|
</td>
|
<td class="column-4">
|
|
Cannot
|
expand on
|
Leaderboard.
|
<br />
|
Must provide
|
backup .gif/
|
.jpg along
|
with any
|
swf/html
|
5 creative
|
|
</td>
|
<td class="column-5">
|
|
Expandable
|
Ads Should
|
be HTML5.
|
<br />
|
Please see
|
list of certified
|
vendors for
|
Mobile Rich
|
Media.
|
|
</td>
|
<td class="column-6">
|
|
Expandable
|
Ads Should
|
be HTML5.
|
<br />
|
Please see
|
list of certified
|
vendors for
|
Mobile Rich
|
Media.
|
|
</td>
|
<td class="column-7">
|
Data point
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</body>
|
</html>
|
