Skip to content

Commit 4b4bdbb

Browse files
RubaXaRubaXa
committed
* upd
1 parent 8192c76 commit 4b4bdbb

File tree

1 file changed

+38
-33
lines changed

1 file changed

+38
-33
lines changed

‎presentation.html‎

Lines changed: 38 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -15,12 +15,12 @@
1515
<style>
1616
.reveal .slides h2,
1717
.reveal .slides h3 {
18-
font-family: arial,sans-serif;
18+
font-family: helvetica;
1919
text-transform: none;
2020
}
2121
.reveal .slides section {
2222
font-size: 35px;
23-
font-family: arial,sans-serif;
23+
font-family: helvetica;
2424
line-height: 170%;
2525
}
2626
pre .xml .css, pre .xml .javascript, pre .xml .vbscript, pre .tex .formula {
@@ -39,11 +39,15 @@
3939
}
4040

4141
.api__name {
42-
color: #E241D9;
42+
color: #fff;
43+
font-weight: bold;
4344
}
4445
.api__args {
4546
color: #ccc;
4647
}
48+
.api__descr {
49+
color: #eee;
50+
}
4751
</style>
4852
</head>
4953
<body>
@@ -132,8 +136,8 @@ <h3>Фильтрация</h3>
132136
<section>
133137
<h3>Создание preview</h3>
134138
<ul style="margin-top: 60px" class="list">
135-
<li><span class="list__item"><span class="api__name">FileReader</span> — позволяет асинхронно прочесть содержимое файла</span></li>
136-
<li><span class="list__item"><span class="api__name">URL.createObjectURL</span><span class="api__args">(file)</span> — создает ссылку, указывающую на файл</span></li>
139+
<li><span class="list__item"><span class="api__name">FileReader</span><span class="api__descr"> — позволяет асинхронно прочесть содержимое файла</span></span></li>
140+
<li><span class="list__item"><span class="api__name">URL.createObjectURL</span><span class="api__args">(file)</span><span class="api__descr"> — создает ссылку, указывающую на файл</span></span></li>
137141
</ul>
138142
</section>
139143

@@ -181,11 +185,11 @@ <h3>Создание preview через API</h3>
181185
<section>
182186
<h3>FileAPI.Image</h3>
183187
<ul class="list" style="margin-top: 50px">
184-
<li><span class="list__item"><span class="api__name">crop</span><span class="api__args">(x, y, width, height)</span> — кадрирование</span></li>
185-
<li><span class="list__item"><span class="api__name">resize</span><span class="api__args">(width[, height])</span> — масштабирование</span></li>
186-
<li><span class="list__item"><span class="api__name">rotate</span><span class="api__args">(deg)</span> — поворот</span></li>
187-
<li><span class="list__item"><span class="api__name">preview</span><span class="api__args">(width[, height])</span> — автоматически кадрирует и масштабирует</span></li>
188-
<li><span class="list__item"><span class="api__name">get</span><span class="api__args">(callback)</span> — получить итоговое изображение</span></li>
188+
<li><span class="list__item"><span class="api__name">crop</span><span class="api__args">(x, y, width, height)</span><span class="api__descr"> — кадрирование</span></span></li>
189+
<li><span class="list__item"><span class="api__name">resize</span><span class="api__args">(width[, height])</span><span class="api__descr"> — масштабирование</span></span></li>
190+
<li><span class="list__item"><span class="api__name">rotate</span><span class="api__args">(deg)</span><span class="api__descr"> — поворот</span></span></li>
191+
<li><span class="list__item"><span class="api__name">preview</span><span class="api__args">(width[, height])</span><span class="api__descr"> — автоматически кадрирует и масштабирует</span></span></li>
192+
<li><span class="list__item"><span class="api__name">get</span><span class="api__args">(callback)</span><span class="api__descr"> — получить итоговое изображение</span></span></li>
189193
</ul>
190194
</section>
191195

