• Актуально ли изучать nodejs для бекенда или лучше оставаться на php?

    FanatPHP
    @FanatPHP
    Чебуратор тега РНР
    Изучать надо программирование.
    Все эти вопросы, "Какую машину лучше учиться водить - Рено или Фольксваген?" - это детский сад, честное слово.
    Если для вас потолок - это несколько десятков встроенных функций одного языка, то всё равно что учить - ковыряться помаленьку можно на любом.
    Программист же мыслит не инструкциями, а алгоритмами, паттернами, потоками данных, структурами объектов, шинами сообщений. На каком языке это все реализуется - не принципиально.
    Ответ написан
    2 комментария
  • Как повысить скорость разработки?

    tema_sun
    @tema_sun
    Я каждые 45 минут (ну может час) перерыв делаю.
    Ответ написан
    Комментировать
  • Как повысить скорость разработки?

    Биржа, аудиокниги, программирование...а не боитесь что мозг лопнет? Зачем вам вот это всё?
    Мозг ведь внутри как мышца работает, иногда полезно пойти пару пива с другом в кабаке выпить и какую-нибудь фигню обсудить или погулять с любимой музыкой в наушниках.
    Совет - не надо читать книги с названиями "как делать то", "как делать сё", вреда с них больше пользы. Выявляйте на практике что вас перезаряжает и вдохновляет.
    Ответ написан
    2 комментария
  • Как такое реализовать?

    politon
    @politon
    HTML5,CSS3,JS,PHP,SQL,API,canvas,animation...
    Ответ написан
    Комментировать
  • Хороший пример структурированного 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 комментариев
  • Как сделать срезанный угол css?

    BroFox_86
    @BroFox_86
    Я сделал косой угол через CSS-треугольник, а border через градиент, вычислив гипотенузу: https://brofox86.github.io/cards-prototype/
    Ответ написан
    Комментировать
  • На какую CMS сделать упор, MODX, Wordpress, или...?

    @McBernar
    Вы выбираете не самый лучший путь. Сверстать макет и натянуть на CMS — это самая низкооплачиваемая работа в вебдеве.

    Если отвечать на ваш вопрос — Вордпресс, конечно. Очень популярная система, невероятное количество плагинов, шаблонов и инструментов. Добавьте немного знаний PHP, выучите несколько методов jQuery, разберитесь в устройстве Вордпресса — и вот вы уже готовы работать на фрилансе, делать сайты за 2 тысячи рублей.

    Если же вы хотите действительно стать фронтендером, тогда займитесь изучением JS и фреймворков — Реакт, Вью, Ангуляр.
    Ответ написан
    7 комментариев
  • Какая из посадок верстки на Wordpress более актуальная и правильная?

    @CODALSD
    А я без никаких стартовых шаблонов все с нуля делаю, по крайней мере так я точно знаю что добавлял а чего нет и все работает так как надо
    Ответ написан
    2 комментария
  • Webpack SASS Autoprefixer?

    @ITZver
    Я делал как-то так.
    Настройка Autoprefixer под Webpack
    Ответ написан
    Комментировать
  • Где искать верстальшиков, если hh и мой круг не дали результата?

    sim3x
    @sim3x
    Смена ресурса для поиска не изменит ничего
    Меняйте тексты
    Поднимайте ставки
    Ответ написан
    Комментировать
  • Как адаптивно и кросбраузерно прижать футер к низу экрана?

    mr_dev1l
    @mr_dev1l
    Технический верстальщик
    Почему отпадает flex? Вот вам совместимость. так что flex сейчас самый правильный и кроссбраузерный вариант
    Ответ написан
    2 комментария
  • Возможен ли план самообучения WEB разработке?

    @programrails
    А я думаю, что настоящее развитие может быть только по плану. Однако, ваша самая главная задача сейчас - это хорошо учиться в школе. Выучите веб, но ценой завала школы - глупость неимоверная, преступная. Не надо так спешить, детство даётся один раз в жизни. Не вебом единым жив человек. Не следует думать в отношении некоторых школьных предметов, что "это мне не понадобится". Понадобится всё. Начать с веб можно и с 18 лет - вполне достаточно. Если уж так неймётся - то забросьте пока до 18 лет к чёрту всю эту веб-разработку и основной упор сделайте на изучение английского языка. Станьте асом в английском языке и тогда ваши (российские) конкуренты (со временем) останутся далеко позади - потому что подавляющее большинство российских разработчиков позорно плохо (до смешного плохо) знают английский. Хороший английский - это секретный ключ к успеху в программировании. Не имея навыка смотреть американский фильм с оригинальной дорожкой и понимать (на слух) хотя бы половину - хорошим программистом не стать. Во-первых, бОльшая часть веб-документации - только на английском. Во-вторых - никогда не читайте англоязычную документацию в русском переводе (книги, статьи) - ничего не поймёте правильно - только в оригинале. Потому что перевести такое невозможно - можно только заново написать на другом языке. В-третьих - будете в Турции/Египте летом - сможете больше пообщаться при необходимости.

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

    Когда вам исполнится 17-18 - вообще забудьте про веб и все силы бросьте на поступление в ВУЗ. И лишь после поступления можно начинать с вебом. Да, и забудьте про компьютерные игры. Прямо начиная с сегодня. Совсем. Навсегда.

    Все предыдущие советы даны без учета возраста задающего вопрос. Эти ответы рассчитаны на человека от 18 лет возрастом. Мой же ответ - именно для 14-летнего.
    Ответ написан
    26 комментариев
  • Хорошие каналы по вёрстке и фронтэнду?

    snap44
    @snap44
    Фыр!
    По основам js лучшее, что я видел на русском
    https://www.youtube.com/channel/UCP-xJwnvKCGyS-nby...
    Ответ написан
    Комментировать
  • Заработок на вёрстке?

    @myskypesla
    за 1.5 месяца вы изучили даже html и css процентов на 30, впереди ещё много... котсыли, препроцессоры, анимации, сборщики, подбор сторонних библиотек и т.д. это что касается вёрстки. Одна нормальная настройка проекта у вас для понимая месяц займёт
    Ответ написан
  • Как сделать англоязычную версию сайта?

    VasyaPertrov
    @VasyaPertrov
    Изготовление и безопастность сайтов. WP и др.
    https://ru.wordpress.org/plugins/polylang/
    https://ru.wordpress.org/plugins/qtranslate-x/
    https://ru.wordpress.org/plugins/wpglobus/

    если IP не РОССИЯ то версия сайта на английском.

    Думаешь в др странах не знают русского?
    Язык нужно определять не по IP, а по языку браузера. Плагины это делают.
    Ответ написан
    Комментировать
  • Как скрывать меню в иконку при добавлении новых пунктов меню?

    ExcluZZ
    @ExcluZZ
    adm metrsaratova.ru
    На этот вопрос возможно никто не даст ответа, потому что это просто надо сесть и написать за вас весь скрипт. Т.к. судя по самому вопросу вас детали не интересуют, вам нужно готовое решение какое-то.
    1) если нужно готовое решение - надо гуглить
    2) если вы действительно хотите написать скрипт действуете примерно так:
    - узнаем ширину родительского контейнера меню
    - узнаем ширину каждого пункта
    - потом начинаем перебирать пункты и плюсовать, не забываем что под ваш "бургер", тоже надо место
    - после определенного пункта всем остальным ставим display:none и вешаем "бургер"
    - на бургер вешаем событие клика, на событие клика функцию которая будет сворачивать разворачивать ваши пункты
    на все про все займет полчаса отсилы(вместе с ковырянием в доках) если вы более менее соображаете в JS/jQuery

    но если вы сами не хотите писать, в интернете вариантов миллион, и тостер вообще тогда вам не нужен
    Ответ написан
    2 комментария
  • Wordpress зачем нужны страницы медиафйлов, можно ли их отключить?

    llgruff
    @llgruff
    Scala
    1. Такова структура CMS.
    Мне это было полезно на проектах для дизайнеров и фотографов.
    2. Можно отключить.
    2.1. Либо просто закрыть от индексации поисковиками через meta robots noindex в head.
    <meta name="robots" content="noindex, nofollow" />
    2.2. Либо через 301 редирект на главную полностью убрать эти страницы:
    2.2.1. создайте в папке темы пустой файл attachment.php рядом с index.php
    2.2.2. содержимое файла attachment.php:
    <?php
    /**
     * @Redirect attachment to your homepage
     * @package WordPress
     */
    wp_redirect(home_url());
    exit;
    ?>
    Ответ написан
    4 комментария
  • Что изучать верстальщику и в каком порядке?

    webirus
    @webirus
    Тыжверстальщик! Наверстай мне упущенное...
    Пишу по порядку, как реально нужно.

    Поиск по Тостеру, так как схожие вопросы задаются минимум 2-3 раза в неделю.

    адаптива не знаю, он у нас и не требуется

    Печально уже за такую компанию, которая сейчас пренебрегает адаптивной версткой.
    Хотя, быть может (моя последняя надежда) у вас есть мобильная версия сайта.

    про бэм и препроцессоры что-то где-то читал, но тоже не знаю

    Да не используйте, и не учите. Просто теряете время и ресурсы на написание код (или говнокода, не знаю).
    Просто без препроцессоров всё делается долго и нудно, и тяжело структурировать, копаясь в одном файле.
    А так, можете не учить, если хочется заморачиваться %)

    js так же, на уровне скопировал-вставил

    Выскажу свое личное мнение.
    Верстальщик без JS, это не верстальщик, это контент-менеджер со знанием HTML.
    Любой сайт от лендинга до портала требует JS, правда часто делают хрень, напичканную плагинами, даже если требуется 2-3 строки кода. Не нужно подключать плагины там, где оно не нужно и обратная сторона вопроса, не нужно писать свой код там, где можно использовать готовый плагин (не изобретать велосипед).
    Но если есть время, желание и умение, можно писать и свои плагины, для тренировки.

    Верстаем display:table/table-cell

    Тут буду краток. $^*(&%#(*$%($(%&*(*$#&*%($#%)($)^_*()#&@%$ - вырезано цензурой.

    не в одну компанию с такими навыками меня явно не возьмут

    Что мешает заниматься самообразованием?
    Благо живем в 21 веке, в интернете есть любые учебники, тесты, курсы, да чего только нет.
    На крайний случай, можно напросить в подмастерья к какому-нибудь верстальщику (знаю, часто требуются).
    Да, работать придется в основном "за еду", но будет опытный наставник, который скажет - так норм, а так не надо.

    надо изучать с бустрапа сразу

    Не зная принципов адаптивной верстки, использовать Бутстрап не получится.
    Так что в ьлюбом случае, понимание адаптивной верстки должно быть, при том "чистое", чтобы можно было разобраться не только в Бутстрапе. Фреймворков для адаптивной верстки еще очень и очень много.

    советы от товарищей по цеху, как развивались они и откуда брали инфу

    90% опыта приходит вместе с практикой.
    Можно прочитать 100 учебников и не понять, что это за свойство, а можно один раз применить и сразу понять.
    Нужно просто много и усердно практиковаться. Качать любые шаблоны PSD, верстать, верстать, верстать.
    Сначала простые, трехколоночные сайты. Потом посложнее и закончить каким-нибудь паралаксом.
    Но повторюсь, для обучения минимум плагинов.

    есть ли смысл работать в маленьком городе

    Не знаю, что за город у вас. Скажу про свой. Население около 900тыс.
    В городе порядка 5 топовых студий по созданию сайтов, не считая 2-3 десятков мелких контор.
    Также есть топовые IT компании, но про них говорить не буду, с таким багажом тебя туда пока не возьмут.
    Так что в любом городе есть смысл работать.
    Да и фриланс, удаленную работу никто не отменял.

    вопрос только Москва или оставаться в городе

    Что в Москве, медом намазано? Или думаешь, так вакансий больше?
    Нифига не больше, потому как и желающих поработать там не меньше чем вакансий.

    В общем, резюмируя всё вышесказанное - учись, развивайся.

    Удачи.

    ЗЫ: Недавно на Хабре опубликовали ссылку.
    webmasters.teamdev.com
    Чесслово, проникся. Отличный мануал.
    Ответ написан
    17 комментариев
  • Резонно ли использовать display:flex, display:grid? В чем реальное отличие gird от flex?

    bootd
    @bootd Куратор тега CSS
    Гугли и ты откроешь врата знаний!
    Если вы не видите отличий, значит вы не знаете, что такое flexbox и grid'ы. Уж простите. Разница в построении разметки, ну просто колоссальная.

    При помощи гридов, базовую разметку всей страницы можно построить буквально парой строк css. Flexbox вам такого не даст. Как я вижу, то flexbox призван решить проблемы построения разметки через float'ы + добавить фишек сверху.

    grid'ы призваны решить проблему и того и другого + добавить фишек сверху. Но гриды это не замена flexbox. Их можно и нужно использовать вместе.

    Пример такой: есть всем известная масонри сетка, щас, её вручную, при помощи flexbox сделать нельзя, а вот при помощи гридов раз плюнуть. Чуете разницу?

    В итоге, flexbox можно уже использовать. Я юзаю уже полгода, написал себе сетку, которая ну просто чудесная и удобная. Гриды я бы не стал юзать еще около года, полтора. Но изучать можно уже сейчас.
    Ответ написан
    6 комментариев