• Стоит ли браться за bootstrap, если:?

    Hando
    @Hando
    Верстак
    А что там учить? Это просто набор инструментов. Нужна карусель прицепил карусель, нужны табы, прикрутил табы. Я сомневаюсь, что вы каждый раз для этого пишете сами свои решения. Все равно либо используете уже выбранные ранее, для других проектов плагины, либо ищете новые, подходящие. Тоже самое касается и адаптива. Ничего нового, если вы знаете html вы там не найдете. Это просто набор плагинов и стилей.
    Ответ написан
    Комментировать
  • Как расположить элемент с помощью стилей не изменяя html структуры?

    Hando
    @Hando
    Верстак
    Дайте ссылку на страницу. Сейчас очень непонятно, не хочется въезжать во все это дело в таком виде. В качестве гипотезы: попробуйте цену сделать блоком и позиционировать за счет float.
    Ответ написан
  • Как сделать такой логотип?

    Hando
    @Hando
    Верстак
    А если перевести в svg? Есть же конвертеры даже онлайн, которые из png сделают svg. А в svg, в текстовом редакторе, менять цвета по надобности.
    Ответ написан
    Комментировать
  • Верстка в первый раз. Ну как?

    Hando
    @Hando
    Верстак
    1. <meta="utf-8"> - не правильный тег. Правильно: <meta charset="utf-8">
    2. Далее неплохо было бы указать <meta name="description" content=""> Так как он учитывается поисковиком.
    3. Ссылкам и изображениям необходимо прописывать title и alt. Почитайте про их употребление.
    4. Старайтесь избегать смешивания чисто английских названий классов и русских транскрипций навроде <ul class="categoriimenu">. Стремитесь к единообразию структуры.
    5. Используйте семантические теги html5 - header, footer, section, nav и так далее.
    6. В целом для первого раза - неплохо. Удачи!
    Ответ написан
    1 комментарий
  • Правильно ли везде использовать clearfix?

    Hando
    @Hando
    Верстак
    Тоже предпочитаю overflow:hidden с height:auto
    Ответ написан
    Комментировать
  • Как очистить модальное окно Bootstrap?

    Hando
    @Hando Автор вопроса
    Верстак
    Уже решил сам. Решение кривое, но в условиях жесткого дедлайна выбирать не приходится, к тому же это окно временное, приуроченное к событию и через пару дней мне его снимать.

    Для тех, кто как и я столкнется с этой проблемой, вот решение:

    $('#myModal').on('hidden.bs.modal', function () {
        $('#myModal .modal-body').html('');
    });

    Это мы очищаем окно. Но в таком случае, при повторном открытии нас ждет пустота. А так же при открытии окна, оно дергается из за полосы прокрутки. Решаем это таким способом:
    $(".modal").on("show.bs.modal", function(){
        $('#myModal .modal-body').html('<iframe><i>Фрейм с вашим видео из youtubе</i></iframe');
        var $bodyWidth = $("body").width();
        $("body").css({'overflow-y': "hidden"}).css({'padding-right': ($("body").width()-$bodyWidth)});
    });
    
    $(".modal").on("hidden.bs.modal", function(){
        $("body").css({'padding-right': "0", 'overflow-y': "auto"});
    });
    Ответ написан
    2 комментария
  • Как сделать цвет текста в input отличный от placeholdera?

    Hando
    @Hando Автор вопроса
    Верстак
    Я так и делал изначально, но у меня почему то изначально при загрузке placeholder = цвету текста. Потом при фокусе на поле, цвет placeholdera становится таким как его указали, ну а текст опять же того цвета который ему был указан и какого цвета изначально placeholder. Возможно тому виной то, что у меня стоит бутстрап.
    Ответ написан
  • Что можно писать на блокноте верстальщику?

    Hando
    @Hando
    Верстак
    Верстальщику не нужен, ни блокнот, ни калькулятор. Калькулятор как и блокнот есть в самом PC, может еще счеты и бубен рядом положить для солидности? :) Выполнять арифметические действия можно даже в консоли. К примеру $ echo ((10+(270/30))) А идеи... Я не знаю, какие могут быть идеи по верстке. Верстай да верстай. Фрон-енд возможно и требует записей, но верстка это минимум умственных усилий и максимум рутинных однообразных задач :) Я сам верстальщик, так что знаю о чем говорю :)
    Ответ написан
    Комментировать
  • Как лучше писать сайт?

    Hando
    @Hando
    Верстак
    Используйте bootstrap. Это фреймворк, который избавит вас от проблем адаптивной верстки
    Ответ написан
    Комментировать
  • Сколько в среднем стоит раскрутить узкоспециализированный сайт?

    Hando
    @Hando
    Верстак
    Если у вас узкоспециализированный сайт, продвигайте низкочастотные запросы по вашей тематике. Это будет стоить только немного времени на внутреннюю оптимизацию ресурса.
    Ответ написан
    Комментировать
  • Как подобрать сервер для сайта?

    Hando
    @Hando
    Верстак
    под такие запросы подойдет имхо любой современный хостинг
    Ответ написан
    Комментировать
  • Консоль какого браузера лучше всего подходит для front-end разработки?

    Hando
    @Hando
    Верстак
    Работать придется все равно во всех, если вас волнует такое понятие как кроссбраузерность. А так, на мой взгляд Хром как бы стандарт де факто :)
    Ответ написан
    1 комментарий
  • Каков план личностного развития JavaScript программиста с нуля?

    Hando
    @Hando
    Верстак
    Хорошим учебным пособием для тех, кто еще пока не настолько хорошо знает английский язык, чтобы читать на нем техническую литературу, будет вот этот ресурс - learn.javascript.ru Странно, что он до сих пор здесь не был озвучен, возможно только лишь потому, что это первое что дает поисковая выдача :)
    Ответ написан
    Комментировать
  • Сколько времени и денег стоит переверстать шаблон в адаптивный для мобильных устройств?

    Hando
    @Hando
    Верстак
    Цена адекватная. Для компании где работают профессионалы. На фрилансе можно найти конечно студента который будет работать за еду. Правда он может сделать все через одно место или заболеть внезапно посреди работы или вообще забить, поняв что он не умеет это делать :) По поводу не платить вперед, тут говорили выше. Обычно компания берет предоплату от 20%, так что платить вперед придется все равно.
    Ответ написан
    Комментировать
  • Как оптимизировать верстку?

    Hando
    @Hando
    Верстак
    Говнокод это писать стили в теги, давать дурацкие и не информативные названия классам, избыточность кода.
    Оптимизация кода - это кроссбраузерность + отформатированность кода.
    Ответ написан
    Комментировать
  • Веббилдеры Adobe Muse и прочая нечисть мира сего. Ваше отношение и прогнозы?

    Hando
    @Hando
    Верстак
    Теоретически, я думаю порог вхождения, естественно будет снижаться. Это был бы оптимальный вариант, если бы можно было бы обходиться без фронт-энда вообще. И я уверен, что это конечно когда-нибудь произойдет, предположительно после открытия искусственного интеллекта ;)

    UPD
    Столкнулся с Muse. Никогда он ничего не заметит. Код который он генерирует, один из ужаснейших какие я вообще видел в своей жизни. Поддерживать что то в дальнейшем без него же - а мне пришлось это испытать на себя, ужасно противно. Да что там, это просто геморрой, меня не покидают мысли переписать все с чистого листа самому. Одно то, что состояние простейших кнопок в нем реализовано сменой картинок - причем будет у вас 10 одинаковых кнопок с 2 фазами - значит он вам сделает 20 картинок. Это просто ад. Тоже самое с формами. Например у вас лендинг и на каждом блоке кнопка - обратный звонок с одним и тем же функционалом - он сделает для каждой отдельный php скрипт. Я уже молчу про то, какой css он генерирует. Вообщем это редкая форма извращения подходит только для прототипирования проектов и уж конечно речь идет исключительно о лэндингах и сайтах визитках, больше его использовать нигде не то что не стоит, а это равносильно выстрелу из дробовика в ногу.
    Ответ написан
    Комментировать
  • Скорость компиляции Compass (Sass)

    Hando
    @Hando
    Верстак
    По моему, это зависит от того, какое количество файлов вы компилируете.
    Ответ написан
    Комментировать
  • Автоматическое обновление файлов в Sublime text 2

    Hando
    @Hando
    Верстак
    Поставьте Sublime text3 :)
    Ответ написан
    Комментировать
  • Как настроить Sublime Text 3 для верстальщика?

    Hando
    @Hando
    Верстак
    Лично я использую:
    1) Sass (трудно объяснитьв двух словах, лучше прочитать документацию по этой технологии, если она вам неизвестна)
    2) Compass (кроссбраузерная компиляция sass, нарезка спрайтов)
    3) Emmet (экономит время написания html)
    4) SFTP (фтп-клиент)
    5) CSSComb (форматирует css)
    6) SassBeautify (форматирует код в sass)
    Ответ написан
    Комментировать
  • С чего начать изучение SCSS/SASS?

    Hando
    @Hando
    Верстак
    Лучше всего конечно официальная документация, если вы знаете английский. Если нет, придется собирать информацию по крупицам и самому ее систематизировать.
    Помимо Sass, еще необходимо изучить и Compass. Немного статей, по которым учился я: Первая, Вторая(на этом сайте много статей, поищите как следует), третья.
    Ответ написан