• Как добавить/удалить link в head? И возможно ли это вообще?

    Finesse
    @Finesse
    // Добавление link
    $link = $('<link/>', {
      rel: 'stylesheet',
      href: 'путь...'
    }).appendTo('head');
    
    // Немного позже удаление ранее созданного link
    $link.remove();


    Но лучше так не делать, потому что изменение стилей произойдёт с заметной задержкой, вызванной тем, что новый файл стилей нужно сначала загрузить и обработать. Лучше всего изменять класс тега body, а новое оформление задавать в том же файле стилей, но добавив к селекторам body.новыйКласс:

    <html>
      <head>
        <script src="js/jquery.js"></script>
        <style>
          .content { color: black; } /* Обычное оформление */
          body.otherStyle .content { color: red; } /* Новое оформление */
        </style>
      </head>
      <body>
        <div class="content">Lorem ipsum</div>
        <button id="button">Поменять всё</button>
        <script>
          $('#button').click(function(event) {
            // Нажатие кнопки будет добавлять класс, если его нет, и удалять его, если есть, тем самым включая/выключая другое оформление
            $('body').toggleClass('otherStyle');
            event.preventDefault();
          });
        </script>
      </body>
    </html>
    Ответ написан
    3 комментария
  • Что делать, отрубается wi-fi TP-LINK?

    @Yestestvenno
    Системный администратор
    если проблема на стороне роутера посмотрите может у вас просто канал забит через inSSIDer
    если проблема на стороне ПК
    Ответ написан
    Комментировать
  • Где посмотреть примеры качественного кода вёрстки сайтов, лендингов, веб-приложений?

    paulradzkov
    @paulradzkov
    Дизайнер, верстальщик, начальник отдела UI
    Первый путь.
    На Гитхабе поискать по ключевым словам (BEM, SMACSS, OOPCSS) — найдутся бойлерплейты и стартеркиты, которые по определению должны быть хорошего качества.

    Можно искать глубже, по упоминанию в исходном коде этих ключевых слов — найдутся тысячи проектов, но тут сложнее определить, что качественнее.

    Второй путь.
    Искать в Гугле людей, которые пишут про BEM, SMACSS, OOPCSS и прочих крутых фронтендеров. Искать их профили на гитхабе, изучать их проекты. Если они пишут про методологии, то они явно их используют в работе.
    Ответ написан
    Комментировать
  • Как правильно делать привязку элементов, если ширина макета и монитора разные?

    Откройте vk.com например. Он как раз 700 с чем-то по ширине.
    Нужно просто расположить контент по середине страницы.
    <div style="width: 775px; margin: 0 auto;">
    Тут остальные блоки
    </div>
    Ответ написан
    Комментировать
  • Префиксы flexbox?

    Используйте Autoprefixer и не задумывайтесь о префиксах вообще.
    Ответ написан
    Комментировать
  • Нужен совет по адаптивной верстке, как правильно сделать?

    4ikist
    @4ikist
    В медиа запросе можно изменить absolute на relative, отменить top и left.
    Вариант "переверстать" однозначно лучше, если потребуется поддержка проекта.
    Ответ написан
    Комментировать
  • Как писать селекторы должным образом?

    Fesor
    @Fesor
    Full-stack developer (Symfony, Angular)
    Я слышал, что надо писать более производительные селекторы

    Не загоняйтесь по этому поводу, у вас есть профайлер в браузере и как сделаете уже можно заниматься оптимизациями.

    больше использовать комбираторы. Серьёзно?

    А почему нет? Основная проблема - изоляция стилей. То есть как сделать так, что бы имезения в стилях для блока A не влияли на блок Б. Рекомендую вам так же ознакомиться с популярными методологиями верстки (серьезно, чем раньше тем лучше), например БЭМ, smacss, oocss и т.д.

    селекторы на основе аттрибутов

    Для JS очень удобно на основе data-* атрибутов делать селекторы. В целом в этом плане можно посмотреть в сторону webcomponents и как-то ориентироваться на этот путь.
    Ответ написан
    3 комментария
  • Тег style vs. link. Что быстрее?

    Petroveg
    @Petroveg
    Миром правят маленькие с#@&ки
    Вся необходимая информация уже есть в спецификации. Называется Origin and Importance. Анализируются все 10 возможных источников, и то, где написано то или иное правило, в link или style, влияет на порядок этого правила, но не на скорость анализа. Это означает, что сам факт нахождения правила в разных источниках не влияет на performance, если принять, что эти источники одинаково доступны.

    А вот что касается кэширования, то вы совершенно напрасно отметаете этот аспект, потому что на скорость построения CSSOM напрямую влияет доступность источников и то, что большинство браузеров строят CSSOM по мере их доступности. Безусловно, нахождение правил непосредственно в документе может ускорить этот процесс. Именно по этой причине те же рекомендации Google содержат совет включать наиболее важные правила в элемент style (раздел «Inline render-blocking CSS»).

    Однако, не стоит забывать про дальнейшую жизнь проекта и его модификацию. И тут style проиграет link по всем параметрам, да и в разработке необдуманное использование style способно превратить жизнь в ад. Отвечая на ваш вопрос — да, включение правил в документ увеличит performance, но только при первой загрузке документа. Остальные документы этого проекта не заметят разницы, ведь внешний файл будет браться из кэша, зато трафик будет существенно расти.
    Ответ написан
    1 комментарий
  • Чем вы любите стилизовать свой фронтенд?

    IonDen
    @IonDen
    JavaScript developer. IonDen.com
    Лучше всего проект может стилизовать хороший дизайнер)
    Ответ написан
    9 комментариев
  • Как вывести деньги со своей кредитки?) 0% тока через покупки товара/услуги. Денег надо снять много как это можно сделать?

    opium
    @opium
    Просто люблю качественно работать
    Идете бухать в бар с друзьями платите за всех кредитной и налик собирание со всех
    Ответ написан
    2 комментария
  • Работа без высшего образования, это реально?

    @real-dd
    Работаю в Штутгарте UI/UX Interactiv Designer (живу в Германии уже 13 лет), на работу приняли даже не спросили где учился, и без аттестата. Просто показал им свои работы.
    Решающим стал один проект, который я показал - приложение для андроид которое я оформил и создал рабочий прототип, а так же тот факт что я много в чём ещё умею и пробовал работать и с анимацией и 3д и печатал футболки и сайты делал и corporate identity и всё как бы на должном уровне с душой.

    Но работу искал долго, скажу сразу... пару раз устраивался, через несколько месяцев сворачивался, полный ад...
    По фрилансу работал нормально. Но уровень не тот, рост необходим, и проекты масштабные для известных брендов - это уже другое дело.

    Думаю в профе дизайнерской/программерской, определяющим являются сами работы и клиенты/агенство для которых ты работал и только в меньшей степени образование.
    Все эти бумажки скорее от лукавого, может и прибавят к зарплате 500 евро, но если тебе по способностям 1000 платят, то и толку с этого.

    А так я бы с радостью получил более высокую степень образования, чисто для себя. Не судьба видимо, да и впадлу...))
    Ответ написан
    9 комментариев
  • Работа без высшего образования, это реально?

    YuriMolotov
    @YuriMolotov
    Дизайн и вёрстка сайтов — Molotov.pro
    Государственным учреждениям нужны дипломы, частникам нужны деньги, которые ты им заработаешь.

    Так что не стоит питать иллюзий насчёт диплома.
    Если ты хороший специалист, диплом никто спрашивать не будет. Но без навыков в сфере ит делать нечего. И дипломы не спасут.

    В 17 лет рассчитывать на серьёзный оклад не стоит, но подработку вполне можно найти.
    С другой стороны в 17 лет все считают себя крутыми спкциалистами, а html - языком программирования :)
    Ответ написан
    6 комментариев
  • Как установить курсор на нескольких строках?

    Для Windows
    Sublime text
    Добавить курсор на предыдущую строку
    Ctrl+Alt+Up

    Добавить курсор на следующиую строку
    Ctrl+Alt+Down

    Brackets
    Добавить курсор на предыдущую строку
    Alt+Shift+Up

    Добавить курсор на следующиую строку
    Alt+Shift+Down
    Ответ написан
    3 комментария
  • Почему нельзя давать одинаковое название id?

    arutyunov
    @arutyunov
    Mooza.ru — Делаем сайты
    Использовать их можно, но не стоит.
    Отладка такого кода (если id используется в Javascript, например) может привести к проблемам.

    Этот совет носит рекомендательный, но не обязательный характер.

    Если провести аналогию с людьми, то представьте: легче запомнить 30 человек с именами Петя1, Петя2, Петя3 и т.д., либо с различными именами - Петя, Вася, Вова и т.д.
    Некоторым людям может быть удобней запоминать цифры, но таких будет меньшинство, да и Петя21 будет скорее всего не рад такому имени.
    Ответ написан
    1 комментарий
  • Почему нельзя давать одинаковое название id?

    SKolt
    @SKolt
    https://www.instagram.com/seregamih/
    Одинаковое нельзя, нарастающее можно.
    Другое дело, как потом разобраться в таком коде, если будешь верстать, как Adobe Muse :)
    Ответ написан
    Комментировать
  • Можно ли использовать несуществующие атрибуты тегов?

    HaJIuBauKa
    @HaJIuBauKa
    можно конечно, но обычно это делается через атрибуту data-
    $('a#id').data('phone', '12345678')

    https://api.jquery.com/data/
    Ответ написан
    5 комментариев
  • Как сделать такой же checkbox?

    @elkaramba
    Можно воспользоваться плагином для jQuery Select2 (второй пример)
    Ответ написан
    Комментировать
  • Ваше мнение о видеоуроках Евгения Попова?

    Atanvar
    @Atanvar
    Frontend developer
    Если хотите видео уроки - 4 курса от "Специалист"
    Затем читайте Зандстра и ищите работу.
    Ответ написан
    3 комментария
  • Что можно сделать с ноутбуком?

    valerium
    @valerium
    Изобретая велосипед
    Во-первых, у Вас SSD, а не HDD. Что Вы имели ввиду под проверкой на битые кластеры? Если это был тест на успешное чтение, то для SSD он не показателен, так как с чтением у него нет проблем, но со временем некоторые блоки становятся недоступными на запись. Кроме того, у некоторых (или у всех, не уверен) SSD наблюдается потеря скорости по мере наполнения.

    Во-вторых, замена процессора в ноутбуке - рисковая затея, так как нагрев. Система охлаждения может не справиться с теплоотдачей нового процессора. Более того, 2 ядра по 2130 МГц - это не так уж и мало, даже по современным меркам. С точки зрения апгрейда оперативная память будят куда перспективнее.

    Ну и в-третьих, оперативная память. Именно её добавление может помочь с тормозами. 2 гига для современного десктопа - ничто, тем более, что Вы занимаетесь графикой и версткой. Ставьте настолько много, насколько позволяет мат. плата и финансы. При этом рекомендую не просто добавить один модуль, а поставить два одинаковых (вдруг материнская плата поддерживает двухканальный режим?). Так ОС будет меньше использовать подкачку, соответственно, уменьшатся лаги.
    Ответ написан
    4 комментария
  • Как лучше подключать шрифты для сайта?

    @shweps123
    По поводу «import vs LINK» есть статья на хабре, там рекомендуют подключать через «LINK».

    В css шрифты подключают через свойство @font-face.
    Форматы файлов:
    .eot - IE6+
    .woff2 - Android 37, Chrome 41+, Opera 27+
    .woff - IE9+, FF3.6+, Chrome 6+, Opera 11.10+
    .ttf - FF3.5+, Chrome 4+, Safari 3.1+
    .svg - Chrome 4+, Opera 10+, iPhone, iPad, Safari

    Есть много онлайн конвертеров, для конвертации одного формата в другие, например:
    www.fontsquirrel.com/tools/webfont-generator
    https://www.web-font-generator.com/

    Если вы используете кириллические шрифты, то после конвертации обязательно проверяйте файлы, потому что некоторые конвертеры не умеют работать с кириллицей.
    Ответ написан
    Комментировать