CapeRatel

https://www.youtube.com/user/agragregra/videos

Вот

есть популярные наработки блогов?

не хочу использовать wordpress и другие cms.

Есть, но почему-то вы не хотите их использовать.
https://ghost.org/

Как всегда, идет идет логика, потом бац - подменя понятий.
Где пруф или как из вашего поста вытекает, что:

стремятся сделать все без программирования на чистом css?

Каждой задаче - свой инструмент. Раньше, когда инструмент CSS был плохо развит, часто его задачи выполнялись с помощью инструмента JS. Теперь же - можно делать вещи своим инструментом. Анимации - это внешний вид, дизайн, стиль - для этого и предназначен CSS. Это не язык программирования.

JS - это язык программирования. Он предназначен для вычислений и передачи контроля. Хоть это и язык общего назначения, но анимации и стиль - явно не его первоочередная задача. И решается она с его помощью не лучшим образом.

Скажите, вы если в Великобританию поедете - будете в правом ряду издить на автомобиле ?
Если руби под виндовс, то хотя бы Vagrant. Но с десяткой, возможно, еще проблемы у Virtual box

$(function () {
    var url = window.location;
    $('#top-menu a[href="' + url + '"]').parent('li').addClass('current-page');
    $('#top-menu a').filter(function () {
        return this.href == url;
    }).parent('li').addClass('current-page').parent('ul').slideDown().parent().addClass('active');
});

<div id="top-menu">
 <ul class="nav child_menu">
  <li><a href="index.html">Ololo</a></li>
  <li><a href="index2.html">Ololo2</a></li>
 </ul>
</div>

Добавляет класс current-page к пункту меню, href которого совпадает с текущим URL.
domen.com/index2.html

<li class="current-page"><a href="index2.html">Ololo2</a></li>

Думаю правильно понял vsuhachev.

ru:
  activerecord:
    models:
      article: 'Статьи'
      tags: 'Тэги'

@article = Article.all
@article_model_ru = (@article.model_name.human).mb_chars.downcase

Спасибо, собственно этот вариант CapeRatel предлагал, я как-т пропустил мимо глаз, видимо 2 часа ночи не лучшее время :)

плюс пользоваться поиском, клик

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

Если с html всё ясно в общем то вот посчёт css я не соглашусь с Михаил ибо постоянно в гугол гонять много времени отнимает, так что основныеи свойства и знать надо а за спецификойтможно иислазить.

Для быстройтразработки хорошо подходит фреймвок Bootstrap getbootstrap.com/2.3.2/index.html

По JS то-же не соглашусь, чужие наработки дёргать конечно можно но понимать что происходит там также полезно ибо потом будете долгот втыкать и не понимать какого он не пашет.

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

Сорри за ошибки, с планшета пишу, промахиваюсь мимо пробела и по т пападаю :)

RoR - это веб, поэтому нужно знать HTML/CSS, JS . Хотя бы базово, но желательно на среднем уровне. + Full Stack очень высоко цениться на рынке труда. В будущем css/js можно будет заменить на sass + cofeescript. По мере необходимости.

Кстати мне вот тоже интересно автор в своем стартапе тоже просто "за опыт" работает? Время свое тратит, и маркетологи с программистами тоже "за опыт"? Как альтернативу могу посоветовать найти дизайнера на долю в проекте (% от инвестиций, % от прибыли +% от компании-стартапа).

Если на текущем этапе у вас нет финансирования и вы все работаете на перспективу — найдите дизайнера, который согласится развивать и вкладываться в ваш проект по договору, в котором вы отдаете % от прибыли или % вашей компании.

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

А если вы просто жадина, который решил "хитро обмануть систему" и найти просто бесплатного раба, который бесплатно будет вникать в ваш проект, бесплатно играться с вашими правками и доработками, а когда ваш проект начнет зарабатывать деньги, просто скажет "Спасибо друзья, за бесценный опыт. Ну я пошел"... Тут даже не знаю, ну good luck, man!

Что за люди...

Не доверяете разработчику? Делайте всё сами!
Нужно давать всё что он попросит.

Вы у врача тоже просите его осмотреть вас в одежде, не вынимания рук из карманов и на расстоянии 20км?

в параметрах полей таблиц укажи кодировку utf8-general-ci.

Просто для информации: данный эффект (сдвиг с увеличением) называется "Ken Burns Effect". По этому названию (Ken Burns Slider) можно найти много примеров и готовых скриптов.

Для ссылки тогда

display: block;
border-radius: 50%;