@@ -218,9 +222,9 @@ <h3>Взаимодействие со флешом</h3>
218222
<section>
219223
<h3>Объект параметров</h3>
220224
<ul style="margin-top: 60px;" class="list">
221-
<li><span class="list__item"><span class="api__name">id</span> — уникальный идентификатор файла, по которому флешка определяет, для какого файла, ей нужно выполнить ту или иную команду.</span></li>
222-
<li><span class="list__item"><span class="api__name">transform</span> — это та самая &laquo;матрица&raquo; трансформации</span></li>
223-
<li><span class="list__item"><span class="api__name">callback</span> — название функции, которую вызовет флеш, по завершению</span></li>
225+
<li><span class="list__item"><span class="api__name">id</span><span class="api__descr"> — уникальный идентификатор файла, по которому флешка определяет, для какого файла, ей нужно выполнить ту или иную команду.</span></span></li>
226+
<li><span class="list__item"><span class="api__name">transform</span><span class="api__descr"> — это та самая &laquo;матрица&raquo; трансформации</span></span></li>
227+
<li><span class="list__item"><span class="api__name">callback</span><span class="api__descr"> — название функции, которую вызовет флеш, по завершению</span></span></li>
224228
</ul>
225229
</section>
226230

@@ -251,35 +255,35 @@ <h3>Загрузка файлов</h3>
251255
<section>
252256
<h3>Параметры загрузки</h3>
253257
<ul class="list">
254-
<li><span class="list__item"><span class="api__name">url</span> — куда загружаем</span></li>
255-
<li><span class="list__item"><span class="api__name">data</span> — дополнительная POST-data</span></li>
256-
<li><span class="list__item"><span class="api__name">headers</span> — дополнительные заголовки запроса (в данном случае id сессии)</span></li>
257-
<li><span class="list__item"><span class="api__name">files</span> — это объект, у которого “key” название POST-параметра, а значение файл(ы)</span></li>
258-
<li><span class="list__item"><span class="api__name">imageTransform</span> — правила трансформации для картинок, max — не более, min — не менее, заданных размеров</span></li>
258+
<li><span class="list__item"><span class="api__name">url</span><span class="api__descr"> — куда загружаем</span></span></li>
259+
<li><span class="list__item"><span class="api__name">data</span><span class="api__descr"> — дополнительная POST-data</span></span></li>
260+
<li><span class="list__item"><span class="api__name">headers</span><span class="api__descr"> — дополнительные заголовки запроса (в данном случае id сессии)</span></span></li>
261+
<li><span class="list__item"><span class="api__name">files</span><span class="api__descr"> — это объект, у которого “key” название POST-параметра, а значение файл(ы)</span></span></li>
262+
<li><span class="list__item"><span class="api__name">imageTransform</span><span class="api__descr"> — правила трансформации для картинок, max — не более, min — не менее, заданных размеров</span></span></li>
259263
</ul>
260264
</section>
261265

262266
<section>
263267
<h3>События загрузки</h3>
264268
<ul class="list" style="margin-top: 30px">
265-
<li><span class="list__item"><span class="api__name">upload</span><span class="api__args">(xhr)</span> — будет вызван перед началом загрузки всех файлов</span></li>
266-
<li><span class="list__item"><span class="api__name">fileupload</span><span class="api__args">(xhr)</span> — перед загрузкой каждого файла</span></li>
267-
<li><span class="list__item"><span class="api__name">fileprogress</span><span class="api__args">(evt)</span> — прогресс загрузки текущего файла</span></li>
268-
<li><span class="list__item"><span class="api__name">filecomplete</span><span class="api__args">(status, xhr)</span> — завершение загрузки файла</span></li>
269-
<li><span class="list__item"><span class="api__name">progress</span><span class="api__args">(evt)</span> — общий процесс загрузки</span></li>
270-
<li><span class="list__item"><span class="api__name">complete</span><span class="api__args">(status, xhr)</span> — завершение загрузки всех файлов</span></li>
269+
<li><span class="list__item"><span class="api__name">upload</span><span class="api__args">(xhr)</span><span class="api__descr"> — будет вызван перед началом загрузки всех файлов</span></span></li>
270+
<li><span class="list__item"><span class="api__name">fileupload</span><span class="api__args">(xhr)</span><span class="api__descr"> — перед загрузкой каждого файла</span></span></li>
271+
<li><span class="list__item"><span class="api__name">fileprogress</span><span class="api__args">(evt)</span><span class="api__descr"> — прогресс загрузки текущего файла</span></span></li>
272+
<li><span class="list__item"><span class="api__name">filecomplete</span><span class="api__args">(status, xhr)</span><span class="api__descr"> — завершение загрузки файла</span></span></li>
273+
<li><span class="list__item"><span class="api__name">progress</span><span class="api__args">(evt)</span><span class="api__descr"> — общий процесс загрузки</span></span></li>
274+
<li><span class="list__item"><span class="api__name">complete</span><span class="api__args">(status, xhr)</span><span class="api__descr"> — завершение всей загрузки</span></span></li>
271275
</ul>
272276
</section>
273277

