jeena/en.javascript.info
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions

bump cdnjs, go https

Browse source
This commit is contained in:
Ilya Kantor 2015-02-15 15:33:02 +03:00
parent 770be24376
commit 0eabad2516
140 changed files with 299 additions and 299 deletions
Download patch file Download diff file Expand all files Collapse all files

4
1-js/2-first-steps/2-external-script/article.md
View file

@ -104,7 +104,7 @@
<!--+ run height=100 --> <!--+ run height=100 -->
<p>Начало страницы...</p> <p>Начало страницы...</p>
<script src="//js.cx/hello/ads.js?speed=0"></script> <script src="https://js.cx/hello/ads.js?speed=0"></script>
<p>...Важная информация!</p> <p>...Важная информация!</p>
``` ```
@ -155,7 +155,7 @@
<!--+ run height=100 --> <!--+ run height=100 -->
<p>Начало страницы...</p> <p>Начало страницы...</p>
<script *!*async*/!* src="//js.cx/hello/ads.js?speed=0"></script> <script *!*async*/!* src="https://js.cx/hello/ads.js?speed=0"></script>
<p>...Важная информация!</p> <p>...Важная информация!</p>
``` ```

2
1-js/3-writing-js/4-testing/1-pow-nan-spec/task.md
View file

@ -9,7 +9,7 @@
Она содержит HTML с тестами. Обратите внимание, что HTML-страница в ней короче той, что обсуждалась в статье [](/testing). Это потому что библиотеки Chai, Mocha и Sinon объединены в один файл: Она содержит HTML с тестами. Обратите внимание, что HTML-страница в ней короче той, что обсуждалась в статье [](/testing). Это потому что библиотеки Chai, Mocha и Sinon объединены в один файл:
```html ```html
<script src="//js.cx/test/libs.js"></script> <script src="https://js.cx/test/libs.js"></script>
``` ```
Этот файл содержит код библиотек, стили, настройки для них и запуск `mocha.run` по окончании загрузки страницы. Если нет элемента с `id="mocha"`, то результаты выводятся в `<body>`. Этот файл содержит код библиотек, стили, настройки для них и запуск `mocha.run` по окончании загрузки страницы. Если нет элемента с `id="mocha"`, то результаты выводятся в `<body>`.

6
1-js/3-writing-js/4-testing/beforeafter.view/index.html
View file

@ -3,10 +3,10 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/mocha/1.13.0/mocha.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mocha/2.1.0/mocha.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/mocha/1.13.0/mocha.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/mocha/2.1.0/mocha.js"></script>
<script> mocha.setup('bdd'); </script> <script> mocha.setup('bdd'); </script>
<script src="//cdnjs.cloudflare.com/ajax/libs/chai/1.9.0/chai.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/chai/2.0.0/chai.js"></script>
<script> var assert = chai.assert; </script> <script> var assert = chai.assert; </script>
</head> </head>

6
1-js/3-writing-js/4-testing/index.html
View file

@ -4,14 +4,14 @@
<meta charset="utf-8"> <meta charset="utf-8">
<!-- подключаем стили Mocha, для отображения результатов --> <!-- подключаем стили Mocha, для отображения результатов -->
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/mocha/1.13.0/mocha.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mocha/2.1.0/mocha.css">
<!-- подключаем библиотеку Mocha --> <!-- подключаем библиотеку Mocha -->
<script src="//cdnjs.cloudflare.com/ajax/libs/mocha/1.13.0/mocha.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/mocha/2.1.0/mocha.js"></script>
<!-- настраиваем Mocha: предстоит BDD-тестирование --> <!-- настраиваем Mocha: предстоит BDD-тестирование -->
<script> mocha.setup('bdd'); </script> <script> mocha.setup('bdd'); </script>
<!-- подключаем chai --> <!-- подключаем chai -->
<script src="//cdnjs.cloudflare.com/ajax/libs/chai/1.9.0/chai.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/chai/2.0.0/chai.js"></script>
<!-- в chai есть много всего, выносим assert в глобальную область --> <!-- в chai есть много всего, выносим assert в глобальную область -->
<script> var assert = chai.assert; </script> <script> var assert = chai.assert; </script>
</head> </head>

6
1-js/3-writing-js/4-testing/pow-1.view/index.html
View file

@ -4,14 +4,14 @@
<meta charset="utf-8"> <meta charset="utf-8">
<!-- подключаем стили Mocha, для отображения результатов --> <!-- подключаем стили Mocha, для отображения результатов -->
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/mocha/1.13.0/mocha.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mocha/2.1.0/mocha.css">
<!-- подключаем библиотеку Mocha --> <!-- подключаем библиотеку Mocha -->
<script src="//cdnjs.cloudflare.com/ajax/libs/mocha/1.13.0/mocha.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/mocha/2.1.0/mocha.js"></script>
<!-- настраиваем Mocha: предстоит BDD-тестирование --> <!-- настраиваем Mocha: предстоит BDD-тестирование -->
<script> mocha.setup('bdd'); </script> <script> mocha.setup('bdd'); </script>
<!-- подключаем chai --> <!-- подключаем chai -->
<script src="//cdnjs.cloudflare.com/ajax/libs/chai/1.9.0/chai.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/chai/2.0.0/chai.js"></script>
<!-- в chai есть много всего, выносим assert в глобальную область --> <!-- в chai есть много всего, выносим assert в глобальную область -->
<script> var assert = chai.assert; </script> <script> var assert = chai.assert; </script>
</head> </head>

6
1-js/3-writing-js/4-testing/pow-2.view/index.html
View file

@ -4,14 +4,14 @@
<meta charset="utf-8"> <meta charset="utf-8">
<!-- подключаем стили Mocha, для отображения результатов --> <!-- подключаем стили Mocha, для отображения результатов -->
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/mocha/1.13.0/mocha.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mocha/2.1.0/mocha.css">
<!-- подключаем библиотеку Mocha --> <!-- подключаем библиотеку Mocha -->
<script src="//cdnjs.cloudflare.com/ajax/libs/mocha/1.13.0/mocha.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/mocha/2.1.0/mocha.js"></script>
<!-- настраиваем Mocha: предстоит BDD-тестирование --> <!-- настраиваем Mocha: предстоит BDD-тестирование -->
<script> mocha.setup('bdd'); </script> <script> mocha.setup('bdd'); </script>
<!-- подключаем chai --> <!-- подключаем chai -->
<script src="//cdnjs.cloudflare.com/ajax/libs/chai/1.9.0/chai.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/chai/2.0.0/chai.js"></script>
<!-- в chai есть много всего, выносим assert в глобальную область --> <!-- в chai есть много всего, выносим assert в глобальную область -->
<script> var assert = chai.assert; </script> <script> var assert = chai.assert; </script>
</head> </head>

6
1-js/3-writing-js/4-testing/pow-3.view/index.html
View file

@ -4,14 +4,14 @@
<meta charset="utf-8"> <meta charset="utf-8">
<!-- подключаем стили Mocha, для отображения результатов --> <!-- подключаем стили Mocha, для отображения результатов -->
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/mocha/1.13.0/mocha.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mocha/2.1.0/mocha.css">
<!-- подключаем библиотеку Mocha --> <!-- подключаем библиотеку Mocha -->
<script src="//cdnjs.cloudflare.com/ajax/libs/mocha/1.13.0/mocha.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/mocha/2.1.0/mocha.js"></script>
<!-- настраиваем Mocha: предстоит BDD-тестирование --> <!-- настраиваем Mocha: предстоит BDD-тестирование -->
<script> mocha.setup('bdd'); </script> <script> mocha.setup('bdd'); </script>
<!-- подключаем chai --> <!-- подключаем chai -->
<script src="//cdnjs.cloudflare.com/ajax/libs/chai/1.9.0/chai.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/chai/2.0.0/chai.js"></script>
<!-- в chai есть много всего, выносим assert в глобальную область --> <!-- в chai есть много всего, выносим assert в глобальную область -->
<script> var assert = chai.assert; </script> <script> var assert = chai.assert; </script>
</head> </head>

6
1-js/3-writing-js/4-testing/pow-4.view/index.html
View file

@ -4,14 +4,14 @@
<meta charset="utf-8"> <meta charset="utf-8">
<!-- подключаем стили Mocha, для отображения результатов --> <!-- подключаем стили Mocha, для отображения результатов -->
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/mocha/1.13.0/mocha.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mocha/2.1.0/mocha.css">
<!-- подключаем библиотеку Mocha --> <!-- подключаем библиотеку Mocha -->
<script src="//cdnjs.cloudflare.com/ajax/libs/mocha/1.13.0/mocha.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/mocha/2.1.0/mocha.js"></script>
<!-- настраиваем Mocha: предстоит BDD-тестирование --> <!-- настраиваем Mocha: предстоит BDD-тестирование -->
<script> mocha.setup('bdd'); </script> <script> mocha.setup('bdd'); </script>
<!-- подключаем chai --> <!-- подключаем chai -->
<script src="//cdnjs.cloudflare.com/ajax/libs/chai/1.9.0/chai.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/chai/2.0.0/chai.js"></script>
<!-- в chai есть много всего, выносим assert в глобальную область --> <!-- в chai есть много всего, выносим assert в глобальную область -->
<script> var assert = chai.assert; </script> <script> var assert = chai.assert; </script>
</head> </head>

6
1-js/3-writing-js/4-testing/pow-full.view/index.html
View file

@ -4,14 +4,14 @@
<meta charset="utf-8"> <meta charset="utf-8">
<!-- подключаем стили Mocha, для отображения результатов --> <!-- подключаем стили Mocha, для отображения результатов -->
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/mocha/1.13.0/mocha.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mocha/2.1.0/mocha.css">
<!-- подключаем библиотеку Mocha --> <!-- подключаем библиотеку Mocha -->
<script src="//cdnjs.cloudflare.com/ajax/libs/mocha/1.13.0/mocha.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/mocha/2.1.0/mocha.js"></script>
<!-- настраиваем Mocha: предстоит BDD-тестирование --> <!-- настраиваем Mocha: предстоит BDD-тестирование -->
<script> mocha.setup('bdd'); </script> <script> mocha.setup('bdd'); </script>
<!-- подключаем chai --> <!-- подключаем chai -->
<script src="//cdnjs.cloudflare.com/ajax/libs/chai/1.9.0/chai.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/chai/2.0.0/chai.js"></script>
<!-- в chai есть много всего, выносим assert в глобальную область --> <!-- в chai есть много всего, выносим assert в глобальную область -->
<script> var assert = chai.assert; </script> <script> var assert = chai.assert; </script>
</head> </head>

6
1-js/3-writing-js/4-testing/pow-min.view/index.html
View file

@ -4,14 +4,14 @@
<meta charset="utf-8"> <meta charset="utf-8">
<!-- подключаем стили Mocha, для отображения результатов --> <!-- подключаем стили Mocha, для отображения результатов -->
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/mocha/1.13.0/mocha.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mocha/2.1.0/mocha.css">
<!-- подключаем библиотеку Mocha --> <!-- подключаем библиотеку Mocha -->
<script src="//cdnjs.cloudflare.com/ajax/libs/mocha/1.13.0/mocha.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/mocha/2.1.0/mocha.js"></script>
<!-- настраиваем Mocha: предстоит BDD-тестирование --> <!-- настраиваем Mocha: предстоит BDD-тестирование -->
<script> mocha.setup('bdd'); </script> <script> mocha.setup('bdd'); </script>
<!-- подключаем chai --> <!-- подключаем chai -->
<script src="//cdnjs.cloudflare.com/ajax/libs/chai/1.9.0/chai.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/chai/2.0.0/chai.js"></script>
<!-- в chai есть много всего, выносим assert в глобальную область --> <!-- в chai есть много всего, выносим assert в глобальную область -->
<script> var assert = chai.assert; </script> <script> var assert = chai.assert; </script>
</head> </head>

