Kjuri

Используйте ключи развертывания для получения доступа на чтение к этому репозиторию. Узнайте больше об использовании SSH-ключей.

Там же все написано.
И ключи развертывания - это настройки репозитария, а не настройки профиля.
В профиле пункт SSH-ключи. Туда и добавляйте.

В зависимости от задач
1. gulp.spritesmith - собирает png в один спрайт
2. gulp-svg-sprite - собирает svg в один спрайт
3. Вставка svg спрайтов на страницу

Сейчас возможно уже и не актуально, но к моей практике не прижились
Фоновые svg (плохая кроссбраузерность, нельзя стилизовать из внешних стилей)
base64 (Распирает вёрстку, изменилась картинка - во всех местах везде надо менять картинку, использую крайне редко)

Вставку svg спрайтов на страницу, делаю по такой практике:
На странице делаю контейнер куда группирую все спрайты

<div data-ui="resources" style="display: none;">
   <svg data-ui="icon-pack">
      <g id="svg-search"><path d="M61.8,56.6l-15.1-15C50,37.2,52,31.8,52,26C52,11.7,40.3,0,26,0C11.7,0,0,11.7,0,26c0,14.3,11.7,26,26,26 c6,0,11.5-2,15.9-5.4l15,15L61.8,56.6z M26,44.9c-10.5,0-19-8.5-19-19C7,15.5,15.5,7,26,7c10.5,0,19,8.5,19,19 C45,36.4,36.4,44.9,26,44.9z"></path></g>
      <g id="svg-img"><path d="M0.8,0C0.4,0,0,0.4,0,0.8v22.9c0,0.4,0.4,0.8,0.8,0.8h24.7c1.2,1.5,3,2.5,5,2.5c3.5,0,6.4-2.9,6.4-6.5c0-2.7-1.7-5.1-4-6.1V0.8C33,0.4,32.6,0,32.2,0H0.8z M1.6,1.6h29.8V14c-0.3,0-0.5-0.1-0.8-0.1c-1.2,0-2.3,0.4-3.3,0.9l-3-3.2c-0.2-0.2-0.4-0.3-0.7-0.2 c-0.2,0-0.3,0.1-0.5,0.2l-5.7,5.1l-7.2-8.3c-0.2-0.2-0.5-0.3-0.7-0.3c-0.2,0-0.3,0.1-0.5,0.2l-7.5,7.9V1.6z M17.7,3.3 c-1.8,0-3.2,1.5-3.2,3.3c0,1.8,1.4,3.3,3.2,3.3c1.8,0,3.2-1.5,3.2-3.3C20.9,4.7,19.5,3.3,17.7,3.3z M17.7,4.9 c0.9,0,1.6,0.7,1.6,1.6c0,0.9-0.7,1.6-1.6,1.6c-0.9,0-1.6-0.7-1.6-1.6C16.1,5.6,16.8,4.9,17.7,4.9z M9.6,10.2l11.1,12.7H1.6v-4.2 L9.6,10.2z M23.7,13.4l2.3,2.5c-1.1,1.2-1.9,2.8-1.9,4.6c0,0.9,0.2,1.7,0.5,2.5h-1.7L18.6,18L23.7,13.4z M30.6,15.5 c2.7,0,4.8,2.2,4.8,4.9c0,2.7-2.2,4.9-4.8,4.9s-4.8-2.2-4.8-4.9C25.7,17.7,27.9,15.5,30.6,15.5z M30.6,16.8c-0.4,0-0.8,0.4-0.8,0.8 v2h-2c-0.4,0-0.8,0.4-0.8,0.8c0,0.5,0.4,0.8,0.8,0.8h2v2c0,0.5,0.4,0.8,0.8,0.8c0.4,0,0.8-0.4,0.8-0.8v-2h2c0.4,0,0.8-0.4,0.8-0.8 c0-0.5-0.4-0.8-0.8-0.8h-2v-2C31.4,17.1,31,16.8,30.6,16.8z"></path></g>
      <g id="svg-plus"><path d="M15.6,7.1l-5.1,0c0,0,0,0-0.1,0c0,0,0,0-0.1,0c-0.2,0-0.4-0.2-0.4-0.5l0,0l0-5.1l0-0.3C9.8,0.6,9.2,0,8.5,0 C7.7,0,7.1,0.6,7.1,1.3l0,0.2l0,5.1c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0.3-0.2,0.5-0.5,0.5c0,0,0,0,0,0 c0,0,0,0,0,0l-5,0l-0.3,0C0.6,7.1,0,7.7,0,8.5c0,0.7,0.6,1.4,1.3,1.4h0.2l5.1,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0 c0.3,0,0.5,0.2,0.5,0.5c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0l0,5.1l0,0.2C7.2,16.4,7.8,17,8.5,17 c0.8,0,1.4-0.6,1.4-1.4l0,0l0-5.2c0,0,0,0,0,0c0,0,0,0,0,0c0-0.3,0.2-0.5,0.5-0.5l0,0l5.1,0l0.2,0C16.4,9.9,17,9.2,17,8.5 C17,7.7,16.4,7.1,15.6,7.1L15.6,7.1z"></path></g>
   </svg>
</div>

В документе использую так (для svg передаю ид. спрайта в аттрибуте xlink:href="..."):

