Great Rash

А если так?

Совсем необязательно. Т.е. вы ради сомнительных причин готовы заниматься извращениями вместо того, чтобы быстро сделать как надо и забыть об этом?

А почему именно не прибегая к float? Чем он не угодил?

На StackOverflow пишут, что в спеке отсутствует такая возможность, так что только JS.

Если мы вращаем объект по оси Z, то без него не обойтись. Запилил примерчик.

body { transform: scale(.75);}

Думаю тут обязательно найдётся.

Ерунда.

А так понятней? - http://jsfiddle.net/nr8995u4/2/

С такими требованиями лучше просто про апи ютуба почитать да и написать самому. Там работы на 2 часа. Конвертировать прям ютубом можно

Значит глиф присутствует в шрифте. Убунта же обновляется, шрифты наверное тоже обновляют.

Вам срочно нужен дизайнер. Сайт не будет продавать, потому что: 1) Контакты должны быть по максимуму вверху. 2) Напишите сразу расценки, почему я должен делать лишние телодвижения, чтобы узнать цену? 3) Где фотки собственно конкурсов? Чем вы лучше других? 4) Зачем мне фотка кота? 5) Не хочу я звонить вам и узнавать свободны вы или нет на определенную дату, сделайте мне лучше календарь, на котором красным отметьте занятые дна, а зеленым отметьте свободные дни. Удобней же будет правда?

БЭМ - это конечно хорошо, но про HTML забывать не надо тоже. Там где у вас явно заголовок, вы зачем то дивы используете. Можно использовать больше элементов из HTML5, всякие <header>, <footer>, <nav> и т.п. У вас сплошные дивы. Скрипт, подключенный после закрывающего </html> - это позор для верстальщика я считаю. <h4 class="blog__title">FROM THE BLOG</h4><h4 class="blog__subtitle">Blog Post Title</h4>Если тут subtitle, тогда чего он тоже <h4>? Почему не <h5>?Основное предназначение БЭМ - делать независимые блоки, которые можно использовать повторно где угодно с минимальными изменениями. В этом плане у вас БЭМа нет по сути. да и не особо он тут нужен. Для таких крошечных сайтов он избыточен. Разве что как тренировка. Ну и повторюсь, БЭМа у вас тут нет. Вот к примеру feature и benefits это один и тот же блок, в том плане, что и у того и у того блока есть одни и те же элементы - хедер и блок с текстом. Дальше идёт уже чистое оформление (вот этот круглый бекграунд и всё такое) - это можно сделать модификаторами.

А потому что я лажанулся и перепутал + c ~

Такой селектор выберет все элементы определенного типа, расположенные ниже. В вашем случае все <li>, кроме первого.

Сейчас, когда на дворе почти 2015 год, стало модно делать всякие эффекты без использования JS. Обычно для переключения состояний элемента используются следующие псевдоклассы: :focus :checked :active Вот про первый я и хочу написать небольшую заметку. Знаете ли вы, что в HTML можно сделать любой элемент способным получать фокус? Для этого достаточно просто добавить атрибут tabindex к любому тегу. Есть правда один нюанс - tabindex отвечает за то, в каком порядке пользователь будет переключаться между полями формы (используя клавишу Tab). По умолчанию индексы расставляются браузером автоматически по мере появления контрола в коде, но мы можем изменить порядок переключения задав tabindex, значения которого начинаются с нуля. Так вот, если мы просто зададим табиндекс нашему кастомному элементу - это может нарушить логику работы с формой. Однако есть небольшая хитрость: мы можем задать отрицательное значение, в таком случае браузер будет просто игнорировать клавишу Tab, но при клике на такой элемент он всё равно получит фокус. Вот собственно и всё! В заключении небольшой примерчик.

http://habrahabr.ru/search/?q=%27

Плейсхолдер не катит?

Ну как-то так - http://codepen.io/GreatRash/pen/GgjyWo

Опишите задачу подробней.

Сразу видно, что вы не читали про этот элемент ничего, или читали невнимательно. Где?

Ну почему же, можно через бекграунды, псевдоэлементы, обычные элементы. Просто мне кажется, list-style-image логичней всего.

В HTML у многих элементов есть стили, которые браузер задаёт по умолчанию. Увидеть их можно воспользовавшись средствами разработчика, которые есть в каждом браузере (обычно по нажатию на F12 открываются).

У меня в хроме ок. Может у вас масштабирование в браузере? Или, в винде в настройках сглаживание шрифтов отключено?

Никак. Внутрь инпута нельзя поместить ещё один элемент. Только если плейсхолдер делать. Но не понятно нужен он вам или нет, т.к. вы ничего не рассказываете о вашей задаче. Какая ещё черта? Никакой черты не видно в вашем примере. Инпуту вы и так задали ширину 34ch в чём проблема тогда?