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 -->
<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>
```
@ -155,7 +155,7 @@
<!--+ run height=100 -->
<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>
```

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
<script src="//js.cx/test/libs.js"></script>
<script src="https://js.cx/test/libs.js"></script>
```
Этот файл содержит код библиотек, стили, настройки для них и запуск `mocha.run` по окончании загрузки страницы. Если нет элемента с `id="mocha"`, то результаты выводятся в `<body>`.

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

@ -3,10 +3,10 @@
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/mocha/1.13.0/mocha.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/mocha/1.13.0/mocha.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mocha/2.1.0/mocha.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/mocha/2.1.0/mocha.js"></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>
</head>

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

@ -4,14 +4,14 @@
<meta charset="utf-8">
<!-- подключаем стили 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 -->
<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-тестирование -->
<script> mocha.setup('bdd'); </script>
<!-- подключаем 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 в глобальную область -->
<script> var assert = chai.assert; </script>
</head>

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

@ -4,14 +4,14 @@
<meta charset="utf-8">
<!-- подключаем стили 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 -->
<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-тестирование -->
<script> mocha.setup('bdd'); </script>
<!-- подключаем 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 в глобальную область -->
<script> var assert = chai.assert; </script>
</head>

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

@ -4,14 +4,14 @@
<meta charset="utf-8">
<!-- подключаем стили 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 -->
<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-тестирование -->
<script> mocha.setup('bdd'); </script>
<!-- подключаем 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 в глобальную область -->
<script> var assert = chai.assert; </script>
</head>

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

@ -4,14 +4,14 @@
<meta charset="utf-8">
<!-- подключаем стили 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 -->
<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-тестирование -->
<script> mocha.setup('bdd'); </script>
<!-- подключаем 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 в глобальную область -->
<script> var assert = chai.assert; </script>
</head>

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

@ -4,14 +4,14 @@
<meta charset="utf-8">
<!-- подключаем стили 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 -->
<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-тестирование -->
<script> mocha.setup('bdd'); </script>
<!-- подключаем 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 в глобальную область -->
<script> var assert = chai.assert; </script>
</head>

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

@ -4,14 +4,14 @@
<meta charset="utf-8">
<!-- подключаем стили 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 -->
<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-тестирование -->
<script> mocha.setup('bdd'); </script>
<!-- подключаем 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 в глобальную область -->
<script> var assert = chai.assert; </script>
</head>

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

@ -4,14 +4,14 @@
<meta charset="utf-8">
<!-- подключаем стили 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 -->
<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-тестирование -->
<script> mocha.setup('bdd'); </script>
<!-- подключаем 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 в глобальную область -->
<script> var assert = chai.assert; </script>
</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">
<!-- подключаем стили 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 -->
<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-тестирование -->
<script> mocha.setup('bdd'); </script>
<!-- подключаем 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 в глобальную область -->
<script> var assert = chai.assert; </script>
</head>

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

@ -4,14 +4,14 @@
<meta charset="utf-8">
<!-- подключаем стили 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 -->
<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-тестирование -->
<script> mocha.setup('bdd'); </script>
<!-- подключаем 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 в глобальную область -->
<script> var assert = chai.assert; </script>
</head>

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

@ -174,7 +174,7 @@ function work() {
```html
<!--+ run -->
<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>
<script>

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

