Июль 2012: Что нового появилось в сети для веб-дизайнеров?
29 июля 2012, 12:00. Разместил: Design FactoRy
Многие из ресурсов, перечисленных ниже, бесплатны или стоят совсем немного, и наверняка пригодятся большинству веб-дизайнеров и разработчиков.
Как всегда, если мы упустили что-то, что, по вашему мнению, что должно быть включено, пожалуйста, сообщите в комментариях.
01. Nitro
Nitro представляет собой менеджер задач, который взаимодействует с Dropbox или с Ubuntu, чтобы сделать вашу работу более продуктивной. Он предлагает списки задач, даты и сроки, поиск повторяющихся задач, и даже шаблоны.
02. TinyPNG
Вам нужны файлы даже меньше, чем файлы PNG для ваших проектов? TinyPNG использует сжатие файла PNG с сохранением прозрачности. Это отличное решение, если вам нужны очень маленькие файлы с прозрачностью.
03. Vi
Vi является простым текстовым редактором, который позволяет открывать и редактировать файлы, находящиеся в сети. И если вы откроете файлы непосредственно с Dropbox или Box, они будут сохранены там же, где и были открыты.
04. The Designer’s Survival Guide
The Designer’s Survival Guide – это блог, который ведет Ричард Бэрд (Richard Baird), он предлагает непрерывно обновляемые списки советов по дизайну на различные темы от ведущих дизайнеров и профессионалов из различных организаций. Этот ресурс особенно подходит для начинающих дизайнеров.
05. Spin.js
Sping.js – это CSS-генератор, который позволяет вам создавать загрузку на основе CSS, у которой нет внешних взаимозависимостей, изображений, и внешних CSS. Генератор легко настраивается и не зависит от разрешения.
06. HTML5 Invoice
HTML5 Invoice создан на основе HTML Invoice от Криса Койера (Chris Coyier). Инвойсы прекрасно печатаются на бумаге размером 8,5 х 11, с высокой точностью. Вы можете использовать его в том виде, в котором он есть, или скачать исходник для внесения изменений.
07. Foundation 3.0
Совсем недавно вышел Foundation от Zurb, а сейчас уже вышла новая версия - Foundation 3.0. Система является самой продвинутой платформой для разработки интерфейсов в мире. 3.0 создана с помощью Sass для ускоренной разработки и дополнительных инструментов, а также были добавлены и другие новые элементы.
08. Chocolat
Chocolat – это новый текстовый и кодовый редактор для OS X. Он сочетает родные свойства Cocoa и мощные инструменты редактирования. В инструменте предусмотрены такие свойства, как автоматическое завершение кода, сплит-редактирование и многое другое.
09. Dropbox Photo Sideloader
Если вы предпочитаете использовать Dropbox-аккаунт для размещения изображений, используемых на вашем блоге WordPress, то вам необходим плагин Dropbox Photo Sideloader. Это позволяет легко добавлять новые вкладки в медиа-загрузчик WordPress, который позволяет перетаскивать файлы с вашего аккаунта Dropbox.
10. MercuryApp
MercuryApp – это платформа «микро-блоггинга», которая позволяет отслеживать ваши впечатления по поводу практически любой ситуации и с течением времени собирать данные о них, а затем узнавать подробности. Вы можете использовать его, чтобы принимать более взвешенные решения, отслеживая свои впечатления и настроения по какому бы то ни было поводу.
11. Purty Pixels
Purty Pixels – это большой ресурс для бесплатных PSD-исходников и шаблонов WordPress. Премиум-ресурсы также доступны.
12. Southstreet
Southstreet – это оптимизированная группа с открытым исходным кодом и инструментами, повышающими эффективность рабочего процесса. Она включает в себя Enhance, eCSSential, QuickConcat, AjaxInclude, AppendAround, Picturefill, и была разработана Filament Group.
13. Brackets
Brackets – это редактор кода с открытым исходным кодом для веб-дизайна, созданный и поддерживаемый Adobe (и выпускаемый по лицензии MIT). Он был разработан с использованием HTML, CSS, и javascript, и направлен на быстрое редактирование изображений в строке, за счет чего вы получаете быстрый доступ к редактированию вашего контента, в то время как ваш код сохраняется на переднем плане.
14. Sprite3D.js
Sprite3D.js – это маленькая javascript-библиотека для создания и управления CSS 3D-трансформациями. Она дает HTML-элементам необходимые функциональные возможности, что позволяет легко контролировать их расположение на трехмерной плоскости. И это происходит без объекта canvas или WebGL-поддержки в браузере.
15. RefineSlide
RefineSlide – это адаптивный слайд-шоу с открытым исходным кодом, который предлагает CSS-переходы и 3D-трансформации, автоматическое форматирование и адаптивные миниатюры, HTML-заголовки, аппаратное ускорение на поддерживаемых браузерах и многое другое.
16. SeuratJS
SeuratJS – это javascript-библиотека для создания точечных анимаций из ваших изображений с помощью минимального объема кода. Она использует HTML5 Сanvas для анализа данных о цвете, так что можно сказать, что она работает полностью на клиентской стороне.
17. Laravel
Laravel – это PHP-платформа для веб-разработки, которая позволяет без труда создавать приложения с простым, выразительным синтаксисом. Она хорошо задокументирована, распространяется с открытым исходным кодом, а также позволяет обмениваться групповыми кодами (или пользоваться чужими кодами для ускорения собственного процесса разработки).
18. Dummy
Dummy представляет собой набор инструментов для быстрой разработки прототипов, что позволяет ускорить процесс разработки, тестирования, и создавать настоящие веб-прототипы путем имитации подключения к реальной базе данных. С помощью данного набора вы сможете получать нечто более приближенное к конечному результату.
19. The Boiler
Boiler – это бесплатный адаптивный HTML5/CSS3 boilerplate WordPress-шаблон от Vorkshop. Он включает в себя «настройщика» тем и опций, пользовательский заголовок, пользовательский фон, пользовательские шаблоны, шорткоды и многое другое.
20. Throttle
Проверить время загрузки вашего сайта в Интернете достаточно просто. А как насчет тестирования для мобильных пользователей? Throttle показывает, как сайт будет загружаться на различных мобильных сетях, без необходимости иметь доступ к каким-либо сетям (например, вы можете провести тест на основе той же 3G-сети).
21. Roundabout
Roundabout принимает ваши неупорядоченные списки и преобразует их в формат поворотного диска. Инструмент распространяется с открытым исходным кодом и сразу готов к использованию, при этом он легко настраивается.
22. ProjectFlow
ProjectFlow – это визуальный способ организации ваших проектов, с интерфейсом drag and drop. Просто добавьте проекты, обозначьте колонки для отражения процесса, а затем перетащите проекты на эти колонки.
23. Unroll.me
Unroll.me – это бесплатная услуга по избавлению от нежелательной подписки по электронной почте и т.п. В настоящее время она работает только с приложениями Gmail и Google, но скоро эта услуга будет доступна и для Yahoo!, и для других приложений.
24. QUOjs
QUOjs – это миниатюрная javascript-библиотека для упрощения мобильных проектов. Она упрощает процесс обработки HTML-документа, обработку событий и взаимодействия Ajax для быстрой разработки кросс-браузерного кода.
25. Uptime
Uptime представляет собой HTTP-утилиту удаленного мониторинга, которая использует Node.js и MongoDB. Это позволяет контролировать тысячи веб-сайтов по расписанию, которое вы составляете, а также дает возможность получать мгновенные оповещения о каждой странице в случае возникновении проблемы.
26. Peity
Peity – это jQuery-плагин, который конвертирует контент в canvas. Он работает в любом браузере, который поддерживает canvas (Chrome, Firefox, IE9+, Opera и Safari).
27. PHP: The Right Way
Хотите изучать PHP? PHP: The Right Way может вам в этом помочь. Ресурс рассказывает о лучших примерах применения PHP, чтобы вы могли избежать неправильного кода и неэффективных методов (это важно, так как существуют неправильные способы использования PHP, которые могут сбить с толку некоторых новых пользователей).
28. Docracy
Нужен правовой документ? Загляните на Docracy – хранилище нормативно-правовых документов, контрактов и соглашений. Просто найдите документ, а затем сохраните копию, сделайте его своим, и бесплатно его подпишите.
29. PsDefaults
PsDefaults предлагает несколько видов настройки графики для Photoshop. Это набор современной ручной настройки: шаблоны, кисти, формы, стили и многое другое. Вы можете получить бесплатный мини-комплект в обмен на ваш электронный адрес, или вы можете предварительно его заказать на Kickstarter.
30. Tilizer
Tilizer – по-настоящему аккуратный генератор фона. На основе ваших материалов создаются случайные модели, в том числе, учитывается, сколько строк и столбцов должны иметь модели, масштаб, цвета и многое другое.
31. Marqueed
Marqueed – простой инструмент для обмена изображениями, их комментариями и маркировкой. Это фантастический инструмент для группы сотрудников или для получения обратной связи с клиентами.
32. Maven Pro (называйте свою цену)
Maven Pro, из Lost Type Co-Op, созданный Джо Принцем, предлагает три облегченных шрифта без засечек Maven Pro, в том числе ультра-тонкий шрифт. Кириллица не поддерживается.
33. Bioweapon (бесплатно)
Bioweapon – шрифт от Лукаса Фелипа, бесплатный для коммерческого использования и доступный только через Behance. Это современный шрифт без засечек. Кириллица не поддерживается.
34. Figa (бесплатно)
Figa – это великолепный бесплатный шрифт с геометрическими, абстрактными буквами. Он был разработан Пьером Паоло и доступен для любого вашего проекта, как только вы отправите копию своей работы дизайнеру. Кириллица не поддерживается.
35. Quarz 974 (бесплатно)
Quarz 974 представляет собой абстрактный геометрический шрифт с рунами вместо букв. Он удивительно «читабельный» при больших размерах, что делает его отлично подходящим для плакатов. Кириллица не поддерживается.
36. Typometry Pro ($10)
Typometry Pro – это шрифт с современным deco-ish веяньем. Включены обычные и альтернативные стили. Кириллица не поддерживается.
37. 47 (бесплатно)
47 – это бесплатный, современный шрифт в винтажном стиле с наклоном влево. Кириллица не поддерживается.
38. Lush Script ($59)
Lush Script - шрифт, напоминающий шрифты 40-х и 50-х годов. Он имеет довольно агрессивный ритм, с резкими переходами. Кириллица не поддерживается.
39. Frontage ($55)
Frontage – многоуровневая система с бесконечными возможностями проектирования в духе старины. В 6 стилях 224 символа, идеально подходящих для заголовков и логотипов. Кириллица не поддерживается.
40. Ashbury (от бесплатного до – $258)
Ashbury похож на шрифты переходного типа 18-го века, с нечетким контуром. Light-версия шрифта доступна бесплатно, хотя есть 10 вариантов доступных шрифтов, отличающихся по плотности и стилю. Кириллица не поддерживается.
41. Acorn (бесплатно)
Acorn – бесплатный шрифт от Вильяма Саклинга, доступный на Behance. Это простой рукописный шрифт без засечек, который прекрасно подходит для использования на экране. Кириллица не поддерживается.
Вернуться назад