Igor Schnaider

User
  • Публикации

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

  • Посещение

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

    47

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

  1. Ну вообще, никто не запрещает использовать и то, и другое :-) Я про то, что у них немного разная логика выходит.
  2. В случае с flexbox и flex-basis это, скорее, ближе к Element Queries. Media Queries все же завязаны на ширину вьюпорта. Поэтому решайте.
  3. Ну, принцип такой. Дальше — do it yourself ;-)
  4. display: flex + order
  5. Очевидно, поместить вызов функции после получения результата. sorry, не внимательно прочитал вопрос :-) Не помещая — никак. Запрос выполняется асинхронно, основной же код в любом случае выполнится раньше, чем запрос будет обработан. Поэтому только вызывать после получения ответа.
  6. Свойство font — сокращение. Как минимум нужно размер и семейство шрифтов указать. Или используйте font-family.
  7. Ну как вариант, можно комбинировать составные условия.
  8. А что с помощью animate не сделаете, если уж на jQuery именно надо?
  9. Страница к тому моменту уже загрузилась. А вот отрисовку блокирует.
  10. Он построение DOM не блокирует. Выполняется в конце. А чтобы асинхронный и выполнялся сразу после загрузки — это атрибут async.
  11. defer асинхронный, не блокирует построение DOM.
  12. $(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)); });
  13. Вкладка 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
  14. Да тут несколькими способами можно: через clip-path, градиентами, треугольниками, как вы писали. Или через transform skew попробуйте. Что касается расстояний, для параллакса все равно придется брать с запасом.
  15. Ну прийдется обходить элементы формы, как-то так.
  16. http://youmightnotneedjquery.com/#post
  17. То что вы называете "ломается" — это всего лишь разные медиа-правила. Для .container — это min-widht: 1200px, для ваших собственных стилей — max-width: 1200px. (В инспекторе стилей они, если что.) Просто приведите все к общему.
  18. jquery

    А в лисе работает :-) И вообще, спецификация говорит, что атрибут src обязательно должен иметь значение. Как минимум, можно вставить пустое изображение: data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
  19. А в чем проблема у вас? Таск в галпфайле будет примерно такой: gulp.task(pages); function pages() { // Pug settings const settings = {}; return gulp.src(`${config.paths.source.pug}/*.pug`) .pipe(gulp.pug(settings)) /... maybe something else .../ .pipe(gulp.dest(config.paths.dest.html)); } Сами .pug-файлы, конечно, изменяться. Структура может быть такой, например ├── pages ├── index.pug └── templates └── layout.pug Пример для layout.pug: doctype html html head meta(charset='utf-8') meta(name='viewport', content='width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0') meta(http-equiv='X-UA-Compatible', content='ie=edge') block title title Untitled link(rel='stylesheet', href='./css/main.built.css') body block content Пример для index.pug: extends ./templates/layout.pug block title title Index page block content //content will be here //script(src='/js/app.js') Или используйте includes. Вообще, документация у них вполне нормальная, с большим количеством примеров.
  20. Да, самый первый параграф тут http://api.jquery.com/animate/#animation-properties.
  21. Судя по описанию (сам файл не качал, может там другое ¯\_(ツ)_/¯, конечно), то это пространство под базовой линией. Можно избавиться разными способами, например: vertical-align flex на родителе display: block для картинок вообще обнулить размер текста на родителе
  22. Если нужно, чтобы при нажатии открывалось, то можно скрытый чекбокс вставить и по его состоянию :checked открывать/закрывать панель навигации. .logo будет как label. Если делать по :hover, тогда .logo должен идти первым в разметке, чтобы можно было использовать смежный селектор. Причем, они должны быть на одном уровне. А так как у вас .logo вложен во внешнюю обертку. :hover должен быть на ней. p.s. Не ленитесь собирать пример в песочнице ;-)
  23. Если стили одинаковые по приоритету (специфичности), то порядок размещения поможет. То есть, если имеем следующее <p class="alarm clock">Lorem</p> то в зависимости от порядка появления правил в таблице стилей .alarm { color: #f00000; } .clock { font-weight: 600; color: #00c000; } текст будет либо жирного начертания и зеленый, либо жирного начертания и красный, если первое правило переместить в конец.
  24. input:checked ~ img { border: 1px solid; }