6
1-js/3-writing-js/4-testing/pow-nan-assert.view/index.html
View file

@ -4,14 +4,14 @@
<meta charset="utf-8"> <meta charset="utf-8">
<!-- подключаем стили Mocha, для отображения результатов --> <!-- подключаем стили Mocha, для отображения результатов -->
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/mocha/1.13.0/mocha.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mocha/2.1.0/mocha.css">
<!-- подключаем библиотеку Mocha --> <!-- подключаем библиотеку Mocha -->
<script src="//cdnjs.cloudflare.com/ajax/libs/mocha/1.13.0/mocha.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/mocha/2.1.0/mocha.js"></script>
<!-- настраиваем Mocha: предстоит BDD-тестирование --> <!-- настраиваем Mocha: предстоит BDD-тестирование -->
<script> mocha.setup('bdd'); </script> <script> mocha.setup('bdd'); </script>
<!-- подключаем chai --> <!-- подключаем chai -->
<script src="//cdnjs.cloudflare.com/ajax/libs/chai/1.9.0/chai.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/chai/2.0.0/chai.js"></script>
<!-- в chai есть много всего, выносим assert в глобальную область --> <!-- в chai есть много всего, выносим assert в глобальную область -->
<script> var assert = chai.assert; </script> <script> var assert = chai.assert; </script>
</head> </head>

6
1-js/3-writing-js/4-testing/pow-nan.view/index.html
View file

@ -4,14 +4,14 @@
<meta charset="utf-8"> <meta charset="utf-8">
<!-- подключаем стили Mocha, для отображения результатов --> <!-- подключаем стили Mocha, для отображения результатов -->
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/mocha/1.13.0/mocha.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mocha/2.1.0/mocha.css">
<!-- подключаем библиотеку Mocha --> <!-- подключаем библиотеку Mocha -->
<script src="//cdnjs.cloudflare.com/ajax/libs/mocha/1.13.0/mocha.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/mocha/2.1.0/mocha.js"></script>
<!-- настраиваем Mocha: предстоит BDD-тестирование --> <!-- настраиваем Mocha: предстоит BDD-тестирование -->
<script> mocha.setup('bdd'); </script> <script> mocha.setup('bdd'); </script>
<!-- подключаем chai --> <!-- подключаем chai -->
<script src="//cdnjs.cloudflare.com/ajax/libs/chai/1.9.0/chai.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/chai/2.0.0/chai.js"></script>
<!-- в chai есть много всего, выносим assert в глобальную область --> <!-- в chai есть много всего, выносим assert в глобальную область -->
<script> var assert = chai.assert; </script> <script> var assert = chai.assert; </script>
</head> </head>

2
1-js/5-functions-closures/5-closures-module/article.md
View file