@ -14,7 +14,7 @@ HTML-код для сообщения (с подключённой библио
```html
<!--+ 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">
<strong>Ура!</strong> Вы прочитали это важное сообщение.
@ -146,7 +146,7 @@ parentElem.appendChild(elem)
```html
<!--+ 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>
<h3>Моя страница</h3>
</body>
@ -166,7 +166,7 @@ parentElem.appendChild(elem)
```html
<!--+ 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>
<h3>Моя страница</h3>
</body>
@ -196,7 +196,7 @@ parentElem.appendChild(elem)
```html
<!--+ 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>
<h3>Моя страница</h3>
</body>
@ -283,7 +283,7 @@ div.parentNode.insertBefore( div2, div.nextSibling );
```html
<!--+ 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>
<h3>Сообщение пропадёт через секунду</h3>
</body>
@ -315,7 +315,7 @@ div.parentNode.insertBefore( div2, div.nextSibling );
```html
<!--+ 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>
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">
<img src="//js.cx/clipart/ball.svg" id="ball">
<img src="https://js.cx/clipart/ball.svg" id="ball">
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
</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">
<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>

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">
<img src="//js.cx/clipart/ball.svg" id="ball">
<img src="https://js.cx/clipart/ball.svg" id="ball">
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
</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>
<div class="gallery">
<ul class="images">
<li><img src="//js.cx/carousel/1.png">
<li><img src="//js.cx/carousel/2.png">
<li><img src="//js.cx/carousel/3.png">
<li><img src="//js.cx/carousel/4.png">
<li><img src="//js.cx/carousel/5.png">
<li><img src="//js.cx/carousel/6.png">
<li><img src="//js.cx/carousel/7.png">
<li><img src="//js.cx/carousel/8.png">
<li><img src="//js.cx/carousel/9.png">
<li><img src="//js.cx/carousel/10.png">
<li><img src="https://js.cx/carousel/1.png">
<li><img src="https://js.cx/carousel/2.png">
<li><img src="https://js.cx/carousel/3.png">
<li><img src="https://js.cx/carousel/4.png">
<li><img src="https://js.cx/carousel/5.png">
<li><img src="https://js.cx/carousel/6.png">
<li><img src="https://js.cx/carousel/7.png">
<li><img src="https://js.cx/carousel/8.png">
<li><img src="https://js.cx/carousel/9.png">
<li><img src="https://js.cx/carousel/10.png">
</ul>
</div>
<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>
<li><img src="//js.cx/carousel/1.png">
<li><img src="//js.cx/carousel/2.png">
<li><img src="//js.cx/carousel/3.png">
<li><img src="//js.cx/carousel/4.png">
<li><img src="//js.cx/carousel/5.png">
<li><img src="//js.cx/carousel/6.png">
<li><img src="//js.cx/carousel/7.png">
<li><img src="//js.cx/carousel/8.png">
<li><img src="//js.cx/carousel/9.png">
<li><img src="//js.cx/carousel/10.png">
<li><img src="https://js.cx/carousel/1.png">
<li><img src="https://js.cx/carousel/2.png">
<li><img src="https://js.cx/carousel/3.png">
<li><img src="https://js.cx/carousel/4.png">
<li><img src="https://js.cx/carousel/5.png">
<li><img src="https://js.cx/carousel/6.png">
<li><img src="https://js.cx/carousel/7.png">
<li><img src="https://js.cx/carousel/8.png">
<li><img src="https://js.cx/carousel/9.png">
<li><img src="https://js.cx/carousel/10.png">
</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">
<img src="//js.cx/clipart/ball.svg" id="ball">
<img src="https://js.cx/clipart/ball.svg" id="ball">
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
</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">
<img src="//js.cx/clipart/ball.svg" id="ball">
<img src="https://js.cx/clipart/ball.svg" id="ball">
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
</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>
<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">
<!-- При наведении на изображение показывается встроенная подсказка браузера (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="//js.cx/gallery/img3-lg.jpg" title="Image 3"><img src="//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="//js.cx/gallery/img5-lg.jpg" title="Image 5"><img src="//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/img2-lg.jpg" title="Image 2"><img src="https://js.cx/gallery/img2-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="https://js.cx/gallery/img4-lg.jpg" title="Image 4"><img src="https://js.cx/gallery/img4-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="https://js.cx/gallery/img6-lg.jpg" title="Image 6"><img src="https://js.cx/gallery/img6-thumb.jpg"></a></li>
</ul>
<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>
<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">
<!-- При наведении на изображение показывается встроенная подсказка браузера (title) -->
<a href="//js.cx/gallery/img2-lg.jpg" title="Image 2"><img src="//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="//js.cx/gallery/img4-lg.jpg" title="Image 4"><img src="//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="//js.cx/gallery/img6-lg.jpg" title="Image 6"><img src="//js.cx/gallery/img6-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="https://js.cx/gallery/img3-lg.jpg" title="Image 3"><img src="https://js.cx/gallery/img3-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="https://js.cx/gallery/img5-lg.jpg" title="Image 5"><img src="https://js.cx/gallery/img5-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>
</body>

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

@ -42,7 +42,7 @@ document.addEventListener( "DOMContentLoaded", ready, false );
*/!*
</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` сработает сразу после загрузки документа, не дожидаясь получения картинки.
@ -104,7 +104,7 @@ Firefox/Chrome/Opera автозаполняют формы по `DOMContentLoade
*/!*
</script>
<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
@ -162,7 +162,7 @@ Firefox игнорирует текст, а всегда показывает с
```html
<!--+ run -->
<script src="//js.cx/script/jquery.documentReady.js"></script>
<script src="https://js.cx/script/jquery.documentReady.js"></script>
<script>
*!*
@ -172,7 +172,7 @@ Firefox игнорирует текст, а всегда показывает с
*/!*
</script>
<img src="//js.cx/clipart/yozhik.jpg?speed=1">
<img src="https://js.cx/clipart/yozhik.jpg?speed=1">
<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>
<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>
</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>ндекс
</div>

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

@ -23,9 +23,9 @@
<hr>
<!-- картинки (для bing картинки специально нет, чтобы протестировать случай "загрузка не удалась") -->
<img src="//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="//js.cx/search/bing.png" width="101" height="40" alt="Файла нет (bing)">
<img src="https://js.cx/search/yandex.png" width="114" height="40" alt="Яндекс">
<img src="https://js.cx/search/google.png" width="101" height="40" alt="Google">
<img src="https://js.cx/search/bing.png" width="101" height="40" alt="Файла нет (bing)">
</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 = [
"//js.cx/images-load/1.jpg",
"//js.cx/images-load/2.jpg",
"//js.cx/images-load/3.jpg"
"https://js.cx/images-load/1.jpg",
"https://js.cx/images-load/2.jpg",
"https://js.cx/images-load/3.jpg"
];
for (var i=0; i<sources.length; i++) {
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 = [
"//js.cx/images-load/1.jpg",
"//js.cx/images-load/2.jpg",
"//js.cx/images-load/3.jpg"
"https://js.cx/images-load/1.jpg",
"https://js.cx/images-load/2.jpg",
"https://js.cx/images-load/3.jpg"
];
for (var i=0; i<sources.length; i++) {
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="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>

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

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

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

@ -7,7 +7,7 @@
<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>

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

@ -7,7 +7,7 @@
<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>

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

@ -7,7 +7,7 @@
<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>

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

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

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

@ -22,11 +22,11 @@
<body>
<div style="height:64px">
<img src="//js.cx/browsers/chrome.svg" class="draggable">
<img src="//js.cx/browsers/firefox.svg" class="draggable">
<img src="//js.cx/browsers/ie.svg" class="draggable">
<img src="//js.cx/browsers/opera.svg" class="draggable">
<img src="//js.cx/browsers/safari.svg" class="draggable">
<img src="https://js.cx/browsers/chrome.svg" class="draggable">
<img src="https://js.cx/browsers/firefox.svg" class="draggable">
<img src="https://js.cx/browsers/ie.svg" class="draggable">
<img src="https://js.cx/browsers/opera.svg" class="draggable">
<img src="https://js.cx/browsers/safari.svg" class="draggable">
</div>
<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>
<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>

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

@ -62,7 +62,7 @@
<h3>Винни-Пух</h3>
<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>

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. Космопорт включает в себя зал ожидания и подготовки к полетам, диспетчерский пункт и ангар. Также обеспечена взлетно-посадочная полоса длиной в три километра.
<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>
@ -36,8 +36,8 @@
Супермодель Анна Вялицына (Anne Vyalitsyna) и музыкант Адам Ливайн (Adam Levine) снялись в ноябрьском номере Vogue Russia. Снимал их Аликс Малка (Alix Malka). Анна и Адам примерили на себя рок-н-ролльные наряды от Alexander Wang, Louis Vuitton, Alexander McQueen, Balmain, Yves Saint Laurent, подобранные для них Катериной Мухиной.
<div class="illustrations">
<img src="//js.cx/lazyimg/1.gif" width="200" height="259" realsrc="//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="259" realsrc="https://js.cx/lazyimg/2-1.jpg">
<img src="https://js.cx/lazyimg/1.gif" width="200" height="260" realsrc="https://js.cx/lazyimg/2-2.jpg">
</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).
<div class="illustrations">
<img src="//js.cx/lazyimg/1.gif" width="341" height="474" realsrc="//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="341" height="474" realsrc="https://js.cx/lazyimg/3-1.jpg">
<img src="https://js.cx/lazyimg/1.gif" width="338" height="474" realsrc="https://js.cx/lazyimg/3-2.jpg">
</div>
</div>
@ -57,7 +57,7 @@
Художник из Филадельфии Мэтью Кокс (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 class="news-item">
@ -65,7 +65,7 @@
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 class="news-item">
@ -73,7 +73,7 @@ Etoday предлагает полистать страницы подарочн
Занимательная коллекция старых почтовых открыток праздника 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 class="news-item">
@ -81,7 +81,7 @@ Etoday предлагает полистать страницы подарочн
Молодой фотограф Эмили Ли (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 class="news-item">
@ -89,7 +89,7 @@ Etoday предлагает полистать страницы подарочн
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>

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. Космопорт включает в себя зал ожидания и подготовки к полетам, диспетчерский пункт и ангар. Также обеспечена взлетно-посадочная полоса длиной в три километра.
<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>
@ -36,8 +36,8 @@
Супермодель Анна Вялицына (Anne Vyalitsyna) и музыкант Адам Ливайн (Adam Levine) снялись в ноябрьском номере Vogue Russia. Снимал их Аликс Малка (Alix Malka). Анна и Адам примерили на себя рок-н-ролльные наряды от Alexander Wang, Louis Vuitton, Alexander McQueen, Balmain, Yves Saint Laurent, подобранные для них Катериной Мухиной.
<div class="illustrations">
<img src="//js.cx/lazyimg/1.gif" width="200" height="259" realsrc="//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="259" realsrc="https://js.cx/lazyimg/2-1.jpg">
<img src="https://js.cx/lazyimg/1.gif" width="200" height="260" realsrc="https://js.cx/lazyimg/2-2.jpg">
</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).
<div class="illustrations">
<img src="//js.cx/lazyimg/1.gif" width="341" height="474" realsrc="//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="341" height="474" realsrc="https://js.cx/lazyimg/3-1.jpg">
<img src="https://js.cx/lazyimg/1.gif" width="338" height="474" realsrc="https://js.cx/lazyimg/3-2.jpg">
</div>
</div>
@ -57,7 +57,7 @@
Художник из Филадельфии Мэтью Кокс (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 class="news-item">
@ -65,7 +65,7 @@
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 class="news-item">
@ -73,7 +73,7 @@ Etoday предлагает полистать страницы подарочн
Занимательная коллекция старых почтовых открыток праздника 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 class="news-item">
@ -81,7 +81,7 @@ Etoday предлагает полистать страницы подарочн
Молодой фотограф Эмили Ли (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 class="news-item">
@ -89,7 +89,7 @@ Etoday предлагает полистать страницы подарочн
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>

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="//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="//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` правильные, то он растягивается, так что вместо изображения виден серый прямоугольник.

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="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>
<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>
<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>
<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;
width: 200px;
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;
}

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

@ -7,7 +7,7 @@
.menu .title {
font-weight: bold;
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;
}
@ -16,5 +16,5 @@
}
.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 {
font-weight: bold;
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;
}
@ -16,5 +16,5 @@
}
.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>
<meta charset="utf-8">
<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>
table {
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>
<meta charset="utf-8">
<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>
<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">
<link rel="stylesheet" href="menu.css">
<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>
</head>
<body>

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

@ -7,7 +7,7 @@
.menu .title {
font-weight: bold;
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;
}
@ -16,5 +16,5 @@
}
.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">
<link rel="stylesheet" href="menu.css">
<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>
</head>
<body>

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

