• Как правильно экспортировать .svg файл из .psd макета?

    inomdzhon92
    @inomdzhon92
    html, css, js, nodejs
    В Photoshop тоже можно экспортировать. По крайней мере в CC 2015. Нажимаешь в слоях на нужный элемент правой кнопкой мыши и там должно быть что то типа "Экспортировать как svg" и т.п.

    Или можно воспользоваться функцией Generate
    blog.toliklunev.ru/all/bystry-sposob-poluchit-svg-...
    Ответ написан
  • Не слишком ли жесткий костыль, как правильней записать такой jqyery код?

    inomdzhon92
    @inomdzhon92
    html, css, js, nodejs
    Я бы написал так:
    Пусть у внешней и внутренней кнопки будет один класс - js-mobile-nav-toggle. Состояния будет одно active, т.е. по умолчанию оно будет как бы не активным (not_active удаляем).
    .mobile-navigation {
      position: fixed;
      left: -100%;
      top: 0;
      width: 380px;
      height: 100%;
      background-color: grey;
    }

    $('.js-mobile-nav-toggle').on('click', function (evt)  {
      var $mobNav = $('.mobile-navigation');
      var $this = this; // сохраняем текущий контекст. this == js-mobile-nav-toggle, т.е. тому, на что повещено событие
      if ( $mobNav.hasClass('active') ) {
        $movNav.animate({ "left":  0 } , 1500 , function () {
           $mobNav.removeClass('active');
           $($this).removeClass("active");
        });
      } else {
        $movNav.animate({ "left" : "-100%" } , 1500 , function () {
           $mobNav.addClass('active');
           $($this).addClass("active");
        });
      }
    });
    Ответ написан
    8 комментариев
  • Как можно сделать такое: скрипт обновляет страницу, если видит нужный текст, звонит по телефону или отправляет смс?

    inomdzhon92
    @inomdzhon92
    html, css, js, nodejs
    Звучит тривиально как то
    1. "обновляет страницу, если видит нужный текст"
    if ( (/someword/g).test(document.body.textContent) ) {
      window.location.reload();
    }

    2. "звонит по телефону или отправляет смс" - так же можно найти телефон. Можно засунуть его в тег <a> c href="tel:8999999999" и вызвать клик на него или какую-нибудь либу найти
    Ответ написан
  • Как удалить символы в url?

    inomdzhon92
    @inomdzhon92
    html, css, js, nodejs
    var url = 'example.com/view/7';
    // Регулярным выражением к примеру
    // Вместо match, можно replace использовать переделав слегка регулярку
    url = url.match(/^example\.com\/view/)[0];
    Ответ написан
    Комментировать
  • Вывод содержимого в div по клику с параметрами, как правильно?

    inomdzhon92
    @inomdzhon92
    html, css, js, nodejs
    function wsp_js(){  
        document.getElementByClass('iframe').innerHTML = '<iframe src=" + url + "></iframe>';
    }

    Во-первых, как и написал GreatRash, метод называется document.getElementsByClassName и он возвращает коллекцию, а т.е. правильнее будет document.getElementsByClassName('iframe')[0].innerHTML. А лучше в обще использовать document.querySelector - она возвращает сразу элемент.

    Во-вторых, '<iframe src=" + url + "></iframe>' - эта строка в дальнейшем через eval выполняется? Не понятно как url передается.
    Ответ написан
    Комментировать
  • Как задать фон через HTML?

    inomdzhon92
    @inomdzhon92
    html, css, js, nodejs
    Вопрос не понятен.
    "Через HTML" - инлайновая вставка через атрибут style имеется ввиду?
    "Фиксированное расположение" - это свойство background-attachment: fixed;

    Зачем для вставки фона Вы используете тег img? Тег img используется для контента. А для всяких декоративных вещей, таких как фон, используется свойство background.

    <div class="b-background-image" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('../images/inhtml/catalog_bg.jpg'); background-size: 100%; background-attachment: fixed; background-repeat: no-repeat; background-postition: center"></div>

    Нужно еще дать другим родителям height: 100%, чтобы растянулась на всю высоту.
    Ответ написан
  • Почему шрифты на мобильных устройствах больше?

    inomdzhon92
    @inomdzhon92
    html, css, js, nodejs
    У вас head присутствует мета тег с вьюпортом?
    <meta name="viewport" content="width=device-width, initial-scale=1">

    Если нет, тогда понятно почему не срабатывает.
    Браузер телефона по умолчанию старается придать странице первозданный вид, как-будто смотрим страницу на декстопе и ставит width=980px, к примеру. Это называется Область просмотра, размер браузера другими словами. Посему медиа запрос срабатывает для данной ширины.
    Есть еще Площадь изображения, это фактический размер экрана устройства. Обозначается как device-width.

    Метатег, написанный выше, говорит браузеру, чтобы при прорисовке учитывалась площадь изображения (device-width).
    Ответ написан
    Комментировать
  • Книга по совершенствию и оттачиванию css кода?

    inomdzhon92
    @inomdzhon92
    html, css, js, nodejs
    У каждого свои предпочтения к обучению, но мой совет сразу начинать с практики и меньше читать.
    А если все-таки не можете без глубокого ознакомления через литеры в начале пути, то не подавайтесь прокрастинации, то есть не говорите себе "Вот прочту эту книгу в 500 стр. потом начну практиковаться". Прочел кусок - попрактиковал. Это поможет лучше сформулировать порцию информации.
    В общем научитесь для начала структурировать информацию. Вот тут можно прочесть и книжку. К примеру, Барбара Оакли "Думай как математик".

    Ну а на счет совершенствования и оттачивания используйте методологии, стайлгиды для CSS (вот статья https://habrahabr.ru/post/256109/). Я предпочитаю SMACSS.
    Ответ написан
    2 комментария
  • Нужно ли для адаптивной верстки использовать dpi в медиа запросе?

    inomdzhon92
    @inomdzhon92
    html, css, js, nodejs
    Все относительно. Если хочется, к примеру, для retina display загружать качественные картинки, то можно определить и с помощью dpi.
    Но обычно хватает px (лучше переводить в em)
    Ответ написан
  • Верстка всего сайта по центру?

    inomdzhon92
    @inomdzhon92
    html, css, js, nodejs
    Так если есть пример, то можно перейти в "инструменты разработчика" (нажать F12) и изучить как все устроено.
    Такой подход всегда продуктивен.
    Ответ написан
    7 комментариев
  • Как сделать анимированный фон?

    inomdzhon92
    @inomdzhon92
    html, css, js, nodejs
    Да, сие клевая штука. По поводу реализации, первое что в голову приходит - canvas.
    Знаю примерчик один: www.smultron.pl/en
    Реагирует на mouseenter.
    Ответ написан
    3 комментария
  • Как создать массив из 10000 случайных элементов и отсортировать его?

    inomdzhon92
    @inomdzhon92
    html, css, js, nodejs
    Учитывая то, что Вы написали, что не компетентны в программировании, нет толка писать про это, но опечатки такие:
    • sortBubble : function( input array ) { ... } - пропущено нижнее подчеркивание в аргументе.
    • input_array[j] = input_array[j+1]); - в конце, между квадратной скобкой и точкой запятой, ненужная скобка.
    • ... } ... return( input_array ); } - в конце после фигурной скобки должна быть запятая.

    Советую найти человека, который Вам лично с глазу на глаз объяснит код и поможет со случайным заполнением массива.
    И изучайте программирование :) чисто для себя, к примеру.
    Ответ написан
    Комментировать
  • С чего начать изучать программирование законченному гуманитарию?

    inomdzhon92
    @inomdzhon92
    html, css, js, nodejs
    Изучи для начала основную концепцию программирования: циклы, операторы, условные инструкции, массивы и т.д. (вот к примеру https://www.youtube.com/playlist?list=PL6LDsbZOeyr...). Дальше гораздо легче будет.

    Как разберешься заходишь в какой-нибудь codeacademy.com, чтобы немного вникнуть в суть интересующего языка. Дальше уже ПРАКТИКОВАТЬСЯ, а по вопросам обращаться в документацию, в форумы (stackoverflow, к примеру).

    И каждый день потихоньку, по пару часиков продвигаешься. Как понимаешь, что не идет, голова раскалывается, отложи на время и вернись позже. Главное понять для себя, что для того, чтобы научиться программировать нужно время.
    Ответ написан
    Комментировать
  • Выбор вуза для поступления. ВШЭ или ИТМО?

    inomdzhon92
    @inomdzhon92
    html, css, js, nodejs
    Я так понял, что гуманитарные науки интересуют. Если это так, то ИТМО, конечно, больше специализируется в выпуске IT-специалистов. Исходя из этого уровень образования в высшей школе экономики должен быть намного выше по интересующей сфере, в плане, если хочется "послушать что-нибудь интересное". Но с другой стороны в ИТМО в гуманитарных факультетах учиться легче (надеюсь не сильно утрировал), да и к тому же оценивание идет по балловой системе, хотя может и ВШЭ так же. Ну и плюхи в виде разнообразных студенческих клубов, бюджетных путевок, бесконечных мероприятий, бесплатных билетов в театры и т.д.

    На счет общаги, то смотря куда поселишься. Общаг несколько, но самые известные это Вяземский переулок (м. Петроградская) и МСГ (м. Парк Победы). Любимый студентами - это Вяземка. Те, кто из МСГ, где достаточно комфортно, нет лишнего шума, пьяных студентов, хотят переселиться на Вяземку. Т.к. там нет, грубо говоря, комендантского часа. Можно всегда договориться с охранником, провести, без особых мут, друзей. Да и все студенты ИТМО. Но есть и свои минусы. Если поселят на второй этаж старого блока, то там обычно коридоры пропахнуты рыбой и другой экзотикой, т.к. там проживают в основном китайцы. Есть любители почти каждодневных тус, поэтому может быть шумно. Если говорить о ценах, то в Вяземке дешевле. Цены не помню. Лучший вариант - это поселиться в блок (2 комнаты на три человека), там отдельный душ и туалет (один для обоих комнат).

    В общем ИТМО это море общения.

    Ну и естественно сам учился в вузе (специалист). В начале июля этого года получил долгожданную целлюлозу.
    А так все еще участник и преподователь студенческого клуба "Живой Звук". У нас море музыки и обучение игре на гитаре (и на пианино). Если выберешь ИТМО, приходи, будем рады ;)

    P.S.: пиарить музыкальный клуб пришел
    Ответ написан
    1 комментарий
  • Как адаптировать шрифты под экран?

    inomdzhon92
    @inomdzhon92
    html, css, js, nodejs
    К примеру так:
    codepen.io/anon/pen/zGLqeG
    По уменьшайте ширину мини-браузера.

    Принцип следующий:
    1. для html задаем font-size (я обычно задаю 62.5%);
    2. задаем текстам относительные единицы измерения (rem);
    3. в media запросах изменяем font-size только у html.

    При 62.5% текст, к примеру, со значением 1.4 rem, тоже самое, если бы мы написали 14px.

    Но это не панацея.
    Ответ написан
    Комментировать
  • Как сделать border на половину картинки?

    inomdzhon92
    @inomdzhon92
    html, css, js, nodejs
    Первый способ. Самый простой. Через градиенты.
    codepen.io/anon/pen/MwQMLG

    Второй способ. Через псевдоэлементы. Классика ;)
    codepen.io/anon/pen/oXErMr?editors=110
    Ответ написан
    Комментировать
  • Поиск по ячейкам в таблице?

    inomdzhon92
    @inomdzhon92 Автор вопроса
    html, css, js, nodejs
    решил вопрос
    Ответ написан
    Комментировать