8 полезных инструментов для веб-разработчиков
Одно из наших любимых занятий – отыскивать штучки, которые упрощают нам жизнь. Будь это бесплатные фонты или иконки или сервисы, которые помогают делать вашу работу, мы ищем их и находим, а сами при этом можем сосредоточиться на более важном. Здесь подобраны несколько онлайн-сервисов, полезных для задач дизайна и веб-разработки, и, что самое приятное, все они - бесплатны.
Одно из наших любимых занятий – отыскивать штучки, которые упрощают нам жизнь. Будь это бесплатные фонты или иконки или сервисы, которые помогают делать вашу работу, мы ищем их и находим, а сами при этом можем сосредоточиться на более важном. Здесь подобраны несколько онлайн-сервисов, полезных для задач дизайна и веб-разработки, и, что самое приятное, все они - бесплатны.
Эти сервисы пишут и улучшают CSS-код, делают эскизы дизайнов и подбирают цвета, помогают редактировать и отлаживать сниппеты и рисуют призывные кнопки.
Давайте рассмотрим их подробнее:
0 to 255 – простой сервис, который помогает строить вариации от любого цвета. Разумеется, по сравнению с другими инструментами работы с цветом, этот сервис слишком прост, тем не менее, и ему можно найти применение.
Spritebox – существенно более сложный инструмент, сделанный на базе современных технологий: JQuery, CSS3 и HTML5. Он представляет собой WYSIWYG-редактор, позволяющий очень быстро и легко создать CSS-классы и ID на основе единственной спрайт-картинки. Суть этой техники в показывании на сайте различных кусочков такой картинки, пользуясь свойством background-position. Эффективность метода в том, что сокращается время загрузки страницы за счет резкого уменьшения обращений к серверу. Удобство еще и в том, что такой спрайт можно заменять целиком, как скин.
А недостаток метода в том, что эту технику поддерживают не все браузеры (особенно старые) и что строить такой код – занятие довольно нудное. Впрочем, именно последнюю часть инструмент как раз и предназначен исправить: с помощью него строить код вообще не требуется – он все делает сам.
jsFiddle – игрушечка специально для разработчиков, инструмент, который можно использовать различными способами. Например, можно в нем, как в онлайн-редакторе, создавать сниппеты на HTML, CSS и JavaScript. А полученным кодом можно поделиться с другими, поместить в блог и т.д. Можно отлаживать AJAX-приложения, работать на уровне событий.
Frame Box – легкий способ создать эскиз будущего сайта и поделиться им со всеми желающими. Либо просто сдвинуться с мертвой точки в дизайне вашего нового сайта и набросать для заказчика "где что находится". Кстати, при всей очевидности и простоте, иногда такие обсуждения на уровне эскизных решений удивительно упрощают работу дизайнерами.
CSS3 Generator – простая утилита, которая создает кросс-браузерный код на базе CSS3 в зависимости от того, что вы выбрали. Возможно, эта штука будет более интересной, если автор надумает ее развивать. В любом случае, многим будет полезен инструмент, позволяющий автоматически получать корректный CSS3-код для наиболее типичных задач.
Забавное и стильное название «ProCSSor» совмещает в себе самое главное: процессор (т.е. обработчик) и CSS. Это мощный оптимизатор кода CSS, позволяющий вам форматировать CSS именно так, как вам нравится. Он повышает класс вашего кода, превращая ваш CSS в нечто гораздо более понятное с минимумом прилагаемых для этого усилий.
Super Conversion Button
Маркетологи в один голос уверяют нас, что на сайтах, предназначенных для получения прибыли, самое главное – хорошо предложить товары или услуги и помочь клиенту сделать покупку. Вот как раз для последнего требуется яркая, приятная, зазывная кнопка. Эта маленькая утилитка нужна для создания буквально за секунды подобных кнопок, повышающих эффективность продаж с вашего сайта, так называемых «call-to-action-button».
wordmark.it – сервис, позволяющий быстро посмотреть как выглядит торговая марка, выписанная фонтами, установленными у вас на компьютере. Прежде, чем вы отправитесь закачивать себе порцию новых фонтов.
Источник
Комментариев нет:
Отправить комментарий