Jump to content

Igor Schnaider

Expert
  • Posts

    825
  • Joined

  • Days Won

    81

Everything posted by Igor Schnaider

  1. Попробуйте сбросить их: :-webkit-full-screen-ancestor:not(iframe) { all: unset; }
  2. Ну, я на ноуте тоже вижу :-) Фиг знает, что это, сам в первый раз такое вижу. Можно так попробовать сделать. Или попробуйте картинку сделать в ×2 раза больше, может ретина так его.
  3. Похоже, что meta viewport нет. Но все равно, по сетке у вас выравнивания не получиться. Или вы про другое, может я вопрос неправильно понял.
  4. Если я правильно понял, вам нужно, чтобы колонки тянулись, но при этом были не меньше определенной ширины и не выходили из сетки. Средствами CSS с флэксами не получиться. (Ну только если нагородить в разметке лишних элементов в качестве заполнителей с нулевой высотой, но это не решение, конечно.) Я бы JS использовал. И еще, не знаю, но может на гридах такое возможно?..
  5. Извините за оффтоп, по-моему, в вашем случае лучше просто адрес мыла оставить. Никто не любит заполнять формы и бланки. По поводу PHP, все гуглится же ;-)
  6. `CSS. The Definitive Guide` Эрика Мейера точно не помешает.
  7. Да просто разбейте меню на две части: одна — слева, другая — справа. Каждая займет 50% ширины родителя с небольшими отступами от центра, чтобы на логотип не налезали. Сам логотип по центру абсолютно спозиционируйте.
  8. пример upd. Вообще, можно на флексе сделать и не мучиться.
  9. У элементов списка уберите float. Для псевдоэлемента :after display должен быть inline-block и ширина 100%. Ну и нужны пробелы между элементами списка, иначе как им выравниваться по ширине. P. S. Верстка ужасная, если честно ¯\_(ツ)_/¯
  10. Ну вообще, никто не запрещает использовать и то, и другое :-) Я про то, что у них немного разная логика выходит.
  11. В случае с flexbox и flex-basis это, скорее, ближе к Element Queries. Media Queries все же завязаны на ширину вьюпорта. Поэтому решайте.
  12. Ну, принцип такой. Дальше — do it yourself ;-)
  13. Очевидно, поместить вызов функции после получения результата. sorry, не внимательно прочитал вопрос :-) Не помещая — никак. Запрос выполняется асинхронно, основной же код в любом случае выполнится раньше, чем запрос будет обработан. Поэтому только вызывать после получения ответа.
  14. Свойство font — сокращение. Как минимум нужно размер и семейство шрифтов указать. Или используйте font-family.
  15. Ну как вариант, можно комбинировать составные условия.
  16. А что с помощью animate не сделаете, если уж на jQuery именно надо?
  17. Страница к тому моменту уже загрузилась. А вот отрисовку блокирует.
  18. Он построение DOM не блокирует. Выполняется в конце. А чтобы асинхронный и выполнялся сразу после загрузки — это атрибут async.
  19. defer асинхронный, не блокирует построение DOM.
  20. $(function() { $("#pic10").crossSlide({ sleep: 2, fade: 1 }, [ { src: "gallery/home1.jpg" }, { src: "gallery/home2.jpg" }, { src: "gallery/home3.jpg" }, { src: "gallery/home4.jpg" }, { src: "gallery/home5.jpg" }, { src: "gallery/home6.jpg" }, { src: "gallery/home7.jpg" }, { src: "gallery/home8.jpg" }, { src: "gallery/home9.jpg" }, { src: "gallery/home10.jpg" }, { src: "gallery/home11.jpg" } ].sort(() => Math.random() - .5)); });
  21. Вкладка Audits в dev-tools. Еще здесь посмотрите: https://github.com/ben-eb/gulp-uncss https://github.com/giakki/uncss https://github.com/RyanZim/postcss-uncss https://github.com/purifycss/purifycss
  22. Да тут несколькими способами можно: через clip-path, градиентами, треугольниками, как вы писали. Или через transform skew попробуйте. Что касается расстояний, для параллакса все равно придется брать с запасом.
  23. Ну прийдется обходить элементы формы, как-то так.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy