• Как сделать такой же красивый border?

    @Shadowman69
    Верстать или не верстать - вот в чем вопрос?
    Попробуйте сделать так: элементы меню (то есть li) сделайте инлайн-блочными, а бордер можно сделать друмя вариантами:
    - при ховере появляется бордер, которые спозиционирован relative и имеет top: 3px;
    - при ховере появляется бордер, через элемент ::after {width: 100%; content: ' '; display: block; background-color: your_color;
    Ответ написан
    Комментировать
  • Как оживить такой селектор?

    @Shadowman69
    Верстать или не верстать - вот в чем вопрос?
    Пропустил, это синтаксис предпроцесора для CSS, он SASS называется, посмотри на их официальном сайте. Есть еще аналоги LESS и Stylus, но SASS самый популярный, это используется для ускорения процесса верстки.
    Ответ написан
    Комментировать
  • Как в вебе считать отступы в типографике?

    @Shadowman69
    Верстать или не верстать - вот в чем вопрос?
    Лайк за "бдиректора") Второй подход более правилен, но морочится дольше. Если придерживаться первого способа, то Ваши блоки будут на 30-40 пикс. больше, чем нужно по макету, за счет неучета line-height и за счет разной отрысовки элементов в разных браузерах. Это я с точки зрения верстальщиков сужу, хотя так сложнее верстать, бо нужно считать отступы вручную. Но если есть текст в несколько строчек и важен line-height, то этот второй способ правилен, так как с этим свойством стоит считаться.
    Ответ написан
    3 комментария
  • Источники вдохновения для Front End разработчика?

    @Shadowman69
    Верстать или не верстать - вот в чем вопрос?
    Только никому не рассказывайте))))
    тыць
    еще раз тыць
    Ответ написан
    1 комментарий
  • Как правильно научиться интегрировать верстку на wordpress?

    @Shadowman69
    Верстать или не верстать - вот в чем вопрос?
    Судя по Вашему вопросу Вы не совсем понимаете о чем говорите. Фреймворков для посадки на вордпресс думаю в природе не существует, при посадке на вордпресс одним плагином не обойдешься, существует куча плагинов для ВП, каждый для своих конкретных целей, есть большие плагины (типа Advanced Custom Field, Redux), которые легко решают много задач, а есть маленькие, который решают мелкие и конкретные задачи. За основу для посадки берется статичная верстка, об выводе полей и вообще все что связано с вордпрессом читайте в кодексе Вордпресса - это Ваш самый главный помощник при изучении вордпресса, сначала в файле functions.php регистрируете Ваши post-types, custom fields, taxonomy, custom pages, widgets и только тогда это все дело появляется в админке.. Верстать в самом вордпресс не можно, это вам не редактор кода, не конструктор и не фреймворк, как я уже сказал, сначала делается статическая верстка, а потом делается натяжка - то есть Вы в свою верстку вставляете куски php-кода. а чтоб их вставлять, у Вас уже должна быть верстка, чтоб Вы видели структуру документа. иначе Вы будете путаться, ведь сложно это все дело представлять в голове, а когда оно перед глазами, то это легче и удобнее.
    Ответ написан
    4 комментария
  • Можно ли сейчас заработать на вёрстке?

    @Shadowman69
    Верстать или не верстать - вот в чем вопрос?
    По самой верстке, честно говоря маловато заказов, а конкуренция очень большая. Поэтому если есть возможность, учите CMS Wordpress. Понимаете, клиент хочет сразу готовый полнофункциональный сайт из одних рук, это слишком напряжно для него сначала искать верстальщика, а потом еще человека, который натянет верстку на ВП, а потом еще одного человека, который пофиксит недочеты двух предыдущих исполнителей. Теперь почти никто так не распыляется - хотят все и сразу. 85% заказов на верстку сразу требуют натяжку на Вордпресс. А если сама верстка и с учетом снижения цены в 2 раза, то на русских площадках Вы врядли заработаете 20 кусков.
    Ответ написан
    Комментировать
  • Все по Wordpress?

    @Shadowman69
    Верстать или не верстать - вот в чем вопрос?
    Читайте кодекс вордпресса, из хороших видеоуроков по вп пока что встречал тока этот. Остальные еще не смотрел, но думаю еще этот норм будет. Касательно пхп, то если Вы еще совсем никакой язык программирования не учили, то нужно учить, если какой нить уже более-менее знаете, то просто возьмите первую лучшую книгу по пхп (тока не из тех, что для профи), и быстренько ее пройдите, этого должно хватить. И еще если найдете уроки А. Сокирки, то советую не тратить время, чувак хорошо знает Вордпресс, но плохо обьясняет как для новичков, к тому же в части его уроков он параллельно пользуется своим фреймворком Alethemes, что новичку не к чему.
    Ответ написан
    Комментировать
  • Как верстаются подобные элементы?

    @Shadowman69
    Верстать или не верстать - вот в чем вопрос?
    Насколько я знаю, такие картинки верстаются фоном, через background.
    Ответ написан
  • При прокрутке сайта на мобильной версии, прыгает верстка(скролл)?

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

    @Shadowman69
    Верстать или не верстать - вот в чем вопрос?
    Ну судя по Вашему описанию это обычная модальная картинка, насколько я понял. Решение здесь.
    Ответ написан
    Комментировать
  • Как верстать чтобы код не был похож на кашу?

    @Shadowman69
    Верстать или не верстать - вот в чем вопрос?
    Я не гуру верстки, поначалу тоже была такая проблема, я решаю ее двумя способами:
    - каждую секцию(блок) сайта я отделяю отступом с комментарием, это делаю как в html. так и в сss, так намного легче найти где что есть. Комментарии зеленым отмечаются и потому хорошо видно где какой блок, я вообще то комментариев не жалею, и выглядит оно по-людски и читабельно, а не все в одну кучу.
    - даю осмысленные названия классов, да как сказали выше можно использовать БЭМ, лично я себе придумываю свои классы, но их логика понятная и простая, напр. service-container, service-cards, card-title, card-content, то есть слова "контейнер", "тайтл", "контент всегда повторяются в верстке, меняется только название секции.
    И еще к тому же перед началом верстки я прохожусь по макету и в начале стилей выношу классы со стандартнимы стилями заголовков, абзацев, ссылок, чтоб избежать повторения кода, в итоге цсс-кода становиться намного меньше и в нем легше разобраться. И в общем не отчаивайтесь это в принципе нормально, что Вы открываете файлы для правок и сначала сложно разобраться. потому что забывается как это версталось, у меня тоже так. я перед тем как внести правки сначала 5 минут изучаю структуру блока. так Вы сведете к минимуму съежание блоков. Ну и про отступы от левого края тоже не забывайте, это важно, их не зря придумали)
    Ответ написан
    Комментировать
  • Выбор между Java и JS?

    @Shadowman69
    Верстать или не верстать - вот в чем вопрос?
    Я бы руководствувался тем, какая область Вам в первую очередь интересна - нету универсальных ЯП, каждый язык подходит под решения конкретного круга задач. Если хотите делать сайты, то джава скрипт, если заниматься разработкой под андроид или корпоративных приложеный - то тогда джава. Это раз. Во-вторых, джава сложнее как первый язык программирования. я тоже с нее начинал, но потом переключился на другой язык. К тому же учтите, что с джавой в основном идут работать на конторы, если работать на фрилансе, то довольно длинный цикл взял заказ-сделал работу-получил деньги. С джава скриптом и сайтами порог вхождения ниже, цикл короче, но конкуренция как по мне побольше, но на фрилансе много работы по джава скрипту. Я для себя решил, что буду заниматься вебом и поэтому к джаве не думаю возвращаться)
    Ответ написан
  • Как сделать фон как во вложении?

    @Shadowman69
    Верстать или не верстать - вот в чем вопрос?
    Если Вы верстаете с макета, то найдите все эти картинки в слоях в фотошопе, и обьедините их в один слой.
    Ответ написан
    Комментировать
  • Какую высоту задать, если блок по высоте не фиксированный?

    @Shadowman69
    Верстать или не верстать - вот в чем вопрос?
    Может сделайте так, чтоб этот розовый фон заполнял весь блок (если вдруг этот розовый фон Вы поставили картинкой, то лучше поставьте цветом, или задайте свойство background: cover), если блоку с фоном ставили фиксированную высоту, то уберите, пусть будет height: auto, а на адаптиве просто уберите нижний марджин в последнего белого прямоугольника и фон будет сразу обрезаться после него.
    Ответ написан
    Комментировать
  • Почему не работает Live Preview в Brackets при работе с HTML-файлами?

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

    @Shadowman69
    Верстать или не верстать - вот в чем вопрос?
    Я не разбираюсь в опенкарте. но писал самописный сайт на питоне (+ джанго), и причина может быть в том, что Вы может наследуетесь с главной страницы и не включили этот скрипт в наследуемый блок.
    Ответ написан
  • Как сверстать такие линии?

    @Shadowman69
    Верстать или не верстать - вот в чем вопрос?
    Я бы верстал просто через ::before и ::after, вместо свойства контент вставьте символьный код этих черточек и стрелочек. Коды и как их вставлять посмотрите здесь.
    Ответ написан
    Комментировать
  • Как сделать такой же текстовый слайдер или как организовать правильно?

    @Shadowman69
    Верстать или не верстать - вот в чем вопрос?
    Думаю плагин Slick Slider вполне справится с такой задачей, он прост. Смотрите здесь)))
    Структура будет примерно следующей:
    <div class="container">
                <div class="slider">
                    <div class="slider_item">
                        Здесь Ваша разметка
                    </div>
                    <div class="slider_item">
                        Здесь Ваша разметка
                    </div>
                    <div class="slider_item">
                        Здесь Ваша разметка
                    </div>
                </div>
            </div>

    Джава скрипт будет выглядить примерно так:
    $(document).ready(function() {
        $('.slider').slick({
            slidesToShow: 3,
            slidesToScroll: 1,
            infinite: true,
            dots: true
        });
    });

    Учтите, что этот плагин работает на основе jQuery, так что сначала подключите его. кружочки-переключатели можно кастомизировать.
    Ответ написан
  • Как стоит подключать файлы?

    @Shadowman69
    Верстать или не верстать - вот в чем вопрос?
    Лучше в отдельной папке, многие верстальщики в конторах делают именно так, потому что пользуются Sass и Gulp. и они имеют привычку создавать для каждой секции на лендинге свой файл со стилями. Даже если Вы так не делаете, то учтите, что потом будет отдельный файл с медиа-запросами, а если сайт многостраничный и страницы сильно отличаются, то для каждой страницы тоже отдельный файл со стилями. Если Вы будете все писать в одном файле, то скоро Вы сами там запутаетесь. а если возвратитесь к нему через некоторое время то тем более, Вы дооолго будете искать что и где подправить. Так что лучше все стили складывать в отдельную папку.))) Для скриптов тоже отдельная папка, как и для картинок, и для шрифтов тоже. Если все будет рядом с index.html, то будет винегрет)))
    Ответ написан
    Комментировать
  • С помощью какого свойства вставить картинку?

    @Shadowman69
    Верстать или не верстать - вот в чем вопрос?
    Да, лучше через background, сначала картинку, потом позиционирование по оси X и Y, потом задаете цвет, будет выглядить примерно так:
    background: url('images/image_name.png') no-repeat 70%  50%, 
              #f4f4f4;

    Когда будете делать адаптив, и картинка будет заходить под текст, что возможно ухудшит его читабельность, то просто переписываете свойство background без картинки
    background: #f4f4f4;
    Через кому Вы можете делать столько бекграундов, сколько пожелаете, каждый из своим позиционированием и значением для рэпита, просто помните, цвет указываете самым последним)))
    Ответ написан