Igor Schnaider

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

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

  • Посещение

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

    68

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

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

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

    $tablet-width: 'min-width: 750px'; .main-header { width: 100px; height: 100px; @media (#{$tablet-width}) {} }
  3. Как реализовать подобную секцию?

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

    https://jsfiddle.net/fvc8sL59/
  5. откуда берется этот отступ?

    А как надо?
  6. откуда берется этот отступ?

    Ну вообще-то они на базовой линии оба лежат.
  7. Верстка на 20% крупнее в ФФ и Хроме

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

    Читайте выше.
  9. Текстовая форма и все что ее касается.

    А зачем тут вообще форма, если вы ничего на сервер не отправляете? <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. hover эффект для меню

    Через box-shadow сделайте.
  11. Выравиние во Flexbox

    https://codepen.io/anon/pen/ZJrqBp
  12. Объясните мне некоторые моменты...

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

    Зачем тут вообще 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. Обрезка изображения линиями

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

    https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/save https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/restore Как-то так:
  16. Проблема с тач событиями

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

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

    У вас второй background перекрывает первый: nav .navigation li a { background: url(../img/home.png); /* ... */ background: #ffffff; }
  20. Регулярные выражения в html

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

    justify-content: space-between
  22. Равномерная сетка прямоугольников

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

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