@ -7,7 +7,7 @@
.menu .title {
font-weight: bold;
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;
}
@ -16,5 +16,5 @@
}
.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
<!--+ run height=150 -->
<!-- библиотека 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 -->
<script *!*type="text/template"*/!* id="list-template">

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

@ -2,7 +2,7 @@
<html>
<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">
<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">
<link rel="stylesheet" href="menu.css">
<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>
</head>
<body>

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

@ -7,7 +7,7 @@
.menu .title {
font-weight: bold;
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;
}
@ -16,5 +16,5 @@
}
.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;
border: 1px solid #ADD8E6;
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;
padding: 2px;
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>
<img src="//js.cx/clipart/select-button.gif">
<img src="https://js.cx/clipart/select-button.gif">
<div id="animal-select" class="customselect">
<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">
<link rel="stylesheet" href="style.css">
<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>
</head>
<body>

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

@ -7,7 +7,7 @@
.menu .title {
font-weight: bold;
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;
}
@ -16,5 +16,5 @@
}
.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">
<link rel="stylesheet" href="style.css">
<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="menu.js"></script>
</head>

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

@ -7,7 +7,7 @@
.menu .title {
font-weight: bold;
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;
}
@ -16,5 +16,5 @@
}
.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;
width: 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;
}
@ -47,7 +47,7 @@
</head>
<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>

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

