Все сервисы Хабра

Сообщество IT-специалистов

Ответы на любые вопросы об IT

Профессиональное развитие в IT

Удаленная работа для IT-специалистов

Войти на сайт
  • Все вопросы
  • Все теги
  • Пользователи

Хабр Q&A — вопросы и ответы для IT-специалистов

Получайте ответы на вопросы по любой теме из области IT от специалистов в этой теме.

Узнать больше
другие проекты хабра
  • Хабр
  • Карьера
  • Фриланс
Задать вопрос

freekir

  • 0
    вклад
  • 20
    вопросов
  • 8
    ответов
  • 38%
    решений
Лайки
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • Достижения
  • Что подразумевает полный рабочий день?

    opium
    Пума Тайланд @opium
    Просто люблю качественно работать
    полный рабочий день на удаленке подразумевает тоже самое что и полный рабочий день не на удаленке
    Ответ написан более двух лет назад
    Комментировать
    Комментировать
  • Как сделать чтобы git не видел .idea?

    27cm
    Котик Антон @27cm
    TODO: Написать статус
    Для начала удалите папку из git: git rm -r --cached .idea

    В .gitignore должно быть просто .idea/ без звёздочки. Пример.

    Кстати, для .gitignore в PhpStorm есть плагин.

    Если сделать, как посоветовал Назар Мокринский, то файлы будут игнориться только при работе с git через PhpStorm, что в общем-то серьёзное ограничение. Тогда уж лучше использовать .git/info/exclude, но все эти способы отказаться от gitignore, скажем так, не пользуются популярностью.
    Ответ написан более трёх лет назад
    2 комментария
    2 комментария
  • Как читать посты в фейсбуке не через браузер?

    Никита Ройсман @Kropers
    Попробуйте этот сервис для импорта аккаунта/группы или страницы в виде RSS https://sebsauvage.net/rss-bridge/ . Скачайте приложение которое импортирует новости по RSS. Готово! Теперь вы можете читать блог с помощью одного приложения!
    Рекомендую для импорта использовать Feedly
    Для Андроидhttps://play.google.com/store/apps/details?id=com....
    Для iOS https://apps.apple.com/ru/app/feedly-smart-news-re...
    Ответ написан более трёх лет назад
    1 комментарий
    1 комментарий
  • Как быть с полноэкранным контейнером внутри элементов ограниченной ширины?

    McBernar @McBernar
    1. Не делать внешний враппер
    2. Сделать его через общий класс - ширина, маргин, паддинг
    Ответ написан более трёх лет назад
    3 комментария
    3 комментария
  • Как выровнять блоки по разным краям?

    SmthTo
    Rustam Bainazarov @SmthTo Куратор тега CSS
    Все перепёлки мира будут оплакивать мою смерть.
    Ответ написан более трёх лет назад
    1 комментарий
    1 комментарий
  • Как убрать эти предупреждения в dev tools?

    scorp13
    scorp13 @scorp13
    chrome://flags
    Cookie Deprecation messages => disabled
    Ответ написан более трёх лет назад
    2 комментария
    2 комментария
  • Верстка с нуля: какие основные этапы работы?

    Vlad_IT
    Владимир Проскурин @Vlad_IT Куратор тега Вёрстка
    Front-end разработчик
    Использую vscode+webpack+pug+scss+бэм. Из физических инструментов, основной моник: lg ultrawide 29um69g, рядом прикручен моник от ноутбука повешенный вертикально, подключенный через универсальный скаллер.

    0) Запускаю Spotify :-)

    1) Произвожу установку всех необходимых модулей для сборки. В моем случае у меня набор конфигураций для webpack (отдельные файлы для pug, scss, static и.т.д., выбираю что нужно).

    2) Запускаю avocode, загружаю в него макет. Определяю в нем переменные (в то же время записываю их, чтобы сразу кинуть в scss файл) для цветов, размеров шрифтов и.т.д. чтобы при получении кусочков кода из него, он сразу расставлял переменные.

    3) Запускаю VS Code, открываю нужную папку.

    4) Пишу размету на Pug. Пишу с БЭМ, если встречаю повторяющийся блок, то открываю файл _mixins.pug, в который пишу миксины для повторяющихся блоков, например товаров, пунктов меню, каких-то блоков и.т.д. Pug умеет делать циклы, это ускоряет сильно.

    5) Когда HTML готов, начинаю делать каркас. Если дизайн сделан по сетке, определяю контейнеры, колонки, строки в свои классы (не пишу в html тучи классов аля col-md-6, а пишу в SCSS инклуды в нужные мне блоки, типа @include make-col(2) и.т.д.).

    6) Экспортирую картинки из Avocode. Очень делается просто, указываю папку и просто кликаю экспорт и ввожу название файла и расширения. Преимущественно для иконок использую svg, если нет svg, то ищу эту иконку в интернете (дизайнеры редко рисуют иконки сами, но зато любят вставлять их не в векторе). Если иконка простая, могу сам ее в inkscape обвести, ну и если нет, то экспортирую png в 2х размере (благо авокод это позволяет, если конечно дизайнер не вставил в исходном маленьком размере). Когда есть контакт с дизайнером, трясу его, ибо растр это плохо для иконок.

    7) Пишу стили блоков из страницы. На этом этапе можно на втором монике параллельно смотреть футураму или
    Арчера :-) Но чаще на широком монике слева браузер, справа VS Code, а на втором монике Avocode (может меняться местами с браузером). Мысленно нарезаю страницу на блоки. Для каждого блока (БЭМ) создаю отдельный scss файл (кто-то даже для элемента создает, но мне лень), из него сразу выписываю все селекторы. Иногда могу сначала выписать все селекторы со страницы (но так лучше не делать, т.к. во время работы может потребоваться изменить что-то в разметке), но чаще для одного блока выполняю этот пункт и за ним сразу выполняю пункт 8, потом для нового блока опять 7 и 8 и.т.д.

    8) Пишу css код вместе с Avocode, у него беру нужные мне параметры (а он уже подставил в них переменные), и вставляю в мой код. И параллельно сверяю со скрином макета используя вот это расширение https://chrome.google.com/webstore/detail/perfectp...

    9) Пишу адаптив. Я не могу привыкнуть к методологии mobile-first, поэтому пишу всегда сначала полную версию сайта. Я понимаю, что это чревато всякими проблемами и это типа не модно, но мне норм.

    10) Медиа-запросы пишу прямо в блоках, для каждого блока/элемента/модификатора может быть отдельный медиа-запрос. Но для начала определяю breakpoint'ы для разных экранов (чтобы их не было сотни разных), если использую Bootstrap, то беру его breakpoint'ы.

    11) Добавляю анимашки. Даже если заказчик не просил отдельно (и если не указал отдельно, что нельзя), он все равно будет доволен, а с animate.css+onscreen.js это вообще работа 10 минут. Сложные анимации обговариваю отдельно, чтобы не сделать ненужную работу.

    11) Все снова сверяю, пишу скрипты где надо. Для слайдеров в 99% случаев подходит slick (с доработками конечно, но там хорошее API), для других случаев могу написать свой.

    12) Сдаю заказчику и жду ответа сидя на тостере/пикабу.

    Это чисто мой опыт, опыт фрилансера, не знаю, как делают другие и не могу на 100% утверждать что это 100% правильный способ. Я так и не смог заставить свой конфиг webpack правильно вставлять спрайты svg.
    Надеюсь чем-то поможет мой ответ.
    Ответ написан более трёх лет назад
    7 комментариев
    7 комментариев
  • Забыть нельзя использовать, иконочные шрифты?

    tema_sun
    tema_sun @tema_sun
    Для монохромных иконок использую кастомный иконочный шрифт. Для многоцветных по-разному - это может и свг быть, и наложение. В целом, на мой взгляд проблема из пальца высосана.
    Ответ написан более трёх лет назад
    10 комментариев
    10 комментариев
  • Забыть нельзя использовать, иконочные шрифты?

    lukoie
    lukoie @lukoie
    А сколько символов /на проект из шрифта Вы вообще используете?
    Иконочный шрифт это удобный костыль, который создан специально чтобы сделать простую вставку i class fa fa-something /i и не задумываться что куда - оно само себе порешает. С свг же нужно больше телодвижений. Для такой простой задачи как вставить иконку телефончика или фейсбука, по сути не хотят заморачиваться, если можно просто написать i.fa-something и нажать табуцию.
    Ответ написан более трёх лет назад
    3 комментария
    3 комментария
  • Забыть нельзя использовать, иконочные шрифты?

    lagudal @lagudal
    Я для себя использую шрифты, если в проекте используется достаточное количество однотипных иконок.
    Создавать свой или использовать готовые - от ситуации.
    А если пара -тройка иконок то опять таки, в каком амплуа они задействованы, то одиночные svg или спрайты.
    Тут на работе один проект - веду не я - чел подключает полностью font-awesome ровно для 5 иконок в футере.
    Я специально проверил, с сайта font-awesome можно скачать все эти 5 иконок в svg, в общем будет около 3 кб.
    Шрифты и css, которые он тянет сейчас, в сумме составляют 440 кб...
    Ответ написан более трёх лет назад
    1 комментарий
    1 комментарий
  • Забыть нельзя использовать, иконочные шрифты?

    victory_vas
    #FFFFFF @victory_vas
    Иконочный шрифт - это не семантично. Шрифт - для текста. Плюс отсутствует доступность (accessibility).
    Что касается font awesome, так на большинстве адекватных проектов дизайнеры рисуют свои иконки, как правило, так что у меня например даже не было случая его использовать. А если уж собирать кастомные иконки в шрифт, это та же сборка - так лучше уж собрать спрайт.
    Ответ написан более трёх лет назад
    1 комментарий
    1 комментарий
  • Какой сервис позволяет проверить, как выглядит сайт на iPhone и содержит инструменты разработчика?

    profesor08
    profesor08 @profesor08
    https://app.lambdatest.com/

    Есть dev tools
    Ответ написан более трёх лет назад
    2 комментария
    2 комментария
  • Какой сервис позволяет проверить, как выглядит сайт на iPhone и содержит инструменты разработчика?

    filgaponenko
    Филипп Гапоненко @filgaponenko
    frontend developer
    browserstack
    Ответ написан более трёх лет назад
    10 комментариев
    10 комментариев
  • Как снять ограничения на кол-во символов в Bitrix?

    gromdron
    Андрей Николаев @gromdron
    Работаю с Bitrix24
    Создайте свое собственное свойство, наследуя CIBlockPropertyHTML и переопределяя соответствующий метод. Альтернативных вариантов, чтобы и работало все и проблем не было, я не вижу.
    Ответ написан более трёх лет назад
    1 комментарий
    1 комментарий
  • Как быть с базой данных в GIt?

    Xeli @Xeli
    Попробуйте такую возможность git как подмодули
    Подмодули Git
    Ответ написан более трёх лет назад
    1 комментарий
    1 комментарий
  • Как быть с базой данных в GIt?

    Camaro67 @Camaro67
    Помог? - "Отметить решением"
    Миграции БД. Если работаете с каким-то фреймворком, то они идут обычно из коробки.
    Ответ написан более трёх лет назад
    11 комментариев
    11 комментариев
  • Как быть с базой данных в GIt?

    D3lphi @D3lphi
    Хочу понять, как работать и использовать GIT, чтобы база данных, которая обновляется на продакшене, на локальной машине была тоже в актуальном состояние, с одной команды в консоли, как в случае с файлами.

    Это шутка такая или что? Вы на продакшене сервере обновляете базу данных без тестирования оной на локальных машинах? Вот прям берете и вносите изменения на пофиг?

    Вы слышали о такой вещи, как миграция базы данных? Так вот эта вещь как раз таки и предназначена для того, чтобы структура бд находилась в системе контроля версий. У вас есть файлы, в которых описана структура, разработчик, сделавший изменения в файле миграции (а следовательно, и в бд), отправляет этот файл(ы) в git, а другие разработчики получают из репозитория этот файл и обновляют локальную базу данных. В популярных php фреймворках уже присутствует эта возможность из коробки.

    Пример файла миграции фреймворка Laravel.
    Ответ написан более трёх лет назад
    1 комментарий
    1 комментарий
  • Какой есть хороший сервис для проверки адаптивности сайта на разных устройствах?

    zoozag
    zoozag @zoozag
    Opencart
    browserstack самый адекватный из тех, что я пробовал.
    В триале есть iPhone, iPad и несколько андроид девайсов, все с поддержкой DevTools.
    Для проверки верстки этого вполне достаточно обычно.
    Ответ написан более трёх лет назад
    1 комментарий
    1 комментарий
  • Какой есть хороший сервис для проверки адаптивности сайта на разных устройствах?

    SnaIP
    Andrey Perov @SnaIP
    Front-end разработчик
    https://www.browserstack.com/

    там много что есть, только стоит платить
    Ответ написан более трёх лет назад
    2 комментария
    2 комментария
  • Как сверстать список у которого маркеры в виде градиента?

    monochromer
    monochromer @monochromer
    Можно прибегнуть к хаку - сделать достаточно большой белый box-shadow:
    box-shadow: 0 0 0 9999px #fff;
    А градиент наложить на весь список. Пунктам меню задать обрезку overflow: hidden;.

    пример - https://codepen.io/monochromer/pen/VWWBgp?editors=1100
    Ответ написан более трёх лет назад
    7 комментариев
    7 комментариев
Оценили как «Нравится»
  • 1
  • 2
  • Следующие →
Самые активные сегодня
  • Drno
    • 21 ответ
    • 0 вопросов
  • CityCat4
    CityCat4
    • 9 ответов
    • 0 вопросов
  • GNUBack
    • 7 ответов
    • 0 вопросов
  • mayton2019
    • 6 ответов
    • 0 вопросов
  • vovka3003
    Владимир Шаблий
    • 6 ответов
    • 0 вопросов
  • SidVisceos
    • 5 ответов
    • 0 вопросов
  • © Habr
  • О сервисе
  • Правила
  • Обратная связь
  • Блог

Войдите на сайт

Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации