Не применяются стили к SVG
Недавно при работе с одним из проектов у меня возникла задача: мне нужно было вставить на страницу множество svg иконок. Причем это были не просто иконки а сложные схемы и их было очень много.
Чтобы не заниматься рутинной работой, было принято решение автоматизировать этот процесс. Найдены нужные инструменты, настроена сборка - все работало как нужно.
Оставалась одна деталь: эти схемы нужно было стилизовать определенным образом и svg иконки были даже к этому подготовлены. Но стили почему то применялись только к первой схеме, остальные схемы просто ломались в отображении.
Бинарный поиск на JavaScript
Если говорить простым языком, то бинарный поиск это алгоритм, позволяющий выполнять поиск по отсортированному массиву гораздо быстрее, чем методом классического перебора.
Это невероятно эффективный подход, где количество шагов для поиска нужного элемента не превышает logn. При классическом переборе же для поиска нужного элемента в худшем случае придется проверить весь массив.
Как работает бинарный поиск?
Градиент в Safari — CSS3
На одной из последних работ столкнулся с неожиданной проблемой. При вставке видео в страницу обнаружил, что видео имеет четкие не прозрачные края серого цвета. Находясь на белом полотне видео выглядело не очень красиво:
Не валидирует поле — jQuery Validation Plugin
Как это часто бывает, для реализации определенных "фич" и улучшений для сайта, я использую готовые jQuery плагины. Хорошие решения просты в подключении, имеют широкий функционал и отлично справляются со своей задачей - зачем писать свой велосипед?
Так для валидации форм и отдельных полей я пользуюсь отличным плагином jQuery Validation Plugin. Но сегодня произошло событие, которое побудило меня написать эту короткую заметку. Плагин отказался валидировать поле. Да, да. Я проверил все несколько раз - объявление, написание и даже ошибки в консоли. Все было правильно. Все поля проходили валидацию, кроме одного - чекбокса согласия с пользовательским соглашением. Давайте разберемся что могло произойти.
Проверить, что страница загружена в iframe — JavaScript
Совсем недавно сервис, над которым мы с ребятами трудились долгое время, начал сотрудничать со сторонней системой. И эта система подгружала данные сервиса в обычный iframe. И вот потребовалось немного изменить внешний вид сервиса только для пользователей, которые видят его через iframe. Как это можно сделать проще всего?
Скажу сразу, что изменение очень незначительное, касается штрихов в дизайне, но сделать его было нужно. Для этого был выбран наиболее простой путь - определять нужно на "фронте". Как определить, что страница загружена через iframe с помощью javascript? Давайте разберемся.