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

Автор Multiweb, 07-06-2013, 12:39:35

« назад - далее »

MultiwebTopic starter

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

01. Mailrox  https://www.mailrox.com/
Веб-приложение для быстрого создания эффективных электронных писем на HTML.

02. BootMetro   http://aozora.github.io/bootmetro/
Простая и многофункциональная платформа для разработки интерфейсов Windows 8 Metro для веб-приложений.

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

04. Tiny Fluid Grid   http://www.tinyfluidgrid.com/
Отличный способ создания веб-сайтов, основанных на гибкой сетке.

05. Sequence.js   http://www.sequencejs.com/themes/sliding-horizontal-parallax/
Sequence представляет собой jQuery-плагин с бесконечными стилями. Он предоставляет вам полноценный функционал слайдера без необходимости использовать какой-нибудь шаблон оформления. На самом деле, в Sequence даже нет встроенного шаблона оформления, что дает вам полный контроль над тем, как будет выглядеть ваш слайдер на сайте, и отредактировать внешний вид можно при помощи CSS3.

06. TiltShift   http://www.noeltock.com/tilt-shift-css3-jquery-plugin/
jQuery-плагин, который использует фильтры изображения из CSS3 для воссоздания эффекта tilt-shift. Это очень интересный концепт, который на данный момент будет работать только в Chrome и Safari 6.

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

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

09. TABLEIZER!   http://tableizer.journalistopia.com/
Отличный инструмент для быстрого создания HTML-таблиц из табличных документов.

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

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

12. Delta   http://kiandra.github.io/Delta-jQuery-UI-Theme/
Бесплатный шаблон jQuery UI от Kiandra IT.

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

14. Anchor CMS   http://anchorcms.com/
Anchor представляет собой систему управления контентом, написанную на PHP5, и предназначенную для ведения блога, связанного с искусством.

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

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

17. Bear CSS   http://bearcss.com/
Этот инструмент поможет вам создать отличную основу таблиц стилей, подходящую к вашей разметке.