Главная > Лучшее из сети > Сентябрь 2012: Что нового появилось в сети для веб-дизайнеров?
Сентябрь 2012: Что нового появилось в сети для веб-дизайнеров?16 сентября 2012, 09:00. Разместил: Design FactoRy |
Сентябрь в разгаре, и чем же он может порадовать дизайнеров и разработчиков? В этом выпуске мы расскажем вам о новых 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 – оригинальный шрифт, идеальный для вывесок, листовок, логотипов. Кириллица не поддерживается. Вернуться назад |