4 заметки с тегом

инструменты РСС

Лучшие аналоги Windows программ на Mac OS X

6 августа 2012, 15:10

Пол года назад, после долгих раздумий и взвешивания всех плюсов и минусов, я решился на переход с Windows на Mac OS. Поначалу было непривычно, но теперь система OS X стала родной и удобной. Конечно, то, что ничего в компьютерах apple не тормозит и не глючит — сказки продавцов-консультантов в магазинах, ведь это такая же машины, её тоже делали люди и как мы знаем ничего идеального не бывает. Но в целом Mac OS X в разы стабильнее любой версии Windows.

За пол года использования система зависала только один раз, точно не помню причину, кажется я пытался поставить какую-то сомнительную программу... и Mac OS это не понравилось. Все работает очень стабильно, именно так как и должно... и не приходится постоянно нервничать и искать причины почему та или иная функция или программа не работает так как надо.

Теперь когда мне периодически приходится иметь дело с windows на моем старом ноутбуке, после 15 минут работы у меня начинают шалить нервы и хочется кинуть его в стену :)

Итак, полгода назад я купил iMac 27, модель 2011 года с 4 Гб оперативной памяти, 1 Тб жестким диском и Core i5 процессором 2,7 Ггц. После нескольких недель использования стало очевидно, что для моих задач 4 Гб оперативки маловато. Запустить хотябы 2 ресурсоемких приложения (к примеру Photoshop и Illustrator) почти нереально, система начинала работать заметно медленнее. К счастью проблем с добавлением оперативки в компьютеры apple не возникает. Я купил 2 модуля памяти kingston по 4 гб и добавил к уже имеющимся 2 плашкам памяти по 2 Гб. В сумме получилось 12 Гб оперативки, а стоило это всего лишь 1600 рублей и заняло пару часов моего времени. С такой конфигурацией системы можно запускать хоть 10 ресурсоемких приложений и это никак не сказывается на быстродействии компьютера, все работает как часы.



Ранее я уже делал обзор программ для Mac OX которыми можно заменить привычные windows-программы. В этом обзоре мне хотелось бы поделиться опытом использования и подкорректировать этот список.

Начнем пожалуй с Total Commander.
Самый лучший ftp клиент который мне удалось найти для OS X → Transmit
Очень удобный, красивый и понятный интерфейс. Самая главное — с его помощью можно править файлы прямо на ftp сервере. Причем редактор в котором будут открываться файлы можно выбрать любой. Он платный, но все остальные программы в этой категории на мой взгляд в подметки ему не годятся. Единственное что мне в нем не хватает, так это возможности пакетной переименовки файлов по заданному шаблону. Этим я часто пользовался в total commander.


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



Переходим редакторам кода. Самое лучшее из бесплатных решений — TextWrangler. Его возможностей для верстки сайтов мне вполне хватает.
Но все же есть более удобное и функциональное решение — Sublime Text 2. Это платный текстовый редактор, который в последнее время стал очень популярным среди разработчиков. Причем он кроссплатформенный и существует не только для Mac OX, есть также версия под windows и linux.



Мозговые карты MindManager. К сожалению версия этой программы под Mac OS меня не впечатлила, она какая-то недоделанная и имеет очень ограниченный функционал в сравнении с виндовс версией. В качестве альтернативы можно использовать xMind который выглядит практически так же как в виндовс.
Но я выбрал третий вариант — онлайн мозговые карты mindMeister. Очень красиво сделаны, достаточный функционал, доступность с любого компьютера подключенного к интернет, имеются приложения для IPad и iPhone.



Программы для визуальной правки css кода — Stylizer.
Несколько разочарован этим css редактором. Версия под mac очень часто виснет и падает и разработчики кажется не сильно торопятся решать эти проблемы. И нет возможности переключаться между разными версиями браузеров как в виндовс версии. Но пока приходится использовать ее, так как альтернативных, сравнимых по удобству программ я не нахожу. Можно конечно использовать обычные css редакторы совместно с плагином firebug для firefox, но по скорости это никак не сравнится с stylizer.

Приведу пример. Допустим у вас есть 10-15 FTP серверов на которых хранятся около 100 сайтов и в один прекрасный момент один из владельцев этих сайтов звонит вам и говорит: «Я хочу чтоб кнопочка в шапке моего сайта, который вы делали год назад, была не зелененькой, а красненькой и чтоб шрифт на ней был не белый, а черный». Что вы будете делать в этом случае? Думаю, сначала вы будете долго вспоминать, что это вообще за сайт такой и на каком ftp сервере он хранится, потом полезете в браузер смотреть где хранятся css файлы в которых заданы эти цвета. Далее вам надо будет подключиться к нужному фтп серверу, найти этот файл css, найти строку в которой прописан цвет кнопки, изменить, сохранить. Сколько действий!!!! На это у вас уйдет минут 5 — это в самом лучшем варианте.

