Odisseya

Для сео - сайт
Для контекстной рекламы - Landing Page

Сканнеров не знаю, но если нужен конструктор лендингов, проще купить на themeforest какой-нибудь конструктор лендингов, которых там навалом, за 15 баксов и не париться, чем платить абонентку. По запросу Page Builder вылезет целая куча. Я использовал вот такой: https://themeforest.net/item/select-landing-page-s... до сих пор у меня лежит на каком то сайте. Но это уже довольно древний билдер, ему года два, сейчас есть новее и современнее.

А все эти наши отечественные конструкторы имеют ряд критичных минусов:
1. Абонентка от 300 до 1500 рублей.
2. Зачастую всего 1 домен на 1 учетную запись.
3. Проблемы с внедрением стороннего кода. Например своих плагинов на квери или корзинки на аяксе.
4. Дополнительное вымогание денег за всякие копирайты и прочую ерунду.
5. Нет возможности самому исправить баги(а они есть везде), в результате приходится сидеть и ждать когда снизойдут сами разработчики, чтобы пофиксить то, что вам надо.

Вручную пишу.
Градиентов в типичном css не настолько много, чтобы колупать себе мозг какими-то там онлайн-генераторами.
Раньше это было актуально, потому что нужно было сделать 5-6 префиксных версий с нюансами синтаксиса. А сейчас автопрефиксер, да и тот не сильно обязателен.

В emmet есть файл snippets.json в котором хранятся сопоставления между шорт-кодами и разворачиваемым кодом. Можно его исправить но при обновлении можно все потерять.
https://github.com/sergeche/emmet-sublime/blob/mas...

Но правильней будет писать свои abbreviations в файл с настройками. Так как у него приоритет выше вы можите переопределить дефолтные abbreviations.

Пример:
В файле выше на строке 645 код "!": "html:5"
Это значит вводите ! и таб вызываете другой abbreviation html:5 на строке772 "html:5": "!!!+doc[lang=${lang}]",
который тянет другие снипеты
"!!!": "<?xml version=\"1.0\" encoding=\"UTF-8\"?>"
"doc": "html>(head>meta[charset=${charset}]+title{${1:Document}})+body",

Вот и меняйте что хотите в файле Preferences → Package setting → Emmet → Settings User

У меня он выглядит так

{
	// Custom snippets definitions, as per https://github.com/emmetio/emmet/blob/master/lib/snippets.json
	"snippets": {
		"html": {
			"abbreviations": {
				"script": "<script type=\"text/javascript\">",
				"script:src": "<script type=\"text/javascript\" src=\"\">",
				"form": "<form action=\"${1:#}\" method=\"${2:post}\">",
				"form:get": "<form action=\"${1:#}\" method=\"get\">",
				"form:post": "<form action=\"${1:#}\" method=\"post\">",
				"a": "<a href=\"${1:#}\">"
			}
		}
	},
	// Output profiles for syntaxes
	// http://docs.emmet.io/customization/syntax-profiles/
	"syntaxProfiles": {
		// Enable XHTML dialect for HTML syntax
		"html": "xhtml"
	}
}

Дополню ответ ув-мого Романа Огаркова.

Что происходит по умолчанию. Если Вы кликнули в сайдбаре один раз правой или левой кнопкой мыши по имени или иконке файла, открывается вкладка, текст в которой отображается курсивом. В созданной мной цветовой схеме это выглядит так:


Единичным кликом мы вызываем т. н. «режим просмотра» файла. Когда открыта вкладка с файлом в режиме просмотра, когда мы кликаем любой кнопкой мыши 1 или 2 раза по имени или иконке другого файла, этот самый другой файл откроется в той же вкладке, где был первый.

Если мы вносим изменения в файл, который находится в режиме просмотра, то курсив его имени во вкладке пропадает, — осуществляется переход из режима просмотра в «режим редактирования». Когда открыта вкладка файла, находящегося в режиме редактирования, при клике любой кнопкой мыши по другому файлу в сайдбаре, этот самый другой файл открывается уже в новой вкладке.


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

Чем это полезно, за годы работы в Sublime Text я не увидел. К тому же неудобно удалять файлы: ПКМ по имени или иконке файла в сайдбаре → Delete → Yes, delete the selected items → Ctrl+W → Нет — нажимать приходится много.

Для отмены режима просмотра проделываем следующее:Preferences →Settings - User→ добавляем в открывшийся файл строчку"preview_on_click": true,→ отныне после одинарного клика ЛКМ или любого количества кликов СКМ ничего не произойдёт. Для открытия файла в сайдбаре в режиме редактирования необходимо кликать по его имени или иконке дважды.

Несмотря на многочисленные просьбы, открытие файла в режиме редактирования единственным кликом ЛКМ в Sublime Text 3 на сентябрь 2016 не вводят.

Спасибо.

Флексбокс полностью исключает надобность сетки. ПОЛНОСТЬЮ.
CSS GRID хороша, но хромает поддержка

Делаю вот так:

html, body {
  font-size: 62.5%; // 1rem = 10px и никакой попаболи как с EM
}

И верстаю все только в rem уже более полугода (за исключение тонких бордеров в 2-3px и подобных микро-вещей, которые при снижении font-size для html, body могут выдавать становиться тоньше, чем надо).
Главная фишка - возможность скейлить всю верстку под разные разрешения. Хочется сделать все на 25% больше для мониторов шире 1600px? Просто пишешь:

html, body {
  @media (min-width: 1600px) {
    font-size: 78.125%;
  }
}

И вся верстка магическим образом идеально скейлится. Тоже самое касается и понижения, очень удобно в адаптивной верстке.
Недостатки у rem есть, но они безобидные для нормальных людей - ie9+ и баг с небольшой неточностью приема 62.5% в каких-то версиях ie (вроде как в 10), что в общем то не заслуживает внимания.

ну в какой header? всегда в тексте

d3.js <3 https://d3js.org/