• Как развиться от фрилансера до серьезной компании?

    YuriMolotov
    @YuriMolotov
    Дизайн и вёрстка сайтов — Molotov.pro
    У меня нет подобного опыта и интересной истории, но я бы задумался над тем, чтобы взять опытного управленца (арт-директора / начальника отдела / менеджера проектов), для которого ведение 20-и проектов - норма, который разгребёт болото и в итоге увеличит прибыль.
    А сам бы занимался развитием компании и кодил бы самые интересные проекты в своё удовольствие.
    Ответ написан
  • Работа без высшего образования, это реально?

    YuriMolotov
    @YuriMolotov
    Дизайн и вёрстка сайтов — Molotov.pro
    Государственным учреждениям нужны дипломы, частникам нужны деньги, которые ты им заработаешь.

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

    В 17 лет рассчитывать на серьёзный оклад не стоит, но подработку вполне можно найти.
    С другой стороны в 17 лет все считают себя крутыми спкциалистами, а html - языком программирования :)
    Ответ написан
    6 комментариев
  • Как задать минимальную ширину?

    YuriMolotov
    @YuriMolotov
    Дизайн и вёрстка сайтов — Molotov.pro
    Что-то с точки зрения юзабилити и дизайна вообще какой-то отстой получается.
    Какой горизонтальный скролл у меню? Тебе удобно самому будет таким меню пользоваться?

    Вижу два адекватных варианта: перенос меню от логотипа, сокрытие кнопки, либо обычное мобильное меню.

    b06e8bcc43f74b908dd8c3d57b0732db.png
    Ответ написан
    Комментировать
  • Как найти работу начинающему веб дизайнеры и HTML верстальщику?

    YuriMolotov
    @YuriMolotov
    Дизайн и вёрстка сайтов — Molotov.pro
    С самым базовым уровнем (а самое главное без опыта работы с заказчиками) самостоятельно вы вряд ли сможете работать. Идите в некрупную студию, там знают как извлечь пользу из вашего труда.
    Звоните, предлагайте и договаривайтесь о встрече. И будьте готовы к отказам, ничего страшного в этом нет.

    А после, накопив опыт и портфолио, можно двигаться дальше.
    Ответ написан
    Комментировать
  • Можно ли сверстать такое адаптивно?

    YuriMolotov
    @YuriMolotov
    Дизайн и вёрстка сайтов — Molotov.pro
    Тут куча вариантов, в зависимости от того, как это должно адаптироваться, вот пара:

    1. Пропорциональное уменьшение:
    Три колонки (длинные дивы) с шириной 33.3%, у изображений width:100%; height:auto;

    2. Блочный перенос.
    Ширина блоков фиксированная (скажем 300px;), сама фирура формируется посредством отступов сверху 1 и 3 блоков (margin-top:200px;), float:left. При размерах экрана меньше скажем 960px фигура распадается, блоки идут рядом:
    @media screen and (max-width: 960px) {
    div {margin-top:0;}}


    И так далее.
    Зная ширину и высоту блоков с помошью @media можно сделать с ними всё, что угодно, т.к. вариантов "обрезания" у нас всего три: все столбцы влезают (по-умолчанию), 2 влезают, 1 влезает (можно его под экран подогнать). Для каждого варианта не сложно прописать свои абсолютно любые изменения компоновки.
    Ответ написан
    Комментировать
  • Не могу понять надо ли мне подключать шрифт или нет?

    YuriMolotov
    @YuriMolotov
    Дизайн и вёрстка сайтов — Molotov.pro
    В браузере (как и в любой другой программе) шрифтов нет. Шрифты установлены в операционной системе компьютера. Соответственно, установленная и отображаемая у вас Helvetica у других пользователей сайта будет заменена на шрифт по-умолчанию (напр. Times New Roman).
    В подключении не нуждаются стандартные шрифты, принудительно установленные у всех: Arial, Tahoma, Verdana и т.д.

    Чтобы подключить свой кастомный шрифт на сайт надо разместить его файлы на хостинге и подключить с помощью font-face в стилях:

    @font-face {
        font-family: Bebas;
        src: url('http://tottem.ru/wp-content/themes/ipinpro/font/bebasneue_bold.eot');
        src: url('http://tottem.ru/wp-content/themes/ipinpro/font/bebasneue_bold.eot?#iefix') format('embedded-opentype'),
             url('http://tottem.ru/wp-content/themes/ipinpro/font/bebasneue_bold.woff') format('woff'),
             url('http://tottem.ru/wp-content/themes/ipinpro/font/bebasneue_bold.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }


    Для каждого начертания по четыре файла в разных форматах для разных браузеров (cконвертировать можно через онлайн-конвертеры), или хотя бы только ttf или otf для распространённых.

    "Bebas" меняете на удобное вам имя, например "HB", "HL" и т.д.
    В урл указываете адрес начертания на хостинге (можно неполный).

    Всё. Далее в стилях у нужных элементов задаёте в font-family нужный шрифт через заданное имя:
    h1 {
    font-family: HB;
    }
    .thin {
    font-family: HL;
    }
    Ответ написан
    2 комментария
  • Шаблон Wordpress не такой как на картинке. Почему?

    YuriMolotov
    @YuriMolotov
    Дизайн и вёрстка сайтов — Molotov.pro
    1. Наполнение (записи, картинки и пр.).
    2. Настройка (меню, логотип и т.д.).
    3. Дополнительные плагины (в редких случаях), которые нужно ставить отдельно.

    Шаблон и есть шаблон - визуально-программная оболочка, в которую вам нужно обернуть свой сайт. А если оборачивать нечего, то вы и получите отличия)

    Это как сравнивать девушку в шубе на картинке с купленной шубой)
    Ответ написан
    Комментировать
  • Как настроить отображение шрифтов на сайте?

    YuriMolotov
    @YuriMolotov
    Дизайн и вёрстка сайтов — Molotov.pro
    Вот рабочий вариант, подставь свои имена font-family и урл к своим файлам.
    В твоих вариантах то не указано #iefix, то адреса подозрительные и svg лишнее.

    @font-face {
        font-family: Bebas;
        src: url('http://tottem.ru/wp-content/themes/ipinpro/font/bebasneue_bold.eot');
        src: url('http://tottem.ru/wp-content/themes/ipinpro/font/bebasneue_bold.eot?#iefix') format('embedded-opentype'),
             url('http://tottem.ru/wp-content/themes/ipinpro/font/bebasneue_bold.woff') format('woff'),
             url('http://tottem.ru/wp-content/themes/ipinpro/font/bebasneue_bold.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
    Ответ написан
    Комментировать
  • Кто может помочь с подключением сторонних шрифтов?

    YuriMolotov
    @YuriMolotov
    Дизайн и вёрстка сайтов — Molotov.pro
    Я просто скопирую рабочий вариант со своего сайта:

    @font-face {
        font-family: Bebas;
        src: url('http://tottem.ru/wp-content/themes/ipinpro/font/bebasneue_bold.eot');
        src: url('http://tottem.ru/wp-content/themes/ipinpro/font/bebasneue_bold.eot?#iefix') format('embedded-opentype'),
             url('http://tottem.ru/wp-content/themes/ipinpro/font/bebasneue_bold.woff') format('woff'),
             url('http://tottem.ru/wp-content/themes/ipinpro/font/bebasneue_bold.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
    Ответ написан
    Комментировать
  • Вывод анонса wordpress в виде списка или в столбик?

    YuriMolotov
    @YuriMolotov
    Дизайн и вёрстка сайтов — Molotov.pro
    Анонс обычно находится в content.php.
    Там должна быть функция the_content(), выводящая текст с форматированием.
    Возможно у неё стоит фильтр от тегов strip_tags(), если да - его нужно удалить.

    А вообще лучше бы взглянуть на содержимое вашего content.php.
    (Внешний вид - редактор - справа в столбце content.php)
    Ответ написан
    Комментировать
  • Как определить золотой цвет в CMYK?

    YuriMolotov
    @YuriMolotov
    Дизайн и вёрстка сайтов — Molotov.pro
    Ну если вдаваться в детали, то золото это не только цвет, но и поведение этого цвета. Дело не только в переливе, а в заимствовании цвета окружения: на красном фоне золото будет насыщенно оранжевым, за голубом - зеленоватым и т.д.
    Т.е. настоящее золото имеет динамичный цвет, из-за зеркальных особенностей металла, и единого оттенка на все случаи быть не может.

    Столкнулся с этой проблемой на сайте, где золотые буквы на тёмном футере смотрелись отлично, а на белом были бледными, если подгонял под белый - на тёмном становились вырвиглазными) В итоге взял середину - good-inc.ru
    Думаю, на цветном фоне проблем будет больше.

    Вот, как хоть какое-то решение: 10 45 80 10

    13841a7177204f90ae1404a253e2af1f.png
    Ответ написан
    Комментировать
  • Как сделать многоуровневое меню как на картинке?

    YuriMolotov
    @YuriMolotov
    Дизайн и вёрстка сайтов — Molotov.pro
    <ul class="mainmenu">
      <li>Unlimited
        <ul>
          <li>Prime</li>
          <li>Learn</li>
        </ul>
      </li>
      <li>MP3s
        <ul>
          <li>MP3</li>
          <li>Music</li>
        </ul>
      </li>
    </ul>


    css:
    .mainmenu ul{display:none; position:absolute;}
    .mainmenu li:hover ul{display:block;}

    - При наведении на пункт 1 уровня отображаем зафиксированные дочерние подпункты.
    Ответ написан
    4 комментария
  • Есть ли такая CMS или плагин для Wordpress для создания сайта?

    YuriMolotov
    @YuriMolotov
    Дизайн и вёрстка сайтов — Molotov.pro
    Wordpress вроде как подразумевает регистрацию пользователей с правами на добавление контента. Достаточно изменить роль нового пользователя в общих настройках. И формы добавления можно сделать собственные.

    Другой вопрос в масштабе проекта. Порталы такого уровня делаются на собственной cms, в противном случае вы столкнётесь с рядом ограничений.
    Ответ написан
    Комментировать
  • Можно ли перекупить домен, если нет контакта с владельцем?

    YuriMolotov
    @YuriMolotov
    Дизайн и вёрстка сайтов — Molotov.pro
    Скорее всего, зная, что домен вам нужен, вам заломят цену из расчёта на крупную компанию. И то если он занят, но пуст.

    Легче подобрать альтернативное имя, другую зону, или добавить приставку согласно деятельности, типа "studio", "design" и пр.
    Ответ написан
    Комментировать
  • PSD файлы сайта - это результат работы дизайн студии?

    YuriMolotov
    @YuriMolotov
    Дизайн и вёрстка сайтов — Molotov.pro
    Файлы (любые) нельзя назвать дизайном. В файлах дизайн-макет, который дизайн сайта отображает. Дизайн же это нечто нематериальное, описывающее далеко не только визуальные факторы, но результатом проработки которого эти факторы могут являться. А PSD файлы это всего-лишь исходники макета.

    С другой стороны я искренне не понимаю, зачем студии удерживать исходники. Единственный логичный вариант - их отсутствие: вместо разработки дизайн-макета вам давали скрины готовых сайтов-шаблонов, а вместо вёрстки - поменяли логотип и доработали шаблон по-мелочи. В таком случае условия договора полностью не соблюдены.

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

    YuriMolotov
    @YuriMolotov
    Дизайн и вёрстка сайтов — Molotov.pro
    Для лайтбокса с комментариями нет плагина.
    Да и вообще стандартные комментарии закрепляются за страницами-записями, а не за каждой фотографией.

    Как вариант:
    1. Создавать для каждой фотографии отдельную запись с комментариями и рейтингом.
    2. Вывести их превью-карточки на странице портфолио.
    3. Написать лайтбокс, который при клике на превью-карточку будет открывать тумбнейл записи - крупную фотографию, а также её комментарии и рейтинг.

    Подробнее:
    1. Каждая запись представляет собой станицу с заголовком и миниатюрой - нашей фотографией. Тут всё понятно. Включить комментарии. Поставить, скажем, WP-PostRatings.
    2. Превью-карточки выводим стандартным циклом.
    На странице карточек content.php выводим комментарии и рейтинг и скрываем их стилями, т.к. их отображение в превью нам не нужно.
    3. Лайтбокс это jQuery скрипт, который при клике на превью запрещает переход и открывает всплывающее окно, в которое у нас перемещается содержимое объекта(.appendTo), по которому произведён клик.
    Отслеживать объект по клику можно так: $('.box').click(function(e) {current = $(this);reload();})
    Переходить на следующую фотографию так: current = current.next('.box'); reload();
    И т.д. А в функции reload() прописывать обновление контента лайтбокса из объекта в переменной current, можно с анимацией.
    Можно даже задавать для каждой открытой в лайтбоксе фотографии свою ссылку и перезаписывать историю браузера, как здесь — filmor.ru/interstellar-2014/?stills-6
    Ответ написан
    Комментировать
  • Какой шрифт использован в логотипе?

    YuriMolotov
    @YuriMolotov
    Дизайн и вёрстка сайтов — Molotov.pro
    Neue Frutiger Bold Italic
    Neue Frutiger Light Italic
    Gotham Pro Medium

    Скачать можно здесь:
    vk.com/photo-64409341_319969547
    vk.com/photo-64409341_321873111
    Ответ написан
    Комментировать
  • Что должно быть больше: иконка или цифра?

    YuriMolotov
    @YuriMolotov
    Дизайн и вёрстка сайтов — Molotov.pro
    ВКонтакте лайки такого же размера + надпись "Мне нравится".

    В приоритете вопрос "что", а уже потом "сколько", так что иконки должны идти слева и чуть большего или такого же размера. Но это только моё мнение.
    Ответ написан
    Комментировать
  • Как называется плагин для циклической анимации элементов?

    YuriMolotov
    @YuriMolotov
    Дизайн и вёрстка сайтов — Molotov.pro
    Не уверен, что правильно понял, но вот код, который заставит "мигать" объект с классом marker:

    <script>
    function action(){
    jQuery('.marker').fadeOut(500).fadeIn(500);
    }
    setInterval(function(){action();}, 1000);
    </script>
    Ответ написан
    Комментировать
  • Как вы начинаете вёрстку сайта?

    YuriMolotov
    @YuriMolotov
    Дизайн и вёрстка сайтов — Molotov.pro
    Т.к. в первую очередь дизайнер, верстаю поэтапно по визуальным разделам, сразу со стилями, изображениями, страницами и пр.:
    1. Шапка и главное меню.
    2. Футер.
    3. Баннеры/виджеты/боковое меню.
    4. Вся главная.
    5. Карточки товара.
    6. Каталог.
    7. Страницы товара.
    8. Корзина и контакты.
    9. Окна/лайтбоксы.
    10. Информационные страницы.

    Каждый этап сразу полностью тестируется и правится.
    Ответ написан
    Комментировать