avatar Категория: Разработчику

Программы и инструменты Mac OS для разработки вебсайтов

3 читателя, 5 постов
RSS

Slicy - автоматическая нарезка PSD макетов

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

Slicy (29$) дает возможность нарезать графику из PSD файла автоматически, однако, чтобы программа понимала порядок нарезки необходимо придерживаться нехитрых правил, которые скорей всего добавят вам работы, чем сократят ее.

Sip - код оттенков на экране

Sip - код оттенков на экранеКрошечная, но очень полезная программа разработанная Rui Aureliano для людей, которые тесно связаны с веб-дизайном.

К сожалению Sip не бесплатен, однако он стоит своего потраченного доллара, т.к. получился весьма компактный и симпатичный.

При помощи данной программы можно определить код цвета на любом участке экрана.

Characters - быстрая вставка спецсимволов в html код или в макет

Characters - быстрая вставка спецсимволов в html код или в макетМногие верстальщики или дизайнеры, короче — вебмастеры, сталкиваются с такой проблемой как вставка спецсимволов (стрелки, копирайты и прочие). Разумеется на помощь приходит Google и вопрос решается практически мгновенно, но ведь наверняка хочется иметь под рукой инструмент на все случаи жизни.

Наткнулся на шикарный инструмент, под названием Characters (3$). Благодаря этой программе вы точно навсегда забудите о проблеме спецсимволов и их кодов вставки.

CSS Hat - превращает стили PSD Photoshop в CSS3/LESS/SASS/Stylus код

CSS Hat - превращает стили PSD Photoshop в CSS3/LESS/SASS/Stylus КодДопустим вам необходимо сверстать из PSD макета сайт. Обычно это все делается, при помощи сервисов генерации CSS3 ну и прямых рук. Согласитесь не совсем удобно, но разумеется никуда от этого не денешься. На глаза попалось шикарное на мой взгляд решение проблемы, чтобы не отвлекаясь от макета в фотошопе, можно было легко его верстать.

Для верстальщика CSS Hat (30$) — это точно находка. Будем так говорить, это плагин/дополнение для Adobe Photoshop, который дает возможность в 1 клик превратить выбранный вами стиль из PSD исходника в CSS3, LESS, SASS или Stylus код!

Gradient - легкое кроссбраузерное создание градиентов CSS3

Gradient - легкое кроссбраузерное создание градиентов CSS3Программа Gradient (5$) — это шикарный инструмент, призванный облегчить жизнь верстальщика/вебмастера, при создании кроссбраузерных CSS3 градиентов, для вебстраниц!

Наверняка вы знаете, что каждый браузер понимает градиенты по разному и поэтому приходится в CSS дописывать разные правила для большинства. Разумеется, кто как — кто гуглит, кто использует онлайн сервисы, но как дела с этим обстоят на Mac OS?