274278
<section>
275279
<h3>Описание объекта xhr</h3>
276280
<ul class="list" style="margin-top: 30px">
277-
<li><span class="list__item"><span class="api__name">status</span> — HTTP status code</span></li>
278-
<li><span class="list__item"><span class="api__name">statusText</span> — HTTP status text</span></li>
279-
<li><span class="list__item"><span class="api__name">responseText</span> — ответ сервера</span></li>
280-
<li><span class="list__item"><span class="api__name">getResponseHeader</span><span class="api__args">(name)</span> — получить заголовок ответа сервера</span></li>
281-
<li><span class="list__item"><span class="api__name">getAllResponseHeaders</span><span class="api__args">()</span> — получить все заголовки</span></li>
282-
<li><span class="list__item"><span class="api__name">abort</span><span class="api__args">()</span> — отменить загрузку</span></li>
281+
<li><span class="list__item"><span class="api__name">status</span><span class="api__descr"> — HTTP status code</span></span></li>
282+
<li><span class="list__item"><span class="api__name">statusText</span><span class="api__descr"> — HTTP status text</span></span></li>
283+
<li><span class="list__item"><span class="api__name">responseText</span><span class="api__descr"> — ответ сервера</span></span></li>
284+
<li><span class="list__item"><span class="api__name">getResponseHeader</span><span class="api__args">(name)</span><span class="api__descr"> — получить заголовок ответа сервера</span></span></li>
285+
<li><span class="list__item"><span class="api__name">getAllResponseHeaders</span><span class="api__args">()</span><span class="api__descr"> — получить все заголовки</span></span></li>
286+
<li><span class="list__item"><span class="api__name">abort</span><span class="api__args">()</span><span class="api__descr"> — отменить загрузку</span></span></li>
283287
</ul>
284288
</section>
285289

@@ -316,16 +320,17 @@ <h3>Выводы</h3>
316320

317321
<section>
318322
<h3>В ролях</h3>
319-
<ul class="list">
320-
<li><span class="list__item">FileAPI — a set of tools for working with files (https://github.com/RubaXa/FileAPI)</span></li>
321-
<li><span class="list__item">reveal.js — HTML5 Presentation Tool (https://github.com/hakimel/reveal.js)</span></li>
323+
<ul style="margin-top: 50px" class="list">
324+
<li><span class="list__item"><span class="api__name">FileAPI</span><span class="api__descr"> — a set of tools for working with files (https://github.com/RubaXa/FileAPI)</span></span></li>
325+
<li style="margin-top: 30px"><span class="list__item"><span class="api__name">reveal.js</span><span class="api__descr"> — HTML5 Presentation Tool (https://github.com/hakimel/reveal.js)</span></span></li>
322326
</ul>
323327
</section>
324328

325329
</section>
326330
</div>
327331
</div>
328332

333+
<script src="http://lab.hakim.se/reveal-js/lib/js/head.min.js"></script>
329334
<script src="https://raw.github.com/hakimel/reveal.js/master/js/reveal.js"></script>
330335
<script src="http://lab.hakim.se/reveal-js/lib/js/classList.js"></script>
331336
<script src="http://lab.hakim.se/reveal-js/lib/js/highlight.js"></script>

0 commit comments

Comments
 (0)