• Что занимает сколько памяти на диску С?

    Jump
    @Jump Куратор тега Windows
    Системный администратор со стажем.
    ProgramData это системная папка, есть всегда Кто в нее столько данных написал - можете посмотреть.
    appData это часть вашего профиля - туда все кэшируется с чем вы работаете.

    удалять папки или нет?
    Удалять системные папки?
    Это вроде уборки квартиры с помощью бульдозера - сравнять с землей вместе с бардаком да и все. Зато быстро.

    как очистить ненужные файлы ?
    Удалить ненужные файлы.
    Ответ написан
    8 комментариев
  • Стоит ли использовать media для container?

    profesor08
    @profesor08 Куратор тега CSS
    Какие надо, такие и используй.
    Ответ написан
    Комментировать
  • Как поступить с css в многостраничном сайте?

    Kozack
    @Kozack Куратор тега CSS
    Thinking about a11y
    В идеальном мире все стили у вас разбиты по группам:
    Общие стили -- которые применяются на всех или на связанных страницах сайта. (Макет, какая-то шапка, подвал)
    Специфичные -- которые применяются на одной или нескольких конкретных страницах. (Таблица цен на одной странице, или другой макет для админки)

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

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

    Критичные стили. Это всё что касается первоначальной отрисовки. Эти стили загружаются как можно раньше. Они имеют высокий приоритет и блокируют рендеринг страницы. Чем такие файлы меньше тем лучше! Всё что можно загрузить потом -- нужно загружать потом.
    Не критичные стили -- это всё остальное.

    На пример: Форма. Общие стили формы -- критичный CSS. А стили для отображения условного попапа с подтверждением отправки -- не критичный. В результате, браузер скачивает критичный CSS, отображает страницу, пользователь уже может с ней работать и заполнять форму, а браузер в фоне дозагружает остальной CSS для попапа.

    Но, это картина идеального мира и всё нужно изучать для конкретного случая. Например, если у вас практически весь CSS критичный, и только несколько десятков правил можно вынести в "не критичный" то вы много в производительности не выиграете, а скорее проиграете из-за накладных сетевых расходов.

    Или другой пример. Предположим, что на вашем сайте все страницы достаточно уникальны. В таком случае, разделять "общие" и "специфичные" стили может быть лишним или слишком затратным для поддержки.
    Ответ написан
    5 комментариев
  • JS округление десятков?

    Rsa97
    @Rsa97
    Для правильного вопроса надо знать половину ответа
    function round45(value) {
      return Math.round(value / 45) * 45;
    }
    round45(90.3222341); // 90
    round45(136.99); // 135
    round45(358); // 360
    round45(46); // 45
    Ответ написан
    5 комментариев
  • Vuelidate - как проверять 2 взаимозависимых чекбокса?

    0xD34F
    @0xD34F Куратор тега Vue.js
    По одному работает, если отметить оба, то "Error in v-on handler: "TypeError: Cannot convert undefined or null to object"

    Что возвращает validations, если оба значения true? Ничего. Пусть всегда будет объект:

    validations() {
      return {
        life: this.property ? {} : { required: v => v },
        property: this.life ? {} : { required: v => v },
      };
    },

    <div>STATUS: {{ $v.$invalid ? 'ЖОПА' : 'OK' }}</div>
    Ответ написан
    1 комментарий
  • Не видит провод интернета после смены видеокарты?

    Francyz
    @Francyz
    Photographer & SysAdmin
    Вопрос из серии: "Если я тебе монтировкой по голове ударю, на какой ноге шнурки развяжутся?

    P.S. Проверяйте драйвера на сетевую, целостность кабеля, биос и т.д.
    Ответ написан
    Комментировать
  • Как тут происходит сложение a и b?

    0xD34F
    @0xD34F Куратор тега JavaScript
    Это "сложение" (не сложение) работает только для целых чисел >= 0.

    Если передать в Array одно значение, будет создан массив указанной длины. Метод push может принимать несколько значений, а возвращает - новую длину массива, после добавления элементов. Т.е., в массив из трёх элементов добавили ещё четыре, и получили длину.
    Ответ написан
    Комментировать
  • Почему появляется горизонтальный скролл при верстке 1920 на мониторе с 1920?

    Lord_Dantes
    @Lord_Dantes Куратор тега CSS
    Чат веб-разработчиков t.me/developersjunior
    Ставить width: 100%; Плохо верстать только под 1920
    Ответ написан
    Комментировать
  • Почему svg анимация не работает в Firefox?

    YavaDev
    @YavaDev
    Девтулз Firefox говорит в чем проблема:
    6065bfe03c791934673668.jpeg
    Просто добавтье px в keyframes. Пример:
    @-webkit-keyframes circle1 {
        0% { r: 20px;}
        15% { r: 30px; cy: -30px;}
        30% { r: 20px; cy: 20px;}
        45% { cy: 10px; }
        60% { cy: 20px; }
    }
    Ответ написан
    1 комментарий
  • Как устранить некорректное отображение шрифта в Firefox?

    @Flying
    Приведённая вами ссылка показывает причину проблемы и направление для её исправления.

    Дело в том, что Rubik является variable шрифтом.

    Подключение шрифта у вас выглядит вот так:
    https://fonts.googleapis.com/css2?family=Rubik&display=swap

    а в стилях используется font-weight: 600. Если вы посмотрите внутрь CSS, загружаемой для подключения шрифта, вы (естественно) увидите там подгрузку шрифта для font-weight: 400, ведь именно это значение соответствует Regular и используется по-умолчанию.

    Таким образом вы ненамеренно создаёте ситуацию, когда вы используете начертание шрифта, которого нет. Очевидно где-то в Firefox (явно в списке зависимостей этого issue) есть проблема рендера variable fonts, причём специфичная для Windows т.к. я проверил (через BrowserStack) на MacOS и там всё нормально.

    Исправление тоже очевидно - вам необходимо корректно подключать шрифты, указывая списки нужных вам начертаний. Для вашего примера это будет:
    https://fonts.googleapis.com/css2?family=Rubik:wght@600&display=swap

    результат сразу становится корректным:

    60644c49505c3379108506.png
    Ответ написан
    1 комментарий
  • Пакетная загрузка фото в интернет-магазин?

    Rsa97
    @Rsa97
    Для правильного вопроса надо знать половину ответа
    <input type="file" multiple>
    Ответ написан
    5 комментариев
  • Что изучить в первую очередь для веб сайта?

    approximate_solution
    @approximate_solution
    JS Developer. Angular\React\Vue\Ember
    Завтра мне нужно будет "следить" За сервером. Что мне понадобится изучить и какие учебники можете посоветовать?

    605d7a21c60c6227129062.jpeg

    Если от этого "поезда" не убежать, то советую перед каждым действием - 5 раз гуглить, 10 раз перечитать информацию, если есть возможность не править код в наглую в "мастере" и на боевом сервере(накатить на dev и оттестировать"), как можно чаще задавать себе вопрос "а не делаю ли я что-то, что может привести к факапу и увольнению за нецелесообразность".
    Ответ написан
    4 комментария
  • Qwerty1234567890?

    verkhoturov
    @verkhoturov
    HTML-Верстальщик / Frontend Developer
    Привет!

    1) Нужно убрать опыт кладовщика.
    Из-за него тебя тяжело найти на hh. Например, HR который ищет junior минимум опыта (всякое бывает :)) просто не увидит твое резюме из-за суммарного с кладовщиком опыта в 4 года.

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

    3) В целом, советую переписать "Обо мне". То что у тебя мало опыто видно и без пояснений, а желание учиться и быть полезным тоже сомнительная история для hr.
    (в IT все любят учиться, ни кого не удивишь этим)

    3.1) Ссылка на codewars некорретная

    4) Портфолио в резюме раздели по технологиям, неудобно искать где у тебя просто верстка, а где React \ Vue.
    В идеале, краткое пояснение к каждому проекту, что использовал. На один набор технологий - один проект. Нет смысла смотреть на 5 похожих сайтов сделанных просто на html + sass

    5) Удали из портфолио пример верстки эл. письма, оно сделано неверно.
    Опечатка в теге header, в эл. письмах не работают флексы, ограничено работают псеводоэлементы и еще много всего. Почтовое приложение такое письмо просто поломает и большая часть пользователей получат поехавшую верстку.
    Какие CSS свойства работают в письмах можно посмотреть тут, а вот пример хорошего шаблона эл. письма.

    Первую работу найти тяжело, привыкай рассылать очень много резюме каждый день.
    А еще когда берешь тестовые задания, договаривайтесь чтобы давали задачу не более чем на 3-4 часа. Если делаешь намного дольше, не трать свое и чужое время, значит пока не подходишь (но для себя можно и доделать). Если потенциальный работодатель настаивает на тестовом более чем на 4 - 6 часов, отказывайся, это мутная контора, лучше за это время сходить на пару других собеседований.
    Ответ написан
    2 комментария
  • Почему верстальщики хотят верстать из .psd и не хотят Фигму? Что можно им предложить?

    verkhoturov
    @verkhoturov
    HTML-Верстальщик / Frontend Developer
    Верстальщик на связи. От коллег в недоумении, фигма отличный инструмент.

    Во-первых, есть веб-версия, не нужно ничего устанавливать \ обновлять.
    Во-вторых, командная работа.
    Можно оставлять комментарии прямо в макете, видно курсоры юзеров, которые тоже смотрят проект (намного проще обсуждать макет на созвоне, когда видно куда смотрит человек). Чтобы кому-то из коллег показать макет, достаточно кинуть ссылку.
    В-третьих, так как проект в сети, нет путаницы с файлами, которые тебе досылает дизайнер, если в макете были какие-то правки.

    Чтобы продавить фигму, мне кажется, с одной стороны, нужно попробовать ее в каком-нибудь "несрочном" проекте. Чтобы верстальщики могли спокойно освоить инструмент, без давления менеджмента насчет невыгодной долгой работы. С другой стороны, узнать у верстальщиков чем на их взгляд фотошоп лучше и попробовать найти альтернативу в фигме.
    Ответ написан
    1 комментарий
  • Как найти все элементы getElementById?

    vabka
    @vabka
    Токсичный шарпист
    getElementById (неожиданно) находит элемент по его id.
    В документе не может быть несколько элементов с одним id.
    Так что таким кодом вы и так находите единственный элемент с id=line

    Возможно, вам нужно что-то типа getElementsByClassName, getElementsByName, getElementsByTagName или querySelectorAll
    Ответ написан
    Комментировать
  • Можно ли использовать absolute в верстке письма?

    delphinpro
    @delphinpro Куратор тега CSS
    frontend developer
    Нарезаете картинку на куски. Нужные куски оборачиваете в ссылки.
    Раскладываете все это по ячейкам таблицы.
    Все в лучших традициях верстки прошлого века =))
    Но зато, точно будет отображаться более или менее нормально.

    Насчет огромности картинки. Рекомендованная ширина письма — не более 600-780 пикс.
    Ответ написан
    Комментировать
  • Кто знает как делать такие анимации?

    @lolzqq
    HTML,CSS,JS,PHP
    Простые без затей на css

    Сложные уже на three.js
    Ответ написан
    4 комментария