Борис Якушев

https://habrahabr.ru/post/150267/

Ок гугл. Генератор градиентов.

Есть же отличная статья на эту тему.
https://habrahabr.ru/post/150267/

Если не сильны в php, то гуглите по запросу breadcrumb

Будет полезно:
docs.emmet.io/cheat-sheet

Я так понимаю вопрос "почему текст переходит на новую строку в sublime"?
Если да, то потому что не хватает ширины. Закройте правую вкладку, увидите разницу.

Используйте after.

Может быть таким образом ошибки подсвечивает?

Preferences -> Package Settings -> Package Control -> Setting User

Sublime Text 3
Vim

Совет один. Больше практики.

Любую бесплатную берите, вам подойдет.

Сделать форму, из инпута получать введенное значение, присваивать его переменной.

Первая страница в поиске вам выдаст массу .psd макетов.

Сделайте через :after иконочным шрифтом.