В случае использования Stylizer вообще не приходится заморачиваться где хранятся те или иные файлы стилей, будь у вас даже 1000 сайтов, всегда можно сделать небольшие правки css кода на любом из них в течении 1 минуты.

Вы просто открываете Stylizer и вписываете адрес сайта в адресную строку, далее нажимаете пробел и кликаете по элементу, стили которого нужно изменить. Программа сама находит файл и строки в котором заданы все свойства, меняем и нажимаем ctrl + s. Готово! Вот за это я обожаю эту программу и готов мириться даже с ее глючностью под mac OS.



В качестве браузера я по прежнему использую Chrome, хотя несколько раз думал о переходе на стандартный apple браузер Safari. Сафари привлекает своей скоростью работы и красивыми визуальными эффектами вкладок. Особенно удобно пролистывать историю во вкладке жестом смахивания на magic mouse, в хроме это тоже реализовано, но не так красиво, а самое главное не так быстро. Но наверное в силу привычки остаюсь на Google Chrome и меня он вполне устраивает.



Работая на виндовс я постоянно пользовался icq клиентом QIP, и он мне очень нравился. Но к сожалению версии под OS X нет и похоже не будет.
Вообще перейдя на компьютеры apple, у меня сложилось впечатление, что всяческого рода клиенты icq на mac OS вообще не любят. Они все какие-то убогие недоделки в сравниении с тем же QIP. Лучшее решение которое я нашел — Adium, но пришлось повозиться с ним чтоб настроить более менее удобный вид и функционал.



Skype
Вот уже пол года использую skype на OS X и могу сказать что в видновс он сделан удобнее. Не понимаю, зачем было все так усложнять. В виндовс есть список контактов и основное окно. Все просто и логично как в ICQ. Здесь же в столбце слева отображаются только открытые диалоги, а чтоб найти нужного человека, необходимо нажать на кнопку «контакты», после чего в основном окне высветится весь список контактов с фильтрацией по статусу, там кликаем по нужному имени и только после этого в списке слева откроется диалог и можно начинать писать сообщение. То есть получается нужно сделать больше действий... может кому-то так удобнее конечно, но мне это не понравилось.



GuitarPro
Как выяснилось, эта программа существует в версии для Mac OS и даже для iPhone и iPad. Работает отлично, никаких глюков замечено не было, внешне она выглядит точно также как и виндовс версия.



Замену программе image tuner я так и не нашел. Напомню, это очень удобная программа для пакетной обработки фотографий. Существует только для Windows. Пока использую Batch файлы photoshop для этих целей. В принципе тоже довольно удобно, но не так гибко.



С переходом на Mac OS я начал пользоваться некоторыми программами в которых на виндовс не видел необходимости. Не знаю, хорошо это или плохо, но сейчас мне стало очень удобно читать новости с сайтов при помощи программы Reeder, в качестве почтового клиента очень удобно использовать Sparrow. Wunderlist — отличный менеджер задач, причем он существует также и для windows. Skitch — обалденная программка для создания скриншотов с пояснениями, очень выручает когда надо что-то быстро объяснить или показать клиенту. Об этих и некоторых других удобных программах постараюсь рассказать в следующем обзоре.

Ускоряем работу в Photoshop с помощью экшенов

27 апреля 2012, 11:40

Довольно много приходится работать в фотошоп с макетами сайтов и я постоянно стараюсь как-то оптимизировать свои действия, чтоб увеличить продуктивность.
В этом посте хотел бы рассказать пару приемов использования экшенов, которые заметно облегчают работу дизайнера-верстальщика.

1. Настраиваем включение / отключение слоев с сеткой при помощи горячих клавиш.
Итак, открываем файл для рисования макетов. Сетка в нем уже есть и в моем случае находится в группе слоев «grid-980». Отключаем видимость этой группы слоев.



Далее, создаем новый экшен. Назовем его к примеру Show Grid.
Выбираем папку в которой он будет храниться, у меня это папка My Work Action.
Назначаем функциональную клавишу... я назначу F1, и нажимаем кнопку Record.



Убедитесь что в палитре слоев выбран какой-нибудь любой слой кроме группы слоев с сеткой, например выберите слой Background. Если этого не сделать, то экшены создадутся неправильно, они будут применяться к текущему выбранному слою, а не конкретно к группе слоев с сеткой.
Включаем нашу группу слоев с сеткой и нажимаем кнопку Stop в панели Action.

Аналогично подготовим второй экшен, который будет отключать сетку.
Создаем экшен с названием Hide Grid и назначаем функциональную клавишу F2.
Выключаем группу слоев с сеткой и нажимаем Stop.

Теперь очень удобно включать и выключать сетку используя клавиши F1 и F2. Вам больше не придется искать сетку в огромном количестве слоев макета.

Для данного приема можно придумать кучу других применений которые облегчат вам работу.

