xzarxzes

Если в колонки добавить текст то он вываливается.

Может так http://jsfiddle.net/f0m5odm5/

Мне кажется нет разницы span или i, я где то даже, может быть, читал что в бутстрапе сделали i - это значит icon и это более семантично чем спан. И вроде их везеде вставляли всегда i'ами, не только в бутстрапе. upd: тоесть это для иконочных шрифтов, а не для спрайтов. Можно вообще обойтись без этого лишнего элемента и сделать класс у которого будет :before с этой иконкой и добавлять его к ссылке, как в вашем случае, но это лишняя возня, а спрайты, да наверно все таки лучше спаном делать

.album_social { width: 165px; float: right; position: absolute; right: 20px; bottom: 5px; }Тут не нужен float: right

Нажмите alt + t, откроется дропдаун tools(инструменты) в нем sqllite manager, там же где и web developer tools

Ютубовский allowfullscreen, и <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> из бойлерплэйта.

Это вы о кнопке "send", у вас там type="submit" ? Там не нужен type="button", форма не будет отправляться. type="button", можно указывать элементу <button></button>, у него по дефолту идет type="submit", а это не всегда нужно.

У вас сто ошибок после валидации, согласно стандарту html 5 http://s13.postimg.org/687749yh3/2014_08_27_223557_1600x900_scrot.png

Можно обойтись и без нее, со schema адрес будет показываться в результатах поиска. http://help.yandex.ru/webmaster/schema-org/what-is-schema-org.xml

Нет елемент address не подходит в данном случае, address сделан не для почтовых адресов, телефонов итд, address это ссылка на того кто написал статью или автор сайта. http://html5doctor.com/the-address-element/, чтобы обозначить почтовый адрес итд., можно искользовать schema

section у вас используется везеде где только можно, тоже самое касается и article. "1600 Pennsylvania Ave NW, Washington, DC 20500, United States of America. Tel: (202) 456-1111" - вот это точно совсем не article, также как .header-logo. Мне кажется вы не совсем понимаете что делаете, либо верстайте дальше без html5 элементов, либо разберитесь в них как следуетю. section - это не просто контейнер для элементов на который навешиваются какие то определенные стили, а вроде как секция для схожего по смыслу контента, section делит страницу на какие то тематические блоки и в нем должен быть хэдинг чаще всего, также как и в article, у вас после валидации 58 варнингов, которые говорят что в секшинах и артиклях нету хедингов. Если вы хотели сверстать семантично то можно было избавиться от клирфиксов, которые выделены в отдельные блоки и <hr> это не просто черточка, которую можно поставить для красоты под заголовком, а разделяет параграф. И зачем вы обернули форму в <article>, заместо <from>. Для инпута есть type - email в html5. Ну и я думаю что когда верстаешь такие лендинги то там не стоит ломать голову по поводу семантики и html5, это там никому не нужно.

Это можно сделать и с помощью сниппета в редакторе, но у препроцессоров много разных возможностей, если вы поизучаете его то поймете о чем речь.

Ну да он упростил код, когда вам надо будет поменять значение бордер радиуса, вам надо будет поменять только значение в переменной @radius, а не искать и менять каждые 5px. Количество символов тут ни при чем. upd: тоесть тут вообще миксин, и вам из него можно будет сделать сколько угодно бордер радиусов добавляя в дальнейшем, одну строчку .border_radius(8px);, в коечном итоге у вас получится обычный css, только вам не придется по многу раз писать бордер радус для каждого селектора, а просто вставлять этот миксин

Да возможно этот прием с отрицательным марджином и не подойдет, я тоже хочу этот макет сверстать, и когда смотрел на этот список подумал что можно будет сделать с отрицательным маржином, но так я пока его не верстал, то точно утвержать не могу что это самое оптимальное решение. Хотел у вас спросить у вас в грант файле, есть таск cssmin, можно же сдлеать это через компасс, чтобы он в production отдавал сжатый css, или все же лучше использовать ccsmin, всвязи с тем что у него больше возможностей, например gzip ?

