При разработке сайтов или веб-приложений, различные автоматизированные инструменты, безусловно, помогут вам сэкономить много времени. В этой статье, я составил список свежих и очень полезных инструментов для работы с CSS. (картинки кликабельны)
Сервис, созданный Yahoo, Pure CSS представляет собой набор модулей CSS, которые можно использовать в качестве основы для любого проекта. Это делает верстку проще и все рамки выглядят очень чисто и профессионально. Если вы еще не видели это, обязательно попробуйте!
Подробнее: http://purecss.io/
Респонсивные (отзывчивые) сайты очень популярны в Интернете, и это, безусловно, хорошая вещь. Здесь можно скачать респонсивное меню, сделанное на чистом CSS.
Подробнее: http://valdelama.com/css-responsive-navigation
Очень трудно сохранять CSS-файлы чистыми и компактными в большом проекте. Не волнуйтесь, CSS Trashman здесь, чтобы помочь. Этот полезный интерактивный инструмент анализирует ваш сайт, сжимает таблицы стилей и позволяет вам скачать суперчистую версию CSS-файла, которой вы можете заменить свои старые файлы.
Подробнее: http://www.csstrashman.com/
Вместо того чтобы загружать десятки изображений, лучше загрузить одно большое изображение, используя технику, называемую CSS-спрайтами. Glue представляет собой простой инструмент командной строки, предназначенный для того чтобы собрать набор изображений в одном файле, чтобы использовать его в качестве CSS-спрайта. Супер полезно.
Подробнее: https://github.com/jorgebastida/glue
В больших проектах, не так уж редко, бывает так, что некоторые стили вообще не используются на сайте. Найти такие неиспользуемые стили — довольно сложно. Helium CSS — это JavaScript-инструмент, который работает в вашем браузере и помогает обнаружить неиспользуемые стили.
Подробнее: https://github.com/geuis/helium-css
Topcoat является очень опрятной и чистой CSS-библиотекой, которая специализируется на элементах форм: кнопки, флажки, ползунки и т.д. Супер легкий способ заставить свой сайт или приложение выглядеть лучше в считанные минуты.
Подробнее: http://www.fitgrd.com/
.Fitgrd является прочной основой для создания респонсивного сайта. Все, кроме сетки зависит от вас и дает вам возможность сэкономить много времени на написании базовой HTML-разметки.
Подробнее: http://www.fitgrd.com/
Normalize.css является HTML5-совместимым «сбрасывателем» стилей CSS. Это заставляет браузеры отображать все элементы одинаково и в соответствии с современными стандартами. Его используют многие популярные сайты, такие как Twitter Bootstrap, Soundcloud, TweetDeck, и многие другие.
Подробнее: http://necolas.github.io/normalize.css/
Bear CSS — не только красивый сайт, но и очень полезный инструмент. Просто создайте HTML-документ и загрузите его. Bear CSS будет автоматически генерировать CSS-файл на основе используемых HTML-элементов. Дает большую экономию времени!
Подробнее: http://bearcss.com/
Оригинал: CatsWhoCode
Pure CSS
Сервис, созданный Yahoo, Pure CSS представляет собой набор модулей CSS, которые можно использовать в качестве основы для любого проекта. Это делает верстку проще и все рамки выглядят очень чисто и профессионально. Если вы еще не видели это, обязательно попробуйте!
Подробнее: http://purecss.io/
CSS only responsive navigation
Респонсивные (отзывчивые) сайты очень популярны в Интернете, и это, безусловно, хорошая вещь. Здесь можно скачать респонсивное меню, сделанное на чистом CSS.
Подробнее: http://valdelama.com/css-responsive-navigation
CSS Trashman
Очень трудно сохранять CSS-файлы чистыми и компактными в большом проекте. Не волнуйтесь, CSS Trashman здесь, чтобы помочь. Этот полезный интерактивный инструмент анализирует ваш сайт, сжимает таблицы стилей и позволяет вам скачать суперчистую версию CSS-файла, которой вы можете заменить свои старые файлы.
Подробнее: http://www.csstrashman.com/
Glue
Вместо того чтобы загружать десятки изображений, лучше загрузить одно большое изображение, используя технику, называемую CSS-спрайтами. Glue представляет собой простой инструмент командной строки, предназначенный для того чтобы собрать набор изображений в одном файле, чтобы использовать его в качестве CSS-спрайта. Супер полезно.
Подробнее: https://github.com/jorgebastida/glue
Helium CSS
В больших проектах, не так уж редко, бывает так, что некоторые стили вообще не используются на сайте. Найти такие неиспользуемые стили — довольно сложно. Helium CSS — это JavaScript-инструмент, который работает в вашем браузере и помогает обнаружить неиспользуемые стили.
Подробнее: https://github.com/geuis/helium-css
Topcoat
Topcoat является очень опрятной и чистой CSS-библиотекой, которая специализируется на элементах форм: кнопки, флажки, ползунки и т.д. Супер легкий способ заставить свой сайт или приложение выглядеть лучше в считанные минуты.
Подробнее: http://www.fitgrd.com/
.Fitgrd
.Fitgrd является прочной основой для создания респонсивного сайта. Все, кроме сетки зависит от вас и дает вам возможность сэкономить много времени на написании базовой HTML-разметки.
Подробнее: http://www.fitgrd.com/
Normalize.css
Normalize.css является HTML5-совместимым «сбрасывателем» стилей CSS. Это заставляет браузеры отображать все элементы одинаково и в соответствии с современными стандартами. Его используют многие популярные сайты, такие как Twitter Bootstrap, Soundcloud, TweetDeck, и многие другие.
Подробнее: http://necolas.github.io/normalize.css/
Bear CSS
Bear CSS — не только красивый сайт, но и очень полезный инструмент. Просто создайте HTML-документ и загрузите его. Bear CSS будет автоматически генерировать CSS-файл на основе используемых HTML-элементов. Дает большую экономию времени!
Подробнее: http://bearcss.com/
Оригинал: CatsWhoCode