Дмитрий Макеев

Это просто немного замедленное восприятие, так всегда бывает, когда рельса была действительно на порядок круче это был 2008-2010 год, за это время ASP.NET 5 вышел без привязки к венде и Laravel для пыхи и еще много чего мелкого, что уже не делает рельсу такой ультро мега крутой. По мне так сравнение впечатлений от рельсы в первый раз точно такие же как от техники эпл, все кругом говорят что она мега крутая, ты покупаешь мак бук и..... это обычный ноут, со своими плюсами и минусами. По мне так крутость рельсы это целостность и COC, переходя с каких-нибудь Symfony и ASP.NET кажется что все слишком упрощено и негибко, а оказывается что все сделано именно так чтобы работало сразу без траты лишнего время на доп абстракции и решало 90% задач, а магия это проблема на первое время, к сожалению, её надо выучить, большинство вещей проверяется в рантайме, это и конвенции рельсы отчасти от отчасти проблема всех скриптовых языков. Просто регулярные вопросы о крутости рельсы это что называется перерекламировали, ожидать чего-то невероятного не стоит.

Не знаю насколько интересно, но может кому пригодится. Частями найдено на просторах интернета, использую в своем template + normalize.
Заменяем длинный текст placeholder многоточием:

input[placeholder]          {text-overflow:ellipsis;}
input::-moz-placeholder     {text-overflow:ellipsis;} 
input:-moz-placeholder      {text-overflow:ellipsis;} 
input:-ms-input-placeholder {text-overflow:ellipsis;}

Скрываем placeholder при фокусе:

:focus::-webkit-input-placeholder {color: transparent}
:focus::-moz-placeholder          {color: transparent}
:focus:-moz-placeholder           {color: transparent}
:focus:-ms-input-placeholder      {color: transparent}

Курсор для label + отмена раздражающего выделения при клике:

label {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

Только вертикальный ресайз для textarea (horizontal часто ломает диз):

textarea {
	resize: vertical;
}

Убираем дефолтный курсив у address:

address {
	font-style: normal;
}

Убираем подсветку полей:

input:focus,
textarea:focus {
		outline: none;
}

Адаптивные img:

img {
	height: auto;
	max-width: 100%;
	width: auto\9;
}

Адаптивные видео:

.video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.video iframe,  
.video object,  
.video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

Перенос слов:

.break-word {
        word-wrap: break-word;
}

Обнуляем списки глобально, т.к. часто используется для навигации и проч., в области контента можно задать другие стили.

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

Нумерованный список с подпунктами:

ol {
	counter-reset: list1;

	li:before {
		counter-increment: list1;
		content: counter(list1) '. ';
	}

	ol {
		counter-reset: list2;

		li:before {
			counter-increment: list2;
			content: counter(list1) '.' counter(list2) '. ';
		}

		ol {
			counter-reset: list3;

			li:before {
				counter-increment: list3;
				content: counter(list1) '.' counter(list2) '.' counter(list3) '. ';
			}
		}
	}
}

update дополнительно стили для печати

P.S. Что-то конечно юзается не всегда, по желанию лишнее удалить, замечаниям и критике буду рад.

Лучше Nexus 4 за эти деньги ничего нет.
Брать китайца — неоправданный риск