Jump to content

mrnobody

Expert
  • Posts

    955
  • Joined

  • Last visited

  • Days Won

    40

Everything posted by mrnobody

  1. Попробуйте так: var blabla = 'message'; $('#load').load('/ссылка.html #' + blabla);
  2. z-index вроде не работает для svg. Зависит от порядка элементов, поставьте картинку перед текстом. http://codepen.io/corvus-007/pen/LGLyJK?editors=100
  3. Вот так наверное можно, но плохая поддержка http://codepen.io/corvus-007/pen/dGMaEw?editors=010
  4. Я аудиокниги слушаю. В основном беру отсюда: http://abookee.ru/
  5. Вот так можно попробовать с помощью соседнего селектора (+), но нужно чтобы сайдбар был первым в разметке: http://codepen.io/corvus-007/pen/WredEO?editors=110 Еще можно задать контенту overflow: hidden;,если есть возможность.
  6. Вот так можно, может на какую нибудь мысль натолкуну: http://jsfiddle.net/mrnobody/g2LyLetn/5/
  7. return кажется только внутри функции используется. Замените строку с return на break http://codepen.io/corvus-007/pen/pjmbZK?editors=001
  8. Вы у сайдбара див не закрыли.
  9. У меня 12.17, выглядит хорошо https://yadi.sk/i/47yUJzqzkSsFE ааа блин, в Windows 8.1, а я смотрел в Windows 10 x64
  10. Наоборот, является числом. isNaN("5") => false !isNaN("5") => !(false) => true https://learn.javascript.ru/number#проверка-на-число PS:. Я знаю, что вы это читали, но на всякий случай )
  11. https://jsfiddle.net/mrnobody/Lts50x9n/1/ UPD: Вот новый вариант: https://jsfiddle.net/mrnobody/Lts50x9n/2/ Вынес анимацию в стили чтобы при наведении на текст, курсор его не видел (pointer-events: none;) Еще UPD:. Решил проверить и обнаружил что анимация работает только в Webkit'ах ((
  12. А вы подключили jQuery? Попробовал, работает - http://codepen.io/corvus-007/pen/ZbmeYy?editors=100
  13. Вот так примерно http://codepen.io/corvus-007/pen/ojPdmx?editors=010
  14. Может с помощью mix-blend-mode ? https://jsfiddle.net/mrnobody/udx25j4x/4/ Или можно сделать, чтобы фон секций был полупрозрачным и показывал эту полоску.
  15. display: inline-block; outline: none;А Вы не подскажите, зачем в Вашем решении эти две строчки? Это какая-то особенность SCSS? Также, как я пониманию, box-sizing: border-box проставлено, скорее как элемент стилистики кода? То есть, особой роли этой свойство не играет? display: inline-block; если будет строчный элемент, например элемент <a href="">…</a> outline: none; - убираем обводку; box-sizing: border-box; - чтобы рамки и паддинги входили в размер элемента (Например, установите ширину рамки вместо 1px на 10px для :after, и закоментите box-sizing: border-box;). Хотя например для псевдоэлемента :after можно было бы использовать left: 0; right: 0; и удалить width: 100%; и box-sizing: border-box;
  16. Вам нужно обернуть галерею в блок и задать ему overflox-x: auto; У .gallery уберите overflow-x. Вот например http://codepen.io/corvus-007/pen/zvjQwE?editors=110 Я задал .gallery-wrapper overflox-x: auto;
  17. Добавлю для коллекции ) http://codepen.io/corvus-007/pen/rOvrOr?editors=010
  18. .contact { transform: translateZ(0);} Не знаю, это нормальное решение или нет.
  19. Вчера на тостере спрашивали ) https://toster.ru/q/256103
  20. https://jsfiddle.net/mrnobody/sy8jLp9f/3/
  21. Вот это выражение равносильно: $(data).find('#z')Если у вас в переменной data находится селектор, то должно сработать, а если какие-то данные, то конечно ничего не произойдет.
  22. Ctrl + [ (где русская "х") - сдигаем влево. Еще Shift + Tab Ctrl + ] (где русская "ъ") - сдигаем вправо
  23. http://codepen.io/corvus-007/pen/jbLwQB?editors=110 Вот например: http://dummyimage.com/, http://fakeimg.pl/ Если вы пользуетесь Sublime Text, то можете установить плагин https://packagecontrol.io/packages/FakeImg.pl%20Image%20Placeholder%20Snippet
×
×
  • 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