SnowSilver

Новенький
  • Публикации

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

  • Посещение

Репутация

0 Обычная

О SnowSilver

  • Звание
    Новичок

Информация

  • Пол
    мужской

Посетители профиля

Блок посетителей профиля отключен и не будет отображаться другим пользователям

  1. SnowSilver

    svg спрайт. Просмотр.

    Вопрос в том, возможно ли как то через что то посмотреть эти иконки? которые находится в теге <symbol> Вот предположим вам надо добавить в спрайт из сотни иконок очередную иконку , а может вы ее добавляли и не помните... Вы вручную будете смотерть сотню иконок по одной? сохраняя каждую?
  2. Вы используете svg спрайты ? Есть ли способ просматривать svg спрайт html ? чтобы можно было посмотреть наличие той или иной иконки.
  3. Есть модальное окно. Область которого ограничена. Можно ли сделать скрол, даже тогда, когда курсор находится за пределом форму ??? у body position fixed должен стоять в моем случае. https://codepen.io/anon/pen/RxaOwe Может как то можно эмулировать, что курсор как будто бы находится в области формы ?
  4. SnowSilver

    z-index и контекст наложения

    Все, разобрался! Спасибо большое за объяснение!
  5. SnowSilver

    z-index и контекст наложения

    допустим. <body> <div > <div class="red"></div> </div> <div > <div class="green"></div> </div> <div> <div class="blue"></div> </div> </body> а так они изначально в одном контексте получается ? или нет? я так понимаю, изначально, если стили не применены и не смотря на то, что они вложены(div-блоки с классами цветов), у них один контекст html - корневой элемент... там наложение будет в зависимости от порядка, последующий перекроет предыдущий слой... если для родительского блока div <div > <div class="red"></div> </div> применить opacity < 1, то z-index не будет работать в контексте - в блоке div(на этом уровне блоков) это так?
  6. Пытаюсь разобраться со слоями, но что то не выходит. Прочитал статью на хабре Зададим классу .red { z-index: 1;} - блок стал выше... Но если мы родительскому элементу блока .red задаем opacity<1, то есть например opacity: 0.99, то блок снова почему то ниже по уровню. В статья написано, что: Новый контекст может быть сформирован в следующих случаях: Если элемент – корневой элемент документа ( элемент) Если элемент позиционирован не статически и его значение z-index не равно auto Если элемент имеет прозрачность менее 1 Окей, значит я создал новый контекст opacity. Но если вместо оpacity применить position: relative например(из статьи следует что и они оба{opacity, position: relative} создают контекст), то почему красный блок все таки будет выше... Наверное разный контекст у них или что Что подразумевается под созданием нового контекста для opacity?
  7. SnowSilver

    Верстка адаптивного дизацна. Сетка

    а это не может быть макет для ретины?) и если это так, то такие макеты верстаются со всеми размерами/2 для обычных дисплеев получается?)
  8. SnowSilver

    Как растянуть блоки по высоте строки

    Как бы вы такое реализовали. Желательно без flex На рисунке пример ниже. Там по сути, имеется два контейнера. первый должен растягиваться по высоте родтиельского. По ширине оба динамические. Во втором блоки. когда места не хватает в строке, блок должен переносится на следующую строку. но не залезая в первый столбец! По сути там похоже на таблицу из двух ячеек, где во второй ячейки блоки. 1. Вообще я изначально задавал радительскому контейнеру padding-left и текст первого столца выводил абсолютным позиционированием. Все бы ничего, но у меня в первом столбце ширина может немного меняться. 2. Вариант использовать таблицу. Но это не семантично:) там не табличные данные, где мне нужно применить. Как бы вы это реализовали ? ширина первого контейнера может меняться. Надо чтоб во втором блоке вложенные блоке перемещались только внутри. А первый столбец желательно чтобы был растянут на всю высоту родительского, при том, что высота может быть динамической. заготовочка
  9. SnowSilver

    Не подлючается шрифт Dymaxion Script

    Спасибо за информацию. Тогда понятно почему не работает:) Исходник приложил еще раз. И еще попутно вопрос про шрифты. Я правильно понимаю, что правильнее подключать шрифты для разных начертаний? Например для DymaxionScript обычный полужирные курсив полужирные не зря же делают шрифту разные начертания отдельно, которые подключаются отдельно так то по идеи можно было просто подгрузить один(например DymaxionScript c обычным начертанием) и свойсвами font-weight, font-italic задавать нужное начертание я как то через font-face подключил нестандартный шрифт, задал ему font-weight: bold и применил свойство -webkit-text-stroke для задания контура тексту. И заметил, что полужирность в хроме и мазиле сильно отличаются. Полагаю, если бы подключил этот шрифт с жирным начертанием, такой разницы скорей всего не было.
  10. SnowSilver

    Не подлючается шрифт Dymaxion Script

    попробовал сконвертировать шритф здесь: http://www.font2web.com/ и действительно, заработало, ура!!! НО... после конвертации "dymaxionscript.ttf" мне в архиве выгрузилось аж в 4 форматах этот шрифт: otf, svg, ttf, woff там даже html файл демонстрация есть шрифта, после конвертации... в css файле следующее: @font-face { font-family: 'Conv_dymaxionscript'; src: url('fonts/dymaxionscript.eot'); src: local('☺'), url('fonts/dymaxionscript.woff') format('woff'), url('fonts/dymaxionscript.ttf') format('truetype'), url('fonts/dymaxionscript.svg') format('svg'); font-weight: normal; font-style: normal; } НО, если я закомментирую "url('fonts/dymaxionscript.woff') format('woff')", то отображение текста будет стандартным шрифтом... Почему??? я это стал проверять, чтобы убедиться, что в формате "ttf" - который изначально не работал, заработал... Да и "svg" шрифт получается тоже не работает, браузер даже не подгружает эти шрифты И еще, там есть подключение src: url('fonts/dymaxionscript.eot'); - этого файла не оказалось, может ошибка какая возникла при конвертации и поэтому его нет...
  11. SnowSilver

    Не подлючается шрифт Dymaxion Script

    Путь правильный, в консоли ничего DymaxionScript.ttf index.html
  12. Почему браузер не отображает шрифт 'Dymaxion Script' ? Скачивал несколько, но безуспешно @font-face { font-family: 'Dymaxion Script'; src: url('../fonts/DymaxionScript.ttf'); } div { font-family: 'Dymaxion Script'; font-size: 50px; } DymaxionScript.ttf
  13. SnowSilver

    Верстка адаптивного дизацна. Сетка

    Но если несколько страниц, то наверное можно применять сетку ? я щас смотрю в макете, там для дестопа, ширина между крайними линиями 2750px - это не много ? я сколько немного верстал, ширина максимально обычно в районе 1000, но ни как не две тысячи, наверное макет расчитан для больших мониторов
  14. SnowSilver

    Верстка адаптивного дизацна. Сетка

    В футере можно увидеть 4 колонки, разве нет? Какую бы вы использовали сетку для данного макета ? на сколько ячеек(колонок) ?
  15. SnowSilver

    Верстка адаптивного дизацна. Сетка

    Это так в шапке 4 линиями показано, какой высоты должне быть контейнер для десктопа или мобильной версии? Если бы вы создавали сетку, на сколько колонок бы вы поделили ?