• Как вытащить "узор" из присланного PSD макета?

    Есть такое решение - открываем палитру узоров и наводим курсор на желаемый. Нам всплывет подсказка с базовыми размерами узора. Вооружившись данной информацией создаем новый документ такого размера и делаем заливку нашим узором. В итоге получаем желаемую картинку.
    Источник
    Ответ написан
    Комментировать
  • Как задать высоту блока в процентах, в адаптивной верстке?

    Если не нужна железная кроссбраузерность используйте vh и vw почитать про них можно тут shpargalkablog.ru/2013/03/px-em-calc.html

    Проценты без костылей (ужасных) выставить по высоте нельзя, а вот vh и vw легко, в некоторых случаях вообще всё ещё лучше использовать js.
    Ответ написан
    3 комментария
  • Какая книга поможет в освоении JS?

    GM2mars
    @GM2mars
    karmazzin.gitbooks.io/eloquentjavascript_ru Выразительный JavaScript
    Ответ написан
    Комментировать
  • Какова техника верстки landing page?

    Я сейчас как раз написала вот такое решение https://github.com/librisius/PageSlider
    Пока с головой хватает
    Ответ написан
    8 комментариев
  • Grunt vs Gulp vs Prepros vs Codekit?

    Fesor
    @Fesor
    Full-stack developer (Symfony, Angular)
    Grunt - просто забудьте, старый, тупой велосипед который нужен только потому что людям не нравится Make или Ant. Приходится возиться с временными файлами, жирные и не читабельные конфиги... короче зачем...

    Prepros - не серьезно. Если честно даже не знаю что тут сказать, для верстальщика норм, для фронтэнда - на любителя.

    Codekit - не серьезно. Для тех кто не в состоянии разобраться с чем-то более гибким.

    Gulp - наше все. Никаких временных файлов, все манипуляции в памяти за счет чего все очень быстро, очень гибко (code over configuration)... Начиная с версии 4 будет вообще ништяк. Использовать что-то другое не вижу смысл. Только для специфичных задач или от лени.
    Ответ написан
    15 комментариев
  • Grunt или Prepros, что лучше и удобнее?

    andykov
    @andykov
    Shit happens
    Я не пользовался Grunt и Prepros, но использую Gulp.
    Удобно? - мега удобно. Привыкаешь быстро, по крайней мере я долго не телился)).
    Определяешься со структурой проекта, шаблоном так сказать, ставишь нужные плагины, прописываешь таски на каждую задачу, в конце пишешь таск который будет следить за файлами и запускать нужные задачи. Все. Делаешь это один раз и забываешь, ну разве что дополнить захочешь новыми плагинами. Развернуть проект одной командой в консольке - это ведь магия ))

    P.S. Я не разбираюсь в JS

    Не сказать что он тут сильно нужен, если только свое что-то написать. А для тех же плагинов есть подробная документация с примерами.
    Ответ написан
    3 комментария
  • Чем отличается верстальщик от front-end developer?

    copist
    @copist
    Empower people to give
    Верстальщик преобразует графический макет (Photoshop или иной) в набор HTML + CSS + картинки. Иногда к свёрстанному макету может подключить типовые библиотеки Javascript, например, slider для картинок, или всплывающие подсказки (tooltip), или диалоговые окна (dialog/popup).
    Знания и навыки:
    • работа с графическими программами, чтобы понять, как собран макет
    • знание HTML, HTML5, CSS, CSS3, понятие про веб-шрифты, спрайты и другие технологии
    • пригодятся знания по HTML-фреймворкам, например, Twitter Bootstrap или Semantic UI
    • навыки кроссбраузерной вёрстки, чтобы в разных браузерах выглядело и работало одинаково
    • навыки отзывчивой вёрстки, чтобы можно было использовать на устройствах с разными возможностями и разрешениями
    • знание типовых решений javascript, чтобы реализовать простейшие вещи, заложенные в макете


    Фронтенд-разработчик делает так, чтобы макеты, полученные от верстальщика, были наполнены реальными данными. Если приложение построено как client-side (то есть вся основная логика загружается в виде огромного javascript в браузер, а данные запрашиваются с сервера по AJAX; это называется "толстый клиент"), то фронтенд-разработчику потребуется следующее:
    • знание HTML, HTML5, CSS, CSS3, понятие про веб-шрифты, спрайты, Comet и другие технологии
    • глубокое знание Javascript, включая использование готовых фреймворков, библиотек и написание расширений для них, что подразумевает объектно-ориентированное и событийное программирование
    • знание AJAX, CORS и навык создания тестовых затычек на стороне сервера, чтобы можно было разрабатывать приложение пока бакенд не готов


    Если фронтенд строится на стороне сервера, то дополнительно потребуется знать используемый серверный язык программирования (например, Python, Ruby или PHP) и используемый фреймворк (Django, Ruby-on-Rails, Yii). На практике бывало такое, что фронтендер просил в нужной части проекта сделать var_dump от структуры данных, которую надо показать и перечислить серверные методы, которые надо вызвать по нажатию предполагаемых кнопок.

    Зачастую фронтенд-разработчик может и сам закодировать эти серверные методы, если не требуется углубляться в серверную логику (отношения в данных, конкретная бизнес-логика, хранение данных, кэширование, очереди, крон-задачи). Я лично таких очень ценю.

    И моё личное мнение - фронтенд разработчику не помешают базовые знания про UML. Иногда с ними так тяжело обсуждать обмен данными по AJAX. У них это какой-то непрерывный поток магической энергии, волшебным образом преобразующийся в буковки на экране пользователя, а вот для бакенда это набор отдельных операций, иногда ещё и асинхронный. Диаграммы последовательностей ни читать, ни писать многие не умеют. Таймлайны составлять не умеют.

    -----------

    Написал дополнение: copist.ru/blog/2015/08/29/layout-designer-vs-front...
    Ответ написан
    2 комментария
  • Почему появляется полоса прокрутки?

    restalpo
    @restalpo
    Попробуйте так:
    .navbar {
    text-align: center;
    }
    
    .nav {
    left: 50%; /* удалить */
    float:left; /* удалить */
    display: inline-block;
    vertical-align:top;
    zoom:1;
    
    }
    
    .navbar-nav {
    float:left;  /* удалить */
    }
    
    .nav li {
    left: -50%; /* удалить */
    float:left;  /* удалить */
    
    }
    Ответ написан
    2 комментария
  • Каковы адекватные требования для frontend junior?

    Serhioromano
    @Serhioromano
    Web Developer
    Если в требованиях "Опыт с ангуляр и нокаут" то значит в понимании этого работадателя джуниор это человек с опытом как минимум до 3х лет. С другой стороны, даже студент только что окончивший должен иметь хоть какойто опыт в чем то.

    Я думаю что тут все для джуниора кроме умения читать чужие коды. Думаю это навык синьеров.

    Вообще у нас такое понимание что студент это тот кто ни чего не знает. Но это хреновый студент. По идее после 5 лет обучения, требования описаные выше не должны даже интерисовать студента так как это слишком просто. Это должны быть требования для того кто учится на первом втором курсе.

    Но уровень обучения на столько стал хреновым, что если чувак просто имеет представление о чем речть мы уже рады. Леньтяи все просто порядочные.
    Ответ написан
    Комментировать
  • Как изменить размер колонки в bootsrap3?

    @zugo
    Bootstrap можно кастомизировать. Задаете нужные значения основных переменных - и он компилируется.
    Можно изменить ширину колонки, контейнера, да, в принципе, почти что угодно. Кроме того, можете скачать исходники (он написан с использованием LESS), изменить в них что вам нужно, и скомпилировать самостоятельно (это даст еще большую свободу действий).
    Ответ написан
    Комментировать
  • Как расположить несколько div'ов в ряд без использования стиля float?

    inkluter
    @inkluter
    Frontend developer
    Дивы, которые нуно раместить в ряд, размещаем внутри блока со следующим css-правилом
    display: table;

    А самим дивам задаем
    display: table-cell;

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

    При этом в диве, который задан с display: table желательно больше ничего не располагать.
    Это имитация таблиц на css для блочных элементов.
    Можно сделать на родной таблице через элементы table, tr, td.

    Почитайте просто свойства display: table, display: table-cell, display: table-row.
    Ответ написан
    1 комментарий
  • Как составить техническое задание для "landing page"?

    ALexxxD
    @ALexxxD
    Нужно описать структуру страницы и пожелания к ее исполнению максимально наглядно. В идеале - нарисовать макет любым доступным способом: в программах для прототипирования, в графическом редакторе или самое простое - вручную и отсканировать, или просто дать ссылку на максимально похожий пример и снабдить его подробными комментариями, что в нем поменять. Часто ТЗ пишут просто текстом, но картинка обычно намного информативнее и снимает массу лишних вопросов. Можно так же составить ТЗ вместе с исполнителем или заказать его, если совсем уж не хочется делать самостоятельно.
    А вообще - куда вам написать? Давайте сделаю и ТЗ, и лендинг. Или стучитесь в скайп alexaya_x
    Ответ написан
    Комментировать
  • Как правильно учить Javascript?

    @davex69
    Сейчас на Hexlet проходит интересный курс по Java Script. Он чисто об особенностях языка. Думаю, будет интересно.

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

    Drink coffee write JavaScript :-)
    Ответ написан
    Комментировать
  • Существуют ли сервисы тестирования посадочных страниц?

    Alexx_ps
    @Alexx_ps
    Есть сообщество фрилансеров-юзабилистов, дам свою реф-ссылку sitepolice.ru/?partner=1657, но могу сразу сказать, что идти туда с таким сайтом нет смысла.

    Конкретно по вашей странице могу сказать, что вместо девушки с папкой я бы поставил гика или хипстера с клавиатурой.
    — Первое впечатление — непонятно, на сайт какой тематики я попал и что за «качественный сервис» мне предлагают.
    — Нет никаких указаний на гарантии работы.
    — Нет никакой мотивации заполнять форму (материальный подарок, услуга в подарок, скидка).
    — Криво сверстаны баллуны в отзывах.
    — Внизу страницы не продублирована форма заявки или хотя бы кнопка, вызывающая всплывающую форму.
    — Не описаны преимущества в понятном виде — никто не будет читать это «допустим у вас 20 сотрудников...»
    — Вашу страницу надо ЧИТАТЬ. Желательно полностью. И это печально, потому что это лишает ее основной фишки посадочных страниц — «вау-эффекта», который не должен отпускать человека до самого момента заполнения заявки.
    Ответ написан
    1 комментарий