@ -6,9 +6,9 @@
</head>
<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>

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, меньше ресайзить нельзя.
В исходном документе есть ссылка на <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>
<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>
<script>

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

@ -6,7 +6,7 @@
</head>
<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>
<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 {
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;
cursor: pointer;
}
.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 {

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

@ -21,14 +21,14 @@
.menu .menu-title {
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;
cursor: pointer;
}
.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 {

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

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<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>
</head>
<body>

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

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<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>
</head>
<body>

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

@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8">
<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" />
<style>
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>
<meta charset="UTF-8">
<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" />
<style>
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>
<meta charset="UTF-8">
<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>
html, body {
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>
<meta charset="UTF-8">
<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" />
<style>
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">
<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="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">
<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="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">
<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="tree.js"></script>
</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 {
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 {
background: url(//js.cx/tree/plus.gif) no-repeat center;
background: url(https://js.cx/tree/plus.gif) no-repeat center;
}
.tree li {

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

@ -12,7 +12,7 @@
<table>
<tr>
<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>
</tr>
</table>

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

@ -9,7 +9,7 @@
<table>
<tr>
<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>
</tr>
</table>

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

@ -9,7 +9,7 @@
<table>
<tr>
<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>
</tr>
</table>

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

@ -9,7 +9,7 @@
<table>
<tr>
<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>
</tr>
</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>
<tr>
<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>
</tr>
</table>

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

@ -9,7 +9,7 @@
<table>
<tr>
<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>
</tr>
</table>

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

@ -9,7 +9,7 @@
<table>
<tr>
<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>
</tr>
</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 {
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;
width: 30px;
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 {
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;
width: 30px;
float: left;

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

@ -14,7 +14,7 @@
.toggler {
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;
width: 30px;
position: absolute;

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

@ -9,7 +9,7 @@
height: 48px;
float: left;
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 {

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

@ -8,7 +8,7 @@
height: 35px;
border: 1px solid black;
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;
}
</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;
float: left;
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 {

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

@ -9,7 +9,7 @@
height: 16px;
float: left;
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 {

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

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

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

@ -8,7 +8,7 @@
width: 16px;
height: 16px;
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 {

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

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

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