alex_web64

User
  • Content count

    130
  • Joined

  • Last visited

  • Days Won

    3

alex_web64 last won the day on April 14 2016

alex_web64 had the most liked content!

Community Reputation

8 Обычная

About alex_web64

  • Rank
    Участник

Information

  • Sex
    мужской

Recent Profile Visitors

972 profile views
  1. Здравствуйте. Есть такой пример. По окончании анимации path должен закрашиватся градиентом. Везде работает, кроме safari на ios, фон остается белым. Подскажите в чем причина и как это исправить?
  2. alex_web64

    Иконка для ссылки

    Супер. Спасибо!
  3. alex_web64

    Иконка для ссылки

    В фф иконка не по центру.
  4. alex_web64

    Иконка для ссылки

    Все три примера с моей ссылки - это попытки добиться одного нужного результата. В первом блоке у меня отображено желаемое поведение ссылки (бордер у каждой строки, пустота во второй строке не кликабельная). Во втором блоке работает вертикальное выравнивание иконки, но бордер уже применился к блоку. Строк неограниченное количество, иконка должна выравниватся отностельно всех строк, а не первой, не подчеркиватся, но тот уже как получится. Вот внешне и по поведению идеальный результат https://jsfiddle.net/vde4u218/, но пришлось добавить два тега ссылки, чего хотелось бы избежать.
  5. https://jsfiddle.net/q2Lfaew5/2/ Пытаюсь добавить иконку к ссылке. Казалось бы, довольно простая задача, но есть несколько условностей, из-за которых пока ничего не получается. 1) Текст должен быть inline-элементом. Для того, чтобы к каждой строке применялась граница, и пустота в них была не кликабельной (как в первом примере). 2) Иконка всегда должна быть вертикально отцентрированная. Реально ли это сделать?
  6. Здравствуйте. Почему в этом примере https://jsfiddle.net/pk2rgj3o/4/ в IE11 не срабатывает max-width для изображения? Мне нужно, чтобы фото не выходило за пределы родителя, при этом его ширина и ширина flex-item оставались автоматическими. В данный момент я нашел два решения этой проблемы: 1) width: 100% для фото и 2) flex: 1 для flex-item, но они оба не подходят.
  7. Здравствуйте. Мне необходимо вывести вертикальные однопиксельные линии через равные промежутки. Что-то примерное я нагуглил https://jsfiddle.net/6eq501tz/ Но проблема в том, что линия должна всегда находится в центре экрана. Если уменьшите ширину экрана в демо таким образом, чтобы помещались только две линии, то увидите, что при background-position: 50% 0; линии располагаются по краям экрана. Второе - на некотором разрешении в фф линии исчезают. Может есть другие идеи, как реализовать подобное, или пофиксить текущий вариант? Upd: получилось отцентрировать с помощью calc https://jsfiddle.net/8ztwr95e/ Проблема с исчезающими линиями в ФФ актуальна. Кстати, глянул в хроме - там линии постоянно отображаются, но меняется ширина в пределах 1-2px
  8. https://jsfiddle.net/qvberz4d/
  9. Здравствуйте. Сейчас все большую популярность набирает вывод иконок на сайте с помощью тегов svg>use. Для создания наборов я использую сервис IcoMoon. Проблема в том, что при выводе одной и той же иконки с помощью шрифта и тегом качество последней оставляет желать лучшего. Если на больших размерах разница не так заметна, то на маленьких все совсем плохо (см. скрин. Иконка menu c набора FontAwesome). В интернете находил советы применить к тегу svg transform: translateZ(0); или shape-rendering: crispedges; В случае с иконкой-бургером это решает проблему, но с чем-то более сложным результат выходит еще хуже, чем был до этого. Еще и ФФ при некоторых размерах шрифта обрезает иконки на несколько пикселей. При этом иконочный шрифт работает превосходно отображает любые иконки и в любом размере. Как мне добиться такого же качества, как у иконочных шрифтов?
  10. Здравствуйте. Есть вот такой пример https://jsfiddle.net/5dnz61qu/ Мне нужно, чтобы центр зеленого блока всегда находился в центре родительского. У меня два варианта, но они оба мне не нравятся: 1) Абсолютное позиционирование. 2) Задать синему блоку такую же ширину, как и в красного. В блоках динамический контент, поэтому хотелось бы, чтобы они могли занимать все свободное пространство, а с этим вариантом такого не получится. Есть еще идеи?
  11. Здравствуйте. Есть такой пример на флексах https://jsfiddle.net/dtns7L2v/ При уменьшении размера окна когда контент не помещается в одну строку он переносится на вторую. Но между элементами не плохо было бы добавить отступ. К примеру, с помощью внутренних полей и отрицательного отступа в родителя, как это сделано в бутстрапе. Гриды нам предлагают отличное свойство grid-gap, которое может сделать подобное одной строкой кода. Проблема в том, что я не могу добиться подобного поведения элементов, из-за отсутствия опыта работы с этой новой технологией. Мои попытки: - элементы имеют ширину по контенту, но не переносятся https://jsfiddle.net/dtns7L2v/1/. - элементы переносятся, но ширину я выставил фиксированную, что не подходит https://jsfiddle.net/dtns7L2v/2/
  12. Здравствуйте. Есть вот такой код https://jsfiddle.net/pLvzjv8c/ Подскажите, пожалуйста, как сделать, чтобы при клике на 1.1.1 меняли цвет ссылки 1.1.1 , 1.1 и 1; при клике на 1.2 меняли 1.2 и 1, и т.п. Число уровней может быть разным.
  13. ну это текст для примера, я просто хотел показать, что у меня есть необходимость передавать еще и элементы массива. У меня получилось сделать то, что я хотел. Было - для каждого select'а отдельный цикл https://jsfiddle.net/twryfpjk/, стало - https://jsfiddle.net/twryfpjk/1/ одна функция и ее вызовы. При наличии 10-20 select'ов разница в объеме кода огромная. Это получилось сделать с использованием функции eval(). Здесь пишут, что ее использование - плохая практика и могут быть проблемы после сжатия кода. Как альтернатива там предлагается new Function. Как можно переписать код с помощью нее?
  14. Подскажите, как бы вы сделали. Вот реальный пример, как у меня сейчас реализовано https://jsfiddle.net/twryfpjk/. Как видите, для каждого select'а дублируется цикл, меняются только три параметра - количество итераций, текст создаваемого пункта option и id родителя. Как можно сократить этот код?
  15. Здравствуйте. Мне необходимо создать пункты для большого количества select'ов. Я сделал отдельную функцию, которая принимает три параметра и выглядит так: myFunc(количество итераций цикла, текст пункта, id) { var a = ... // сохраняем будем сохранять все пункты for(var i = 0; i < количество итераций цикла; i++) { $('<option />', {text: текст пункта}).appendTo(a); } $(id).append(a) } Некоторые списки нужно заполнить цифрами от 0 или 1 до [количество итераций цикла]. Просто в цикле я бы мог написать: ... {text: i} или {text: i + 1} Как подобное условие можно передать в аргументе функции? https://jsfiddle.net/7q1d22y1/