Главная > Инструменты > 17 свежих инструментов для веб-дизайнеров и разработчиков

17 свежих инструментов для веб-дизайнеров и разработчиков


17 мая 2013, 14:05. Разместил: Design FactoRy
Несмотря на то, что в интернете можно видеть множество инструментов для веб-дизайнеров и разработчиков, им всегда чего-то не хватает, чего-то, что помогло бы облегчить повседневные задачи. Удобный инструмент – это как благословение для разработчиков и дизайнеров. Имея в запасе отличные инструменты, можно сильно облегчить процесс веб-разработки, и сэкономить много времени. Ниже мы хотим предоставить вам список удобных и свежих инструментов для дизайнеров и веб-разработчиков. Надеемся, что эти инструменты помогут вам в выполнении повседневных задач и ускорят рабочий процесс.

01. Mailrox

17 свежих инструментов для веб-дизайнеров и разработчиков

Веб-приложение для быстрого создания эффективных электронных писем на HTML.

02. BootMetro

17 свежих инструментов для веб-дизайнеров и разработчиков

Простая и многофункциональная платформа для разработки интерфейсов Windows 8 Metro для веб-приложений.

03. Spritebox

17 свежих инструментов для веб-дизайнеров и разработчиков

Spritebox представляет собой WYSIWYG-редактор, который помогает дизайнерам быстро и просто создавать css-классы и id при помощи единого спрайт-изображения. Он основан на принципе использования свойства background-position для выставления областей спрайт-изображения в блочные элементы веб-страницы. Он был разработан при помощи комбинации JQuery, CSS3 и HTML5, и вы можете использовать его абсолютно бесплатно.

04. Tiny Fluid Grid

17 свежих инструментов для веб-дизайнеров и разработчиков

Отличный способ создания веб-сайтов, основанных на гибкой сетке.

05. Sequence.js

17 свежих инструментов для веб-дизайнеров и разработчиков

Sequence представляет собой jQuery-плагин с бесконечными стилями. Он предоставляет вам полноценный функционал слайдера без необходимости использовать какой-нибудь шаблон оформления. На самом деле, в Sequence даже нет встроенного шаблона оформления, что дает вам полный контроль над тем, как будет выглядеть ваш слайдер на сайте, и отредактировать внешний вид можно при помощи CSS3.

06. TiltShift

17 свежих инструментов для веб-дизайнеров и разработчиков

jQuery-плагин, который использует фильтры изображения из CSS3 для воссоздания эффекта tilt-shift. Это очень интересный концепт, который на данный момент будет работать только в Chrome и Safari 6.

07. Jarallax

17 свежих инструментов для веб-дизайнеров и разработчиков

Jarallax представляет собой open-source javascript-библиотеку, позволяющую вам интерактивным образом настраивать css. При помощи Jarallax вы сможете без труда создавать веб-сайты с эффектом параллакс-скроллинга.

08. ProCSSor – Advanced CSS Prettifier

17 свежих инструментов для веб-дизайнеров и разработчиков

Advanced CSS Prettifier поможет вам отформатировать CSS так, как нужно вам. Инструмент дает вам возможность превратить ваш css-код в нечто более привлекательное, и при этом не вкладывать много усилий.

09. TABLEIZER!

17 свежих инструментов для веб-дизайнеров и разработчиков

Отличный инструмент для быстрого создания HTML-таблиц из табличных документов.

10. Favigen

17 свежих инструментов для веб-дизайнеров и разработчиков

Favigen представляет собой генератор favicon, который позволит вам создавать собственные иконки для сайта. Просто загрузите исходное изображение, необходимое для создания иконки, и конвертируйте его в favicon всего в три этапа.

11. 0to255

17 свежих инструментов для веб-дизайнеров и разработчиков

0to255 представляет собой простой инструмент, который помогает веб-дизайнерам находить различные вариации цвета.

12. Delta

17 свежих инструментов для веб-дизайнеров и разработчиков

Бесплатный шаблон jQuery UI от Kiandra IT.

13. Proto

17 свежих инструментов для веб-дизайнеров и разработчиков

Proto представляет собой простой набор инструментов для разработки прототипов на HTML и SCSS, которые можно использовать в адаптивных веб-дизайнах.

14. Anchor CMS

17 свежих инструментов для веб-дизайнеров и разработчиков

Anchor представляет собой систему управления контентом, написанную на PHP5, и предназначенную для ведения блога, связанного с искусством.

15. Colllor

17 свежих инструментов для веб-дизайнеров и разработчиков

Отличная палитра веб-цветов. Теперь вы можете создавать согласующиеся цветовые схемы. Генерируйте оттенки цветов, различные тоны и расцветки.

16. CSS Warp

17 свежих инструментов для веб-дизайнеров и разработчиков

CSSWarp представляет собой инструмент для искажения HTML-текста прямо в окне браузера. Он применит эффект трансформации к вашему CSS-коду, который поможет вам превратить текст HTML-страницы в то, чего можно добиться в Illustrator при помощи инструмента привязки к пути.

17. Bear CSS

17 свежих инструментов для веб-дизайнеров и разработчиков

Этот инструмент поможет вам создать отличную основу таблиц стилей, подходящую к вашей разметке.
Вернуться назад