2. Настраиваем сохранение выбранного слоя или группы слоев в отдельный файл при помощи горячих клавиш.
Очень часто приходится сохранять всякие мелкие изображения в макетах сайтов, к примеру стрелочки возле списков, фоновые изображения для кнопок, различные иконки и картинки. Я всегда использовал для этих целей инструмент Slices, делал нарезку, отключал ненужные фоновые слои, если была необходима прозрачность для изображений, и сохранял с помощью диалога Save for Web. Это всегда занимало много времени и я думал, как можно облегчить и ускорить эти действия...
Описанный далее экшен существенно сокращает время на выполнение этих операций.

Итак, открываем какой-нибудь макет сайта или просто файл с несколькими слоями. Выделяем слой или группу слоев в палитре Layers.
Создаем новый экшен, назовем его к примеру Save Image и назначим горячую клавишу F3.
Далее нажимаем правой кнопкой на группу выделенных слоев и выбираем пункт «Duplicate Group...»



В открывшемся диалоге выбираем Document: New и нажимаем кнопку OK.

Создастся новый документ с текущей группой слоев. Далее идем в меню Image, выбираем пункт Trim, в диалоговом окне нажимаем ОК.

Теперь идем в палитру Action, нажимаем кнопку в верхнем правом углу и выбираем пункт
Insert Menu Item...



Выбираем в меню File пункт Save for Web & Devices. После этого нажимаем ОК в диалоговом окне.

Далее снова идем в палитру Action, нажимаем кнопку в верхнем правом углу и выбираем пункт Insert Menu Item... Опять идем в меню File и выбираем пункт Closed

Нажимаем ОК и останавливаем запись экшена.

Теперь чтобы сохранить любой слой или группу слоев в отдельный файл нам достаточно нажать F3, после чего откроется диалог сохранение изображения для web. Очень удобно и экономит кучу времени.

Stylizer — ускорение верстки страниц в несколько раз

13 октября 2011, 13:20

Какой редактор css вы используете при верстке сайтов?
Существует множество редакторов для написания css кода, начиная от обычного windows-блокнота до такого монстра как Adobe Dreamweaver.
Но использовать dreamweaver только для того чтоб писать css код — не очень удачное решение. Он сильно нагружает систему и расходует довольно много оперативной памяти.

Stylizer — ускорение верстки страниц в несколько раз

В своей работе, я использую редактор HTMLPad.
Пишу в нём html код, javascript, php и иногда редактирую css.
Но это все обычные текстовые редакторы, в этой статье речь пойдет о другом...

Вы когда-нибудь использовали плагин firebug для mozilla firefox? ...сейчас он существует и для браузера google chrome. Думаю любой, кто занимается версткой сайтов знает этот плагин, и знает как удобно им редактировать css код, видя при этом изменения на странице сайта прямо в реальном времени. Но есть одно «Но»... Вы не можете сохранять изменения в css файлы на хостинге... Т. е. написав правила css для какого-нибудь заголовка или блока в firebug, вам нужно будет скопировать их и вставить в файлы стилей вашего сайта на хостинге.

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

Я начал искать программу, которая позволяла бы редактировать css код в визуальном режиме и при этом умела бы сохранять все изменения в файлы на хостинге.
И вот после долгих поисков я её нашел. Пожалуй это уникальная программа, ничего подобного больше я не встречал. Называется она Stylizer.
Сайт разработчиков: http://www.skybound.ca/

Stylizer — ускорение верстки страниц в несколько раз

Программа платная и стоит 80 долларов, но она поразительно ускоряет продуктивность. С её помощью, верстать страницы можно в несколько раз быстрее.
Использую её уже больше года, обалденный инструмент для верстальщика.

На официальном сайте есть ознакомительная версия, которая работает 14 дней.

С одной лицензией можно использовать программу на 2-х разных компьютерах, причем один компьютер должен быть стационарный, а второй — ноутбук. Лицензия привязывается к компьютерному железу.
Каждые 90 дней можно устанавливать программу на новый компьютер, при этом на старом она работать естественно перестает)

C Mozilla Firefox на Google Chrome

13 сентября 2011, 22:11

Давно хотел отказаться от Mozilla Firefox. Слишком уж он грузит систему, очень много кушает оперативной памяти (замечал у себя до 1500 Мб, при этом было открыто всего-то 7-8 вкладок), часто виснет и тормозит.

Останавливало только то, что занимаюсь разработкой сайтов, а в мозиле есть очень удобные инструменты для этого дела. Ну к примеру тот же Firebug. Хотя в хроме он уже тоже есть, но какая-то недоделанная версия, урезанная где только можно). Стандартный хромовский просмотр кода не совсем устраивает по функционалу...

C Mozilla Firefox на Google Chrome

И вот сегодня все-таки решился перейти на google chrome, работает по ощущениям раза в 3 быстрее. Закладки импортировались из мозилы без проблем, пароли и история тоже. Настроил синхронизацию закладок и паролей на аккаунт гугл. Сегодня весь день верстал сайты на нем. Ощущения: Google Chrome — сказка)))