pixiebox.github.io/index.html at master · pixiebox/pixiebox.github.io · GitHub

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Slider Box</title>
    <meta http-equiv="content-type" content="text/html;charset=UTF-8"/>

	<link rel="stylesheet" type="text/css" href="css/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/bootstrap/bootstrap-theme.min.css">
	<link rel="stylesheet" type="text/css" href="css/site.css">

	<script type="text/javascript">
		(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
			(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
			m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
		})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

		ga('create', 'UA-57655395-1', 'auto');
		ga('send', 'pageview');
	</script>

	<!--[if lt IE 9]><script src="js/html5.min.js" type="text/javascript"></script><script src="js/respond.min.js" type="text/javascript"></script><![endif]-->
</head>
<body>
	<div class="clearfix page-head">
		<img class="logo" src="/img/x1/logo.png" data-img="logo.png" data-breakpoint="/img/{folder}/" alt="Pixiebox">
		<h1 itemprop="name">PixieBox - front-end development</h1>
	</div>

	<div class="container post">
		<h1>SrcBox</h1>
		<p>A little lightweight vanilla script for viewporting your images, including lazy loading. It works on modern browsers and IE8+.</p>

		<h3>Browser support</h3>
		<p>Compatible with modern browsers and IE8+.</p>

		<h3>Download</h3>
		<p>Download the script from the project page on <a href="https://github.com/pixiebox/srcbox">GitHub</a>.</p>
		<p>If you have any suggestion or bug to report please use <a href="https://github.com/pixiebox/srcbox/issues">github issues</a>.</p>

		<h3>Support</h3>
		<ul>
			<li><a href="http://pixiebox.com/code/docs/srcbox">Documentation</a></li>
			<li>Demo - <a href="http://pixiebox.com/code/demo/srcbox">Basic slider</a></li>
		</ul>

		<h3>Help</h3>
		<p>Submit an issue - <a href="https://github.com/pixiebox/srcbox/issues">https://github.com/pixiebox/srcbox/issues</a>.</p>
	</div>

	<div class="container post">
		<h1>Slider Box jQuery Plugin</h1>
		<p>Slider Box is a very basic jQuery slider that supports</p>

		<h3>Browser support</h3>
		<p>Compatible with modern browsers and IE8+.</p>

		<h3>Download</h3>
		<p>Download the script from the project page on <a href="https://github.com/pixiebox/sliderbox">GitHub</a>.</p>
		<p>If you have any suggestion or bug to report please use <a href="https://github.com/pixiebox/sliderbox/issues">github issues</a>.</p>

		<h3>Support</h3>
		<ul>
			<li><a href="http://pixiebox.com/code/docs/sliderbox">Documentation</a></li>
			<li>Demo - <a href="http://pixiebox.com/code/demo/sliderbox-basic">Basic slider</a></li>
			<li>Demo - <a href="http://pixiebox.com/code/demo/sliderbox-breakpoints">Responsive slider</a></li>
			<li>Demo - <a href="http://pixiebox.com/code/demo/sliderbox-ajax"> Ajax slider </a></li>
		</ul>

		<h3>Help</h3>
		<p>Submit an issue - <a href="https://github.com/pixiebox/sliderbox/issues">https://github.com/pixiebox/sliderbox/issues</a>.</p>
	</div>

	<script src="js/srcBox.min.js" type="text/javascript"></script>
	<script type="text/javascript">
		srcBox.init('.logo', {
			breakpoints: [
				{folder: 'x1', minWidth: 320},
				{folder: 'x2', minWidth: 320, minDevicePixelRatio: 2},
				{folder: 'x3', minWidth: 320, minDevicePixelRatio: 3},
			]
		  , extend : false
		});
	</script>
</body>
</html>