Sergik+

Я бы использовал bootstrap или еще что нибудь подобное, ну или media queries, думаю так проще всего. Программисту вообще должно быть фиолетово что у вас там нарисовано.

Попробуйте обрисовать свою проблему на stackoverflow, наверняка уже есть решение.

Пожалуйста киньте ссылку откуда этот макет.

Используются специальные шрифты в которых есть такие звездочки, подгружаются с помощью font-face.

колпачекю А вообще комментировать разметку ну бред же. Ещё в css начните каждое свойство подписывать. Бред не бред а вот спасибо вам скажут когда программист будет вашу разметку ковырять.

На fl нашли заказчика ? Pro покупали ?

Я думаю надо использовать haml, кстати профи советуют основные блоки комментировать как выше было показано <!--begin div--> <!--end div-->.

У меня в лисе вообще нету иконок contact us а вот в IE нормально.

Скажу сразу никого не отговариваю от визуальных средств, много людей пользуются и не испытывают никаких проблем. Но мне grunt как раз понравился тем что как не странно gruntfile.js и командная строка убыстряет разработку. Насколько я понял gulp еще проще, он появился позже и более юзер френдли.

Прикольно у меня кракозябры вместо сайта, кодировка видимо не задана. У меня OS X 10.9.4 и Crome последний, оба на английском языке.

Ну наверное да, тут много надо практики и шаблончики попроще. Bootstrap не советую пока с простой разметкой не разобрались.

Прочитал все, пока просто обдумываю что мне надо. За htmlhint спасибо, обязательно подключу.

Нечего без теории вообще делать, а тут хватает практикантов с float:auto.

Я вот тоже смотрю что на серьезных проектах не пользуются livereload, а чем там пользуются ? Кстати глядел видео Юрия Артюха он в sass нигде не использует скобки и точки с запятой, это как сделано, пробую как он у меня при компиляции ворнинги валятся. Кстати у него же для спрайтов используется пустой элемент <i> в html что многие не рекомендуют, а мне данный способ кажется самым простым, наверное буду им пользоваться.

Для начинающих очень мало расписано по настройке gruntfile.js, как правило сразу же дебри расписаны а вот простой настройки нигде не нашел а может просто плохо искал, поэтому решил создать данную тему. Прошу оценить, может есть замечания. module.exports = function(grunt) { grunt.initConfig({ watch: { options: { livereload: true, }, sass: { files: 'sass/*.scss', tasks: ['sass'], }, html: { files: 'index.html', tasks: [], }, css: { files: 'css/*.css', tasks: [], }, }, sass: { dev: { src: ['sass/*.scss'], dest: 'css/main.css', }, },}); grunt.loadNpmTasks('grunt-contrib-watch'); grunt.loadNpmTasks('grunt-contrib-sass'); grunt.registerTask('default', ['watch']); }; Единственное что тут хотелось это следить за изменениями в sass папочке и при изменениизапускать компиляцию а при изменении в css и html запускать livereload.Пока еще думаю что делать с css html, и еще добавлю такс по поднятию сервера.Пока не придумал какими средствами обрабатывать спрайты, выбор очень большой.

Вот вам подсказка: срочно в песочницу. Объясню как, делаете абсолютно новый проект с нуля и с самого верха начинаете как правильно. Если шапка не идет кидаете на форум и все вместе разбираемся, а то что книжку начали читать это хорошо. Сверстать ваш сайт меньше чем за 3-4 часа можно. Блин многа написал, если именно как у вас то и за 30 минут можно не спеша.

Это нормальное поведение если не нужно прижимать.

Так верстка не должна ломаться при добавлении контента, а при уменьшении ничего и не ломается а просто футер поднимается.

Причем тут высота в пикселях ? Просто если в ТЗ написано прижать футер то прижимайте а если нет то нечего выдумывать. Compass зря не используете.

Это не лишняя работа, это хороший тон в верстке. Спорить с Вами я не намерен, но я глубоко убежден, что в любом сайте должен быть прижатый футер, что бы при ограничении контента (мало ли заказчику захочется оставить всего один блок на сайте) футер не поднимался черти знает куда. А Вы даете неправильные советы начинающим. Нет не так. Прибитый футер, это когда если на странице нет никакого контента даже - он внизу. Я специально дал Вам ссылки где можно это увидеть. Подскажу вам в compass ровно одна строчка футер прижимает, смотрел как реально грамотные люди верстают, нигде футер не прижимают. Надо использовать то что нужно, скажут что контент может изменятся тогда и прижимайте.

Что такое прибитый к низу футер? Это когда футер прижат плотно к низу, когда он не приподнимается вверх, когда нет под ним пустого пространства. Не так ли? Я не то что спорю (ведь, если я не буду видеть проблемы, я не смогу ее исправить), я просто не понимаю, почему это у меня нет такого? У меня все прибито-прижато. http://savepic.ru/5592504.jpg Ничего вам не надо с футером делать.

Зачем здесь футер прижатый, лишняя работа нужна ? Совсем здесь не нужно ничего прижимать, у меня хороший монитор и то вниз кручу.

Все у вас нормально. Никто не уменьшает сайты. Если не нравится то сделайте у параграфа который с кнопкой ширину чуть поменьше или отступ у кнопки уменьшите.

Книжки людям лень читать, меня может сейчас закидают тапками но я считаю в начале пути веб-разработчика примерно 80% должно уходить на чтение книг, форумов и статей, можно и видео вменяемое смотреть. ЛИБО НЕЗАЧЕМ ИЗОБРЕТАТЬ ВЕЛОСИПЕД.

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