Сентябрь в разгаре, и чем же он может порадовать дизайнеров и разработчиков? В этом выпуске мы расскажем вам о новых javascript и jQuery-инструментах, веб-приложениях, полезных плагинах, инструментах повышения производительности, новых возможностях CMS, фреймворках, наборах UI и реально крутых новых шрифтах.
Многие из представленных ниже инструментов бесплатны, а те, за которые нужно платить, безусловно станут хорошим приобретением.
01. Osmek
Osmek представляет собой новый тип облачной CMS. Хотя разработчикам больше по душе называть свой продукт “Content API”. Работает с любым языком программирования и фреймворком, на любом сервере, при том позволяет размещать контент на нескольких сайтах.
02. Metro UI CSS
Metro UI CSS – css-фреймворк для разработки сайтов в стиле Windows 8. Может использоваться как отдельно, так и с другими css-фреймворками.
03. Strapdown.js
Strapdown.js – это простой способ создавать документы с упрощенной веб-разметкой без необходимости их обработки на сервере. Скрипт легко и правильно воспринимается поисковиками, поддерживается большинством браузеров, может быть стилистически оформлен темами и включает подсветку синтаксиса в стиле Github.
04. Prism.js
Prism.js – удобный инструмент для подсветки синтаксиса, который основан на современных веб-стандартах. Он быстрый, интуитивно понятный, может быть стилизован с помощью css.
05. Annotator
Annotator – JS-библиотека с открытым кодом, которая позволяет пользователям оставлять аннотации на вашем сайте. Аннотации могут включать в себя комментарии, теги, пользователей и другие элементы. Annotator был разработан с легко расширяемым функционалом, поэтому вы сами можете его изменить.
06. SideTap
SideTap является фреймворком для разработки мобильных веб-интерфейсов. Лучше всего работает на iOS5+, Chrome и Safari. Он распространяется с соглашением по конфигурации, так что вы сразу можете приступить к работе.
07. Erlywarn
Erlywarn позволит вам получать мгновенные уведомления о некорректной работе вашего сайта. Чтобы начать его использовать, достаточно ввести email и ссылку на ваш сайт. При этом он более чем доступный – тарифы начинаются всего с £1 за месяц.
08. BigVideo.js
BigVideo.js – jQuery-плагин для использования больших видео-файлов (или изображений) в качестве фона сайта. Он использует Video.js API, а также другие jQuery-плагины и библиотеки.
09. SoundGecko
SoundGecko может преобразовать любую статью в mp2-файл, что позволит вам оставаться в курсе последних событий на ходу. Программа доступна в виде расширения для Chrome, или приложений для iOS, Android и Windows Phone. Или же просто отправьте письмо с ссылкой на статью.
10. Edicy
Edicy – это простой инструмент, используемый для создания многоязычных веб-сайтов. Он простой в использовании, оптимизирован для компьютеров и мобильных устройств, стилистически оформляется темами, оптимизирован для поисковиков.
11. Typecast
Typecast позволяет легко создавать интерактивные блоги в виде интервью. Вы можете пригласить читателей, друзей и поклонников задавать вам вопросы, а потом просто выбрать, на какие из них ответить.
12. Quabel
Quabel – приложение для написания текстов, эссе прямо в браузере. Особенностью приложения является определение цели, которую вам надо достичь – количество символов, слов, минут выступления. Простые команды позволяют легко форматировать текст и он будет доступен из любой точки мира.
13. Neat
Neat – резиновый фреймворк с открытым кодом, который был разработан на основе Bourbon и Sass. Он использует относительные единицы измерения (такие как em), правило «золотого сечения» и основан на mixin’ах Sass, что способствует тому, что ваш код не засоряется лишними классами и div’ами.
14. Human.io
Human.io – это платформа для разработки приложений с доступом к камере, геолокации для мобильных устройств. С его помощью вы можете создавать как простые, так и более функционально сложные приложения, легко совместимые с существующими сервисами.
15. Mailrox
Mailrox – веб-приложение, с которым вы легко создадите уникальные html-письма для рассылок CampaignMonitor или MailChimp. Шаблоны, сделанные с помощью Mailrox тестировались и прекрасно работают на Apple Mail, Lotus Notes, Thunderbird, AOL, Gmail, Yahoo! Mail и многих других почтовых сервисах.
16. CSS Arrow Please
CSS Arrow Please – быстрый и простой в использовании css-генератор для создания стрелок. Просто укажите размер стрелки, толщину границ, цветовую схему и сразу получите готовый код.
17. Easel
Easel – инструмент для разработки дизайна сайта прямо в веб-браузере. Вы можете использовать как готовые макеты, так и загружать свои стили через приложения для Chrome. Easel позволяет работать с веб-шрифтами, поддерживает спецификацию кодирования для отдельных браузеров. После создания дизайна вы можете поделиться ним в социальных сетях.
18. JZoopraxiscope
JZoopraxiscope – jQuery-плагин для создания анимации из простых изображений. Создан на основе Zoopraxiscope, разработанного Eadweard Muybridge.
19. Screenqueries
Screenqueries – простая утилита для тестирования вашего дизайна при разных разрешениях экрана. На выбор предоставляются расширения разных устройств (смартфоны, планшеты, ноутбуки), или же вы можете указать необходимое разрешение.
20. BigScreen
BigScreen – это библиотека, которая позволяет легко использовать javascript Full Screen API на вашем сайте или в приложении. Включает в себя несколько возможных вариантов использования, что облегчит работу с полноэкранными режимами.
21. Fluid UI
Fluid UI – приложение для разработки прототипов приложений для iOS и Android. Включает инструменты для обмена, загрузки, экспорта данных, и даже тестирования приложения на устройстве. Доступны бесплатный (ограниченный) и платные (начиная с $29 за месяц) тарифные планы.
22. On/Off FlipSwitch
On/Off FlipSwitch – css-генератор для быстрого визуального конструирования внешнего вида переключателей. Позволяет изменять настройки для активного и неактивного состояния, размер, цвет и многое другое.
23. Infogr.am
Infogr.am – это простое бесплатное приложение для создания потрясающей инфографики. Выберите одну из готовых тем, добавьте свою информацию и поделитесь готовым результатом.
24. Gridster
Gridster – jQuery-плагин для создания динамических макетов, построенных на блоках, которые вы можете добавлять, убирать, свободно перемещать. Он прост в использовании, но если возник вопрос, вы легко найдете ответ в документации.
25. jQuery blackCalculator
jQuery blackCalculator – простой jQuery-плагин для создания калькулятора. Есть целый ряд настраиваемых опций, а также подробная документация.
26. TheCodePlayer
TheCodePlayer – это видео-хранилище для пошагового руководства создания удивительных работ из простых изображений. Там вы найдёте практически всё – от простых эффектов при наведении мыши на изображение, к созданию заставок в HTML5 и другое.
27. Toast
Toast – это css-фреймворк для создания макетов на модульной вёрстке. Он включает некоторые стили оформления, сброс стилей, модули и больше ничего. Есть два основных режима работы – сетка с одним столбцом для узких экранов и сетка с 12 столбцами - для больших (до 960px).
28. Taskup
Taskup – это простое и настраиваемое приложение для записи всех ваших дел. Вы можете его использовать бесплатно, если в вашем списке до 1000 заданий, или же приобрести приложение за $0.99 в месяц.
29. EditorConfig
EditorConfig предназначен для разработчиков, для определения этапов кодирования разными разработчиками в разных программных средствах. Поддерживает систему контроля версии и включает как формат файла, так и плагины редактирования для каждого проекта.
30. Sequence.js
Sequence.js – слайдер, который основан на CSS3-переходах. В нём нет встроенной стилистической темы, что открывает уйму возможностей для дизайна. Вам всего-навсего нужно знать CSS3.
31. Elena ($99+)
Elena от Process Type Foundry – очень комфортный для длительного чтения шрифт с засечками. Он милый и в тоже время сдержан, с четкими индивидуальными чертами. Кириллица не поддерживается.
32. Headlined ($15)
Headlined – вызывающий шрифт без засечек для крупных заголовков. Чернильная текстура и потёртости практически позволяют почувствовать его, и в то же время делают его непохожим на другие шрифты. Кириллица не поддерживается.
33. Wide Display ($77)
Wide Display – это плотный шрифт с засечками и декоративными элементами, представленный в различных вариантах. Поддерживается кириллица.
34. Kahlo ($136.50)
Kahlo является формальным и элегантным хипстер-шрифтом. Возможны 4 варианта насыщенности шрифта и курсив, а также некоторые альтернативные символы. Он идеально подходит для плакатов, логотипов, заголовков, упаковок. Кириллица не поддерживается.
35. No Color (бесплатно)
No Color – шрифт со стилем distressed, смотря на который вспоминаешь старый добрый Запад. Лучше всего подойдет заголовкам, вывескам, плакатам. Поддерживается кириллица.
36. Casper (бесплатно)
Casper – шрифт без засечек, который включает стрелки, альтернативные символы и знаки, лигатуры. Содержит латинские и кириллические символы. Поддерживается кириллица.
37. Znikomit № 25 (бесплатно)
Znikomit № 25 от Gluk – элегантный декоративный шрифт с открытой лицензией. Кириллица не поддерживается.
38. Public (€10)
Public выдержан в стиле шрифтов 20-х 30-х годов и идеально подходит для вывесок, упаковки, логотипов. Кириллица не поддерживается.
39. Stephanie Marie JFPro ($79)
Stephanie Marie JFPro (дизайнер Jason Walcott) является стильным шрифтом, который включает в себя полный набор дополнительных символов, а также некоторые альтернативные строчные и надстрочные символы. Кириллица не поддерживается.
40. Ginger Snap JF ($79)
Ginger Snap JF – оригинальный шрифт, идеальный для вывесок, листовок, логотипов. Кириллица не поддерживается.
Раздел: Лучшее из сети Комментариев: 4
Сентябрь 2012: Что нового появилось в сети для веб-дизайнеров?
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Подробности здесь
Опубликовал Design FactoRy Прочитано (раз): 12665 | Оставлено комментариев: 4
Источник материала / оригинал статьи Распечатать
Источник материала / оригинал статьи Распечатать