<button data-ui="search">
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 61.8 61.5"><use x="0" y="0"  xlink:href="#svg-search"></use></svg>
</button>

На счёт раста и dpi, использую 2 вида спрайта для каждой иконки (обычный монитор и ретина).
Если требуется поддержка 3х и более разновидностей плотности в ход идёт svg.
Но в основном и для мобильных девайсов (пример 120dpi) использую ретиновские спрайты, проблем с качеством иконки не замечал, единственное объём трафика на иконки повышается до ~5-10%

Вот так: https://jsfiddle.net/RadCor/574nm60c/ ;)

На чистом JS:
getBoundingClientRect().width

jsfiddle

var f = function(i){
	i = i | 0;
	i++;
	console.log(i);
	if(i<5)
		setTimeout(f.bind(null,i),1000);	
}

Нашел-таки готовый скрипт! Для моего Photoshop CC 2014 подошел идеально.

upd.
С CC2017 тоже работает.

https://www.jsdelivr.com - куча всего

Пример №1
Вы являйтесь ИП в юрисдикции РФ. Ваш подрядчик тоже ИП в РФ.
Что делать: подписывайте договор на оказание услуги, например, Вы платите 5 т.р. за разработку дизайна.
Расходы: пересылка конверта с документами в адрес Вашего подрядчика, который будет рисовать дизайн
Налоги: нет

Пример №2
Вы являйтесь ИП в юрисдикции РФ. Ваш подрядчик физическое лицо в РФ.
Что делать: подписывается гражданко-правовой договор(часто Вы можете встретить сокращение ГПХ - гражданско-правового характера). Он будет точно таким же как договор между ИП, только в качестве исполнителя в нем указано физ.лицо.
Первое что необходимо помнить при оформлении договора подряда с физ.лицом - коные договора должен быть четко определен, например, "...Исполнитель обязазуется нарисовать Заказчику дизайн-макет сайта кулинарной тематики и предоставить его до 25.10.2016". Ни в коем случае не должно быть указано выполнение какие-либо переодических действий, например, "...Исполнитель обязуется выполнять работы по разработке дизайн-макетов сайтов, в течении 10 дней с момента поступления запроса от Заказчика..." Это уже будет являться трудовым договором, а это уже отдельная тема.
Расходы: пересылка договора подрядчику + пересылка отчетов в ФНС и ПФР
Условие: Пусть 5 000 рублей это сумма, за которую работает Ваш подрядчик.
Налоги:

1. 13% - налог на доходы физ.лиц
   
2. 22% - взнос в Пенсионный фонд
   
3. 5,1% - взнос в фонд Обязательного мед.страхования
   

Расчет:

1. 5 000 - 13% = 4350 - столько получит на карточку Ваш исполнитель
   
2. 5 000 - 87% = 650 - это 13% НДФЛ
   
3. 5 000 + 22% = 1100 - в Пенсионный фонд
   
4. 5 000 + 5.1% = 255 - на медицину
   

Итог: Ваш подрядчик получает 4350 рублей. Бюджет РФ получает с этого 1975 рублей. Суммарно Вы заплатите 6325 рублей
Отчеты: в Пенсионный фонд(если не ошибаюсь форма РСВ-1) и в ФНС. В ПФР отчет должен быть отправлен в конце месяца, хотя могу ошибаться. Для наемных сотрудников на трудовом договоре РСВ-1 точно ежемесячно предоставляется. Для людей на договорах подряда точно не скажу, спрашивайте в своем ПФР. В ФНС отчет раз в год до 01.04 должен быть предоставлен.

Пример №3
Вы являйтесь ИП в юрисдикции РФ. Ваш подрядчик физическое лицо вне юрисдикции РФ
Что делать: ежайте в эту самую другую юрисдикцию, открывайте там филиал/представительство и работаете по законам той страны. Деньги сначала со своего ИП кидайте на представительство, а потом с него уже Вашим наемным людям. И да, еще Вас ждет с распростертыми объятиями валютный контроль банка и ФНС внешние операцияии с аффилированными иностранными компаниями любит под микроскопом рассматривать.
Налоги: не знаю, сильно зависит от страны назначения.

Пример №4
Вы являйтесь ИП в юрисдикции РФ. Ваш подрядчик ИП/юр.лицо вне юрисдикции РФ
Что делать: идти в банк и узнавать что такое валютный контроль, что надо заполнять, сколько это идет и т.д. Точно нужен будет счет в иностранной валюте. Вроде бы, но могу ошибаться, еще нужно будет регистрироваться на таможне, даже если Вы физически через границу ничего перемещать не собирайтесь(тут могу ошибаться).

Вывод.
Оцените объем работы, которую Вы хотите сами аутсорсить и либо найдите веб-студию, которой будите аутсорсить и получать от них все документы либо возьмите себе в штат человека, который будет все это делать.

Без html не получиться

<div id="myDiv" contenteditable="true">
 <img scr="">
</div>

дальше js обёртки.

.inform_line {
     background-color: red;
     height: 8px;
     margin-bottom: 10px;
     overflow: hidden; /*Добавь это свойство и будет тебе счастье*/
}

Сам помучался с этой штукой, а решение по сути то элементарное.
input, button { -webkit-appearance: none;}
Прописываете этот стиль вашему элементу и будет счастье.