Igor Schnaider

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

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

  • Посещение

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

    68

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

  1. Igor Schnaider

    Можно ли в товары обрамлять тегом article

    Имеется ввиду, что они могут существовать в любом контексте сами по себе (в одиночку), независимо от внешнего окружения. Ну как бы отдельная сущность. Плюс, может иметь свой заголовок, секции, футер. То есть как раз подходит для карточки товара.
  2. Igor Schnaider

    Экранирование кавычек в sass

    $tablet-width: 'min-width: 750px'; .main-header { width: 100px; height: 100px; @media (#{$tablet-width}) {} }
  3. Igor Schnaider

    Как реализовать подобную секцию?

    Зачем canvas. Просто картинкой вставьте (я бы SVG использовал здесь). Кружки абсолютно спозиционируйте поверх.
  4. Igor Schnaider

    откуда берется этот отступ?

    https://jsfiddle.net/fvc8sL59/
  5. Igor Schnaider

    откуда берется этот отступ?

    А как надо?
  6. Igor Schnaider

    откуда берется этот отступ?

    Ну вообще-то они на базовой линии оба лежат.
  7. Igor Schnaider

    Верстка на 20% крупнее в ФФ и Хроме

    Через инспектор размеры проверяйте, а не скриншотами. Либо масштабируйте пропорционально оригинал с результатом. p.s. На ретине, например, размеры будут в ×2 раза больше. Т. е. 100px в фотошопе станут 200px.
  8. Igor Schnaider

    Обрезка изображения линиями

    Читайте выше.
  9. Igor Schnaider

    Текстовая форма и все что ее касается.

    А зачем тут вообще форма, если вы ничего на сервер не отправляете? <iframe name="MyFrame1" src="1.html"></iframe> <input> <button>Open</button> const iframe = document.querySelector("iframe"), input = document.querySelector("input"), btn = document.querySelector("button"); btn.onclick = function() { const val = +input.value; // let the file names be between 1 to ∞ if (val && val > 0) { iframe.src = `${val}.html`; } };
  10. Igor Schnaider

    hover эффект для меню

    Через box-shadow сделайте.
  11. Igor Schnaider

    Выравиние во Flexbox

    https://codepen.io/anon/pen/ZJrqBp
  12. Igor Schnaider

    Объясните мне некоторые моменты...

    elem.style может прочитать только те стили, что есть в атрибуте style элемента. Чтобы получить вычисленное значение какого-то свойства, можно воспользоваться getComputedStyle(elem). По поводу jQuery не очень понял, что не получается. В вашем случае будет примерно так: $("#sli").css('margin-left', 100 + i); // or $('#sli').css('margin-left', (undefined, value) => parseFloat(value) + 100);
  13. Igor Schnaider

    Обрезка изображения линиями

    Зачем тут вообще 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); };
  14. Igor Schnaider

    Обрезка изображения линиями

    Ну тогда проще все-таки через drawImage() делать. Либо, если не прямоугольная обрезка нужна, сначала обрезать, а потом использовать get/putImageData.
  15. Igor Schnaider

    Обрезка изображения линиями

    https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/save https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/restore Как-то так:
  16. Igor Schnaider

    Проблема с тач событиями

    Попробуй проверить поддержку forEach для NodeList. В эмуляторе Opera Mobile пишет, что false. Может дело в этом. document.body.appendChild( document.createTextNode( 'forEach' in NodeList.prototype ) ); // options.forEach ↓ Array.prototype.slice.call(options).forEach А вообще, делегирование используй. А то при каждом таче у тебя обработчики заново вешаются.
  17. Igor Schnaider

    Обрезка изображения линиями

    // lineTo... ctx.clip(); ctx.drawImage(...);
  18. Ну вы в песочнице соберите нормальный пример.
  19. Igor Schnaider

    Проблемы с вставкой изображения

    У вас второй background перекрывает первый: nav .navigation li a { background: url(../img/home.png); /* ... */ background: #ffffff; }
  20. Igor Schnaider

    Регулярные выражения в html

    http://caniuse.com/#search=pattern Просто нужно понимать, что это, скорее, относится к UX, а не к корректности работы с email. Атрибут служит дополнительной подсказкой пользователю для правильного ввода, но не гарантирует, что на сервер не будет отправлен некорректный email. Сам скрипт обработки формы на сервере все равно должен делать такую проверку.
  21. Igor Schnaider

    Резиновые отступы

    justify-content: space-between
  22. Igor Schnaider

    Равномерная сетка прямоугольников

    Ну, я не телепат. Вы ведь не уточняли вначале. Вообще, все равно не очень понятно, как должно работать. По вашим условиям, если у нас, например, два блока — они должны быть оба на одной строке или каждый занимает свою строку (ну раз одинаковое количество на каждой строке, как вы написали)? А если три столбца — по одному на три строки или 2-на-1? А если... В общем, не понятно ;-)
  23. Igor Schnaider

    Как перевести пикселы в rem?

    Еще https://github.com/cuth/postcss-pxtorem