• Учебные материалы по twitter bootstrap?

    bootd
    @bootd
    Гугли и ты откроешь врата знаний!
    Вы издеваетесь? Зайти на офф сайт и почитать документацию уже не модно? Откуда вы беретесь?
    Ответ написан
    8 комментариев
  • Как работать с картинками на gulp.js?

    ivandata
    @ivandata
    Веб разработчик
    Попробую ответить.
    1. Растр в спрайты. Под ретину можно 2@
    2. Есть несколько способов хранить и использовать svg спрайты. SVG спрайт — это всего лишь файл где поиск по svg элементам происходит по id.
    <symbol viewBox="0 0 21 21" id="add_icon">
        <title>add</title>
        <path d="M10.5 1C5.3 1 1 5.2 1 10.5S5.3 20 10.5 20s9.5-4.3 9.5-9.5S15.7 1 10.5 1zm0 1c4.7 0 8.5 3.8 8.5 8.5S15.2 19 10.5 19 2 15.2 2 10.5 5.8 2 10.5 2zM10 6v4H6v1h4v4h1v-4h4v-1h-4V6h-1z"/>
    </symbol>

    На странице используем тег 'use', где атрибут xlink:href — это ссылка на svg, у с указанием идентификатора, например:
    <svg class="ico-svg">
      <use xlink:href="/ico/ico-set.svg#add_icon"></use>
    </svg>

    Для поддержки отсталых браузеров используем полифил https://github.com/jonathantneal/svg4everybody. Управляем цветом через свойство fill
    3. Элементы интерфейса, такие, как иконки, лучше конечно в векторе хранить. Растр — сжимать.
    4. Мелкие элементы в base64. habrahabr.ru/post/116538
    Все это собирается, пакуется и т.д. сборщиками, все верно.
    Для SVG у нас используется очень замороченая система, которая: собирает svg-файлы от дизайнеров, клеит из них спрайт, генерирует png спрайты в разных цветах и генерирует стили для них. А еще парсит превью всего этого на отдельной странице, для теста.
    Мы используем gulp и плагины для этого:
    https://www.npmjs.com/package/gulp-optipng
    https://www.npmjs.com/package/gulp-raster
    https://www.npmjs.com/package/gulp.spritesmith
    https://www.npmjs.com/package/gulp-svg-sprite-plus
    https://www.npmjs.com/package/gulp-imagemin

    Еще один способ от Владимира Кузнецова. У него все проще, потому что задач таких, как у нас не стояло.
    Ответ написан
  • Сакральные 12 гридов, в чем подвох?

    andykov
    @andykov
    Shit happens
    Ничем не отличается, кроме возможности расположить больше колонок в ряду.
    И чем больше общее число, тем меньше ширина одной колонки

    Если хотите гибко, смотрите в сторону Susy. Ибо все "фиксированные" по количеству колонок системы, ограничивают вас рамками.
    Ответ написан
    Комментировать
  • Ваше мнение о видеоуроках Евгения Попова?

    FanatPHP
    @FanatPHP
    Чебуратор тега РНР
    Недавно в голову пришла идея небольшого сайта мне для работы.

    Для начала нужно понимать, что сайты для работы не пишут с нуля.
    Это все равно, что построить автомобиль самостоятельно, чтобы стать таксистом.

    Сайты для работы не пишутся с нуля. Сайт для работы делается на основе заготовки для сайтов - CMS.

    Поэтому надо забыть про написание сайта с нуля, забыть про видеоуроки, а вместо этого выбрать подходящую CMS и делать сайт на ней.

    Про попова же, если коротко, то у его курсов ровно две проблемы:
    1. Его задача не поделиться знаниями, а продать что-нибудь. К несчастью, торговать он стал не гербалайфом, а низкокачественным говном собственного производства.
    2. Когда неспециалист берется учить других - это страшно. Сам нахватавшись по верхам, и не понимая смысла кода, который он пишет, попов остался в прошлом веке. Да, 18 лет назад, когда РНР только появился, все писали так. Но с тех пор изменилось очень многое. Программисты узнали о таких вещах, как отладка, обработка ошибок, безопасность, разделение кода и данных, разделение логики обработки данных и логики отображения, системы контроля версий, повторное использование кода и многое, многое другое. Шарлатаны же и недоучки так и застряли в прошлом веке, и не дают несчастным обманутым жертвам ничего из современных достижений. В итоге сайты, написанные по видуоурокам, постоянно ломаются, являются уязвимыми для любых типов атак и являются совершенно немордернизируемыми.
    Ответ написан
    Комментировать