В scss вроде как можно не писть родительский селектор перед комбинатором. Вместо " & > ", можно писать просто " > ". В макете список в шапке в две колонки, у вас в одну, вот тут можно посмотреть как это можно сделать с использованием отрицательного маржина (в ссылке которую вы указали, список в одну колонку и с буллетами, а в архиве, который на гугул диске, в две, только там не спсок, а ссылки). Не рекомендуют использовать html5 shim из этого репозитория, кроме того вы подключаете modernizr, в котором есть html5 shim. upd: А нет у вас modernizr, только в dev версии, ну как бы там нибыло, думаю лучше подключить modrnizr, даже если вы не используете остальные его функции, можно выбрать только html5 shim, только там он называется shiv, но я так понял это одно и тоже.

У вас там какие то странности с лниями, все линии которые вы вставляете картинкой кривые http://postimg.org/image/qo43qov8f/. Ошибки посли валидации http://validator.w3.org/check?uri=http%3A%2F%2Fkaktus-group.ru%2Fstshome%2F&charset=%28detect+automatically%29&doctype=Inline&group=0. upd: извеиняюсь не вы вставляете, а тот кто вам делал лендинг. Все линии кривые и фон - серая текстура тоже перекошена, я посмотрел в браузерах хром и фаерфокс, на линуксе, в обоих браузерах криво.

Спасибо! большое! Буду разбираться теперь с подключением. У нас загружены все файлы этого шаблона на сервер. Значит, шрифт тоже должен был подключиться. Нет, не подключен. Он отдельно грузится для Woocommerce. А мы не используем этот плагин. Теперь все понятно, почему не выводятся у нас звездочки. Спасибо всем за помощь! Я сейчас поставил на вордпресс woocommerce, у меня этот шрифт по адресу /wp-content/plugins/woocommerce/assets/fonts/star. Вам надо поставить woocommerce тогда у вас появятся звездочки

Этот шрифт подключается из плагина для вордпресса woocommerce.css. Можно зайти на github woocommerce и найти там этот шрифт.

Нет это при обычном масштабе, в браузере фаерфокс на линуксе. Еще у меня уголки у выпадающих пунктов меню залазиют на слова. upd: тоесть да при масштабе 100%

http://validator.w3.org/check?uri=http%3A%2F%2Fallnet.16mb.com%2Fbislite%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

Я решил сначала разобраться с grunt, а потом попобовать gulp. По грунту больше информации можно найти и для yomen больше генераторов которые работают с грунтом.

Это 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, их можно найти на торрентах

В компасе не самая удачная реализация "прибитого к низу футера". В лэндингах мне кажется нету особого смысла делать прибитый футер, смотря какой лендинг конечно. Мне кажется что в большинстве случаев в тз вряд ли будут упоминать о "прибитом к низу футере", просто в дальнейшем может появится какая нибудь страница на которой мало контента, вы же не скажете тому для кого вы делаете сайт, что в тз не было ни слова о прибитом футере, он может вообще не знать что это такое "прибитый к низу футер", он даже может не составлять никакого тз, а просто сказать что ему нужен сайт, который будет в топе всех поисковиков. Наверно лучше делать футер не прибитым, когда вам в тз говорят не прибивать его, а не делать его не прибитым, когда в тз ничего не сказано о прибитом футере. И выглядеть это будет вовсе не как-будто футер поднимается, а как-будто на одних станицах все хорошо, а на той на которой мало контента футер стоит по середине и под ним пустое пространство.

Гугл еще советует не ставить опциональные теги, такие как </p> итд. https://google-styleguide.googlecode.com/svn/trunk/htmlcssguide.xml#Optional_Tags. Я думаю что вы читали что то вроде такого же стайл гайда, который написан для работников гугла. Гуглу важна производительность, а когда делаешь обычный сайт, думаю не стоит следовать таким советам.