Igor Schnaider

Эксперт
  • Публикации

    701
  • Зарегистрирован

  • Посещение

  • Дней в лидерах

    64

Все публикации пользователя Igor Schnaider

  1. https://codepen.io/anon/pen/ZJrqBp
  2. elem.style может прочитать только те стили, что есть в атрибуте style элемента. Чтобы получить вычисленное значение какого-то свойства, можно воспользоваться getComputedStyle(elem). По поводу jQuery не очень понял, что не получается. В вашем случае будет примерно так: $("#sli").css('margin-left', 100 + i); // or $('#sli').css('margin-left', (undefined, value) => parseFloat(value) + 100);
  3. Зачем тут вообще globalCompositeOperation. Используйте параметры самой функции drawImage: // utility function function drawPuzzle(sx, sy, dx, dy) { ctx.drawImage(img, sx, sy, puzzleSize, puzzleSize, dx, dy, puzzleSize, puzzleSize); } img.onload = () => { // from image: x=100, y=50 // to canvas: x=0, y=0 drawPuzzle(100, 50, 0, 0); // etc... drawPuzzle(0, 150, puzzleSize, 0); };
  4. Ну тогда проще все-таки через drawImage() делать. Либо, если не прямоугольная обрезка нужна, сначала обрезать, а потом использовать get/putImageData.
  5. https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/save https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/restore Как-то так:
  6. Попробуй проверить поддержку forEach для NodeList. В эмуляторе Opera Mobile пишет, что false. Может дело в этом. document.body.appendChild( document.createTextNode( 'forEach' in NodeList.prototype ) ); // options.forEach ↓ Array.prototype.slice.call(options).forEach А вообще, делегирование используй. А то при каждом таче у тебя обработчики заново вешаются.
  7. // lineTo... ctx.clip(); ctx.drawImage(...);
  8. Ну вы в песочнице соберите нормальный пример.
  9. У вас второй background перекрывает первый: nav .navigation li a { background: url(../img/home.png); /* ... */ background: #ffffff; }
  10. http://caniuse.com/#search=pattern Просто нужно понимать, что это, скорее, относится к UX, а не к корректности работы с email. Атрибут служит дополнительной подсказкой пользователю для правильного ввода, но не гарантирует, что на сервер не будет отправлен некорректный email. Сам скрипт обработки формы на сервере все равно должен делать такую проверку.
  11. justify-content: space-between
  12. Ну, я не телепат. Вы ведь не уточняли вначале. Вообще, все равно не очень понятно, как должно работать. По вашим условиям, если у нас, например, два блока — они должны быть оба на одной строке или каждый занимает свою строку (ну раз одинаковое количество на каждой строке, как вы написали)? А если три столбца — по одному на три строки или 2-на-1? А если... В общем, не понятно ;-)
  13. Еще https://github.com/cuth/postcss-pxtorem
  14. А что там сложного? unset можно применять к любому свойству, оно просто сбрасывает значение к дефолтному. initial — это значение по умолчанию для свойства background-attachment. А local заставляет фоновое изображение прокручиваться вместе с контентом. Пример
  15. vertical-align влияет на выравнивание относительно базовой линии. В вашем случае, если текст не на несколько строк, можно просто использовать line-height: 200px. Либо просто создать flex-контейнер и сделать выравнивание по центру. 2017 все-таки ;-). C vertical-align прийдется создавать вспомогательный элемент на всю высоту, который будет тянуть базовую линию в центр, а вместе с ней и текст, который у вас в <span> лежит.
  16. Попробуйте это.
  17. Ну, прийдется вычислять количество и делить пополам. Наверное, можно поизвращаться с nth-child, но не уверен. Еще можно так.
  18. Ну так делайте через установку высоты, а не полей.
  19. Вы бы пример собрали в песочнице.
  20. У вас тут расхождение: .container { min-width: 1000px; padding: 0 10px; /* ☜ */ margin: 0 auto; } .row { display: flex; margin: 0 -15px; /* ☜ */ } Либо 10px, либо 15px.
  21. Ну да, я неправильно вопрос понял. @Switch74 предложил варианты для вашего случая, делайте так.
  22. Если в самом блоке 'a' текста нет, можно color вместо background задавать и наследовать его. jsfiddle.net/k65pq92o/ А еще лучше вынести в переменную. Тут кроссбраузерность немного страдает в случае с IE/Edge, но зато код будет более понятным. Да и через postcss-css-variables можно прогнать всегда :-)
  23. Ну я оставил там в примере комментарий: как вариант, вращать элемент <image> в самом SVG, а маску применить к обертке. Вообще, с этим clip-path постоянно какие-то странности :-) Каждый раз для себя что-то новое открываю.