Февральский выпуск обзора новинок для веб-дизайнеров и разработчиков включает новые веб-приложения, jQuery-плагины и javascript-ресурсы, приложения, позволяющие повысить вашу продуктивность, а также несколько хороших новых комплектов шрифтов. Большинство из инструментов, представленных ниже, бесплатны или не очень дороги, и будут полезны для многих дизайнеров и разработчиков.
Как обычно, если мы упустили что-то, обязательно напишите об этом в комментариях!
01. Dropzone.js
Dropzone.js представляет собой open source-загрузчик файлов с интерфейсом свободного перетаскивания и предварительным просмотром. Его очень просто настроить, особенно если вы используете Component), и реализовать в виде формы или при помощи программирования.
02. Flowtime.js
Flowtime.js – это среда разработки, которая упрощает процесс создания HTML-презентаций или сайтов с полноценными гибкими шаблонами, множеством контроллеров навигации, переходами, поддержкой параллакс и многим другим.
03. Notism
Notism – это отличный инструмент для работы над визуальным контентом в команде. Вы можете загружать и предварительно визуально изучать идеи проекта, создавать работающие прототипы и статичные шаблоны, обсуждать черновые варианты и многое другое.
04. Dropify
Dropify упрощает процесс создания файлов, которые можно скачивать с вашей фан-страницы в Facebook. Здесь предусмотрен бесплатный план использования (который не позволяет вам использовать функцию Like), а также платные варианты. Этот инструмент отлично подойдет писателям, авторам, творческим людям, брендам и небольшим фирмам.
05. Onepager
Onepager позволяет вам без труда создавать простенькие сайты для небольших фирм. Полученные сайты будут отлично работать как на рабочих столах, так и на мобильных устройствах, будут размещаться на облачных системах, включать различные формы и будут оптимизированы под поисковые системы. Начальные сайты будут стоить от 8$/месяц, и дальше по возрастающей.
06. Cashboard
Cashboard облегчит вам процесс запуска бизнеса. Он включает инструменты управления проектом, функцию отслеживания времени и расходов, позволяет создавать инвойсы и даже организовать систему приема платежей. Бесплатный план предоставляет поддержку только одного наемного рабочего, и два активных проекта, когда за деньги вы сможете получить гораздо больше функций и преимуществ.
07. Kirby
Kirby – это система управления контентом (CMS), основанная на файлах, которую очень просто установить и пользоваться ей. К тому же, она невероятно гибкая. Она использует ваш дизайн и ваши шаблоны, не требует базы данных и поддерживает код Markdown, кроме всего прочего. Обойдется вам такая система в 39$ за сайт.
08. QuoteRobot
QuoteRobot упрощает процесс создания профессионально оформленных предложений, инвойсов и прочего. Он работает с Highrise, FreshBooks, SalesForce, Google Apps и Xero, и обойдется вам всего в 10$/месяц, после 30-дневного бесплатного пробного периода.
09. Dispatch
Dispatch – это инструмент для организации команды и проектов. Он работает с тем, что у вас уже есть в Dropbox, Google Drive, Evernote и Box. Он включает в себя полноценные превью, и позволяет вам всегда иметь при себе актуальные версии документов и файлов.
10. Reamaze
Reamaze представляет собой облачную службу поддержки, которая работает посредством электронной почты, Facebook или Twitter. Она включает в себя поддержку шаблонов ответа, позволяет ставить пометки в обсуждении и многое другое.
11. Hint.css
Hint.css представляет собой библиотеку подсказок на SASS, которая использует HTML/CSS (без javascript) для создания простых подсказок при помощи атрибута data-*, псевдо-элементов, параметра content и css3-переходов. В браузерах, в которых отсутствует поддержка переходов CSS3, библиотека не использует новые параметры, и отображает не менее красивые подсказки.
12. Mueller Grid System
Mueller представляет собой модульную сеточную систему на базе Compass, которая работает как с адаптивными, так и с обычными шаблонами, предоставляя вам полный контроль над шириной колонки, ширину канавки, media queries и многим другим.
13. Extra Strength Responsive Grids
Extra Strength Responsive Grids представляет собой сеточную систему, которая включает в себя гибкий шаблон, основанный на процентном соотношении, media queries, вложенные сетки, а также возможность без труда устанавливать выравнивание. Инструмент отлично подходит для разработки прототипов и работает с Sass.
14. Ink
Ink представляет собой простой в использовании набор инструментов для создания веб-интерфейсов. Он использует HTML, CSS и javascript для создания шаблонов, отображения общих элементов интерфейса и многого другого.
15. Top Drawer
Top Drawer использует CSS3-переходы для раскрытия меню. Здесь используется Modernizr для определения браузерной совместимости с CSS3-преходами, а также предусмотрен запасной вариант, основанный на CSS3.
16. Cool Kitten
Cool Kitten представляет собой бета-платформу, которая включает адаптивные HTML, CSS и javascript-файлы, а также оснащена поддержкой параллакс-скроллинга.
17. scrollUp jQuery-плагин
scrollUp представляет собой миниатюрный jQuery-плагин, который поможет вам добавить функционал «вверх» на любой сайт.
18. Mobile Chief
Mobile Chief – это бесплатный плагин для мобильных сайтов, который включает в себя пользовательские элементы, и интегрирован с Font Awesome. К тому же, он был создан при помощи HTML5 и CSS3, что позволяет вам получить идентичный результат на всех мобильных устройствах.
19. Textillate.js
Textillate.js – это плагин для текстовых CSS3-анимаций, который совмещает в себе несколько невероятных библиотек. Все, что вам нужно сделать, это включить его в проект, а затем начать создавать отличные эффекты.
20. Flight
Flight представляет собой javascript-платформу, которая позволяет вам добавлять карты в DOM-записи из Twitter. Здесь используются ES5 и jQuery, а также AMD-реализация строки загрузки или require.js.
21. Chime
Chime – это расширение для Google Chrome, которое собирает все оповещения с ваших социальных сетей, включая Reddit, Gmail, Twitter, Facebook, Flickr и многие другие.
22. Cloudship
Cloudship представляет собой инструмент для управления задачами и создания заметок, который позволяет вам без труда кооперироваться с командой. Им просто пользоваться, он имеет поддержку вложенных задач, функционал прикрепления файлов, отслеживания по времени и многое другое.
23. Conditionizr
Conditionizr – это javascript-утилита, которая определяет ваш браузер и соотношение пикселей, чтобы предоставить соответствующие файлы javascript и CSS. Она была немного переделана, и теперь работает на 50% быстрее, чем ее jQuery-предшественник.
24. Behave.js
Behave.js позволяет вам добавлять образ действия удаленной среды разработки к полям ввода текста, чтобы немного улучшить процесс написания кода. Здесь имеется поддержка твердых и мягких вкладок, автоматического открытия или закрытия ключей вроде скобок, двоеточий, двойных и одиночных кавычек.
25. Free Travel Icon Pack
Этот Free Travel Icon Pack от Obox включает в себя маяк, очки для катания на лыжах, камеру, автобус, палатку, бинокль и многие другие иконки, связанные с путешествиями.
26. MFG Labs Icon Set
MFG Labs Icon Set был разработан специально для внутреннего использования, но недавно был выложен в сеть для свободного скачивания. Это простой набор иконок в минималистском стиле, в котором также присутствуют все иконки социальных сетей и аудио/видео-плееров.
27. RoughDraft.js
RoughDraft.js упрощает процесс разработки интерактивных HTML-набросков, позволяя избежать дубликатов кода. Здесь вам также не придется заменять контент наполнителями.
28. Toolbar.js
Toolbar.js позволяет вам создавать панели инструментов в стиле подсказок для веб-приложений или сайтов. Вы также можете украсить панели иконками из Twitter bootstrap.
29. Attitude + (бесплатно)
Attitude + - это экранный шрифт для заголовков, который был разработан под вдохновением от японской поп-культуры и американской хип-хоп субкультуры. Здесь прослеживается также вдохновение геометрическими шрифтами с орнаментами. Кириллица не поддерживается.
30. Higher (бесплатно)
Higher представляет собой геометрический экранный шрифт с намеком на искусство и ремесло. Он был создан в рамках студенческого проекта, и доступен в форматах TTF и OTF. Кириллица не поддерживается.
31. Salt & Foam (бесплатно)
Salt & Foam представляет собой красивый экранный шрифт в двух стилях с едва заметным трехмерным эффектом. Он был разработан Анной Каратчевой, которая была вдохновлена катанием на сёрфе в первый раз. Кириллица не поддерживается.
32. Apollo ($5)
Apollo – это закругленный шрифт без засечек, разработанный в рамках студенческого проекта Кевина Мэя (Kevin May). Кириллица не поддерживается.
33. Zerb (бесплатно)
Zerb – это абстрактный геометрический экранный шрифт, который можно скачать и использовать бесплатно как в личных, так и в коммерческих проектах. Он доступен в вектором формате Illustrator. Кириллица не поддерживается.
34. Fassade Display ($10)
Fassade Display был разработан под вдохновением буквами на туристических постерах 1930-х годов, где можно наблюдать слегка увеличенные графические элементы. Кириллица не поддерживается.
35. Roccia ($10)
Roccia – это экспериментальный шрифт без засечек в двух стилях в верхнем регистре. Кириллица не поддерживается.
36. Faux Tangram (бесплатно)
Faux Tangram – это шрифт, разработанный под вдохновением Танграмом, в котором используются невероятно простые геометрические формы и негативное пространство. Кириллица не поддерживается.
37. Niewe (бесплатно)
Niewe – это абстрактный экранный шрифт, предложенный в 4 разных гарнитурах, который можно использовать бесплатно. Если вы хотите использовать шрифт в коммерческом проекте, вам придется спросить разрешения автора. Кириллица не поддерживается.
38. FM Ephire ($30)
FM Ephire – это рукописный шрифт в ретро-стиле, предложенный в 5 гарнитурах и курсиве. Он отлично подойдет для баннеров и постеров, приглашений и многого другого. Поддерживается кириллица.
Раздел: Лучшее из сети Комментариев: 1
Февраль 2013: Что нового появилось в сети для веб-дизайнеров?
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Подробности здесь
Опубликовал Design FactoRy Прочитано (раз): 14932 | Оставлено комментариев: 1
Автор перевода — CoolWebmasters.Com © | Источник материала / оригинал статьи Распечатать
Автор перевода — CoolWebmasters.Com © | Источник материала / оригинал статьи Распечатать