@ -174,7 +174,7 @@ function work() {
```html ```html
<!--+ run --> <!--+ run -->
<p>Подключим библиотеку</p> <p>Подключим библиотеку</p>
<script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.js"></script>
<p>Функция <code>_.defaults()</code> добавляет отсутствующие свойства.</p> <p>Функция <code>_.defaults()</code> добавляет отсутствующие свойства.</p>
<script> <script>

12
2-ui/1-document/11-modifying-document/article.md
View file

@ -14,7 +14,7 @@ HTML-код для сообщения (с подключённой библио
```html ```html
<!--+ autorun height="100" --> <!--+ autorun height="100" -->
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/css/bootstrap.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/css/bootstrap.css">
<div class="alert alert-success"> <div class="alert alert-success">
<strong>Ура!</strong> Вы прочитали это важное сообщение. <strong>Ура!</strong> Вы прочитали это важное сообщение.
@ -146,7 +146,7 @@ parentElem.appendChild(elem)
```html ```html
<!--+ height=150 run autorun --> <!--+ height=150 run autorun -->
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/css/bootstrap.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/css/bootstrap.css">
<body> <body>
<h3>Моя страница</h3> <h3>Моя страница</h3>
</body> </body>
@ -166,7 +166,7 @@ parentElem.appendChild(elem)
```html ```html
<!--+ height=150 run autorun --> <!--+ height=150 run autorun -->
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/css/bootstrap.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/css/bootstrap.css">
<body> <body>
<h3>Моя страница</h3> <h3>Моя страница</h3>
</body> </body>
@ -196,7 +196,7 @@ parentElem.appendChild(elem)
```html ```html
<!--+ height=200 run autorun --> <!--+ height=200 run autorun -->
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/css/bootstrap.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/css/bootstrap.css">
<body> <body>
<h3>Моя страница</h3> <h3>Моя страница</h3>
</body> </body>
@ -283,7 +283,7 @@ div.parentNode.insertBefore( div2, div.nextSibling );
```html ```html
<!--+ run --> <!--+ run -->
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/css/bootstrap.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/css/bootstrap.css">
<body> <body>
<h3>Сообщение пропадёт через секунду</h3> <h3>Сообщение пропадёт через секунду</h3>
</body> </body>
@ -315,7 +315,7 @@ div.parentNode.insertBefore( div2, div.nextSibling );
```html ```html
<!--+ run --> <!--+ run -->
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/css/bootstrap.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/css/bootstrap.css">
<script> <script>
var div = document.createElement('div'); var div = document.createElement('div');

2
2-ui/1-document/15-metrics/4-put-ball-in-center/ball-half/index.html
View file

@ -18,7 +18,7 @@
<div id="field"> <div id="field">
<img src="//js.cx/clipart/ball.svg" id="ball"> <img src="https://js.cx/clipart/ball.svg" id="ball">
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
</div> </div>

2
2-ui/1-document/15-metrics/4-put-ball-in-center/solution.view/index.html
View file

@ -18,7 +18,7 @@
<div id="field"> <div id="field">
<img src="//js.cx/clipart/ball.svg" width="40" height="40" id="ball"> <img src="https://js.cx/clipart/ball.svg" width="40" height="40" id="ball">
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
</div> </div>

2
2-ui/1-document/15-metrics/4-put-ball-in-center/source.view/index.html
View file

@ -18,7 +18,7 @@
<div id="field"> <div id="field">
<img src="//js.cx/clipart/ball.svg" id="ball"> <img src="https://js.cx/clipart/ball.svg" id="ball">
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
</div> </div>

20
2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/solution.view/index.html
View file

@ -10,16 +10,16 @@
<button class="arrow prev">⇦</button> <button class="arrow prev">⇦</button>
<div class="gallery"> <div class="gallery">
<ul class="images"> <ul class="images">
<li><img src="//js.cx/carousel/1.png"> <li><img src="https://js.cx/carousel/1.png">
<li><img src="//js.cx/carousel/2.png"> <li><img src="https://js.cx/carousel/2.png">
<li><img src="//js.cx/carousel/3.png"> <li><img src="https://js.cx/carousel/3.png">
<li><img src="//js.cx/carousel/4.png"> <li><img src="https://js.cx/carousel/4.png">
<li><img src="//js.cx/carousel/5.png"> <li><img src="https://js.cx/carousel/5.png">
<li><img src="//js.cx/carousel/6.png"> <li><img src="https://js.cx/carousel/6.png">
<li><img src="//js.cx/carousel/7.png"> <li><img src="https://js.cx/carousel/7.png">
<li><img src="//js.cx/carousel/8.png"> <li><img src="https://js.cx/carousel/8.png">
<li><img src="//js.cx/carousel/9.png"> <li><img src="https://js.cx/carousel/9.png">
<li><img src="//js.cx/carousel/10.png"> <li><img src="https://js.cx/carousel/10.png">
</ul> </ul>
</div> </div>
<button class="arrow next">⇨</button> <button class="arrow next">⇨</button>

20
2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/source.view/index.html
View file

@ -13,16 +13,16 @@
<ul> <ul>
<li><img src="//js.cx/carousel/1.png"> <li><img src="https://js.cx/carousel/1.png">
<li><img src="//js.cx/carousel/2.png"> <li><img src="https://js.cx/carousel/2.png">
<li><img src="//js.cx/carousel/3.png"> <li><img src="https://js.cx/carousel/3.png">
<li><img src="//js.cx/carousel/4.png"> <li><img src="https://js.cx/carousel/4.png">
<li><img src="//js.cx/carousel/5.png"> <li><img src="https://js.cx/carousel/5.png">
<li><img src="//js.cx/carousel/6.png"> <li><img src="https://js.cx/carousel/6.png">
<li><img src="//js.cx/carousel/7.png"> <li><img src="https://js.cx/carousel/7.png">
<li><img src="//js.cx/carousel/8.png"> <li><img src="https://js.cx/carousel/8.png">
<li><img src="//js.cx/carousel/9.png"> <li><img src="https://js.cx/carousel/9.png">
<li><img src="//js.cx/carousel/10.png"> <li><img src="https://js.cx/carousel/10.png">
</ul> </ul>

2
2-ui/2-events-and-interfaces/3-obtaining-event-object/1-move-ball-field/solution.view/index.html
View file

@ -35,7 +35,7 @@
<div id="field"> <div id="field">
<img src="//js.cx/clipart/ball.svg" id="ball"> <img src="https://js.cx/clipart/ball.svg" id="ball">
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
</div> </div>

2
2-ui/2-events-and-interfaces/3-obtaining-event-object/1-move-ball-field/source.view/index.html
View file

@ -28,7 +28,7 @@
<div id="field"> <div id="field">
<img src="//js.cx/clipart/ball.svg" id="ball"> <img src="https://js.cx/clipart/ball.svg" id="ball">
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
</div> </div>

12
2-ui/2-events-and-interfaces/7-default-browser-action/3-image-gallery/solution.view/index.html
View file

@ -8,15 +8,15 @@
<body> <body>
<p><img id="largeImg" src="//js.cx/gallery/img1-lg.jpg" alt="Large image"></p> <p><img id="largeImg" src="https://js.cx/gallery/img1-lg.jpg" alt="Large image"></p>
<ul id="thumbs"> <ul id="thumbs">
<!-- При наведении на изображение показывается встроенная подсказка браузера (title) --> <!-- При наведении на изображение показывается встроенная подсказка браузера (title) -->
<li><a href="//js.cx/gallery/img2-lg.jpg" title="Image 2"><img src="//js.cx/gallery/img2-thumb.jpg"></a></li> <li><a href="https://js.cx/gallery/img2-lg.jpg" title="Image 2"><img src="https://js.cx/gallery/img2-thumb.jpg"></a></li>
<li><a href="//js.cx/gallery/img3-lg.jpg" title="Image 3"><img src="//js.cx/gallery/img3-thumb.jpg"></a></li> <li><a href="https://js.cx/gallery/img3-lg.jpg" title="Image 3"><img src="https://js.cx/gallery/img3-thumb.jpg"></a></li>
<li><a href="//js.cx/gallery/img4-lg.jpg" title="Image 4"><img src="//js.cx/gallery/img4-thumb.jpg"></a></li> <li><a href="https://js.cx/gallery/img4-lg.jpg" title="Image 4"><img src="https://js.cx/gallery/img4-thumb.jpg"></a></li>
<li><a href="//js.cx/gallery/img5-lg.jpg" title="Image 5"><img src="//js.cx/gallery/img5-thumb.jpg"></a></li> <li><a href="https://js.cx/gallery/img5-lg.jpg" title="Image 5"><img src="https://js.cx/gallery/img5-thumb.jpg"></a></li>
<li><a href="//js.cx/gallery/img6-lg.jpg" title="Image 6"><img src="//js.cx/gallery/img6-thumb.jpg"></a></li> <li><a href="https://js.cx/gallery/img6-lg.jpg" title="Image 6"><img src="https://js.cx/gallery/img6-thumb.jpg"></a></li>
</ul> </ul>
<script> <script>

12
2-ui/2-events-and-interfaces/7-default-browser-action/3-image-gallery/source.view/index.html
View file

@ -8,15 +8,15 @@
<body> <body>
<p><img id="largeImg" src="//js.cx/gallery/img1-lg.jpg" alt="Large image"></p> <p><img id="largeImg" src="https://js.cx/gallery/img1-lg.jpg" alt="Large image"></p>
<div id="thumbs"> <div id="thumbs">
<!-- При наведении на изображение показывается встроенная подсказка браузера (title) --> <!-- При наведении на изображение показывается встроенная подсказка браузера (title) -->
<a href="//js.cx/gallery/img2-lg.jpg" title="Image 2"><img src="//js.cx/gallery/img2-thumb.jpg"></a> <a href="https://js.cx/gallery/img2-lg.jpg" title="Image 2"><img src="https://js.cx/gallery/img2-thumb.jpg"></a>
<a href="//js.cx/gallery/img3-lg.jpg" title="Image 3"><img src="//js.cx/gallery/img3-thumb.jpg"></a> <a href="https://js.cx/gallery/img3-lg.jpg" title="Image 3"><img src="https://js.cx/gallery/img3-thumb.jpg"></a>
<a href="//js.cx/gallery/img4-lg.jpg" title="Image 4"><img src="//js.cx/gallery/img4-thumb.jpg"></a> <a href="https://js.cx/gallery/img4-lg.jpg" title="Image 4"><img src="https://js.cx/gallery/img4-thumb.jpg"></a>
<a href="//js.cx/gallery/img5-lg.jpg" title="Image 5"><img src="//js.cx/gallery/img5-thumb.jpg"></a> <a href="https://js.cx/gallery/img5-lg.jpg" title="Image 5"><img src="https://js.cx/gallery/img5-thumb.jpg"></a>
<a href="//js.cx/gallery/img6-lg.jpg" title="Image 6"><img src="//js.cx/gallery/img6-thumb.jpg"></a> <a href="https://js.cx/gallery/img6-lg.jpg" title="Image 6"><img src="https://js.cx/gallery/img6-thumb.jpg"></a>
</div> </div>
</body> </body>

8
2-ui/3-event-details/10-onload-ondomcontentloaded/article.md
View file

@ -42,7 +42,7 @@ document.addEventListener( "DOMContentLoaded", ready, false );
*/!* */!*
</script> </script>
<img id="img" src="//js.cx/clipart/yozhik.jpg?speed=1"> <img id="img" src="https://js.cx/clipart/yozhik.jpg?speed=1">
``` ```
В примере выше размеры обработчик `DOMContentLoaded` сработает сразу после загрузки документа, не дожидаясь получения картинки. В примере выше размеры обработчик `DOMContentLoaded` сработает сразу после загрузки документа, не дожидаясь получения картинки.
@ -104,7 +104,7 @@ Firefox/Chrome/Opera автозаполняют формы по `DOMContentLoade
*/!* */!*
</script> </script>
<iframe src="http://example.com/" style="height:60px"></iframe> <iframe src="http://example.com/" style="height:60px"></iframe>
<img src="//js.cx/clipart/yozhik.jpg?speed=1"> <img src="https://js.cx/clipart/yozhik.jpg?speed=1">
``` ```
## window.onunload ## window.onunload
@ -162,7 +162,7 @@ Firefox игнорирует текст, а всегда показывает с
```html ```html
<!--+ run --> <!--+ run -->
<script src="//js.cx/script/jquery.documentReady.js"></script> <script src="https://js.cx/script/jquery.documentReady.js"></script>
<script> <script>
*!* *!*
@ -172,7 +172,7 @@ Firefox игнорирует текст, а всегда показывает с
*/!* */!*
</script> </script>
<img src="//js.cx/clipart/yozhik.jpg?speed=1"> <img src="https://js.cx/clipart/yozhik.jpg?speed=1">
<div>Текст страницы</div> <div>Текст страницы</div>
``` ```

4
2-ui/3-event-details/11-onload-onerror/1-nice-alt/solution.view/index.html
View file

@ -8,11 +8,11 @@
<button onclick="window.location.reload(true)">Перезагрузить ифрейм</button> <button onclick="window.location.reload(true)">Перезагрузить ифрейм</button>
<hr> <hr>
<div style="width:114px;height:40px;font-size:32px;letter-spacing:3px" data-src="//js.cx/search/google.png" class="img-replace"> <div style="width:114px;height:40px;font-size:32px;letter-spacing:3px" data-src="https://js.cx/search/google.png" class="img-replace">
<span style="color:#1A53F7">G</span><span style="color:#E42131">o</span><span style="color:#FEB819">o</span><span style="color:#164AF2">g</span><span style="color:#00a315">l</span><span style="color:#E42131">e</span> <span style="color:#1A53F7">G</span><span style="color:#E42131">o</span><span style="color:#FEB819">o</span><span style="color:#164AF2">g</span><span style="color:#00a315">l</span><span style="color:#E42131">e</span>
</div> </div>
<div style="width:101px;height:40px;font-size:32px" data-src="//js.cx/search/yandex.png" class="img-replace"> <div style="width:101px;height:40px;font-size:32px" data-src="https://js.cx/search/yandex.png" class="img-replace">
<span style="color:#F00">Я</span>ндекс <span style="color:#F00">Я</span>ндекс
</div> </div>

6
2-ui/3-event-details/11-onload-onerror/1-nice-alt/source.view/index.html
View file

@ -23,9 +23,9 @@
<hr> <hr>
<!-- картинки (для bing картинки специально нет, чтобы протестировать случай "загрузка не удалась") --> <!-- картинки (для bing картинки специально нет, чтобы протестировать случай "загрузка не удалась") -->
<img src="//js.cx/search/yandex.png" width="114" height="40" alt="Яндекс"> <img src="https://js.cx/search/yandex.png" width="114" height="40" alt="Яндекс">
<img src="//js.cx/search/google.png" width="101" height="40" alt="Google"> <img src="https://js.cx/search/google.png" width="101" height="40" alt="Google">
<img src="//js.cx/search/bing.png" width="101" height="40" alt="Файла нет (bing)"> <img src="https://js.cx/search/bing.png" width="101" height="40" alt="Файла нет (bing)">
</body> </body>

6
2-ui/3-event-details/11-onload-onerror/2-load-img-callback/solution.view/index.html
View file

@ -27,9 +27,9 @@
// ---------- Проверка ---------- // ---------- Проверка ----------
var sources = [ var sources = [
"//js.cx/images-load/1.jpg", "https://js.cx/images-load/1.jpg",
"//js.cx/images-load/2.jpg", "https://js.cx/images-load/2.jpg",
"//js.cx/images-load/3.jpg" "https://js.cx/images-load/3.jpg"
]; ];
for (var i=0; i<sources.length; i++) { for (var i=0; i<sources.length; i++) {
sources[i] += '?'+Math.random(); sources[i] += '?'+Math.random();

6
2-ui/3-event-details/11-onload-onerror/2-load-img-callback/source.view/index.html
View file

@ -15,9 +15,9 @@
/* файлы для загрузки */ /* файлы для загрузки */
var sources = [ var sources = [
"//js.cx/images-load/1.jpg", "https://js.cx/images-load/1.jpg",
"//js.cx/images-load/2.jpg", "https://js.cx/images-load/2.jpg",
"//js.cx/images-load/3.jpg" "https://js.cx/images-load/3.jpg"
]; ];
for (var i=0; i<sources.length; i++) { for (var i=0; i<sources.length; i++) {
sources[i] += '?'+Math.random(); // добавляем параметр, чтобы без кеша (для теста) sources[i] += '?'+Math.random(); // добавляем параметр, чтобы без кеша (для теста)

2
2-ui/3-event-details/4-drag-and-drop/2-drag-heroes/solution.view/index.html
View file

@ -25,7 +25,7 @@
<div class="hero draggable" id="hero5"></div> <div class="hero draggable" id="hero5"></div>
<div class="hero draggable" id="hero6"></div> <div class="hero draggable" id="hero6"></div>
<img src="//js.cx/drag-heroes/ball.png" class="draggable"> <img src="https://js.cx/drag-heroes/ball.png" class="draggable">
<div style="clear:both"></div> <div style="clear:both"></div>

4
2-ui/3-event-details/4-drag-and-drop/2-drag-heroes/solution.view/soccer.css
View file

@ -4,7 +4,7 @@ html, body {
} }
#field { #field {
background: url(//js.cx/drag-heroes/field.png); background: url(https://js.cx/drag-heroes/field.png);
width: 800px; width: 800px;
height: 600px; height: 600px;
float: left; float: left;
@ -12,7 +12,7 @@ html, body {
/* герои и мяч (переносимые элементы) */ /* герои и мяч (переносимые элементы) */
.hero { .hero {
background: url(//js.cx/drag-heroes/heroes.png); background: url(https://js.cx/drag-heroes/heroes.png);
width: 130px; width: 130px;
height: 128px; height: 128px;
float: left; float: left;

2
2-ui/3-event-details/4-drag-and-drop/2-drag-heroes/source.view/index.html
View file

@ -25,7 +25,7 @@
<div class="hero draggable" id="hero5"></div> <div class="hero draggable" id="hero5"></div>
<div class="hero draggable" id="hero6"></div> <div class="hero draggable" id="hero6"></div>
<img src="//js.cx/drag-heroes/ball.png" class="draggable"> <img src="https://js.cx/drag-heroes/ball.png" class="draggable">
<div style="clear:both"></div> <div style="clear:both"></div>

4
2-ui/3-event-details/4-drag-and-drop/2-drag-heroes/source.view/soccer.css
View file

@ -4,7 +4,7 @@ html, body {
} }
#field { #field {
background: url(//js.cx/drag-heroes/field.png); background: url(https://js.cx/drag-heroes/field.png);
width: 800px; width: 800px;
height: 600px; height: 600px;
float: left; float: left;
@ -12,7 +12,7 @@ html, body {
/* герои и мяч (переносимые элементы) */ /* герои и мяч (переносимые элементы) */
.hero { .hero {
background: url(//js.cx/drag-heroes/heroes.png); background: url(https://js.cx/drag-heroes/heroes.png);
width: 130px; width: 130px;
height: 128px; height: 128px;
float: left; float: left;

2
2-ui/3-event-details/4-drag-and-drop/ball.view/index.html
View file

@ -7,7 +7,7 @@
<p>Кликните по мячу и тяните, чтобы двигать его.</p> <p>Кликните по мячу и тяните, чтобы двигать его.</p>
<img src="//js.cx/clipart/ball.svg" style="cursor:pointer" width="40" height="40" id="ball"> <img src="https://js.cx/clipart/ball.svg" style="cursor:pointer" width="40" height="40" id="ball">
<script> <script>

2
2-ui/3-event-details/4-drag-and-drop/ball2.view/index.html
View file

@ -7,7 +7,7 @@
<p>Кликните по мячу и тяните, чтобы двигать его.</p> <p>Кликните по мячу и тяните, чтобы двигать его.</p>
<img src="//js.cx/clipart/ball.svg" style="cursor:pointer" width="40" height="40" id="ball"> <img src="https://js.cx/clipart/ball.svg" style="cursor:pointer" width="40" height="40" id="ball">
<script> <script>

2
2-ui/3-event-details/4-drag-and-drop/ball3.view/index.html
View file

@ -7,7 +7,7 @@
<p>Кликните по мячу и тяните, чтобы двигать его.</p> <p>Кликните по мячу и тяните, чтобы двигать его.</p>
<img src="//js.cx/clipart/ball.svg" style="cursor:pointer" width="40" height="40" id="ball"> <img src="https://js.cx/clipart/ball.svg" style="cursor:pointer" width="40" height="40" id="ball">
<script> <script>

4
2-ui/3-event-details/5-drag-and-drop-objects/dragDemo.view/dragDemo.css
View file

@ -1,13 +1,13 @@
.computer { .computer {
width: 93px; width: 93px;
height: 98px; height: 98px;
background: url(//js.cx/clipart/computer.gif) no-repeat; background: url(https://js.cx/clipart/computer.gif) no-repeat;
padding: 5px; padding: 5px;
font-style: italic; font-style: italic;
} }
.computer-smile { .computer-smile {
background: url(//js.cx/clipart/computer-smile.gif) no-repeat; background: url(https://js.cx/clipart/computer-smile.gif) no-repeat;
} }
.draggable { .draggable {

10
2-ui/3-event-details/5-drag-and-drop-objects/dragDemo.view/index.html
View file

@ -22,11 +22,11 @@
<body> <body>
<div style="height:64px"> <div style="height:64px">
<img src="//js.cx/browsers/chrome.svg" class="draggable"> <img src="https://js.cx/browsers/chrome.svg" class="draggable">
<img src="//js.cx/browsers/firefox.svg" class="draggable"> <img src="https://js.cx/browsers/firefox.svg" class="draggable">
<img src="//js.cx/browsers/ie.svg" class="draggable"> <img src="https://js.cx/browsers/ie.svg" class="draggable">
<img src="//js.cx/browsers/opera.svg" class="draggable"> <img src="https://js.cx/browsers/opera.svg" class="draggable">
<img src="//js.cx/browsers/safari.svg" class="draggable"> <img src="https://js.cx/browsers/safari.svg" class="draggable">
</div> </div>
<p>Браузер переносить сюда:</p> <p>Браузер переносить сюда:</p>

2
2-ui/3-event-details/7-onscroll/1-avatar-above-scroll/solution.view/index.html
View file

@ -67,7 +67,7 @@
<h3>Винни-Пух</h3> <h3>Винни-Пух</h3>
<div id="avatar"> <div id="avatar">
<img src="//js.cx/clipart/winnie-mult.jpg" width="200" height="150"> <img src="https://js.cx/clipart/winnie-mult.jpg" width="200" height="150">
<div>Кадр из мультфильма</div> <div>Кадр из мультфильма</div>
</div> </div>

2
2-ui/3-event-details/7-onscroll/1-avatar-above-scroll/source.view/index.html
View file

@ -62,7 +62,7 @@
<h3>Винни-Пух</h3> <h3>Винни-Пух</h3>
<div id="avatar"> <div id="avatar">
<img src="//js.cx/clipart/winnie-mult.jpg" width="200" height="150"> <img src="https://js.cx/clipart/winnie-mult.jpg" width="200" height="150">
<div>Кадр из мультфильма</div> <div>Кадр из мультфильма</div>
</div> </div>

20
2-ui/3-event-details/7-onscroll/3-load-visible-img/solution.view/index.html
View file

@ -27,7 +27,7 @@
Будущее уже сейчас! Скоро фраза из фантастического фильма "флипнуть до космопорта" станет реальностью. По крайней мере вторую ее часть человечество обеспечило. В октябре состоялась официальная церемония открытия космопорта «Америка», первой в мире коммерческой площадки для частных космических полетов. Космопорт открылся в пустыне штата Нью-Мексико. Проект был реализован английским бюро Foster and Partners. Космопорт включает в себя зал ожидания и подготовки к полетам, диспетчерский пункт и ангар. Также обеспечена взлетно-посадочная полоса длиной в три километра. Будущее уже сейчас! Скоро фраза из фантастического фильма "флипнуть до космопорта" станет реальностью. По крайней мере вторую ее часть человечество обеспечило. В октябре состоялась официальная церемония открытия космопорта «Америка», первой в мире коммерческой площадки для частных космических полетов. Космопорт открылся в пустыне штата Нью-Мексико. Проект был реализован английским бюро Foster and Partners. Космопорт включает в себя зал ожидания и подготовки к полетам, диспетчерский пункт и ангар. Также обеспечена взлетно-посадочная полоса длиной в три километра.
<div class="illustrations"> <div class="illustrations">
<img src="//js.cx/lazyimg/1.gif" width="200" height="140" realsrc="//js.cx/lazyimg/1.jpg"> <img src="https://js.cx/lazyimg/1.gif" width="200" height="140" realsrc="https://js.cx/lazyimg/1.jpg">
</div> </div>
</div> </div>
@ -36,8 +36,8 @@
Супермодель Анна Вялицына (Anne Vyalitsyna) и музыкант Адам Ливайн (Adam Levine) снялись в ноябрьском номере Vogue Russia. Снимал их Аликс Малка (Alix Malka). Анна и Адам примерили на себя рок-н-ролльные наряды от Alexander Wang, Louis Vuitton, Alexander McQueen, Balmain, Yves Saint Laurent, подобранные для них Катериной Мухиной. Супермодель Анна Вялицына (Anne Vyalitsyna) и музыкант Адам Ливайн (Adam Levine) снялись в ноябрьском номере Vogue Russia. Снимал их Аликс Малка (Alix Malka). Анна и Адам примерили на себя рок-н-ролльные наряды от Alexander Wang, Louis Vuitton, Alexander McQueen, Balmain, Yves Saint Laurent, подобранные для них Катериной Мухиной.
<div class="illustrations"> <div class="illustrations">
<img src="//js.cx/lazyimg/1.gif" width="200" height="259" realsrc="//js.cx/lazyimg/2-1.jpg"> <img src="https://js.cx/lazyimg/1.gif" width="200" height="259" realsrc="https://js.cx/lazyimg/2-1.jpg">
<img src="//js.cx/lazyimg/1.gif" width="200" height="260" realsrc="//js.cx/lazyimg/2-2.jpg"> <img src="https://js.cx/lazyimg/1.gif" width="200" height="260" realsrc="https://js.cx/lazyimg/2-2.jpg">
</div> </div>
</div> </div>
@ -46,8 +46,8 @@
Стивен Мейзел (Steven Meisel) снял фотосессию для октябрьского Vogue Italia. В съемках приняли участие: Карен Элсон (Karen Elson), Джиневер ван Синус (Guinevere van Seenus), Эмма Балфур (Emma Balfour), Эн Уст (An Oost), Коринна Ингенлеф (Corinna Ingenleuf), Танга Моро (Tanga Moreau), Кордула Рейер (Cordula Reyer), Гейл о`Нил (Gail O'Neil), Эвелин Кун (Evelyn Kuhn), Каролин де Мэгрэ (Caroline de Maigret), Дэльфин Бафор (Delfine Bafort), Кирстен Оуэн (Kirsten Owen), Гунилла Линдблад (Gunilla Lindblad). Стивен Мейзел (Steven Meisel) снял фотосессию для октябрьского Vogue Italia. В съемках приняли участие: Карен Элсон (Karen Elson), Джиневер ван Синус (Guinevere van Seenus), Эмма Балфур (Emma Balfour), Эн Уст (An Oost), Коринна Ингенлеф (Corinna Ingenleuf), Танга Моро (Tanga Moreau), Кордула Рейер (Cordula Reyer), Гейл о`Нил (Gail O'Neil), Эвелин Кун (Evelyn Kuhn), Каролин де Мэгрэ (Caroline de Maigret), Дэльфин Бафор (Delfine Bafort), Кирстен Оуэн (Kirsten Owen), Гунилла Линдблад (Gunilla Lindblad).
<div class="illustrations"> <div class="illustrations">
<img src="//js.cx/lazyimg/1.gif" width="341" height="474" realsrc="//js.cx/lazyimg/3-1.jpg"> <img src="https://js.cx/lazyimg/1.gif" width="341" height="474" realsrc="https://js.cx/lazyimg/3-1.jpg">
<img src="//js.cx/lazyimg/1.gif" width="338" height="474" realsrc="//js.cx/lazyimg/3-2.jpg"> <img src="https://js.cx/lazyimg/1.gif" width="338" height="474" realsrc="https://js.cx/lazyimg/3-2.jpg">
</div> </div>
</div> </div>
@ -57,7 +57,7 @@
Художник из Филадельфии Мэтью Кокс (Matthew Cox) создал серию работ, в которых объединены медицинский рентген и вышивка. Художник взял рентгенограммы и вышил их предполагаемое содержание частично со скелетными элементами. Получилось зловеще и интригующе. Выставка "Вышитый рентген" будет демонстрироваться в галерее Packer/Schopf в Майами, в рамках Базельской Художественной Недели. Художник из Филадельфии Мэтью Кокс (Matthew Cox) создал серию работ, в которых объединены медицинский рентген и вышивка. Художник взял рентгенограммы и вышил их предполагаемое содержание частично со скелетными элементами. Получилось зловеще и интригующе. Выставка "Вышитый рентген" будет демонстрироваться в галерее Packer/Schopf в Майами, в рамках Базельской Художественной Недели.
Эта серия - только треть творческой продукции Кокса. Он также создает традиционные картины и иллюстрации. Эта серия - только треть творческой продукции Кокса. Он также создает традиционные картины и иллюстрации.
<div class="illustrations"><img src="//js.cx/lazyimg/1.gif" width="680" height="452" realsrc="//js.cx/lazyimg/4.jpg"></div> <div class="illustrations"><img src="https://js.cx/lazyimg/1.gif" width="680" height="452" realsrc="https://js.cx/lazyimg/4.jpg"></div>
</div> </div>
<div class="news-item"> <div class="news-item">
@ -65,7 +65,7 @@
Etoday предлагает полистать страницы подарочного каталога продукции Apple образца 1983 года. Кажется, это было так давно! Etoday предлагает полистать страницы подарочного каталога продукции Apple образца 1983 года. Кажется, это было так давно!
Эта серия - только треть творческой продукции Кокса. Он также создает традиционные картины и иллюстрации. Эта серия - только треть творческой продукции Кокса. Он также создает традиционные картины и иллюстрации.
<div class="illustrations"><img src="//js.cx/lazyimg/1.gif" width="600" height="393" realsrc="//js.cx/lazyimg/5.jpg"></div> <div class="illustrations"><img src="https://js.cx/lazyimg/1.gif" width="600" height="393" realsrc="https://js.cx/lazyimg/5.jpg"></div>
</div> </div>
<div class="news-item"> <div class="news-item">
@ -73,7 +73,7 @@ Etoday предлагает полистать страницы подарочн
Занимательная коллекция старых почтовых открыток праздника Halloween. Открытки взяты из ньюйоркской публичной библиотеки и датируются примерно 1910 г. Занимательная коллекция старых почтовых открыток праздника Halloween. Открытки взяты из ньюйоркской публичной библиотеки и датируются примерно 1910 г.
<div class="illustrations"><img src="//js.cx/lazyimg/1.gif" width="680" height="433" realsrc="//js.cx/lazyimg/6.jpg"></div> <div class="illustrations"><img src="https://js.cx/lazyimg/1.gif" width="680" height="433" realsrc="https://js.cx/lazyimg/6.jpg"></div>
</div> </div>
<div class="news-item"> <div class="news-item">
@ -81,7 +81,7 @@ Etoday предлагает полистать страницы подарочн
Молодой фотограф Эмили Ли (Emily Lee) использует фотографию, чтобы выразить свои чувства. "Когда я смотрю на жизнь через камеру, вижу все более ясно, - пишет она на своем профиле Flickr. - Фотосъемка - это искусство наблюдения." Эмили Ли - обладательница большого таланта и умения глубоко понимать искусство, хотя учится еще только в средней школе. Молодой фотограф Эмили Ли (Emily Lee) использует фотографию, чтобы выразить свои чувства. "Когда я смотрю на жизнь через камеру, вижу все более ясно, - пишет она на своем профиле Flickr. - Фотосъемка - это искусство наблюдения." Эмили Ли - обладательница большого таланта и умения глубоко понимать искусство, хотя учится еще только в средней школе.
<div class="illustrations"><img src="//js.cx/lazyimg/1.gif" width="680" height="453" realsrc="//js.cx/lazyimg/7.jpg"></div> <div class="illustrations"><img src="https://js.cx/lazyimg/1.gif" width="680" height="453" realsrc="https://js.cx/lazyimg/7.jpg"></div>
</div> </div>
<div class="news-item"> <div class="news-item">
@ -89,7 +89,7 @@ Etoday предлагает полистать страницы подарочн
Fashimals - tumblr-блог, посвященный иконам моды, превращенным в животных. Здесь есть Анна Винтур, Карл Лагерфельд, Терри Ричардсон, а также много других их коллег. Fashimals - tumblr-блог, посвященный иконам моды, превращенным в животных. Здесь есть Анна Винтур, Карл Лагерфельд, Терри Ричардсон, а также много других их коллег.
<div class="illustrations"><img src="//js.cx/lazyimg/1.gif" width="600" height="622" realsrc="//js.cx/lazyimg/8.jpg"></div> <div class="illustrations"><img src="https://js.cx/lazyimg/1.gif" width="600" height="622" realsrc="https://js.cx/lazyimg/8.jpg"></div>
</div> </div>

20
2-ui/3-event-details/7-onscroll/3-load-visible-img/source.view/index.html
View file

@ -27,7 +27,7 @@
Будущее уже сейчас! Скоро фраза из фантастического фильма "флипнуть до космопорта" станет реальностью. По крайней мере вторую ее часть человечество обеспечило. В октябре состоялась официальная церемония открытия космопорта «Америка», первой в мире коммерческой площадки для частных космических полетов. Космопорт открылся в пустыне штата Нью-Мексико. Проект был реализован английским бюро Foster and Partners. Космопорт включает в себя зал ожидания и подготовки к полетам, диспетчерский пункт и ангар. Также обеспечена взлетно-посадочная полоса длиной в три километра. Будущее уже сейчас! Скоро фраза из фантастического фильма "флипнуть до космопорта" станет реальностью. По крайней мере вторую ее часть человечество обеспечило. В октябре состоялась официальная церемония открытия космопорта «Америка», первой в мире коммерческой площадки для частных космических полетов. Космопорт открылся в пустыне штата Нью-Мексико. Проект был реализован английским бюро Foster and Partners. Космопорт включает в себя зал ожидания и подготовки к полетам, диспетчерский пункт и ангар. Также обеспечена взлетно-посадочная полоса длиной в три километра.
<div class="illustrations"> <div class="illustrations">
<img src="//js.cx/lazyimg/1.gif" width="200" height="140" realsrc="//js.cx/lazyimg/1.jpg"> <img src="https://js.cx/lazyimg/1.gif" width="200" height="140" realsrc="https://js.cx/lazyimg/1.jpg">
</div> </div>
</div> </div>
@ -36,8 +36,8 @@
Супермодель Анна Вялицына (Anne Vyalitsyna) и музыкант Адам Ливайн (Adam Levine) снялись в ноябрьском номере Vogue Russia. Снимал их Аликс Малка (Alix Malka). Анна и Адам примерили на себя рок-н-ролльные наряды от Alexander Wang, Louis Vuitton, Alexander McQueen, Balmain, Yves Saint Laurent, подобранные для них Катериной Мухиной. Супермодель Анна Вялицына (Anne Vyalitsyna) и музыкант Адам Ливайн (Adam Levine) снялись в ноябрьском номере Vogue Russia. Снимал их Аликс Малка (Alix Malka). Анна и Адам примерили на себя рок-н-ролльные наряды от Alexander Wang, Louis Vuitton, Alexander McQueen, Balmain, Yves Saint Laurent, подобранные для них Катериной Мухиной.
<div class="illustrations"> <div class="illustrations">
<img src="//js.cx/lazyimg/1.gif" width="200" height="259" realsrc="//js.cx/lazyimg/2-1.jpg"> <img src="https://js.cx/lazyimg/1.gif" width="200" height="259" realsrc="https://js.cx/lazyimg/2-1.jpg">
<img src="//js.cx/lazyimg/1.gif" width="200" height="260" realsrc="//js.cx/lazyimg/2-2.jpg"> <img src="https://js.cx/lazyimg/1.gif" width="200" height="260" realsrc="https://js.cx/lazyimg/2-2.jpg">
</div> </div>
</div> </div>
@ -46,8 +46,8 @@
Стивен Мейзел (Steven Meisel) снял фотосессию для октябрьского Vogue Italia. В съемках приняли участие: Карен Элсон (Karen Elson), Джиневер ван Синус (Guinevere van Seenus), Эмма Балфур (Emma Balfour), Эн Уст (An Oost), Коринна Ингенлеф (Corinna Ingenleuf), Танга Моро (Tanga Moreau), Кордула Рейер (Cordula Reyer), Гейл о`Нил (Gail O'Neil), Эвелин Кун (Evelyn Kuhn), Каролин де Мэгрэ (Caroline de Maigret), Дэльфин Бафор (Delfine Bafort), Кирстен Оуэн (Kirsten Owen), Гунилла Линдблад (Gunilla Lindblad). Стивен Мейзел (Steven Meisel) снял фотосессию для октябрьского Vogue Italia. В съемках приняли участие: Карен Элсон (Karen Elson), Джиневер ван Синус (Guinevere van Seenus), Эмма Балфур (Emma Balfour), Эн Уст (An Oost), Коринна Ингенлеф (Corinna Ingenleuf), Танга Моро (Tanga Moreau), Кордула Рейер (Cordula Reyer), Гейл о`Нил (Gail O'Neil), Эвелин Кун (Evelyn Kuhn), Каролин де Мэгрэ (Caroline de Maigret), Дэльфин Бафор (Delfine Bafort), Кирстен Оуэн (Kirsten Owen), Гунилла Линдблад (Gunilla Lindblad).
<div class="illustrations"> <div class="illustrations">
<img src="//js.cx/lazyimg/1.gif" width="341" height="474" realsrc="//js.cx/lazyimg/3-1.jpg"> <img src="https://js.cx/lazyimg/1.gif" width="341" height="474" realsrc="https://js.cx/lazyimg/3-1.jpg">
<img src="//js.cx/lazyimg/1.gif" width="338" height="474" realsrc="//js.cx/lazyimg/3-2.jpg"> <img src="https://js.cx/lazyimg/1.gif" width="338" height="474" realsrc="https://js.cx/lazyimg/3-2.jpg">
</div> </div>
</div> </div>
@ -57,7 +57,7 @@
Художник из Филадельфии Мэтью Кокс (Matthew Cox) создал серию работ, в которых объединены медицинский рентген и вышивка. Художник взял рентгенограммы и вышил их предполагаемое содержание частично со скелетными элементами. Получилось зловеще и интригующе. Выставка "Вышитый рентген" будет демонстрироваться в галерее Packer/Schopf в Майами, в рамках Базельской Художественной Недели. Художник из Филадельфии Мэтью Кокс (Matthew Cox) создал серию работ, в которых объединены медицинский рентген и вышивка. Художник взял рентгенограммы и вышил их предполагаемое содержание частично со скелетными элементами. Получилось зловеще и интригующе. Выставка "Вышитый рентген" будет демонстрироваться в галерее Packer/Schopf в Майами, в рамках Базельской Художественной Недели.
Эта серия - только треть творческой продукции Кокса. Он также создает традиционные картины и иллюстрации. Эта серия - только треть творческой продукции Кокса. Он также создает традиционные картины и иллюстрации.
<div class="illustrations"><img src="//js.cx/lazyimg/1.gif" width="680" height="452" realsrc="//js.cx/lazyimg/4.jpg"></div> <div class="illustrations"><img src="https://js.cx/lazyimg/1.gif" width="680" height="452" realsrc="https://js.cx/lazyimg/4.jpg"></div>
</div> </div>
<div class="news-item"> <div class="news-item">
@ -65,7 +65,7 @@
Etoday предлагает полистать страницы подарочного каталога продукции Apple образца 1983 года. Кажется, это было так давно! Etoday предлагает полистать страницы подарочного каталога продукции Apple образца 1983 года. Кажется, это было так давно!
Эта серия - только треть творческой продукции Кокса. Он также создает традиционные картины и иллюстрации. Эта серия - только треть творческой продукции Кокса. Он также создает традиционные картины и иллюстрации.
<div class="illustrations"><img src="//js.cx/lazyimg/1.gif" width="600" height="393" realsrc="//js.cx/lazyimg/5.jpg"></div> <div class="illustrations"><img src="https://js.cx/lazyimg/1.gif" width="600" height="393" realsrc="https://js.cx/lazyimg/5.jpg"></div>
</div> </div>
<div class="news-item"> <div class="news-item">
@ -73,7 +73,7 @@ Etoday предлагает полистать страницы подарочн
Занимательная коллекция старых почтовых открыток праздника Halloween. Открытки взяты из ньюйоркской публичной библиотеки и датируются примерно 1910 г. Занимательная коллекция старых почтовых открыток праздника Halloween. Открытки взяты из ньюйоркской публичной библиотеки и датируются примерно 1910 г.
<div class="illustrations"><img src="//js.cx/lazyimg/1.gif" width="680" height="433" realsrc="//js.cx/lazyimg/6.jpg"></div> <div class="illustrations"><img src="https://js.cx/lazyimg/1.gif" width="680" height="433" realsrc="https://js.cx/lazyimg/6.jpg"></div>
</div> </div>
<div class="news-item"> <div class="news-item">
@ -81,7 +81,7 @@ Etoday предлагает полистать страницы подарочн
Молодой фотограф Эмили Ли (Emily Lee) использует фотографию, чтобы выразить свои чувства. "Когда я смотрю на жизнь через камеру, вижу все более ясно, - пишет она на своем профиле Flickr. - Фотосъемка - это искусство наблюдения." Эмили Ли - обладательница большого таланта и умения глубоко понимать искусство, хотя учится еще только в средней школе. Молодой фотограф Эмили Ли (Emily Lee) использует фотографию, чтобы выразить свои чувства. "Когда я смотрю на жизнь через камеру, вижу все более ясно, - пишет она на своем профиле Flickr. - Фотосъемка - это искусство наблюдения." Эмили Ли - обладательница большого таланта и умения глубоко понимать искусство, хотя учится еще только в средней школе.
<div class="illustrations"><img src="//js.cx/lazyimg/1.gif" width="680" height="453" realsrc="//js.cx/lazyimg/7.jpg"></div> <div class="illustrations"><img src="https://js.cx/lazyimg/1.gif" width="680" height="453" realsrc="https://js.cx/lazyimg/7.jpg"></div>
</div> </div>
<div class="news-item"> <div class="news-item">
@ -89,7 +89,7 @@ Etoday предлагает полистать страницы подарочн
Fashimals - tumblr-блог, посвященный иконам моды, превращенным в животных. Здесь есть Анна Винтур, Карл Лагерфельд, Терри Ричардсон, а также много других их коллег. Fashimals - tumblr-блог, посвященный иконам моды, превращенным в животных. Здесь есть Анна Винтур, Карл Лагерфельд, Терри Ричардсон, а также много других их коллег.
<div class="illustrations"><img src="//js.cx/lazyimg/1.gif" width="600" height="622" realsrc="//js.cx/lazyimg/8.jpg"></div> <div class="illustrations"><img src="https://js.cx/lazyimg/1.gif" width="600" height="622" realsrc="https://js.cx/lazyimg/8.jpg"></div>
</div> </div>

4
2-ui/3-event-details/7-onscroll/3-load-visible-img/task.md
View file

@ -12,7 +12,7 @@
<img src="yozhik.jpg" width="128" height="128"> <img src="yozhik.jpg" width="128" height="128">
``` ```
<img src="//js.cx/clipart/yozhik.jpg" width="128" height="128"> <img src="https://js.cx/clipart/yozhik.jpg" width="128" height="128">
Стоит вот такое: Стоит вот такое:
@ -21,7 +21,7 @@
<img *!*src="1.gif"*/!* width="128" height="128" *!*realsrc="yozhik.jpg"*/!*> <img *!*src="1.gif"*/!* width="128" height="128" *!*realsrc="yozhik.jpg"*/!*>
``` ```
<img src="//js.cx/lazyimg/1.gif" width="128" height="128"> <img src="https://js.cx/lazyimg/1.gif" width="128" height="128">
То есть настоящий URL находится в атрибуте `realsrc` (название атрибута можно выбрать любое). А в `src` поставлен серый GIF размера 1x1, и так как `width/height` правильные, то он растягивается, так что вместо изображения виден серый прямоугольник. То есть настоящий URL находится в атрибуте `realsrc` (название атрибута можно выбрать любое). А в `src` поставлен серый GIF размера 1x1, и так как `width/height` правильные, то он растягивается, так что вместо изображения виден серый прямоугольник.

2
2-ui/4-forms-controls/2-focus-blur/2-keyboard-mouse/solution.view/index.html
View file

@ -18,7 +18,7 @@
Кликните на мышонка и передвигайте его, нажимая клавиши со стрелками. Кликните на мышонка и передвигайте его, нажимая клавиши со стрелками.
<div style="position:relative;top:30px;width:50px;height:50px"> <div style="position:relative;top:30px;width:50px;height:50px">
<div style="width:41px; height:48px; background:url(//js.cx/clipart/mousie.gif)" id="mousie" tabindex="-1"></div> <div style="width:41px; height:48px; background:url(https://js.cx/clipart/mousie.gif)" id="mousie" tabindex="-1"></div>
</div> </div>
<script> <script>

2
2-ui/4-forms-controls/2-focus-blur/2-keyboard-mouse/source.view/index.html
View file

@ -17,7 +17,7 @@
Кликните на мышонка и передвигайте его, нажимая клавиши со стрелками. Кликните на мышонка и передвигайте его, нажимая клавиши со стрелками.
<div style="width:41px;height:48px;background:url(//js.cx/clipart/mousie.gif)"></div> <div style="width:41px;height:48px;background:url(https://js.cx/clipart/mousie.gif)"></div>

2
2-ui/4-forms-controls/2-focus-blur/2-keyboard-mouse/task.md
View file

@ -12,7 +12,7 @@
</style> </style>
<div style="position:relative;top:20px;width:100px;height:100px"> <div style="position:relative;top:20px;width:100px;height:100px">
<div style="width:41px; height:48px;background:url(//js.cx/clipart/mousie.gif)" id="mousie" tabindex="0"></div> <div style="width:41px; height:48px;background:url(https://js.cx/clipart/mousie.gif)" id="mousie" tabindex="0"></div>
</div> </div>
<script> <script>

2
2-ui/4-forms-controls/4-forms-submit/1-modal-dialog/source.view/index.html
View file

@ -15,7 +15,7 @@ html, body {
padding: 5px 5px 5px 70px; padding: 5px 5px 5px 70px;
width: 200px; width: 200px;
border: 1px solid black; border: 1px solid black;
background: white url(//js.cx/clipart/prompt.png) no-repeat left 5px; background: white url(https://js.cx/clipart/prompt.png) no-repeat left 5px;
vertical-align: middle; vertical-align: middle;
} }

4
2-ui/5-widgets/2-widgets-structure/menu-1.view/style.css
View file

@ -7,7 +7,7 @@
.menu .title { .menu .title {
font-weight: bold; font-weight: bold;
cursor: pointer; cursor: pointer;
background: url(//js.cx/clipart/arrow-right.png) left center no-repeat; background: url(https://js.cx/clipart/arrow-right.png) left center no-repeat;
padding-left: 18px; padding-left: 18px;
} }
@ -16,5 +16,5 @@
} }
.menu.open .title { .menu.open .title {
background-image: url(//js.cx/clipart/arrow-down.png); background-image: url(https://js.cx/clipart/arrow-down.png);
} }

4
2-ui/5-widgets/2-widgets-structure/menu-3-elem.view/style.css
View file

@ -7,7 +7,7 @@
.menu .title { .menu .title {
font-weight: bold; font-weight: bold;
cursor: pointer; cursor: pointer;
background: url(//js.cx/clipart/arrow-right.png) left center no-repeat; background: url(https://js.cx/clipart/arrow-right.png) left center no-repeat;
padding-left: 18px; padding-left: 18px;
} }
@ -16,5 +16,5 @@
} }
.menu.open .title { .menu.open .title {
background-image: url(//js.cx/clipart/arrow-down.png); background-image: url(https://js.cx/clipart/arrow-down.png);
} }

2
2-ui/5-widgets/4-template-lodash/1-table-template/solution.view/index.html
View file

@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<script src="http://code.jquery.com/jquery.min.js"></script> <script src="http://code.jquery.com/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js"></script>
<style> <style>
table { table {
border-collapse: collapse; border-collapse: collapse;

2
2-ui/5-widgets/4-template-lodash/1-table-template/source.view/index.html
View file

@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<script src="http://code.jquery.com/jquery.min.js"></script> <script src="http://code.jquery.com/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js"></script>
</head> </head>
<body> <body>

2
2-ui/5-widgets/4-template-lodash/3-menu-template/solution.view/index.html
View file

@ -4,7 +4,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<link rel="stylesheet" href="menu.css"> <link rel="stylesheet" href="menu.css">
<script src="http://code.jquery.com/jquery.min.js"></script> <script src="http://code.jquery.com/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.js"></script>
<script src="menu.js"></script> <script src="menu.js"></script>
</head> </head>
<body> <body>

4
2-ui/5-widgets/4-template-lodash/3-menu-template/solution.view/menu.css
View file

@ -7,7 +7,7 @@
.menu .title { .menu .title {
font-weight: bold; font-weight: bold;
cursor: pointer; cursor: pointer;
background: url(//js.cx/clipart/arrow-right.png) left center no-repeat; background: url(https://js.cx/clipart/arrow-right.png) left center no-repeat;
padding-left: 18px; padding-left: 18px;
} }
@ -16,5 +16,5 @@
} }
.menu.open .title { .menu.open .title {
background-image: url(//js.cx/clipart/arrow-down.png); background-image: url(https://js.cx/clipart/arrow-down.png);
} }

2
2-ui/5-widgets/4-template-lodash/3-menu-template/source.view/index.html
View file

@ -4,7 +4,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<link rel="stylesheet" href="menu.css"> <link rel="stylesheet" href="menu.css">
<script src="http://code.jquery.com/jquery.min.js"></script> <script src="http://code.jquery.com/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.js"></script>
<script src="menu.js"></script> <script src="menu.js"></script>
</head> </head>
<body> <body>

4
2-ui/5-widgets/4-template-lodash/3-menu-template/source.view/menu.css
View file

@ -7,7 +7,7 @@
.menu .title { .menu .title {
font-weight: bold; font-weight: bold;
cursor: pointer; cursor: pointer;
background: url(//js.cx/clipart/arrow-right.png) left center no-repeat; background: url(https://js.cx/clipart/arrow-right.png) left center no-repeat;
padding-left: 18px; padding-left: 18px;
} }
@ -16,5 +16,5 @@
} }
.menu.open .title { .menu.open .title {
background-image: url(//js.cx/clipart/arrow-down.png); background-image: url(https://js.cx/clipart/arrow-down.png);
} }

2
2-ui/5-widgets/4-template-lodash/article.md
View file

@ -219,7 +219,7 @@ var template = document.getElementById('menu-template').innerHTML;
```html ```html
<!--+ run height=150 --> <!--+ run height=150 -->
<!-- библиотека LoDash --> <!-- библиотека LoDash -->
<script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.js"></script>
<!-- шаблон для списка от 1 до count --> <!-- шаблон для списка от 1 до count -->
<script *!*type="text/template"*/!* id="list-template"> <script *!*type="text/template"*/!* id="list-template">

2
2-ui/5-widgets/4-template-lodash/index.html
View file

@ -2,7 +2,7 @@
<html> <html>
<body> <body>
<script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.js"></script>
<script type="text/template" id="menu-template"> <script type="text/template" id="menu-template">
<div class="menu"> <div class="menu">

2
2-ui/5-widgets/4-template-lodash/menu-3-template.view/index.html
View file

@ -4,7 +4,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<link rel="stylesheet" href="menu.css"> <link rel="stylesheet" href="menu.css">
<script src="http://code.jquery.com/jquery.min.js"></script> <script src="http://code.jquery.com/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.js"></script>
<script src="menu.js"></script> <script src="menu.js"></script>
</head> </head>
<body> <body>

4
2-ui/5-widgets/4-template-lodash/menu-3-template.view/menu.css
View file

@ -7,7 +7,7 @@
.menu .title { .menu .title {
font-weight: bold; font-weight: bold;
cursor: pointer; cursor: pointer;
background: url(//js.cx/clipart/arrow-right.png) left center no-repeat; background: url(https://js.cx/clipart/arrow-right.png) left center no-repeat;
padding-left: 18px; padding-left: 18px;
} }
@ -16,5 +16,5 @@
} }
.menu.open .title { .menu.open .title {
background-image: url(//js.cx/clipart/arrow-down.png); background-image: url(https://js.cx/clipart/arrow-down.png);
} }

2
2-ui/5-widgets/5-custom-events/3-custom-select/solution.view/customselect.css
View file

@ -8,7 +8,7 @@
height: 17px; height: 17px;
border: 1px solid #ADD8E6; border: 1px solid #ADD8E6;
background-position: right; background-position: right;
background-image: url(//js.cx/clipart/select-button.gif); background-image: url(https://js.cx/clipart/select-button.gif);
background-repeat: no-repeat; background-repeat: no-repeat;
padding: 2px; padding: 2px;
cursor: pointer; cursor: pointer;

2
2-ui/5-widgets/5-custom-events/3-custom-select/source.view/index.html
View file

@ -10,7 +10,7 @@
<div>Последний результат: <span id="result">...</span></div> <div>Последний результат: <span id="result">...</span></div>
<img src="//js.cx/clipart/select-button.gif"> <img src="https://js.cx/clipart/select-button.gif">
<div id="animal-select" class="customselect"> <div id="animal-select" class="customselect">
<div class="customselect-title">Выберите</div> <div class="customselect-title">Выберите</div>

2
2-ui/5-widgets/5-custom-events/menu-callback.view/index.html
View file

@ -4,7 +4,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
<script src="http://code.jquery.com/jquery.min.js"></script> <script src="http://code.jquery.com/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.js"></script>
<script src="menu.js"></script> <script src="menu.js"></script>
</head> </head>
<body> <body>

4
2-ui/5-widgets/5-custom-events/menu-callback.view/style.css
View file

@ -7,7 +7,7 @@
.menu .title { .menu .title {
font-weight: bold; font-weight: bold;
cursor: pointer; cursor: pointer;
background: url(//js.cx/clipart/arrow-right.png) left center no-repeat; background: url(https://js.cx/clipart/arrow-right.png) left center no-repeat;
padding-left: 18px; padding-left: 18px;
} }
@ -16,5 +16,5 @@
} }
.menu.open .title { .menu.open .title {
background-image: url(//js.cx/clipart/arrow-down.png); background-image: url(https://js.cx/clipart/arrow-down.png);
} }

2
2-ui/5-widgets/5-custom-events/menu-event.view/index.html
View file

@ -4,7 +4,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
<script src="http://code.jquery.com/jquery.min.js"></script> <script src="http://code.jquery.com/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.js"></script>
<script src="eventMixin.js"></script> <script src="eventMixin.js"></script>
<script src="menu.js"></script> <script src="menu.js"></script>
</head> </head>

4
2-ui/5-widgets/5-custom-events/menu-event.view/style.css
View file

@ -7,7 +7,7 @@
.menu .title { .menu .title {
font-weight: bold; font-weight: bold;
cursor: pointer; cursor: pointer;
background: url(//js.cx/clipart/arrow-right.png) left center no-repeat; background: url(https://js.cx/clipart/arrow-right.png) left center no-repeat;
padding-left: 18px; padding-left: 18px;
} }
@ -16,5 +16,5 @@
} }
.menu.open .title { .menu.open .title {
background-image: url(//js.cx/clipart/arrow-down.png); background-image: url(https://js.cx/clipart/arrow-down.png);
} }

4
2-ui/5-widgets/6-widget-tasks/3-resize-img/solution.view/index.html
View file

@ -20,7 +20,7 @@
right: 0; right: 0;
width: 16px; width: 16px;
height: 16px; height: 16px;
background: url(//js.cx/clipart/handle-se.png) no-repeat; background: url(https://js.cx/clipart/handle-se.png) no-repeat;
cursor: se-resize; cursor: se-resize;
} }
@ -47,7 +47,7 @@
</head> </head>
<body> <body>
<img style="width:500px;height:282px" id="heroes" src="//js.cx/clipart/heroes.jpg"> <img style="width:500px;height:282px" id="heroes" src="https://js.cx/clipart/heroes.jpg">
<div id="info"></div> <div id="info"></div>

4
2-ui/5-widgets/6-widget-tasks/3-resize-img/source.view/index.html
View file

@ -6,9 +6,9 @@
</head> </head>
<body> <body>
<img style="width:500px;height:282px" id="heroes" src="//js.cx/clipart/heroes.jpg"> <img style="width:500px;height:282px" id="heroes" src="https://js.cx/clipart/heroes.jpg">
Картинка для декорации правого-нижнего угла: <img src="//js.cx/clipart/handle-se.png"> Картинка для декорации правого-нижнего угла: <img src="https://js.cx/clipart/handle-se.png">
<div id="info"></div> <div id="info"></div>

2
2-ui/5-widgets/6-widget-tasks/3-resize-img/task.md
View file

@ -24,5 +24,5 @@ $(resizeMe).on("resize", function(e) {
Минимальный размер изображения 3x3, меньше ресайзить нельзя. Минимальный размер изображения 3x3, меньше ресайзить нельзя.
В исходном документе есть ссылка на <a href="//js.cx/clipart/handle-se.png">картинку handle-se.png</a> для правого-нижнего угла. В исходном документе есть ссылка на <a href="https://js.cx/clipart/handle-se.png">картинку handle-se.png</a> для правого-нижнего угла.

2
2-ui/5-widgets/6-widget-tasks/4-img-select-mouse/solution.view/index.html
View file

@ -17,7 +17,7 @@
</head> </head>
<body> <body>
<img width="500" height="282" id="heroes" src="//js.cx/clipart/heroes.jpg"> <img width="500" height="282" id="heroes" src="https://js.cx/clipart/heroes.jpg">
<div id="info"></div> <div id="info"></div>
<script> <script>

2
2-ui/5-widgets/6-widget-tasks/4-img-select-mouse/source.view/index.html
View file

@ -6,7 +6,7 @@
</head> </head>
<body> <body>
<img width="500" height="282" id="heroes" src="//js.cx/clipart/heroes.jpg"> <img width="500" height="282" id="heroes" src="https://js.cx/clipart/heroes.jpg">
<div id="info"></div> <div id="info"></div>
<script> <script>

4
2-ui/5-widgets/6-widget-tasks/5-menu-animated/solution.view/index.html
View file

@ -21,14 +21,14 @@
.menu .menu-title { .menu .menu-title {
padding-left: 16px; padding-left: 16px;
background: url(//js.cx/clipart/arrow-right.png) left center no-repeat; background: url(https://js.cx/clipart/arrow-right.png) left center no-repeat;
font-size: 18px; font-size: 18px;
cursor: pointer; cursor: pointer;
} }
.menu-open .menu-title { .menu-open .menu-title {
background: url(//js.cx/clipart/arrow-down.png) left center no-repeat; background: url(https://js.cx/clipart/arrow-down.png) left center no-repeat;
} }
.menu-open ul { .menu-open ul {

4
2-ui/5-widgets/6-widget-tasks/5-menu-animated/source.view/index.html
View file

@ -21,14 +21,14 @@
.menu .menu-title { .menu .menu-title {
padding-left: 16px; padding-left: 16px;
background: url(//js.cx/clipart/arrow-right.png) left center no-repeat; background: url(https://js.cx/clipart/arrow-right.png) left center no-repeat;
font-size: 18px; font-size: 18px;
cursor: pointer; cursor: pointer;
} }
.menu-open .menu-title { .menu-open .menu-title {
background: url(//js.cx/clipart/arrow-down.png) left center no-repeat; background: url(https://js.cx/clipart/arrow-down.png) left center no-repeat;
} }
.menu-open ul { .menu-open ul {

2
2-ui/5-widgets/8-widget-tasks-2/1-date-selector/solution.view/index.html
View file

@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<script src="http://code.jquery.com/jquery.min.js"></script> <script src="http://code.jquery.com/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js"></script>
<script src="dateselector.js"></script> <script src="dateselector.js"></script>
</head> </head>
<body> <body>

2
2-ui/5-widgets/8-widget-tasks-2/1-date-selector/source.view/index.html
View file

@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<script src="http://code.jquery.com/jquery.min.js"></script> <script src="http://code.jquery.com/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js"></script>
<script src="dateselector.js"></script> <script src="dateselector.js"></script>
</head> </head>
<body> <body>

2
2-ui/5-widgets/8-widget-tasks-2/2-draggable-windows/index.html
View file

@ -3,7 +3,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<script src="http://code.jquery.com/jquery.min.js"></script> <script src="http://code.jquery.com/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js"></script>
<link type="text/css" rel="stylesheet" href="window.css" /> <link type="text/css" rel="stylesheet" href="window.css" />
<style> <style>
html, body { html, body {

2
2-ui/5-widgets/8-widget-tasks-2/2-draggable-windows/solution.view/index.html
View file

@ -3,7 +3,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<script src="http://code.jquery.com/jquery.min.js"></script> <script src="http://code.jquery.com/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js"></script>
<link type="text/css" rel="stylesheet" href="window.css" /> <link type="text/css" rel="stylesheet" href="window.css" />
<style> <style>
html, body { html, body {

2
2-ui/5-widgets/8-widget-tasks-2/2-draggable-windows/source.view/index.html
View file

@ -3,7 +3,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<script src="http://code.jquery.com/jquery.min.js"></script> <script src="http://code.jquery.com/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js"></script>
<style> <style>
html, body { html, body {
padding: 0; padding: 0;

2
2-ui/5-widgets/8-widget-tasks-2/3-window-manager/solution.view/index.html
View file

@ -3,7 +3,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<script src="http://code.jquery.com/jquery.min.js"></script> <script src="http://code.jquery.com/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js"></script>
<link type="text/css" rel="stylesheet" href="window.css" /> <link type="text/css" rel="stylesheet" href="window.css" />
<style> <style>
html, body { html, body {

2
2-ui/5-widgets/8-widget-tasks-2/4-double-calendar-with-arrows/solution.view/index.html
View file

@ -7,7 +7,7 @@
<link type="text/css" rel="stylesheet" href="datepicker.css"> <link type="text/css" rel="stylesheet" href="datepicker.css">
<script src="http://code.jquery.com/jquery.min.js"></script> <script src="http://code.jquery.com/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js"></script>
<script src="calendar.js"></script> <script src="calendar.js"></script>
<script src="datepicker.js"></script> <script src="datepicker.js"></script>

2
2-ui/5-widgets/8-widget-tasks-2/4-double-calendar-with-arrows/source.view/index.html
View file

@ -7,7 +7,7 @@
<link type="text/css" rel="stylesheet" href="datepicker.css"> <link type="text/css" rel="stylesheet" href="datepicker.css">
<script src="http://code.jquery.com/jquery.min.js"></script> <script src="http://code.jquery.com/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js"></script>
<script src="calendar.js"></script> <script src="calendar.js"></script>
<script src="datepicker.js"></script> <script src="datepicker.js"></script>

2
2-ui/5-widgets/8-widget-tasks-2/5-tree-checkboxes/solution.view/index.html
View file

@ -5,7 +5,7 @@
<link href="tree.css" rel="stylesheet"> <link href="tree.css" rel="stylesheet">
<script src="http://code.jquery.com/jquery.min.js"></script> <script src="http://code.jquery.com/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js"></script>
<script src="regions.js"></script> <script src="regions.js"></script>
<script src="tree.js"></script> <script src="tree.js"></script>
</head> </head>

4
2-ui/5-widgets/8-widget-tasks-2/5-tree-checkboxes/solution.view/tree.css
View file

@ -23,12 +23,12 @@
} }
.tree-open .tree-toggler { .tree-open .tree-toggler {
background: url(//js.cx/tree/minus.gif) no-repeat center; background: url(https://js.cx/tree/minus.gif) no-repeat center;
} }
.tree-closed .tree-toggler { .tree-closed .tree-toggler {
background: url(//js.cx/tree/plus.gif) no-repeat center; background: url(https://js.cx/tree/plus.gif) no-repeat center;
} }
.tree li { .tree li {

2
3-more/11-css-for-js/12-space-under-img/block.view/index.html
View file

@ -12,7 +12,7 @@
<table> <table>
<tr> <tr>
<td style="border:1px red solid"> <td style="border:1px red solid">
<img src="//js.cx/clipart/square_50.png" width="50" height="50"> <img src="https://js.cx/clipart/square_50.png" width="50" height="50">
</td> </td>
</tr> </tr>
</table> </table>

2
3-more/11-css-for-js/12-space-under-img/inline-p.view/index.html
View file

@ -9,7 +9,7 @@
<table> <table>
<tr> <tr>
<td style="border:1px red solid; font-size:120%"> <td style="border:1px red solid; font-size:120%">
<img src="//js.cx/clipart/square_50.png" width="50" height="50">p <img src="https://js.cx/clipart/square_50.png" width="50" height="50">p
</td> </td>
</tr> </tr>
</table> </table>

2
3-more/11-css-for-js/12-space-under-img/inline.view/index.html
View file

@ -9,7 +9,7 @@
<table> <table>
<tr> <tr>
<td style="border:1px red solid"> <td style="border:1px red solid">
<img src="//js.cx/clipart/square_50.png" width="50" height="50"> <img src="https://js.cx/clipart/square_50.png" width="50" height="50">
</td> </td>
</tr> </tr>
</table> </table>

2
3-more/11-css-for-js/12-space-under-img/valign-p.view/index.html
View file

@ -9,7 +9,7 @@
<table> <table>
<tr> <tr>
<td style="border:1px red solid"> <td style="border:1px red solid">
p<img src="//js.cx/clipart/square_50.png" width="50" height="50" style="vertical-align:top">p p<img src="https://js.cx/clipart/square_50.png" width="50" height="50" style="vertical-align:top">p
</td> </td>
</tr> </tr>
</table> </table>

2
3-more/11-css-for-js/12-space-under-img/valign-small-lh.view/index.html
View file

@ -9,7 +9,7 @@
<table> <table>
<tr> <tr>
<td style="border:1px red solid; line-height: 1px"> <td style="border:1px red solid; line-height: 1px">
<img src="//js.cx/clipart/square_50.png" width="10" height="10" style="vertical-align:top"> <img src="https://js.cx/clipart/square_50.png" width="10" height="10" style="vertical-align:top">
</td> </td>
</tr> </tr>
</table> </table>

2
3-more/11-css-for-js/12-space-under-img/valign-small.view/index.html
View file

@ -9,7 +9,7 @@
<table> <table>
<tr> <tr>
<td style="border:1px red solid"> <td style="border:1px red solid">
<img src="//js.cx/clipart/square_50.png" width="10" height="10" style="vertical-align:top"> <img src="https://js.cx/clipart/square_50.png" width="10" height="10" style="vertical-align:top">
</td> </td>
</tr> </tr>
</table> </table>

2
3-more/11-css-for-js/12-space-under-img/valign.view/index.html
View file

@ -9,7 +9,7 @@
<table> <table>
<tr> <tr>
<td style="border:1px red solid"> <td style="border:1px red solid">
<img src="//js.cx/clipart/square_50.png" width="50" height="50" style="vertical-align:top"> <img src="https://js.cx/clipart/square_50.png" width="50" height="50" style="vertical-align:top">
</td> </td>
</tr> </tr>
</table> </table>

2
3-more/11-css-for-js/14-height-percent/height-percent-float-exact.view/index.html
View file

@ -10,7 +10,7 @@
.toggler { .toggler {
height: 100%; height: 100%;
background: #EEE url(//js.cx/height-percent/arrow_left.png) center center no-repeat; background: #EEE url(https://js.cx/height-percent/arrow_left.png) center center no-repeat;
border-right: #AAA 1px solid; border-right: #AAA 1px solid;
width: 30px; width: 30px;
float: left; float: left;

2
3-more/11-css-for-js/14-height-percent/height-percent-float.view/index.html
View file

@ -9,7 +9,7 @@
.toggler { .toggler {
height: 100%; height: 100%;
background: #EEE url(//js.cx/height-percent/arrow_left.png) center center no-repeat; background: #EEE url(https://js.cx/height-percent/arrow_left.png) center center no-repeat;
border-right: #AAA 1px solid; border-right: #AAA 1px solid;
width: 30px; width: 30px;
float: left; float: left;

2
3-more/11-css-for-js/14-height-percent/height-percent.view/index.html
View file

@ -14,7 +14,7 @@
.toggler { .toggler {
height: 100%; height: 100%;
background: #EEE url(//js.cx/height-percent/arrow_left.png) center center no-repeat; background: #EEE url(https://js.cx/height-percent/arrow_left.png) center center no-repeat;
border-right: #AAA 1px solid; border-right: #AAA 1px solid;
width: 30px; width: 30px;
position: absolute; position: absolute;

2
3-more/11-css-for-js/17-css-sprite/height48.view/index.html
View file

@ -9,7 +9,7 @@
height: 48px; height: 48px;
float: left; float: left;
outline: 1px dotted black; outline: 1px dotted black;
background: url(//js.cx/sprite-tree/icons.gif) no-repeat; background: url(https://js.cx/sprite-tree/icons.gif) no-repeat;
} }
li { li {

2
3-more/11-css-for-js/17-css-sprite/sprite-example/index.html
View file

@ -8,7 +8,7 @@
height: 35px; height: 35px;
border: 1px solid black; border: 1px solid black;
float: left; float: left;
background-image: url(//js.cx/sprite-example/sprite.png); background-image: url(https://js.cx/sprite-example/sprite.png);
background-position: -90px -40px; background-position: -90px -40px;
} }
</style> </style>

2
3-more/11-css-for-js/17-css-sprite/sprite-tree-1/height48.view/index.html
View file

@ -9,7 +9,7 @@
height: 48px; height: 48px;
float: left; float: left;
outline: 1px dotted black; outline: 1px dotted black;
background: url(//js.cx/sprite-tree/icons.gif) no-repeat; background: url(https://js.cx/sprite-tree/icons.gif) no-repeat;
} }
li { li {

2
3-more/11-css-for-js/17-css-sprite/sprite-tree-1/index.html
View file

@ -9,7 +9,7 @@
height: 16px; height: 16px;
float: left; float: left;
outline: 1px dotted black; outline: 1px dotted black;
background: url(//js.cx/sprite-tree/icons.gif) no-repeat; background: url(https://js.cx/sprite-tree/icons.gif) no-repeat;
} }
li { li {

6
3-more/11-css-for-js/17-css-sprite/sprite-tree-src.view/index.html
View file

@ -12,17 +12,17 @@
.open .icon { .open .icon {
cursor: pointer; cursor: pointer;
background: url(//js.cx/sprite-tree/minus.gif); background: url(https://js.cx/sprite-tree/minus.gif);
} }
.closed .icon { .closed .icon {
cursor: pointer; cursor: pointer;
background: url(//js.cx/sprite-tree/plus.gif); background: url(https://js.cx/sprite-tree/plus.gif);
} }
.leaf .icon { .leaf .icon {
cursor: text; cursor: text;
background: url(//js.cx/sprite-tree/article.gif); background: url(https://js.cx/sprite-tree/article.gif);
} }
li { li {

2
3-more/11-css-for-js/17-css-sprite/sprite-tree.view/index.html
View file

@ -8,7 +8,7 @@
width: 16px; width: 16px;
height: 16px; height: 16px;
float: left; float: left;
background: url(//js.cx/sprite-tree/icons.gif) no-repeat; background: url(https://js.cx/sprite-tree/icons.gif) no-repeat;
} }
.open .icon { .open .icon {

2
3-more/11-css-for-js/2-css-units/article.md
View file

@ -199,7 +199,7 @@
<div><button id="up">Кликните, чтобы увеличить размер шрифта</button></div> <div><button id="up">Кликните, чтобы увеличить размер шрифта</button></div>
<img src="//js.cx/clipart/angry_dog.png"> <img src="https://js.cx/clipart/angry_dog.png">
<ul> <ul>
<li>Собака <li>Собака

18
3-more/11-css-for-js/4-float/1-inline-block-vs-float/gallery-float-diffsize.view/index.html
View file

@ -26,47 +26,47 @@
<ul class="gallery"> <ul class="gallery">
<li> <li>
<img src="//js.cx/carousel/1.png" width="130" height="130"> <img src="https://js.cx/carousel/1.png" width="130" height="130">
<div>Картинка 1</div> <div>Картинка 1</div>
</li> </li>
<li> <li>
<img src="//js.cx/carousel/2.png" width="130" height="130"> <img src="https://js.cx/carousel/2.png" width="130" height="130">
<div>Картинка 2</div> <div>Картинка 2</div>
</li> </li>
<li> <li>
<img src="//js.cx/carousel/3.png" width="130" height="130"> <img src="https://js.cx/carousel/3.png" width="130" height="130">
<div>Картинка 3</div> <div>Картинка 3</div>
</li> </li>
<li> <li>
<img src="//js.cx/carousel/4.png" width="130" height="130"> <img src="https://js.cx/carousel/4.png" width="130" height="130">
<div>Картинка 4</div> <div>Картинка 4</div>
</li> </li>
<li> <li>
<img src="//js.cx/carousel/5.png" width="130" height="130"> <img src="https://js.cx/carousel/5.png" width="130" height="130">
<div>Картинка 5</div> <div>Картинка 5</div>
</li> </li>
<li> <li>
<img src="//js.cx/carousel/6.png" width="130" height="130"> <img src="https://js.cx/carousel/6.png" width="130" height="130">
<div>Картинка 6</div> <div>Картинка 6</div>
</li> </li>
<li> <li>
<img src="//js.cx/carousel/7.png" width="130" height="130"> <img src="https://js.cx/carousel/7.png" width="130" height="130">
<div>Картинка 7</div> <div>Картинка 7</div>
</li> </li>
<li> <li>
<img src="//js.cx/carousel/8.png" width="130" height="130"> <img src="https://js.cx/carousel/8.png" width="130" height="130">
<div>Картинка 8</div> <div>Картинка 8</div>
</li> </li>
<li> <li>
<img src="//js.cx/carousel/9.png" width="130" height="130"> <img src="https://js.cx/carousel/9.png" width="130" height="130">
<div>Картинка 9</div> <div>Картинка 9</div>
</li> </li>

12
3-more/11-css-for-js/4-float/1-inline-block-vs-float/gallery-inline-block.view/index.html
View file

@ -28,32 +28,32 @@
<ul class="gallery"> <ul class="gallery">
<li> <li>
<img src="//js.cx/carousel/1.png" width="130" height="130"> <img src="https://js.cx/carousel/1.png" width="130" height="130">
<div>Картинка 1</div> <div>Картинка 1</div>
</li> </li>
<li> <li>
<img src="//js.cx/carousel/2.png" width="130" height="130"> <img src="https://js.cx/carousel/2.png" width="130" height="130">
<div>Картинка 2</div> <div>Картинка 2</div>
</li> </li>
<li> <li>
<img src="//js.cx/carousel/3.png" width="130" height="130"> <img src="https://js.cx/carousel/3.png" width="130" height="130">
<div>Картинка 3</div> <div>Картинка 3</div>
</li> </li>
<li> <li>
<img src="//js.cx/carousel/4.png" width="130" height="130"> <img src="https://js.cx/carousel/4.png" width="130" height="130">
<div>Картинка 4</div> <div>Картинка 4</div>
</li> </li>
<li> <li>
<img src="//js.cx/carousel/5.png" width="130" height="130"> <img src="https://js.cx/carousel/5.png" width="130" height="130">
<div>Картинка 5</div> <div>Картинка 5</div>
</li> </li>
<li> <li>
<img src="//js.cx/carousel/6.png" width="130" height="130"> <img src="https://js.cx/carousel/6.png" width="130" height="130">
<div>Картинка 6</div> <div>Картинка 6</div>
</li> </li>

Some files were not shown because too many files have changed in this diff Show more