<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Sublime Text 3 &#8212; ploshadka.net</title>
	<atom:link href="https://ploshadka.net/tag/sublime-text-3/feed/" rel="self" type="application/rss+xml" />
	<link>https://ploshadka.net</link>
	<description>Мир интернет технологий</description>
	<lastBuildDate>Sat, 08 Aug 2020 20:31:36 +0000</lastBuildDate>
	<language>ru-RU</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.1</generator>
	<item>
		<title>FtpSync &#8212; FTP для Sublime Text 3</title>
		<link>https://ploshadka.net/ftpsync-ftp-dlja-sublime-text-3/</link>
					<comments>https://ploshadka.net/ftpsync-ftp-dlja-sublime-text-3/#comments</comments>
		
		<dc:creator><![CDATA[Admin]]></dc:creator>
		<pubDate>Sat, 26 Jan 2019 21:38:51 +0000</pubDate>
				<category><![CDATA[Mac OS]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[Sublime Text 3]]></category>
		<guid isPermaLink="false">https://ploshadka.net/?p=4966</guid>

					<description><![CDATA[Инструкция по использованию плагина FtpSync для сохранения файлов по FTP через программу Sublime Text 3. Плагин FtpSync для Sublime Text 3 позволяет при сохранении файла заливать его на FTP сервер. Для каждой папки (проекта) можно назначить свои ftp сервера, что...]]></description>
										<content:encoded><![CDATA[<p>Инструкция по использованию плагина <strong>FtpSync</strong> для сохранения файлов по FTP через программу <strong>Sublime Text 3</strong>. <span id="more-4966"></span></p>
<p>Плагин <strong>FtpSync</strong> для <a href="https://ploshadka.net/sublime_text_3/">Sublime Text 3</a> позволяет при сохранении файла заливать его на FTP сервер. </p>
<p>Для каждой папки (проекта) можно назначить свои ftp сервера, что невероятно удобно.</p>
<h2>Установка плагина FtpSync</h2>
<p>Вызываем установщик пакетов</p>
<div class="codecolorer-container text dawn" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="text codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap;">cmd + shift + p</div></div>
<p>Выбираем</p>
<div class="codecolorer-container text dawn" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="text codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap;">Package Control: Install Package</div></div>
<p><a href="https://ploshadka.net/wp-content/uploads/4966/FtpSync.jpg" rel="lightbox-0"><img decoding="async" loading="lazy" src="https://ploshadka.net/wp-content/uploads/4966/FtpSync-596x400.jpg" alt="" width="596" height="400" class="aligncenter size-medium wp-image-4968" srcset="https://ploshadka.net/wp-content/uploads/4966/FtpSync-596x400.jpg 596w, https://ploshadka.net/wp-content/uploads/4966/FtpSync-1191x800.jpg 1191w, https://ploshadka.net/wp-content/uploads/4966/FtpSync-298x200.jpg 298w, https://ploshadka.net/wp-content/uploads/4966/FtpSync.jpg 1194w" sizes="(max-width: 596px) 100vw, 596px" /></a></p>
<p>Вводим в поисковую строку FtpSync и устанавливаем плагин.</p>
<h2>Настройка плагина FtpSync</h2>
<p>Выбираем проект (папку), вызываем контекстное меню и выбираем настройку FTP для этого проекта</p>
<p><a href="https://ploshadka.net/wp-content/uploads/4966/FtpSync3.jpg" rel="lightbox-1"><img wpfc-lazyload-disable="true" decoding="async" loading="lazy" src="https://ploshadka.net/wp-content/uploads/4966/FtpSync3-600x304.jpg" alt="" width="600" height="304" class="aligncenter size-medium wp-image-4970" srcset="https://ploshadka.net/wp-content/uploads/4966/FtpSync3-600x304.jpg 600w, https://ploshadka.net/wp-content/uploads/4966/FtpSync3-300x152.jpg 300w, https://ploshadka.net/wp-content/uploads/4966/FtpSync3.jpg 962w" sizes="(max-width: 600px) 100vw, 600px" /></a></p>
<p>Создаётся и открывается файл <strong>ftpsync.settings</strong>. Здесь будут находится настройки для этой папки. Сам файл будет сохранён в этой же папочке.</p>
<p><a href="https://ploshadka.net/wp-content/uploads/4966/FtpSync2.jpg" rel="lightbox-2"><img wpfc-lazyload-disable="true" decoding="async" loading="lazy" src="https://ploshadka.net/wp-content/uploads/4966/FtpSync2-600x375.jpg" alt="" width="600" height="375" class="aligncenter size-medium wp-image-4969" srcset="https://ploshadka.net/wp-content/uploads/4966/FtpSync2-600x375.jpg 600w, https://ploshadka.net/wp-content/uploads/4966/FtpSync2-1200x750.jpg 1200w, https://ploshadka.net/wp-content/uploads/4966/FtpSync2-300x188.jpg 300w, https://ploshadka.net/wp-content/uploads/4966/FtpSync2.jpg 1920w" sizes="(max-width: 600px) 100vw, 600px" /></a></p>
<p>Заполняем данные входа.</p>
<p>Также раскомментируем директивы: </p>
<ul>
<li>upload_on_safe</li>
<li>port</li>
<li>passive</li>
<li>overwrite_newer_prevention</li>
</ul>
<p>Особенно важно раскомментировать <strong>overwrite_newer_prevention</strong>, чтобы перезаписывать файлы на удалённом сервере. </p>
]]></content:encoded>
					
					<wfw:commentRss>https://ploshadka.net/ftpsync-ftp-dlja-sublime-text-3/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
		<item>
		<title>Преимущества PhpStorm в сравнении с Sublime Text</title>
		<link>https://ploshadka.net/phpstorm-vs-sublime-text/</link>
					<comments>https://ploshadka.net/phpstorm-vs-sublime-text/#respond</comments>
		
		<dc:creator><![CDATA[Admin]]></dc:creator>
		<pubDate>Sun, 25 Feb 2018 09:36:07 +0000</pubDate>
				<category><![CDATA[GIT]]></category>
		<category><![CDATA[Mac OS]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[Windows]]></category>
		<category><![CDATA[GitHub]]></category>
		<category><![CDATA[PhpStorm]]></category>
		<category><![CDATA[Sublime Text 3]]></category>
		<category><![CDATA[Основательные труды]]></category>
		<guid isPermaLink="false">https://ploshadka.net/?p=4088</guid>

					<description><![CDATA[Мне нравится Sublime Text 3, но я расскажу почему PhpStorm лучше. Без последнего редактора вы вряд ли обойдетесь в больших проектах, рассчитанных на разработку нескольких человек. Заметку решил написать, потому когда со PhpStorm не работаешь, думаешь, что это бесполезный и...]]></description>
										<content:encoded><![CDATA[<p>Мне нравится <strong>Sublime Text 3</strong>, но я расскажу почему <strong>PhpStorm</strong> лучше. Без последнего редактора вы вряд ли обойдетесь в больших проектах, рассчитанных на разработку нескольких человек. <span id="more-4088"></span></p>
<p>Заметку решил написать, потому когда со PhpStorm не работаешь, думаешь, что это бесполезный и тяжелый комбайн. А когда в нём начинаешь серьёзно работать, то его особенности тебя поражают своей продуманностью и удобством. А скорость его на современных компьютерах не хуже Саблайма.</p>
<p>PhpStorm на 10 лет ушел вперёд от программ типа <a href="https://ploshadka.net/dreamweaver/">Adobe Dreamweaver</a> и предлагает функционал, который тому и не снился.</p>
<p><a href="https://ploshadka.net/sublime_text_3/">Sublime Text 3</a> очень хорош, когда вы работаете один и не нужно постоянно синхронизировать или сравнивать с фтп файлами, чтобы забрать последние редактирования других людей. Также когда не нужно сравнивать, чтобы занести проект на <strong>GitHub</strong> предварительно скачав из репозитория последние изменения в файлах. </p>
<p>Я рассказываю о преимуществах <strong>PhpStorm</strong> в сравнении с <strong>Sublime Text</strong> именно потому, что когда работаешь один не хочется углубляться в огромное количество настроек Шторма. И он тебе кажется громоздким и не нужным. На самом деле это всё оттого, что либо не хватает знаний для работы в Шторме либо проекты не сложные.</p>
<p>Например, какие-то простые вещи я делаю в Sublime Text 3, потому что создавать &#171;Новый проект&#187; в Шторме для небольших изменений никакого смысла нет. Гораздо проще открыть Саблаймом пару файлов и быстро отредактировать нужное содержимое и отправить заказчику. Но когда проекты большие и сложные, написанные не тобой, а работы будет много, завязанные на координации других людей, без PhpStorm не обойтись.</p>
<p>Расскажу о некоторых преимуществах Шторма ниже.</p>
<h2>Место редактирования файлов</h2>
<p>В PhpStorm продолжить работу с файлами значительно проще, чем в Sublime. В каждом открытом файле запоминается даже курсор и место где вы редактируете. Если вы закроете и откроете программу, то курсор в файлах будет на том же самом месте, в котором он находился в каждом из открытых файлов.</p>
<p><a href="https://ploshadka.net/wp-content/uploads/4088/file-spot.jpg" rel="lightbox-0"><img decoding="async" loading="lazy" src="https://ploshadka.net/wp-content/uploads/4088/file-spot-539x400.jpg" alt="" width="539" height="400" class="aligncenter size-medium wp-image-4092" srcset="https://ploshadka.net/wp-content/uploads/4088/file-spot-539x400.jpg 539w, https://ploshadka.net/wp-content/uploads/4088/file-spot-270x200.jpg 270w, https://ploshadka.net/wp-content/uploads/4088/file-spot.jpg 860w" sizes="(max-width: 539px) 100vw, 539px" /></a></p>
<h2>Специальные отметки и избранное</h2>
<p>Вы можете на полях файлов делать специальные отметки, которые сохраняются в пункте меню <strong>Breakpoints</strong>. Таким образом очень легко найти ключевые места в файлах. Кроме того можно любой файл добавить в <strong>Избранное</strong> и всегда быстро к нему обратиться. Можно создать несколько разных папок для избранного.</p>
<p><a href="https://ploshadka.net/wp-content/uploads/4088/breakpoints.jpg" rel="lightbox-1"><img decoding="async" loading="lazy" src="https://ploshadka.net/wp-content/uploads/4088/breakpoints-456x400.jpg" alt="" width="456" height="400" class="aligncenter size-medium wp-image-4090" srcset="https://ploshadka.net/wp-content/uploads/4088/breakpoints-456x400.jpg 456w, https://ploshadka.net/wp-content/uploads/4088/breakpoints-228x200.jpg 228w, https://ploshadka.net/wp-content/uploads/4088/breakpoints.jpg 702w" sizes="(max-width: 456px) 100vw, 456px" /></a></p>
<h2>Scratch файлы в PhpStorm</h2>
<p>В Sublime легко можно создавать пустые файлы, которые не исчезнут после закрытия программы. В PhpStorm вместо пустых и безымянных файлов создаются <strong>Scratch</strong> файлы. Они никуда не деваются, их не нужно специально куда-то сохранять, они остаются в проекте, пока вы их не удалите. Это удобно.</p>
<p><a href="https://ploshadka.net/wp-content/uploads/4088/scratch-file1.jpg" rel="lightbox-2"><img decoding="async" loading="lazy" src="https://ploshadka.net/wp-content/uploads/4088/scratch-file1-182x400.jpg" alt="" width="182" height="400" class="aligncenter size-medium wp-image-4095" srcset="https://ploshadka.net/wp-content/uploads/4088/scratch-file1-182x400.jpg 182w, https://ploshadka.net/wp-content/uploads/4088/scratch-file1-363x800.jpg 363w, https://ploshadka.net/wp-content/uploads/4088/scratch-file1-91x200.jpg 91w, https://ploshadka.net/wp-content/uploads/4088/scratch-file1.jpg 536w" sizes="(max-width: 182px) 100vw, 182px" /></a></p>
<p><a href="https://ploshadka.net/wp-content/uploads/4088/scratch-file2.jpg" rel="lightbox-3"><img wpfc-lazyload-disable="true" decoding="async" loading="lazy" src="https://ploshadka.net/wp-content/uploads/4088/scratch-file2-600x304.jpg" alt="" width="600" height="304" class="aligncenter size-medium wp-image-4094" srcset="https://ploshadka.net/wp-content/uploads/4088/scratch-file2-600x304.jpg 600w, https://ploshadka.net/wp-content/uploads/4088/scratch-file2-300x152.jpg 300w, https://ploshadka.net/wp-content/uploads/4088/scratch-file2.jpg 816w" sizes="(max-width: 600px) 100vw, 600px" /></a></p>
<h2>Сравнение с файлом на FTP</h2>
<p>Редактируемый файл можно сравнить с тем, который лежит сейчас на FTP. Это важно, когда разработкой занимаются сразу много человек. Для того, чтобы случайно не удалить чужие наработки.</p>
<p><a href="https://ploshadka.net/wp-content/uploads/4088/compare.jpg" rel="lightbox-4"><img wpfc-lazyload-disable="true" decoding="async" loading="lazy" src="https://ploshadka.net/wp-content/uploads/4088/compare-600x182.jpg" alt="" width="600" height="182" class="aligncenter size-medium wp-image-4098" /></a></p>
<p>При сравнении показывается оба файла с изменениями, которые были сделаны с двух сторон:</p>
<p><a href="https://ploshadka.net/wp-content/uploads/4088/compare-deployed.jpg" rel="lightbox-5"><img wpfc-lazyload-disable="true" decoding="async" loading="lazy" src="https://ploshadka.net/wp-content/uploads/4088/compare-deployed-600x387.jpg" alt="" width="600" height="387" class="aligncenter size-medium wp-image-4099" srcset="https://ploshadka.net/wp-content/uploads/4088/compare-deployed-600x387.jpg 600w, https://ploshadka.net/wp-content/uploads/4088/compare-deployed-1200x774.jpg 1200w, https://ploshadka.net/wp-content/uploads/4088/compare-deployed-300x194.jpg 300w, https://ploshadka.net/wp-content/uploads/4088/compare-deployed.jpg 1920w" sizes="(max-width: 600px) 100vw, 600px" /></a></p>
<p>По стрелочкам можно переносить изменения. </p>
<h2>Работа с Git репозиторием</h2>
<p>Точно также можно сравнивать файлы с репозиторием <strong>GitHub</strong>. </p>
<p>Если один и тот же файл редактировали несколько человек, то в случае редактирования одних и тех же строк появится конфликт. Такой файл будет подкрашен красным цветом. Для разрешения конфликта, в контекстном меню надо выбрать <strong>Resolve Conflicts&#8230;</strong></p>
<p><a href="https://ploshadka.net/wp-content/uploads/4088/resolve-conflicts.jpg" rel="lightbox-6"><img wpfc-lazyload-disable="true" decoding="async" loading="lazy" src="https://ploshadka.net/wp-content/uploads/4088/resolve-conflicts-600x365.jpg" alt="" width="600" height="365" class="aligncenter size-medium wp-image-4162" srcset="https://ploshadka.net/wp-content/uploads/4088/resolve-conflicts-600x365.jpg 600w, https://ploshadka.net/wp-content/uploads/4088/resolve-conflicts-300x182.jpg 300w, https://ploshadka.net/wp-content/uploads/4088/resolve-conflicts.jpg 1148w" sizes="(max-width: 600px) 100vw, 600px" /></a></p>
<p>Появится трехколоночное окно. Слева будет ваш файл, по центру конечный, а справа &#8212; чужой. В центральную колонку можно выбрать, какие изменения занести с двух сторон.</p>
<p><a href="https://ploshadka.net/wp-content/uploads/4088/merge-revisions.jpg" rel="lightbox-7"><img wpfc-lazyload-disable="true" decoding="async" loading="lazy" src="https://ploshadka.net/wp-content/uploads/4088/merge-revisions-600x363.jpg" alt="" width="600" height="363" class="aligncenter size-medium wp-image-4158" srcset="https://ploshadka.net/wp-content/uploads/4088/merge-revisions-600x363.jpg 600w, https://ploshadka.net/wp-content/uploads/4088/merge-revisions-1200x727.jpg 1200w, https://ploshadka.net/wp-content/uploads/4088/merge-revisions-300x182.jpg 300w, https://ploshadka.net/wp-content/uploads/4088/merge-revisions.jpg 1920w" sizes="(max-width: 600px) 100vw, 600px" /></a></p>
<p>Все конфликты также можно решить через меню:<br />
<strong>VSC -> Git -> Resolve Conflicts&#8230;</strong></p>
<h2>Поиск в PhpStorm</h2>
<p>На удивление поиск в Шторме (когда все файлы проиндексированы, а индексация происходит при создании проекта) работает значительно быстрее. И сделан он гораздо функциональнее.</p>
<p>Для поиска сделано специальное окно. Сверху выводится список файлов с конкретным местом искомого объекта, справа показывается его место в файле. Внизу можно просмотреть файл и сразу же его отредактировать, либо нажать клавишу Enter и файл с нужным местом откроется в новом окне.</p>
<p><a href="https://ploshadka.net/wp-content/uploads/4088/search.jpg" rel="lightbox-8"><img decoding="async" loading="lazy" src="https://ploshadka.net/wp-content/uploads/4088/search-562x400.jpg" alt="" width="562" height="400" class="aligncenter size-medium wp-image-4100" srcset="https://ploshadka.net/wp-content/uploads/4088/search-562x400.jpg 562w, https://ploshadka.net/wp-content/uploads/4088/search-1124x800.jpg 1124w, https://ploshadka.net/wp-content/uploads/4088/search-281x200.jpg 281w, https://ploshadka.net/wp-content/uploads/4088/search.jpg 1920w" sizes="(max-width: 562px) 100vw, 562px" /></a></p>
<p>Чертовски удобный поиск. Такого убоства нет в Sublime Text.</p>
<h2>Поиск по функциям</h2>
<p>В Sublime Text если навести на описанную функцию, то можно пройтись к её описанию:</p>
<p><a href="https://ploshadka.net/wp-content/uploads/4088/Goto-Definition.jpg" rel="lightbox-9"><img wpfc-lazyload-disable="true" decoding="async" loading="lazy" src="https://ploshadka.net/wp-content/uploads/4088/Goto-Definition-600x280.jpg" alt="" width="600" height="280" class="aligncenter size-medium wp-image-4104" srcset="https://ploshadka.net/wp-content/uploads/4088/Goto-Definition-600x280.jpg 600w, https://ploshadka.net/wp-content/uploads/4088/Goto-Definition-300x140.jpg 300w, https://ploshadka.net/wp-content/uploads/4088/Goto-Definition.jpg 1142w" sizes="(max-width: 600px) 100vw, 600px" /></a></p>
<p>В PhpStorm-е сделан такой же функционал, но ещё более расширен. Можно переходить не только по функциям. У меня за это отвечает комбинация клавиш Cmd + B (Mac OS), но также если нажать на любую <strong>переменную</strong>, то переход будет к её описанию.</p>
<p>А если нажать на переменную или саму функцию, там где она описана, то появится окошко со всеми местами, где она используется.</p>
<p><a href="https://ploshadka.net/wp-content/uploads/4088/variable.jpg" rel="lightbox-10"><img wpfc-lazyload-disable="true" decoding="async" loading="lazy" src="https://ploshadka.net/wp-content/uploads/4088/variable-600x109.jpg" alt="" width="600" height="109" class="aligncenter size-medium wp-image-4105" srcset="https://ploshadka.net/wp-content/uploads/4088/variable-600x109.jpg 600w, https://ploshadka.net/wp-content/uploads/4088/variable-1200x218.jpg 1200w, https://ploshadka.net/wp-content/uploads/4088/variable-300x55.jpg 300w, https://ploshadka.net/wp-content/uploads/4088/variable.jpg 1742w" sizes="(max-width: 600px) 100vw, 600px" /></a></p>
<h2>Выделение синтаксиса</h2>
<p>Честно говоря Шторм даже перестарался со своими стилями. Выделяется чуть ли не каждая точка (я утрирую конечно), но из-за обилия стилей, весь код превращается в набор ярких красок. Это минус, но минус такой, от которого легко избавиться в настройках. Для себя я убрал с десяток разных стилей, а какие-то сделал общими, стало читаться гораздо легче. А функционал выделений всё равно остался на порядок выше Саблайма.</p>
<p>В PhpStorm-е чего только не выделяется отдельными стилями. Например, поставили курсор возле кавычек, они выделились с двух сторон. Поставили курсор возле HTML структуры, с двух сторон выделились открывающиеся и закрывающиеся теги. Причем выделяется вся структура данных. Каждые закрывающийся блок подкрашен своим цветом.</p>
<p><a href="https://ploshadka.net/wp-content/uploads/4088/colores.jpg" rel="lightbox-11"><img decoding="async" loading="lazy" src="https://ploshadka.net/wp-content/uploads/4088/colores-595x400.jpg" alt="" width="595" height="400" class="aligncenter size-medium wp-image-4106" srcset="https://ploshadka.net/wp-content/uploads/4088/colores-595x400.jpg 595w, https://ploshadka.net/wp-content/uploads/4088/colores-1191x800.jpg 1191w, https://ploshadka.net/wp-content/uploads/4088/colores-298x200.jpg 298w, https://ploshadka.net/wp-content/uploads/4088/colores.jpg 1268w" sizes="(max-width: 595px) 100vw, 595px" /></a></p>
<p>Также можно обратить внимание, что в функциях пишутся значения свойств. Сначала &#171;лишние объекты&#187; бесят, но постепенно, когда привыкаешь, начинают помогать. Из картинки выше видно, что <strong>text:</strong> и <strong>domain:</strong> это вспомогательные элементы, которых нет в коде, но они подсказывают, какие атрибуты использует функция.</p>
<h2>Подсветка неиспользуемых переменных</h2>
<p>Если переменная не используется, она будет закрашена серым цветом. Часто это помогает в написании кода и поиске ошибок.</p>
<h2>Подсказка в функциях</h2>
<p>Если в функциях пропущена обязательная переменная, то такая функция будет подсвечена, а наверху будет выведена подсказка.</p>
<p><a href="https://ploshadka.net/wp-content/uploads/4088/function-missing-variable.jpg" rel="lightbox-12"><img wpfc-lazyload-disable="true" decoding="async" loading="lazy" src="https://ploshadka.net/wp-content/uploads/4088/function-missing-variable-600x105.jpg" alt="" width="600" height="105" class="aligncenter size-medium wp-image-4142" srcset="https://ploshadka.net/wp-content/uploads/4088/function-missing-variable-600x105.jpg 600w, https://ploshadka.net/wp-content/uploads/4088/function-missing-variable-300x52.jpg 300w, https://ploshadka.net/wp-content/uploads/4088/function-missing-variable.jpg 688w" sizes="(max-width: 600px) 100vw, 600px" /></a></p>
<h2>Изменения в файлах</h2>
<p>В программе есть локальные изменения файлов и история всех изменений. Всегда можно вернуть файл к начальному состоянию или какому-то промежуточному. Измененные файлы отображаются в специальной виртуальной папке. Их можно переносить в другие такие же папки. Вообщем огромный функционал для того, чтобы легко найти последние изменения и файлы, с которыми была работа.</p>
<p><a href="https://ploshadka.net/wp-content/uploads/4088/localchange.jpg" rel="lightbox-13"><img wpfc-lazyload-disable="true" decoding="async" loading="lazy" src="https://ploshadka.net/wp-content/uploads/4088/localchange-600x273.jpg" alt="" width="600" height="273" class="aligncenter size-medium wp-image-4108" srcset="https://ploshadka.net/wp-content/uploads/4088/localchange-600x273.jpg 600w, https://ploshadka.net/wp-content/uploads/4088/localchange-1200x545.jpg 1200w, https://ploshadka.net/wp-content/uploads/4088/localchange-300x136.jpg 300w, https://ploshadka.net/wp-content/uploads/4088/localchange.jpg 1668w" sizes="(max-width: 600px) 100vw, 600px" /></a></p>
<p>Например, работая с десятком файлов одну неделю, легко потом найти все измененные файлы, чтобы загрузить только их на FTP или на GitHub репозиторий. Делается это также через программу. Никакой отдельной FTP программы для этого не нужно.</p>
<h2>Другие преимущества</h2>
<p>Сохранение без кнопки. Мне нравится, что PhpStorm позволяет сохранять файлы без нажатия кнопок сохранения. Т.е. файлы сохраняются при любом изменении. Не нужно ничего нажимать. Кроме того, можно настроить чтобы при нажатии, скажем <strong>Cmd + S</strong> файл сохранялся сразу на сервер. Это также экономит кучу времени. Но поначалу надо привыкнуть и не нажимать каждый раз эту комбинацию, чтобы не отправить не готовую версию на рабочий сервер.</p>
<p>В PhpStorm встроена консоль, логи и много другого функционала. Например, автоматическая компиляция <strong>SCSS (SASS)</strong> файлов. Вы поправили файл scss и он тут же скомпилировался в css. Для этого придётся установить отдельно ruby и его расширения, а затем настроить в Шторме, в разделе File Watchers:</p>
<p><a href="https://ploshadka.net/wp-content/uploads/4088/watcher.jpg" rel="lightbox-14"><img wpfc-lazyload-disable="true" decoding="async" loading="lazy" src="https://ploshadka.net/wp-content/uploads/4088/watcher-600x320.jpg" alt="" width="600" height="320" class="aligncenter size-medium wp-image-4160" srcset="https://ploshadka.net/wp-content/uploads/4088/watcher-600x320.jpg 600w, https://ploshadka.net/wp-content/uploads/4088/watcher-1200x639.jpg 1200w, https://ploshadka.net/wp-content/uploads/4088/watcher-300x160.jpg 300w, https://ploshadka.net/wp-content/uploads/4088/watcher.jpg 1920w" sizes="(max-width: 600px) 100vw, 600px" /></a></p>
<p>Также можно копировать пути файлов, чтобы дать ссылку другим или самому получить доступ к файлу. Или делиться референсами (ссылкой на файл и местом в нём).</p>
<p><a href="https://ploshadka.net/wp-content/uploads/4088/reference.jpg" rel="lightbox-15"><img decoding="async" loading="lazy" src="https://ploshadka.net/wp-content/uploads/4088/reference-180x400.jpg" alt="" width="180" height="400" class="aligncenter size-medium wp-image-4149" srcset="https://ploshadka.net/wp-content/uploads/4088/reference-180x400.jpg 180w, https://ploshadka.net/wp-content/uploads/4088/reference-359x800.jpg 359w, https://ploshadka.net/wp-content/uploads/4088/reference-90x200.jpg 90w, https://ploshadka.net/wp-content/uploads/4088/reference.jpg 538w" sizes="(max-width: 180px) 100vw, 180px" /></a></p>
<p>Есть много и других преимуществ, которых нет в Sublime Text 3. Перечислять их все долго. Может быть постепенно добавлю их сюда.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://ploshadka.net/phpstorm-vs-sublime-text/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Приводим CSS стили к единому и красивому формату</title>
		<link>https://ploshadka.net/csscomb/</link>
					<comments>https://ploshadka.net/csscomb/#comments</comments>
		
		<dc:creator><![CDATA[Admin]]></dc:creator>
		<pubDate>Mon, 21 Aug 2017 18:59:08 +0000</pubDate>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Mac OS]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[Sublime Text 3]]></category>
		<guid isPermaLink="false">https://ploshadka.net/?p=2330</guid>

					<description><![CDATA[Установка CSScomb, дополнения для Sublime Text 3, которое позволяет привести CSS код к единому стилю. Устанавливаем CSSComb для Sublime через Package Control: Insall Package. Страница на GitHab: https://github.com/csscomb/sublime-csscomb По умолчанию CSSComb группирует свойства CCS по типу: Но например, линтеру SublimeLinter-csslint...]]></description>
										<content:encoded><![CDATA[<p>Установка CSScomb, дополнения для <a href="https://ploshadka.net/sublime_text_3/">Sublime Text 3</a>, которое позволяет привести CSS код к единому стилю. <span id="more-2330"></span></p>
<p>Устанавливаем CSSComb для Sublime через <strong>Package Control: Insall Package</strong>.</p>
<p>Страница на GitHab:<br />
<a href="https://github.com/csscomb/sublime-csscomb" target="_blank">https://github.com/csscomb/sublime-csscomb</a></p>
<p>По умолчанию CSSComb группирует свойства CCS по типу:</p>
<p><a href="https://ploshadka.net/wp-content/uploads/2330/CSSComb_type.jpg" rel="lightbox-0"><img decoding="async" loading="lazy" src="https://ploshadka.net/wp-content/uploads/2330/CSSComb_type-365x400.jpg" alt="" width="365" height="400" class="aligncenter size-medium wp-image-2332" srcset="https://ploshadka.net/wp-content/uploads/2330/CSSComb_type-365x400.jpg 365w, https://ploshadka.net/wp-content/uploads/2330/CSSComb_type-730x800.jpg 730w, https://ploshadka.net/wp-content/uploads/2330/CSSComb_type-183x200.jpg 183w, https://ploshadka.net/wp-content/uploads/2330/CSSComb_type.jpg 876w" sizes="(max-width: 365px) 100vw, 365px" /></a></p>
<p>Но например, <a href="https://ploshadka.net/sublime-text-3_sublimelinter/" target="_blank">линтеру SublimeLinter-csslint</a> не нравится всё кроме <strong>алфавитного порядка CSS</strong>. Да я и сам пришел к выводу, что это намного удобнее. </p>
<p>Так что вот мои настройки CSSComb, которые упорядочивают CSS в алфавитном порядке:</p>
<div class="codecolorer-container text dawn" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;height:400px;"><div class="text codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap;">{<br />
&nbsp; &nbsp; // If plugin has trouble finding Node.js, replace this string with path<br />
&nbsp; &nbsp; // to your `node` bin<br />
&nbsp; &nbsp; &quot;node-path&quot; : &quot;:/usr/local/bin&quot;,<br />
<br />
&nbsp; &nbsp; // Full list of supported options and acceptable values can be found here:<br />
&nbsp; &nbsp; // https://github.com/csscomb/csscomb.js/blob/master/doc/options.md<br />
&nbsp; &nbsp; &quot;config&quot;: {<br />
<br />
&nbsp; &nbsp; &nbsp; &nbsp; // Whether to add a semicolon after the last value/mixin.<br />
&nbsp; &nbsp; &nbsp; &nbsp; &quot;always-semicolon&quot;: false,<br />
<br />
&nbsp; &nbsp; &nbsp; &nbsp; // Set indent for code inside blocks, including media queries and nested rules.<br />
&nbsp; &nbsp; &nbsp; &nbsp; &quot;block-indent&quot;: &quot; &nbsp; &nbsp;&quot;,<br />
<br />
&nbsp; &nbsp; &nbsp; &nbsp; // Unify case of hexadecimal colors.<br />
&nbsp; &nbsp; &nbsp; &nbsp; &quot;color-case&quot;: &quot;lower&quot;,<br />
<br />
&nbsp; &nbsp; &nbsp; &nbsp; // Whether to expand hexadecimal colors or use shorthands.<br />
&nbsp; &nbsp; &nbsp; &nbsp; &quot;color-shorthand&quot;: false,<br />
<br />
&nbsp; &nbsp; &nbsp; &nbsp; // Unify case of element selectors.<br />
&nbsp; &nbsp; &nbsp; &nbsp; &quot;element-case&quot;: &quot;lower&quot;,<br />
<br />
&nbsp; &nbsp; &nbsp; &nbsp; // Add/remove line break at EOF.<br />
&nbsp; &nbsp; &nbsp; &nbsp; &quot;eof-newline&quot;: false,<br />
<br />
&nbsp; &nbsp; &nbsp; &nbsp; // Add/remove leading zero in dimensions.<br />
&nbsp; &nbsp; &nbsp; &nbsp; &quot;leading-zero&quot;: false,<br />
<br />
&nbsp; &nbsp; &nbsp; &nbsp; // Unify quotes style.<br />
&nbsp; &nbsp; &nbsp; &nbsp; &quot;quotes&quot;: &quot;single&quot;,<br />
<br />
&nbsp; &nbsp; &nbsp; &nbsp; // Remove all rulesets that contain nothing but spaces.<br />
&nbsp; &nbsp; &nbsp; &nbsp; &quot;remove-empty-rulesets&quot;: false,<br />
<br />
&nbsp; &nbsp; &nbsp; &nbsp; // Set space after `:` in declarations.<br />
&nbsp; &nbsp; &nbsp; &nbsp; &quot;space-after-colon&quot;: &quot; &quot;,<br />
<br />
&nbsp; &nbsp; &nbsp; &nbsp; // Set space after combinator (for example, in selectors like `p &gt; a`).<br />
&nbsp; &nbsp; &nbsp; &nbsp; &quot;space-after-combinator&quot;: &quot; &quot;,<br />
<br />
&nbsp; &nbsp; &nbsp; &nbsp; // Set space after `{`.<br />
&nbsp; &nbsp; &nbsp; &nbsp; &quot;space-after-opening-brace&quot;: &quot;\n&quot;,<br />
<br />
&nbsp; &nbsp; &nbsp; &nbsp; // Set space after selector delimiter.<br />
&nbsp; &nbsp; &nbsp; &nbsp; // Новая строчка перед каждым элементом, можно сделать в строку<br />
&nbsp; &nbsp; &nbsp; &nbsp; &quot;space-after-selector-delimiter&quot;: &quot;\n&quot;,<br />
<br />
&nbsp; &nbsp; &nbsp; &nbsp; // Set space before `}`.<br />
&nbsp; &nbsp; &nbsp; &nbsp; &quot;space-before-closing-brace&quot;: &quot;\n&quot;,<br />
<br />
&nbsp; &nbsp; &nbsp; &nbsp; // Set space before `:` in declarations.<br />
&nbsp; &nbsp; &nbsp; &nbsp; &quot;space-before-colon&quot;: &quot;&quot;,<br />
<br />
&nbsp; &nbsp; &nbsp; &nbsp; // Set space before combinator (for example, in selectors like `p &gt; a`).<br />
&nbsp; &nbsp; &nbsp; &nbsp; &quot;space-before-combinator&quot;: &quot; &quot;,<br />
<br />
&nbsp; &nbsp; &nbsp; &nbsp; // Set space before `{`.<br />
&nbsp; &nbsp; &nbsp; &nbsp; // Устанавливает пробел между элементом и скобкой<br />
&nbsp; &nbsp; &nbsp; &nbsp; &quot;space-before-opening-brace&quot;: &quot; &quot;,<br />
<br />
&nbsp; &nbsp; &nbsp; &nbsp; // Set space before selector delimiter.<br />
&nbsp; &nbsp; &nbsp; &nbsp; &quot;space-before-selector-delimiter&quot;: &quot;&quot;,<br />
<br />
&nbsp; &nbsp; &nbsp; &nbsp; // Set space between declarations (i.e. `color: tomato`).<br />
&nbsp; &nbsp; &nbsp; &nbsp; &quot;space-between-declarations&quot;: &quot;\n&quot;,<br />
<br />
&nbsp; &nbsp; &nbsp; &nbsp; // Whether to trim trailing spaces.<br />
&nbsp; &nbsp; &nbsp; &nbsp; &quot;strip-spaces&quot;: false,<br />
<br />
&nbsp; &nbsp; &nbsp; &nbsp; // Whether to remove units in zero-valued dimensions.<br />
&nbsp; &nbsp; &nbsp; &nbsp; &quot;unitless-zero&quot;: false,<br />
<br />
&nbsp; &nbsp; &nbsp; &nbsp; // Whether to align prefixes in properties and values.<br />
&nbsp; &nbsp; &nbsp; &nbsp; &quot;vendor-prefix-align&quot;: false,<br />
<br />
&nbsp; &nbsp; &nbsp; &nbsp; // Sort properties in particular order.<br />
&nbsp; &nbsp; &nbsp; &nbsp; &quot;sort-order&quot;: [<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-moz-animation&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-moz-animation-delay&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-moz-animation-direction&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-moz-animation-duration&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-moz-animation-iteration-count&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-moz-animation-name&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-moz-animation-play-state&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-moz-animation-timing-function&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-moz-background-clip&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-moz-background-size&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-moz-border-image&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-moz-border-image-outset&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-moz-border-image-repeat&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-moz-border-image-slice&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-moz-border-image-source&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-moz-border-image-width&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-moz-border-radius&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-moz-border-radius-bottomleft&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-moz-border-radius-bottomright&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-moz-border-radius-topleft&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-moz-border-radius-topright&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-moz-box-shadow&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-moz-box-sizing&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-moz-hyphens&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-moz-tab-size&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-moz-text-align-last&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-moz-transform&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-moz-transform-origin&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-moz-transition&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-moz-transition-delay&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-moz-transition-duration&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-moz-transition-property&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-moz-transition-timing-function&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-moz-user-select&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-ms-animation&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-ms-animation-delay&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-ms-animation-direction&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-ms-animation-duration&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-ms-animation-iteration-count&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-ms-animation-name&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-ms-animation-play-state&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-ms-animation-timing-function&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-ms-background-position-x&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-ms-background-position-y&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-ms-filter:\'progid:DXImageTransform.Microsoft.Alpha&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-ms-filter:\'progid:DXImageTransform.Microsoft.gradient&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-ms-interpolation-mode&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-ms-overflow-x&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-ms-overflow-y&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-ms-text-align-last&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-ms-text-justify&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-ms-text-overflow&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-ms-transform&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-ms-transform-origin&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-ms-transition&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-ms-transition-delay&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-ms-transition-duration&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-ms-transition-property&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-ms-transition-timing-function&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-ms-user-select&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-ms-word-break&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-ms-word-wrap&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-ms-writing-mode&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-o-animation&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-o-animation-delay&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-o-animation-direction&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-o-animation-duration&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-o-animation-iteration-count&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-o-animation-name&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-o-animation-play-state&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-o-animation-timing-function&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-o-background-size&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-o-border-image&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-o-border-image-outset&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-o-border-image-repeat&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-o-border-image-slice&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-o-border-image-source&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-o-border-image-width&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-o-tab-size&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-o-transform&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-o-transform-origin&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-o-transition&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-o-transition-delay&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-o-transition-duration&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-o-transition-property&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-o-transition-timing-function&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-webkit-animation&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-webkit-animation-delay&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-webkit-animation-direction&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-webkit-animation-duration&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-webkit-animation-iteration-count&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-webkit-animation-name&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-webkit-animation-play-state&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-webkit-animation-timing-function&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-webkit-background-clip&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-webkit-background-size&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-webkit-border-bottom-left-radius&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-webkit-border-bottom-right-radius&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-webkit-border-image&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-webkit-border-image-outset&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-webkit-border-image-repeat&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-webkit-border-image-slice&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-webkit-border-image-source&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-webkit-border-image-width&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-webkit-border-radius&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-webkit-border-top-left-radius&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-webkit-border-top-right-radius&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-webkit-box-shadow&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-webkit-box-sizing&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-webkit-hyphens&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-webkit-text-align-last&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-webkit-transform&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-webkit-transform-origin&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-webkit-transition&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-webkit-transition-delay&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-webkit-transition-duration&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-webkit-transition-property&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-webkit-transition-timing-function&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;-webkit-user-select&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;animation&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;animation-delay&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;animation-direction&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;animation-duration&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;animation-iteration-count&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;animation-name&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;animation-play-state&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;animation-timing-function&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;background&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;background-attachment&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;background-clip&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;background-color&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;background-image&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;background-origin&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;background-position&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;background-position-x&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;background-position-y&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;background-repeat&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;background-size&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;border&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;border-bottom&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;border-bottom-color&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;border-bottom-left-radius&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;border-bottom-right-radius&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;border-bottom-style&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;border-bottom-width&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;border-collapse&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;border-color&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;border-image&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;border-image-outset&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;border-image-repeat&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;border-image-slice&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;border-image-source&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;border-image-width&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;border-left&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;border-left-color&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;border-left-style&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;border-left-width&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;border-radius&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;border-right&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;border-right-color&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;border-right-style&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;border-right-width&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;border-spacing&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;border-style&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;border-top&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;border-top-color&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;border-top-left-radius&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;border-top-right-radius&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;border-top-style&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;border-top-width&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;border-width&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;bottom&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;box-decoration-break&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;box-shadow&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;box-sizing&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;caption-side&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;clear&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;clip&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;color&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;content&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;counter-increment&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;counter-reset&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;cursor&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;display&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;empty-cells&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;filter:progid:DXImageTransform.Microsoft.gradient&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;flex-align&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;flex-direction&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;flex-order&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;flex-pack&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;float&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;font&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;font-effect&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;font-emphasize&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;font-emphasize-position&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;font-emphasize-style&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;font-family&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;font-size&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;font-size-adjust&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;font-smooth&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;font-stretch&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;font-style&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;font-variant&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;font-weight&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;height&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;hyphens&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;left&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;letter-spacing&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;line-height&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;list-style&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;list-style-image&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;list-style-position&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;list-style-type&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;margin&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;margin-bottom&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;margin-left&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;margin-right&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;margin-top&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;max-height&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;max-width&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;min-height&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;min-width&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;nav-down&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;nav-index&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;nav-left&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;nav-right&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;nav-up&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;opacity&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;outline&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;outline-color&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;outline-offset&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;outline-style&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;outline-width&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;overflow&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;overflow-x&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;overflow-y&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;padding&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;padding-bottom&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;padding-left&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;padding-right&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;padding-top&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;pointer-events&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;position&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;quotes&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;resize&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;right&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;tab-size&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;table-layout&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;text-align&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;text-align-last&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;text-decoration&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;text-emphasis&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;text-emphasis-color&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;text-emphasis-position&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;text-emphasis-style&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;text-indent&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;text-justify&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;text-outline&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;text-overflow&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;text-overflow-ellipsis&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;text-overflow-mode&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;text-shadow&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;text-transform&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;text-wrap&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;top&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;transform&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;transform-origin&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;transition&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;transition-delay&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;transition-duration&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;transition-property&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;transition-timing-function&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;user-select&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;vertical-align&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;visibility&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;white-space&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;width&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;word-break&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;word-spacing&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;word-wrap&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;z-index&quot;,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &quot;zoom&quot;<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ]<br />
&nbsp; &nbsp; }<br />
}</div></div>
<p>Результат алфавитного упорядочивания CSS стилей с помощью CSS Combo:</p>
<p><a href="https://ploshadka.net/wp-content/uploads/2330/CSSComb_alphabetical.jpg" rel="lightbox-1"><img decoding="async" loading="lazy" src="https://ploshadka.net/wp-content/uploads/2330/CSSComb_alphabetical-462x400.jpg" alt="" width="462" height="400" class="aligncenter size-medium wp-image-2333" srcset="https://ploshadka.net/wp-content/uploads/2330/CSSComb_alphabetical-462x400.jpg 462w, https://ploshadka.net/wp-content/uploads/2330/CSSComb_alphabetical-231x200.jpg 231w, https://ploshadka.net/wp-content/uploads/2330/CSSComb_alphabetical.jpg 848w" sizes="(max-width: 462px) 100vw, 462px" /></a></p>
]]></content:encoded>
					
					<wfw:commentRss>https://ploshadka.net/csscomb/feed/</wfw:commentRss>
			<slash:comments>3</slash:comments>
		
		
			</item>
		<item>
		<title>Установка проверки кода (линтера) для Sublime Text 3</title>
		<link>https://ploshadka.net/sublime-text-3_sublimelinter/</link>
					<comments>https://ploshadka.net/sublime-text-3_sublimelinter/#comments</comments>
		
		<dc:creator><![CDATA[Admin]]></dc:creator>
		<pubDate>Mon, 21 Aug 2017 18:36:57 +0000</pubDate>
				<category><![CDATA[JavaScript Errors]]></category>
		<category><![CDATA[PHP Errors]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[node.js]]></category>
		<category><![CDATA[Sublime Text 3]]></category>
		<guid isPermaLink="false">https://ploshadka.net/?p=2316</guid>

					<description><![CDATA[Текстовой редактор Sublime Text 3 позволяет проверять программистам и верстальщикам код на наличие ошибок в css, JavaScript, php и т.д. Если вы где-то ошиблись, то на соответствующей строчке высветится ошибка. Программы для проверки ошибок называются линтерами. Установка SublimeLinter Для того,...]]></description>
										<content:encoded><![CDATA[<p>Текстовой редактор <a href="https://ploshadka.net/sublime_text_3/" target="_blank" rel="noopener noreferrer">Sublime Text 3</a> позволяет проверять программистам и верстальщикам код на наличие ошибок в css, JavaScript, php и т.д. Если вы где-то ошиблись, то на соответствующей строчке высветится ошибка. <span id="more-2316"></span></p>
<p>Программы для проверки ошибок называются <strong>линтерами</strong>. </p>
<h2>Установка SublimeLinter</h2>
<p>Для того, чтобы была возможность проверки кода надо установить из <strong>Package Control</strong> пакет <strong>SublimeLinter</strong>. </p>
<p>После установки SublimeLinter появится возможность устанавливать отдельные компоненты, которые и позволят задействовать эти инструменты.</p>
<p><a href="https://ploshadka.net/wp-content/uploads/2316/SublimeLinter.jpg" rel="lightbox-0"><img decoding="async" loading="lazy" src="https://ploshadka.net/wp-content/uploads/2316/SublimeLinter-600x381.jpg" alt="" width="600" height="381" class="aligncenter size-medium wp-image-2319" srcset="https://ploshadka.net/wp-content/uploads/2316/SublimeLinter-600x381.jpg 600w, https://ploshadka.net/wp-content/uploads/2316/SublimeLinter-1200x763.jpg 1200w, https://ploshadka.net/wp-content/uploads/2316/SublimeLinter-270x172.jpg 270w, https://ploshadka.net/wp-content/uploads/2316/SublimeLinter-300x191.jpg 300w, https://ploshadka.net/wp-content/uploads/2316/SublimeLinter.jpg 1750w" sizes="(max-width: 600px) 100vw, 600px" /></a></p>
<h2>Установка SublimeLinter-jshint</h2>
<p>SublimeLinter-jshint &#8212; позволяет увидеть ошибки в коде на JavaScript.</p>
<p>Ссылка на инструкцию:<br />
<a href="https://github.com/SublimeLinter/SublimeLinter-jshint" target="_blank" rel="noopener noreferrer">https://github.com/SublimeLinter/SublimeLinter-jshint</a></p>
<h3>Краткая инструкция</h3>
<p>1. Перед установкой компонентов на компьютере должен быть <a href="https://ploshadka.net/node-js/">установлен Node.js</a>.</p>
<p>2. Открываем <a href="https://ploshadka.net/ssh/">Терминал</a>. Пишем команду:</p>
<div class="codecolorer-container text dawn" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="text codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap;">sudo npm install -g jshint</div></div>
<p>3. В Sublime Text 3 открываем установку пакетов и пишем SublimeLinter-jshint. Нажимаем на него, пакет установлен. Теперь если возникнет ошибка в JavaScript коде, вы сразу об этом узнаете.</p>
<figure id="attachment_2322" aria-describedby="caption-attachment-2322" style="width: 600px" class="wp-caption aligncenter"><a href="https://ploshadka.net/wp-content/uploads/2316/SublimeLinter_js.jpg" rel="lightbox-1"><img decoding="async" loading="lazy" src="https://ploshadka.net/wp-content/uploads/2316/SublimeLinter_js-600x362.jpg" alt="" width="600" height="362" class="size-medium wp-image-2322" srcset="https://ploshadka.net/wp-content/uploads/2316/SublimeLinter_js-600x362.jpg 600w, https://ploshadka.net/wp-content/uploads/2316/SublimeLinter_js-1200x724.jpg 1200w, https://ploshadka.net/wp-content/uploads/2316/SublimeLinter_js-270x163.jpg 270w, https://ploshadka.net/wp-content/uploads/2316/SublimeLinter_js-300x181.jpg 300w, https://ploshadka.net/wp-content/uploads/2316/SublimeLinter_js.jpg 1816w" sizes="(max-width: 600px) 100vw, 600px" /></a><figcaption id="caption-attachment-2322" class="wp-caption-text">В конце 14 строчки &#171;забыта&#187; запятая, слева на полях появились красные маркеры. Внизу сообщение об ошибке.</figcaption></figure>
<h2>Установка SublimeLinter-csslint</h2>
<p>SublimeLinter-csslint &#8212; показывает ошибки в CSS коде.</p>
<p>Ссылка на инструкцию:<br />
<a href="https://github.com/SublimeLinter/SublimeLinter-csslint" target="_blank" rel="noopener noreferrer">https://github.com/SublimeLinter/SublimeLinter-csslint</a></p>
<h3>Краткая инструкция</h3>
<p>1. Точно также должен быть установлен Node.</p>
<p>2. В Терминале запускаем команду:</p>
<div class="codecolorer-container text dawn" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="text codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap;">npm install -g csslint</div></div>
<p>3. В Sublime Text 3 устанавливаем пакет SublimeLinter-csslint.</p>
<figure id="attachment_2311" aria-describedby="caption-attachment-2311" style="width: 500px" class="wp-caption aligncenter"><a href="https://ploshadka.net/wp-content/uploads/2300/Sublime_Text_3.jpg" rel="lightbox-2"><img decoding="async" loading="lazy" src="https://ploshadka.net/wp-content/uploads/2300/Sublime_Text_3-500x400.jpg" alt="" width="500" height="400" class="aligncenter size-medium wp-image-2311" srcset="https://ploshadka.net/wp-content/uploads/2300/Sublime_Text_3-500x400.jpg 500w, https://ploshadka.net/wp-content/uploads/2300/Sublime_Text_3-1000x800.jpg 1000w, https://ploshadka.net/wp-content/uploads/2300/Sublime_Text_3-250x200.jpg 250w, https://ploshadka.net/wp-content/uploads/2300/Sublime_Text_3.jpg 1750w" sizes="(max-width: 500px) 100vw, 500px" /></a><figcaption id="caption-attachment-2311" class="wp-caption-text">Уведомление об ошибках в коде css.</figcaption></figure>
<p>Как видно на картинке выше показываются не только ошибки, но и рекомендации. Например, SublimeLinter-у не нравится, что используется описание стиля для идентификатора, а не для стиля.</p>
<h2>Установка SublimeLinter-php</h2>
<p>Пакет для проверки ошибок в PHP коде.</p>
<p>Ссылка на инструкцию:<br />
<a href="https://github.com/SublimeLinter/SublimeLinter-php" target="_blank" rel="noopener noreferrer">https://github.com/SublimeLinter/SublimeLinter-php</a></p>
<h3>Краткая инструкция</h3>
<p>1. На компьютере должен быть установлен PHP. Возможно он уже установлен у вас, например, вместе с <a href="https://ploshadka.net/web_server_mam_pro/">MAMP PRO</a>. Если не установлен, по ссылке выше, есть ссылка на дистрибутивы.</p>
<p>2. В Sublime Text 3 устанавливаем пакет SublimeLinter-php.</p>
<h2>Если ничего не заработало</h2>
<p>После установки перезапустите программу Sublime Text 3.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://ploshadka.net/sublime-text-3_sublimelinter/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
			</item>
		<item>
		<title>Sublime Text 3</title>
		<link>https://ploshadka.net/sublime_text_3/</link>
					<comments>https://ploshadka.net/sublime_text_3/#respond</comments>
		
		<dc:creator><![CDATA[Admin]]></dc:creator>
		<pubDate>Mon, 21 Aug 2017 17:43:34 +0000</pubDate>
				<category><![CDATA[Mac OS]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[Sublime Text 3]]></category>
		<category><![CDATA[Основательные труды]]></category>
		<guid isPermaLink="false">https://ploshadka.net/?p=2300</guid>

					<description><![CDATA[Sublime Text 3 универсальный редактор текста с огромными возможностями. Невероятно быстрый, с большим количеством дополнений. Чем хорош Sublime Text Скорость. Открывает файлы мгновенно. Удобство поиска. Легко и очень быстро ищет информацию внутри файлов. Массовое редактирование. Можно менять данные сразу на...]]></description>
										<content:encoded><![CDATA[<p><strong>Sublime Text 3</strong> универсальный редактор текста с огромными возможностями. Невероятно быстрый, с большим количеством дополнений. <span id="more-2300"></span></p>
<h2>Чем хорош Sublime Text</h2>
<ul>
<li>Скорость. Открывает файлы мгновенно.</li>
<li>Удобство поиска. Легко и очень быстро ищет информацию внутри файлов.</li>
<li>Массовое редактирование. Можно менять данные сразу на разных строчках.</li>
<li>Сочетания клавиш и функций, удобство и продуманность которых сильно впечатляет, упрощает работу и экономят время</li>
<li>Огромное количество дополнительных возможностей. Например, <a href="https://ploshadka.net/sublime-text-3_sublimelinter/">сообщения об ошибках в коде</a>. Важно в программировании.</li>
<li>Автоматическое сохранение файлов в буфере. Если закрыть программу и повторно запустить, откроется файл с последними изменениями, даже если он не был сохранен. Сам файл при этом физически остаётся неизменным. </li>
</ul>
<h2>Светлый стиль шаблона для Sublime Text</h2>
<p>У многих можно увидеть Sublime Text в темном стиле. Он же шаблон по умолчанию в программе. Тёмный стиль фона в редакторе как бы намекает на профессионализм. Этот &#171;стиль&#187; исходит из прошлого, когда компьютеры работали только через командную строку и не было других фонов кроме черного. И многие предпочитают такой фон и сегодня, хотя светлый фон намного приятнее глазам. По мне так точно.</p>
<p>Я использую для этого тему из программы &#171;Brackets&#187;. Для тех кому интересно вот ссылка на неё: <a href="https://packagecontrol.io/packages/Brackets%20Color%20Scheme">Brackets Color Scheme</a>.</p>
<p><a href="https://ploshadka.net/wp-content/uploads/2300/Sublime_Text_3.jpg" rel="lightbox-0"><img decoding="async" loading="lazy" src="https://ploshadka.net/wp-content/uploads/2300/Sublime_Text_3-500x400.jpg" alt="" width="500" height="400" class="aligncenter size-medium wp-image-2311" srcset="https://ploshadka.net/wp-content/uploads/2300/Sublime_Text_3-500x400.jpg 500w, https://ploshadka.net/wp-content/uploads/2300/Sublime_Text_3-1000x800.jpg 1000w, https://ploshadka.net/wp-content/uploads/2300/Sublime_Text_3-250x200.jpg 250w, https://ploshadka.net/wp-content/uploads/2300/Sublime_Text_3.jpg 1750w" sizes="(max-width: 500px) 100vw, 500px" /></a></p>
<h2>Полезные плагины</h2>
<h3>FtpSync &#8212; плагин FTP</h3>
<p>Установка и обзор плагина <a href="https://ploshadka.net/ftpsync-ftp-dlja-sublime-text-3/">FtpSync</a>.</p>
<h3>Проверка кода</h3>
<p>Установка линтера для <a href="https://ploshadka.net/sublime-text-3_sublimelinter/">sublime text 3</a></p>
<h2>Полезные сочетания клавиш</h2>
<p>Все основные сочетания клавиш можно посмотреть здесь:<br />
<a href="http://docs.sublimetext.info/en/latest/reference/keyboard_shortcuts_osx.html" rel="noopener" target="_blank">docs.sublimetext.info</a></p>
<p>Наиболее полезные сочетания клавиш, которые выделил для себя:</p>
<p>Ctrl + L – Текущая позиция курсора</p>
<p>Ctrl + Shift + K – Удалить строку с курсором</p>
<p>Ctrl + G – Переход к номеру строки</p>
<p>Ctrl + M – Перескочить от одной скобки к другой</p>
<p>Cmd + Shift + P (ввести syntax) – поменять синтексис файла </p>
<p>Cmd + Shift + V – вставка с учетом индентации (отступа)</p>
<p>Cmd + / – закомментировать строчки</p>
<p>Cmd + B + K – показать/скрыть сайдбар</p>
<p>Cmd + P – поиск по файлам проекта</p>
<p>Alt + зажатый курсор – выделение текста по блокам</p>
<p>Cmd + D – выделяет слово и переходит к следующему такому же</p>
<p>Cmd + D + зажатый курсор &#8212; выделяет сразу много строчек</p>
<p>Cmd + G – выделяет следующее слово<br />
+ Shift – предыдущее слово</p>
<p>Ctrl + Cmd + G &#8212; выделяет все строки с ключевым словом, позволяет одновремено редактировать</p>
<h3>Плагин Dash</h3>
<p>Cmd Shift + D – описание функций в Dash (если установлена сторонняя программа)</p>
<h3>Плагин Easy Motion</h3>
<p>Cmd + ; (затем снова ; ) – быстрое перемещение к строке по названию букв</p>
<h3>Плагин PHP Comment Wrap</h3>
<p>Alt + Ctrl + C – закомментировать php</p>
]]></content:encoded>
					
					<wfw:commentRss>https://ploshadka.net/sublime_text_3/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
