JSFiddle - React, Tailwind, and code Playground
by DeadByElpy
HTML
<div class="post shortcuts_item" id="post_251055">
<div class="published">вчера в 14:53</div>
<h1 class="title">
<span class="post_title">4 совета о том, как улучшить свой CSS</span>
</h1>
<div class="hubs"> <a href="http://habrahabr.ru/hub/html5/" class="hub " title="Вы не подписаны на этот хаб">HTML</a><span class="profiled_hub" title="Профильный хаб">*</span>, <a href="http://habrahabr.ru/hub/css/" class="hub " title="Вы не подписаны на этот хаб">CSS</a><span class="profiled_hub" title="Профильный хаб">*</span>
</div>
<div class="content html_format"> <i>Предлагаю читателям «Хабрахабра» перевод публикации <a href="http://www.creativebloq.com/web-design/4-tips-smarter-css-workflow-11514036">«4 tips for a smarter CSS workflow»</a> с сайта creativebloq.com.</i>
<br>
<br>
<i>Создание необычных CSS эффектов — это круто, говорит сотрудник Shopify Джонатан Снук (Shopify Jonathan Snook), но что более важно для программирования — это быстрота и эффективность.</i>
<br>
<br>Люди делают невероятные вещи, используя CSS, ошеломляющие анимации и удивительные изображения.
<br>Неважно, писали вы код много лет или не так давно начали кодинг, среда разработки CSS существенно поменялась в последние пару лет и продолжает активно меняться. На данный момент у нас появилось множество инструментов, которые могут помочь нам создавать лаконичный, но производительный CSS.
<br>
<br>В этой статье Джонатан Снук дает четыре лучших совета, которые помогут вам создать легкий и быстрый CSS.
<br>
<a name="habracut"></a>
<br>
<h2>1. Определите неиспользуемый код</h2>
<br>В течении длительного времени разработки и поддержки проект меняется и со временем ваш CSS претерпевает значительные изменения. Неиспользуемый CSS влияет на производительность, отправляя бесполезный код в браузер, заставляет его больше работать, чтобы идентифицировать, какие стили должны быть...