Jump to content

Leaderboard

Popular Content

Showing content with the highest reputation on 08/15/2014 in Posts

  1. Нарек
    Странно) Что то очевидное должно быть раз не видим)) Так вот же оно! Удалите overflow: hidden у .wrap, Он растягивается вместо с footer_correct так как он в нем. Остальной скролл у Вас идет с padding-a в .footer-inner, получается высота футера 312, а высота блока который в нем 360. И еще одна бяка, это margin-top: 34px у header-white, его следует заменить на паддинг который задается прямо header-у, правда не знаю какая у Вас там ситуация.
    1 point
  2. Нарек
    вот так http://www.zakharov.ms/snippets/ так как футер у Вас фиксированной высоты. A если поточнее, то добавлением строки .wrap { margin-bottom: -312px;}и удалите вообще .footer-correct.
    1 point
  3. Great Rash
    Если вы пытались семантику тут замутить, то у вас пока плохо выходит. <div class="work"> <img src="images/arrow-work.png" alt=""> <h1>Latest works</h1></div>С точки зрения семантики у вас бессмысленный блок, т.к. <h1> относится только к <div> в который он вставлен. Лучше сделать так: <h1 class="work"> <img src="images/arrow-work.png" alt=""> <div>Latest works</div></h1>В таком случае заголовок будет относится к блоку с текстом.Ну и слишком много <h1> у вас. Разбейте страницу второстепенными заголовками (h2, h3, h4 и т.п. по степени важности контента), особенно учитывая то, что у вас нет ни одного <section>. А вообще я не сторонник семантики, как по мне - это всё бесполезная фигня.
    1 point
  4. npofopr
    И вместо livereload я использую http://www.browsersync.io/docs/ Кстати, почему grunt, а не gulp? :-)
    1 point
  5. ows.nightwolf
    Вынесите ваш <ul> за пределы div.punkti, дайте тегам <li> свойтва float: left и width: 50%. Пример.
    1 point
  6. xzarxzes
    Это sass indented syntax, он был синтаксисом для sass изначально, потом в угоду тем кто больше привык к ситаксису css, сделали scss синаксис. Мне лично больше нравится indented syntax, там можно миксины делать без приставки mixin, а просто писать =, и инклюдить их потом без include, а просто писать +, ну и можно забыть про ; и брэкиты. В грунте можно еще не писать по многу раз grunt.loadNpmTasks( 'grunt-plugin'), а использовать плагин load-grunt-tasks. Также чтобы посмотреть как настраивать тот или иной плагин для грунта, можно поставить себе yomen и ставить соответствующий генератор и смотреть как там настраиваются плагины в Gruntfile. upd: для indented syntax при создании проекта надо указать compass create project_name -x sass или в config.rb указать в preferred syntax - sass, ну и делать файлы сасс форамта sass а не scss ссылки на курсы по грунту итд: http://code.tutsplus.com/courses/getting-good-with-grunt, http://code.tutsplus.com/courses/say-yo-to-yeoman, http://code.tutsplus.com/courses/pro-front-end-workflows, их можно найти на торрентах
    1 point
  7. mishka
    пользуюсь такой вот программкой http://alphapixels.com/prepros/ Не пользовался grunt, но из того что прочитал о нем, понял что препрос делает то же самое, только имеет GUI + настройки можно в файлах хранить. По поводу JSHint/JSLint -- имхо удобнее если ваш редактор умеет это проверять и сразу подсвечивать проблемный код. P.S. статья на хабре http://habrahabr.ru/post/188942/ Из коментов понял что grunt мощнее, в общем надо разбираться с grunt
    1 point
  8. Sergik+
    Прикольно у меня кракозябры вместо сайта, кодировка видимо не задана. У меня OS X 10.9.4 и Crome последний, оба на английском языке.
    1 point
  9. Galaxy
    Уважаемые, человеку надо просто научиться верстать , никакие Bootstrap'ы и другие крутые слова ему пока что не нужны, все надо делать постепенно, а не как сейчас большинство новичков пытается ухватиться за все и сразу, в итоге процесс обучения становиться намного дольше.
    1 point
  10. npofopr
    да таки очень много инфы, только вся в EN. https://github.com/gruntjs/grunt-contrib-copy хотя бы. У себя в gulp я использую для html - gulp-htmlhint, для grunt есть тоже самое. За одним проверяется на всякие там: повторяющиеся id, не закрытые теги и т.п. Для обычного css - как раз copy. Тут http://nano.sapegin.ru/all/grunt-0-4 по-моему всё довольно подробно расписано.
    1 point
  11. klierik
    про livereload не скажу ибо оно подходит в основном только для мелких сайтов. Я не смог понять какая мысль в данном предложении. тут аналогично. выбор таки не очень что бы большой, но по хорошему https://www.npmjs.org/package/grunt-contrib-compass уж коль SASS используешь.
    1 point
  12. Нарек
    Во первых, у него места нет что бы тянулся. Во вторых background: url(../images/logo.png) no-repeat;float: left;padding: 41px 0 0 46px;margin: 22px 0 0 0;width: 151px;min-width: 151px;max-width: 200px;с этого кода можно понять что ничего увеличиваться не будет, так как явно прописана ширина 151px.
    1 point
This leaderboard is set to Kiev/GMT+02:00
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept