Задать вопрос
  • С чего начать изучать NodeJS?

    Zoominger
    @Zoominger
    System Integrator
    С замечательной книги "Исскуство гугления для дошколят" авторства Евгения Борисовича Ланского.
    Читаете Е. Б. Ланского и сразу всё поймёте.
    Ответ написан
    2 комментария
  • Как сделать так чтобы одна буква занимала две строки?

    delphinpro
    @delphinpro Куратор тега CSS
    frontend developer
    Задачка нетривиальная.
    В любом случае будет зависеть от параметров шрифта, даже если заморочиться с цифрами.
    Как пример (без заморочек):
    Ответ написан
    6 комментариев
  • Какие области в веб - разработке осваивать в перспективе?

    dom1n1k
    @dom1n1k
    В общем у меня уйдёт на это 2 - 2.5 месяца. Только на основы!

    Ну обосраться. Два грёбаных месяца!!!1
    До чего докатилась индустрия, что 2 месяца воспринимаются как огромный срок. И всё чаще натыкаешься на статьи, где пишут о годовалых якобы мидлах и трехлетних якобы сеньорах.
    Лично я считаю, нужно потратить от 2-3 лет, чтобы начать более-менее прилично и системно ориентироваться в теме. В течении этих лет неоднократно будут возникать моменты, когда тебе кажется, что ты уже достаточно крут - но это только кажется.
    Нормальный специалист средней руки формируется около 3 лет. Не гуру, не сенсей, не сеньор - просто крепкий линейный боец. Это много где так, не обязательно в JS. И это нормально.
    Хочешь за несколько недель - иди установщиком пластиковых окон, как раз строительный сезон начался.
    Ответ написан
    11 комментариев
  • Какой выбрать монитор для верстальщика?

    Francyz
    @Francyz
    Photographer & SysAdmin
    Присмотрись в сторону 144гц, взял себе acer xf240h, матрица конечно tn+film, но, посидят неделю на такой герцовке я уже не смогу сидеть за обычным монитором )
    Ага щас бы брать 144 герца под верстку и статичные предметы. Спасибо поржал.

    Если ли смысл в 4k?
    Почему нет? Будет монитор с запасом. При верстке вы просто будете ставить в приложении нужно вам разрешение: 720, 1080, 2к, 4к. Будете наблюдать как будет выглядеть верстка на всех вариантах. Размер не имеет значение, это исключительно удобство. В эпоху 4к мониторов я бы уже брал их, какой смысл брать вещи, которые скоро выйдут из обихода, а монитор берется не на 1 год.
    Так что я бы выбрал 4к, от этого не убудет.

    Не раздражают ли верстальщиков изогнутые формы?
    Сразу нет, очень мешает, как дизайнерам, так и верстальщикам. Вы его берете не в игрушки играть с полным погружения. А пристыковывать пиксель к пикселю на кривом мониторе - это ужас.

    Какое отношение к мониторам типа 21:9 (разрешение 3440x1440).
    Кучу места по бокам для разхных меню и инструментов, чтобы уместить все на одном мониторе. Мне не зашло.
    Брать только IPS, никаких TN или TN+film.
    Ответ написан
    Комментировать
  • Стоит ли учить Grid и Flex css?

    Vlatqa
    @Vlatqa Куратор тега CSS
    Нет
    Вся эта мода приходит и уходит
    Учите таблицы, они будут жить вечно
    Ответ написан
    2 комментария
  • Реальная заработная плата frontend/backend разработчика в Москве?

    Maksclub
    @Maksclub Куратор тега Карьера в IT
    maksfedorov.ru
    вполне оправданная, сотку тут все дают, и больше дают (и есть, где сильно больше) и не тяжело такую работу найти

    но конторы разные:
    - требуют пахать за 10
    - требуют многое, а пилить Г в итоге дают
    - готовы и давать деньги и условия и делиться знаниями
    - готовы обещать, но не давать

    рынок огромный, толковых разрабов тяжело найти... хорошие компании или проект -- аналогично тяжело,

    ну и никто с джунами возиться не хочет :)
    Ответ написан
    15 комментариев
  • Как решить проблему с дыркой?

    @Kostik_1993
    Web Developer
    Избежать проблем с дырками можно двумя способами.
    Первый это не подставлять свою.
    Второй бросить дырку

    А вот в случаях с CSS и HTML я бы даже рекомендовал вам продемонстрировать свою ДЫРКУ нам)))
    Ответ написан
    4 комментария
  • Как сделать дырки (технологические отверстия) вот таким образом?

    0xD34F
    @0xD34F
    например

    UPD. Используем элемент path, есть внешний контур, покрывающий весь svg, и множество внутренних - для вырезания дырок. Чтобы дырки вырезались, их надо рисовать в направлении, обратном тому, в котором рисовалась основная фигура. То есть, контур рисуется против часовой стрелки:

    rectPath = `M0 0 v${vert} h${horz} v${-vert} h${-horz}`

    От (0, 0) сначала движемся вниз (v - вертикальное смещение), затем вправо (h - горизонтальное), далее вверх, и наконец обратно горизонтально (вернулись в (0, 0)).

    А дырки по часовой стрелке:

    cellPath = ([ x, y ]) => `M${offset(x)} ${offset(y)} h${side} v${side} h${-side} v${-side}`

    Сначала смещаемся в горизонтальном направлении вправо, затем вниз, потом обратно влево, и обратно вверх.
    Ответ написан
    6 комментариев
  • YouTube embedded iframe блокируется AdBlock-ом. Как-то можно исправить?

    Vlad_IT
    @Vlad_IT Куратор тега JavaScript
    Front-end разработчик
    Никак. Я как раз и ставлю adblock,ublock, чтобы блочить такие штуки, и если они все таки проскальзывают, я просто раздраженно закрываю вкладку. Не пытайтесь людям подсунуть то, что они не любят.
    Ответ написан
    3 комментария
  • Как происходит доработка верстки на фрилансе?

    Stalker_RED
    @Stalker_RED
    Расскажите как вообще происходит предоставление исполнителю доступа к коду в готовом проекте, который уже на хостинге.


    Возможно тебе дадут готовый докер или вагрант где уже все окружение настроено. И подробное описание-инструкцию, как у заказчика построен рабочий процесс.

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

    Или, если проект еще не запущен, тебе дают архивчик с трудами твоего предшественника, и после ты возвращаешь обновленную версию.

    Или тебе дают ФТП-доступ к уже запущенному проекту. Ты пытаешься у себя поднять копию, но оно не работает, потому что там же уже серверный код, а не просто верстка, и оно хочет БД, и еще 100500 зависимостей, которые ты не умеешь разруливать, потому что ты верстальщик же, а не админ и совсем не программист. Тогда ты призываешь какого-то шамана, который научит тебя великому колдунству - внедрить проверку прям на живом сайте, типа "если есть такая-то кука - подключить такую-то css-ку". И ты фигачишь прям по живому, непрерывно подергиваясь, и проклиная всю индустрию.
    При этом тешишь себя надеждой, что ты ввязался в этот кошмар в последний раз, и в следующий раз заказы без гита идут лесом, ну в крайнем случае пусть будет архив, хотя сколько-сколько вы предлагаете за добавление двух пунктов в меню?
    Ответ написан
    Комментировать
  • Как подсвечивать активный пункт в верстке при сборке с gulp?

    src/_header.html
    <nav>
      <ul>
        <li class="@@activeclassHome">Home</li>
        <li class="@@activeclassAbout">About</li>
      </ul>
    </nav>
    
    src/index.html
    @@include('_header.html', {activeclassHome": "active", "activeclassAbout": ""})
    
    src/about.html
    @@include('_header.html', {activeclassHome": "", "activeclassAbout": "active"})
    Ответ написан
    Комментировать
  • Где прочесть об актуальных на 2018 год правилах верстки e-mail рассылок?

    Taraflex
    @Taraflex
    Ищу работу. Контакты в профиле.
    Ответ написан
    Комментировать
  • Как Sublime Text 3 проскролить файл вверх или вниз, комбинацией клавиш?

    @dimentimor
    ctrl + home
    ctrl + end
    Ответ написан
    Комментировать
  • Откуда взять мотивацию?

    Sanes
    @Sanes
    Поработай месяц на вагонах.
    Ответ написан
    5 комментариев
  • Как сверстать непростую рамку?

    webinar
    @webinar
    Учим yii: https://youtu.be/-WRMlGHLgRg
    простой картинкой.
    И убейте человека который это нарисовал. Как он представляет себе рамку, если вторая строка будет по ширине как первая? Что будет если строк будет 18?
    Ответ написан
    1 комментарий
  • БЭМ за 2 дня реально?

    Realetive
    @Realetive
    MODX Ambassador России, самозванный БЭМ-евангелист
    Нет, нереально.
    На bem.info забанили?
    P. S. За 2 дня не освоить. Сделаете херню, которую будете выдавать за «БЭМ», смущая сведующих и внося смятение в таких же страждующих.
    Ответ написан
    Комментировать
  • Непонятный баг при использовании background-attachment: fixed. Есть ли решение?

    rsvetlitskiy
    @rsvetlitskiy Автор вопроса
    UX/UI designer, researcher and almost a developer.
    Я разобрался с этим, как оказалось это достаточно известный в узких кругах баг-особенность работы семейства webkit браузеров с сочетанием свойств -webkit-transform и background-attachment в значении fixed. Решается добавлением
    -webkit-transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
    к проблемным блокам.
    Ответ написан
    1 комментарий
  • Хороший пример структурированного CSS файла?

    delphinpro
    @delphinpro Куратор тега CSS
    frontend developer
    Вот реальный файл
    /*!
     * Main styles
     *
     * @author     delphinpro <delphinpro@gmail.com>
     * @copyright  copyright © 2018 delphinpro
     * @license    licensed under the MIT license
     */
    //==
    //== Config & mixins
    //== ======================================= ==//
    $DEV_MODE: true;
    @import "vrhythm.cfg.scss";
    @import "grid.cfg.scss";
    @import "../../node_modules/bs-grid-system/source/scss/bs-grid";
    @import "../../node_modules/vrhythm/source/mixins/rhythm";
    @import "main.cfg.scss";
    @import "mixins.scss";
    @import "../../node_modules/tiny-slider/src/tiny-slider";
    //==
    //== Global styles
    //== ======================================= ==//
    @import "webfonts.scss";
    @import "vendor/normalize";
    @import "base/global.scss";
    @import "base/grid-system.scss";
    @import "base/page.scss";
    @import "base/site.scss";
    @import "base/table.scss";
    @import "base/input.scss";
    @import "base/uploadbox.scss";
    @import "base/buttons.scss";
    @import "base/checkbox.scss";
    @import "base/radio.scss";
    @import "base/radio-button.scss";
    @import "base/radio-panel.scss";
    @import "base/controls-group.scss";
    @import "base/form-field.scss";
    @import "base/auto-height.scss";
    @import "base/transitions.scss";
    //==
    //== Blocks
    //== ======================================= ==//
    @import "blocks/availability.scss";
    @import "blocks/availability-details.scss";
    @import "blocks/back-link.scss";
    @import "blocks/benefit-block.scss";
    @import "blocks/block-heading.scss";
    @import "blocks/breadcrumb.scss";
    @import "blocks/btn-close.scss";
    @import "blocks/callback-link.scss";
    @import "blocks/checked-list.scss";
    @import "blocks/ci.scss";
    @import "blocks/clear-link.scss";
    @import "blocks/document-list.scss";
    @import "blocks/download-link.scss";
    @import "blocks/email-link.scss";
    @import "blocks/entry-item.scss";
    @import "blocks/expert-consult.scss";
    @import "blocks/goods-attributes.scss";
    @import "blocks/heading.scss";
    @import "blocks/icons.scss";
    @import "blocks/info-text.scss";
    @import "blocks/logo.scss";
    @import "blocks/paginate.scss";
    @import "blocks/phone-link.scss";
    @import "blocks/phone-with-icon.scss";
    @import "blocks/phone.scss";
    @import "blocks/popular-links.scss";
    @import "blocks/price.scss";
    @import "blocks/print-link.scss";
    @import "blocks/section.scss";
    @import "blocks/service-description.scss";
    @import "blocks/services.scss";
    @import "blocks/share-block.scss";
    @import "blocks/show-all.scss";
    @import "blocks/smenu-box.scss";
    @import "blocks/smenu.scss";
    @import "blocks/tags.scss";
    @import "blocks/unordered-list.scss";
    @import "blocks/worktime.scss";
    @import "blocks/zoom.scss";
    //==
    //== Blocks
    //== ======================================= ==//
    @import "blocks/about-us-section.scss";
    @import "blocks/article-section.scss";
    @import "blocks/benefits.scss";
    @import "blocks/carousel.scss";
    @import "blocks/cart.scss";
    @import "blocks/delivery-map.scss";
    @import "blocks/delivery-partners.scss";
    @import "blocks/delivery.scss";
    @import "blocks/footer.scss";
    @import "blocks/header.scss";
    @import "blocks/help-me.scss";
    @import "blocks/load-more.scss";
    @import "blocks/nav-catalog.scss";
    @import "blocks/nav.scss";
    @import "blocks/navbar.scss";
    @import "blocks/news-section.scss";
    @import "blocks/panel.scss";
    @import "blocks/params-panel.scss";
    @import "blocks/payment-block.scss";
    @import "blocks/search.scss";
    @import "blocks/catalog-table.scss";
    @import "blocks/catalog-grid.scss";
    @import "blocks/time-range.scss";
    //==
    //== Components
    //== ======================================= ==//
    @import "components/spin.scss";
    @import "components/selector.scss";
    @import "components/tabs.scss";
    @import "components/hamburger.scss";
    @import "components/fixed-bar.scss";
    @import "components/step-indicator.scss";
    @import "components/complete-screen.scss";
    @import "components/ordering.scss";
    @import "components/order-complete.scss";
    @import "components/summary.scss";
    @import "components/goods.scss";
    @import "components/basket-contains.scss";
    @import "components/basket-goods.scss";
    @import "components/basket.scss";
    @import "components/icon-complete.scss";
    @import "components/big-order-form.scss";
    @import "components/feedback-form.scss";
    @import "components/modal.scss";
    @import "components/vue-scrollbar.scss";
    @import "components/mobile-menu.scss";
    @import "components/gallery.scss";
    //==
    //== Page specific classes
    //== ======================================= ==//
    @import "pages/home.scss";
    @import "pages/articles.scss";
    @import "pages/catalog.scss";
    @import "pages/product.scss";
    @import "pages/terms.scss";
    @import "pages/services.scss";
    @import "pages/news.scss";
    @import "pages/feedback.scss";
    @import "pages/page404.scss";
    //==
    //== Helpers & other classes
    //== ======================================= ==//
    @import "base/helpers.scss";
    @import "base/printer.scss";
    Ответ написан
    5 комментариев