Задать вопрос
  • Grunt vs Gulp vs Prepros vs Codekit?

    uam
    @uam
    использую галп, потому-что быстрее и если подключать и настраивать множество плагинов, конфиг остается читаемым
    Ответ написан
    Комментировать
  • Как прописать несколько "id" в ряд и задать им "class"?

    HeadOnFire
    @HeadOnFire
    PHP, Laravel & WordPress Evangelist
    Классы разделяются пробелом, например class="one two three" и допускается использование нескольких классов одновременно. Id же не может содержать пробел, и значение данного атрибута должно быть уникальным. Соответственно, использование нескольких id невозможно.

    Вопрос: зачем понадобилось несколько id? Я не могу себе представить ни один use case где такое может понадобиться и это нельзя решить другим путем (например, через data-attribute или тот же класс).
    Ответ написан
    1 комментарий
  • Альтернатива Photoshop в Ubuntu для front-end разработчика?

    TheSunwave
    @TheSunwave
    Я
    PlayOnLinux, эдакая штука работающая над Wine. Позволяет безболезненно запустить Photoshop CS6, у меня так, полет нормальный.
    Ответ написан
    Комментировать
  • С чего начать обучение на Ubuntu?

    saboteur_kiev
    @saboteur_kiev Куратор тега Ubuntu
    software engineer
    У вас неверно сформулирован вопрос. Убунту - это операционная система, которая позволяет вам пользоваться компьютером. Также как и Windows, также как и webOS, MacOS, IOS, android и так далее.

    Вот вы купили телефон, там внезапно УЖЕ стоит операционная система. С чего вы начинаете обучение этой операционной системе? Да ни с чего, вы просто ею пользуетесь.

    Вы сформулируйте вопрос так - что вы хотите научиться делать?
    Восстанавливать данные? Удалите и восстанавливайте.
    Настраивать сервера? Какие? Найдите, установите.

    Учиться просто линуксу - вопрос глупый.

    Ну в качестве общеобразовательного - изучите работу в bash, простые скрипты, типы файловых систем, права доступа...
    Ответ написан
    Комментировать
  • Как научиться проф. верстать?

    za4me
    @za4me
    Человек
    Потратить 10.000 часов на верстку.
    Ответ написан
    2 комментария
  • Откуда взять или как написать gulpfile.js?

    suhodolskiy
    @suhodolskiy
    Ответ написан
    Комментировать
  • Можете посоветовать цветовую схему для webstorm?

    targetjump
    @targetjump
    Тут и тут есть много тем.

    Мне нравиться "Wombat"
    Ответ написан
    Комментировать
  • Почему не работает navbar в bootstrap 3?

    @ezhara0405
    <li><a href="Forum</a></li>
    - пропущены закрывающие кавычки

    Подсветка кода Тостера это обнаружила, так-то)
    Ответ написан
    Комментировать
  • Не знаю как правильно написть код для пагинации слайдера owl carousel, поможете?

    seoperin
    @seoperin
    Full stack web developer. Laravel / Vue
    Мне этот больше нравится - kenwheeler.github.io/slick/
    Там в документации написано как менять кнопки навигации
    Ответ написан
    2 комментария
  • Как отобразить слайдер в bootstrap на всю ширину страницы?

    У вас неразбериха с закрывающими =)
    После
    <div class="masthead">
    <ul class="nav nav-justified">
    <li><a href="#"> О компании</a></li>
    <li><a href="#">Натяжные потолки</a></li>
    <li><a href="#">Акции и скидки</a></li>
    <li><a href="#">Цены</a></li>
    <li><a href="#">Услуги</a></li>
    <li><a href="#">Гарантии</a></li>
    <li><a href="#">Для дилеров</a></li>
    <li><a href="#">Контакты</a></li>
    </ul>
    </div>
    
    </div>

    добавьте еще два </div>, закройте дивы с классами row и container.

    P.S. воспользуйтесь IDE или редактором с автоформатированием кода, будет намного удобней.
    Ответ написан
    Комментировать
  • Плагин grunt/gulp для создания sprite?

    @anderysen Автор вопроса
    Нашёл под мои нужды плагин:
    https://github.com/iAdramelk/grunt-oversprite
    Правда на установку всех зависимостей потратил день. Это был ад )) Если кто будет устанавливать - пишите помогу.
    Сам плагин немного подправил чтоб в одну строку выводил:
    background: url('...') x y no-repeat;
    Работает с любым препроцессором.
    Так что в целом я доволен.
    Всем спасибо за ответы
    Ответ написан
    1 комментарий
  • Как быстро подтянуть свой уровень веб-разработчика, чтобы соотвествовать требованиям работодателей?

    5angel
    @5angel
    Фронтенд-лид
    Давайте обратимся к данной публикации, чтобы понять примерные тренды, потому что наиболее выгодный вариант – это все же фронтендер.

    Вкратце, полноценный клиентский разработчик должен знать:
    – html5/css3 + bootstrap
    – один-два препроцессора (less/stylus)
    – чистый js и пару-тройку клиентских библиотек или фреймворков (knockout/backbone/angular/react)
    – немного node.js, чтобы уметь пользоваться пакетным менеджером (npm) и билд-менеджером (gulp/grunt)

    Этот список покрывает большинство клиентских задач в средней студии или стартапе.

    В реальности, от разработчика требуется только одно – уметь быстро накостылять какую-нибудь фичу к релизу, который должен был быть вчера. Собственно, если внимательно посмотреть на список, который я привел, можно заметить, что все эти вещи направлены на максимально быструю разработку – тут костыль, там костыль – и в продакшн. Как бы ни пытались нагнать пафоса на собеседовании, в бою будет именно так.

    Другой вопрос – что со всем этим делать.

    Я обычно предлагаю попытаться начать свой маленький проект. Какой-нибудь простенький личный сайт, игру на js (тот же flappy bird или 1048 – много ума здесь не нужно). Посложнее – свою тему или библиотечку. Это будет хорошим практическим опытом, который не стыдно описать в резюме.

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

    Если говорить о личном опыте, то я неплохо подтянул js с помощью codewars – задачки начинаются от самых простых (преобразование строк, перебор массива), до очевидно тяжелых (собственные интерпретаторы и преобразование данных изображения).

    А вот попытка спихнуть на верстальщика UI/UX – это уже экономия со стороны отдельных контор, которые по какой-то причине не хотят нанимать отдельного дизайнера/проектировщика в штат или по контракту. Тут, к сожалению, придется мириться и смотреть статьи по теме – тот же GoodUI.
    Ответ написан
    10 комментариев
  • Возможна ли адаптивная верстка под любое разрешение экрана?

    yulsonka
    @yulsonka
    Есть разница между респонсив и адаптивностью - habrahabr.ru/post/148224/.
    По хорошему же веб-разработка примерно с момента выпуска третьей версии бутстрапа стала отходить от оптимизации сайта под ряд устройств, опираясь на популярные значения ширины: 420, 768 и так далее, потому что сайт должен смотреться хорошо даже если взять, вывести его на телевизионную панель и медленно уменьшать окно браузера до 320 пикселей в ширину. Мораль в чем: примерно это при тестировании и делается, окно браузера постепенно уменьшаем или наоборот идем от малого к великому, если используем mobile-first подход и везде, где картинка "рушится" ставим breakpoint с помощью media-queries. А вот чтобы не писать кучу значений и иметь возможность ими гибко управлять - очень подойдет препроцессинг, где можно выносить переменную breakpointа, что очень упрощает кодинг хорошей адаптивности.

    А еще я не очень поняла как вы пишете медиа запросы - неужели просто @media (width: 600px)?
    В любом же случае прописывается диапазон типа: @media (min-width: 480px) and (max-width:567px) и тогда совсем уж месива быть, мягко говоря, не должно для устройств, лежащих в этом диапазоне ширины экрана. Возможно, это именно то, что хоть как-то исправит ваше "месиво".
    Ответ написан
    13 комментариев
  • PHPStorm, как средство для повышения кпд?

    Удивительно, я наоборот считаю, что у PhpStorm замечательный рендеринг шрифтов как под Ubuntu, так и Mac OS X.

    IDE нужна как воздух, если работаете с фреймворком, например Symfony, Yii и т.д. Sublime Text 2 — хороший РЕДАКТОР, а не среда разработки.

    Я почти год юзал NetBeans. Сейчас компания предложила купить лицензию на PhpStorm. Погонял месяц. Пошустрее, немного более функциональная, более полная поддержка php 5.4 (NetBeans некорректно поддерживает traits). Внятная поддержка конфигураций для тестирования phpunit. Хороший рефакторинг — у NetBeans это похоже только одно название.
    Решил согласиться на приобретение лицензии, в том числе и себе персональную взял на днях.

    Но если хочется бесплатно и не пиратить — NetBeans хороший вариант.
    Ответ написан
    2 комментария
  • Адаптивная верстка средствами CSS

    1. так и будет ничего специального для этого писать не нужно, в 6,7 max-width не работает, а все что не работает игнорируется ;) в 8 вроде как работает но только с px

    2. Если речь про самые популярные то 320, 480, 768 и 1024, но это вещь сугубо индивидуальная и нужно смотреть как верстка будет выглядеть еще и в промежуточных разрешениях, а вообще в двух словах тут не опишешь вот хорошая статься на эту тему: mobile.smashingmagazine.com/2012/10/24/beyond-common-media-query-breakpoints/

    3. Советую посмотреть www.youtube.com/watch?v=n0Vy9cYES-4 после вопросов думаю не останется
    Ответ написан
    2 комментария