Июльский выпуск обзора новинок для веб-дизайнеров и разработчиков включает в себя новые веб-приложения, javascript-ресурсы, инструменты для iOS7-разработки, инструменты и фреймворки для адаптивной веб-разработки, иконки, скрипты интернет-магазинов, приложения для работы с изображениями, инструменты для работы с кодом, а также несколько хороших новых комплектов шрифтов.
Большинство из представленных ниже инструментов бесплатны или не сильно дорогие, и будут полезны многим дизайнерам и разработчикам.
Как обычно, если мы упустили что-то, обязательно напишите об этом в комментариях!
01. Froont
Froont позволяет вам разрабатывать веб-сайты прямо в окне веб-браузера, используя простой в использовании drag-n-drop интерфейс. Инструмент позволяет вам видеть сайт в том же виде, каким его видят посетители.
02. jQuery CollagePlus
jQuery CollagePlus представляет собой jQuery-плагин, который выстраивает ваши изображения таким образом, чтобы они сочетались с размером контейнера. У вас будет доступ к регулировке отступов между изображениями, высоте строки, CSS-границами и другому, а плагин сделает за вас все остальное.
03. Thincons
Thincons – это набор иконок за 7$, разработанный под вдохновением iOS7. Здесь представлено 77 иконок, и у вас будет возможность получить пробники всего лишь за публикацию твита на вашей странице Twitter.
04. gridr buildrrr
gridr buildrrr – это очень простой в использовании генератор сеток с достойным количеством опций. Укажите количество колонок, ширину колонок и поля, а также любые перетаскиваемые блоки, которые вам хотелось бы использовать в проекте, а gridr buildrrr сделает все остальное.
05. Tabulous.js
Tabulous.js представляет собой jQuery-модуль для вкладок, который предлагает несколько опций эффекта для переходов, включая масштабирование, скольжение и многие другие. Процесс реализации очень прост, и к тому же плагин полностью задокументирован.
06. Opa Framework for javascript
Opa Framework for javascript упрощает процесс одновременного написания кода для стороны сервера и клиента на одном языке, при помощи одного модуля. Она полностью совместима со стандартными js-библиотеками, включая автоматизацию базы данных, и предлагает родную HTML5-поддержку других свойств.
07. Golden Ratio Typography Calculator
Golden Ratio Typography Calculator представляет собой простой инструмент для создания красивой типографики. Просто введите размер шрифта и ширину контента, а также опционально можно использовать настройку количества символов на строку.
08. Gumroad
Gumroad в значительной степени упрощает процесс продажи и покупки любых цифровых (или физических) товаров в интернете. Просто загрузите ваши файлы, оформите страницу и приступайте к торговле. Gumroad отвечает за обработку платежей, и снимает с вас всего 5% за каждую трансакцию.
09. Notism
Notism представляет собой быстрый, простой, но очень эффективный способ кооперирования команды для разработки визуального контента. Здесь предусмотрены инструменты для создания набросков и комментирования, что позволяет вам интерактивно работать над разработкой прототипов.
10. Style Guide Boilerplate
Style Guide Boilerplate предназначен для дизайнеров и разработчиков, которые хотят настроить собственные фреймворки на работу с компонентами, которые они наиболее часто используют в собственных проектах.
11. AOL Reader
Ищите замену Google Reader? Познакомьтесь с AOL Reader. Вы можете авторизоваться, используя ваши аккаунты в AOL, Facebook, Google или Twitter, чтобы получить бета-версию. Шаблон приложения настраивается, и здесь вам будет предложена возможность импортировать ваши RSS-подписки в стандартном формате OPML.
12. Webfonts Corner
Webfonts Corner – это подборка веб-шрифтов, которые используются на сайтах по всему миру. Невероятное место, где вы можете получить дозу вдохновения.
13. Square Market
Square Market представляет собой новое решение по организации интернет-магазина от Square. Вам не придется ничего платить сверх стоимости услуги обработки платежей от Square, и при этом вы получите невероятно современный и привлекательный веб-сайт.
14. Gridism
Gridism представляет собой адаптивную сеточную систему, которой невероятно просто воспользоваться. Она распределяет элементы сетки на мобильных экранах, и увеличивается вплоть до 978 или 1140 пикселей (по вашему выбору).
15. iOS 7 GUI PSD
Данный PSD-файл iOS 7 GUI от Teehan+Lax включает в себя элементы графического пользовательского интерфейса, которые можно видеть в 1 бета-версии iOS7. PSD хорошо слажен, все элементы имеют названия, и разделены на отдельные слои.
16. Automaton
Automaton представляет собой инструмент для автоматизации задач, написанный на javascript. Просто настройте автоматический файл, в котором описано то, что должно быть выполнено, либо вы можете даже заставить один автоматический файл использовать другой такой же файл, и выполнять еще более сложные задачи.
17. File-type icon set
Занимаетесь разработкой веб-приложений? Тогда этот бесплатный open source набор иконок от Teambox как раз то, что вам нужно. Он включает в себя иконки различных типов файлов, включая TXT, RTF, WAV, MP3, XLS, CSS, HTML, DOC, PDF, AVI, SQL, и многие другие.
18. Later.js
Later.js позволяет вам определять комплексные графики задач и быстро и просто создавать графики на будущее. Инструмент работает на стороне клиента, либо при помощи Node.js.
19. Clipping Magic
Clipping Magic позволяет вам без труда удалять фон на выбранных изображениях. Просто отметьте нужные элементы и фон, который нужно удалить, и алгоритм Clipping Magic позаботится об остальном.
20. The Secret Handshake
The Secret Handshake представляет собой образовательный ресурс для начинающих дизайнеров и студентов, которые находятся в поиске советов о том, как влиться в выбранную сферу деятельности. Здесь есть рекомендации о составлении резюме, процессе работы и создании портфолио.
21. Macaw
Macaw предоставляет вам гибкий редактор изображений, и при этом позволяет писать семантический HTML-код и лаконичный CSS, так что у вас будет возможность своего рода рисовать ваш код, нежели писать его. Пока что инструмент не доступен, но вы можете зарегистрироваться, чтобы получить оповещение о запуске проекта.
22. Topcoat
Topcoat представляет собой CSS-фреймворк для разработки опрятных и быстрых веб-приложений. Он включает в себя несколько полезных компонентов, позволяет использовать шаблоны оформления, и включает PSD со всеми нужными компонентами.
23. AlloyUI
AlloyUI представляет собой фреймворк, разработанный при помощи YUI3 и Bootstrap, и предназначенный для создания масштабируемых веб-приложений. Вместе с инструментом предоставляется подробная документация и руководства к использованию.
24. Tactile Design Kit
Tactile Design Kit может значительно улучшить метод проведения переговоров с заказчиками о том, каким должен быть их веб-сайт. Вы можете скачать шаблон в PDF, EPS и AI-форматах.
25. DevDocs
DevDocs – это читалка документаций к API с очень продуманным интерфейсом. Вы можете ознакомиться с документацией HTML, CSS, DOM, javascript, jQuery и многого другого.
26. Core Circus ($84)
Core Circus представляет собой слоеный набор шрифтов, состоящий из 8 двумерных шрифтов, которые можно комбинировать с трехмерными эффектами. Кириллица не поддерживается.
27. Shelley (бесплатно)
Shelley представляет собой бесплатный декоративный шрифт, выполненный в духе старинных подписей. Кириллица не поддерживается.
28. Anarchy (free)
Anarchy представляет собой искаженный экранный шрифт, который можно использовать бесплатно для личных проектов. Также есть возможность приобрести коммерческую лицензию за 15$. Кириллица не поддерживается.
29. Monstrinhos ($12)
Monstrinhos представляет собой декоративный графический шрифт, созданный из символов-монстров и подобных изображений. Очень забавный и странный шрифт, которому можно найти много различных областей применения. Кириллица не поддерживается.
30. Haext (бесплатно)
Haext представляет собой деревенский шрифт, разработанный под вдохновением от неоготического стиля и модерна. Кириллица не поддерживается.
31. High Tide (бесплатно)
High Tide представляет собой геометрический экранный шрифт с очень современным и уникальным стилем. Кириллица не поддерживается.
32. Klinic Slab (ваша цена)
Klinic Slab представляет собой блочный шрифт с засечками, представленный в 4 вариантах плотности (с наклонными версиями для каждого). Шрифт может оказаться очень функциональным. Кириллица не поддерживается.
33. Cellos Script (бесплатно)
Cellos Script представляет собой формальный письменный шрифт, который можно использовать бесплатно в личных проектах. Также есть возможность приобрести коммерческую лицензию за 59$. Кириллица не поддерживается.
34. Alianza ($133)
Alianza представляет собой комплексную типографическую систему, которая включает в себя три взаимодействующих стиля: блочные, письменные и наклонные версии с 8 уровнями плотности для каждой. Здесь также можно видеть три набора орнаментальных шрифтов. Кириллица не поддерживается.
35. Quirky Nots (бесплатно)
Quirky Nots представляет собой бесплатный рукописный экранный шрифт с неуклюжим и причудливым видом. Кириллица не поддерживается.
Знаете еще какие-нибудь свежие и полезные приложения и ресурсы, о которых мы забыли упомянуть? Тогда расскажите нам в комментариях!
Раздел: Лучшее из сети Комментариев: 6
Июль 2013: Что нового появилось в сети для веб-дизайнеров?
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Подробности здесь
Опубликовал Design FactoRy Прочитано (раз): 8726 | Оставлено комментариев: 6
Автор перевода — CoolWebmasters.Com © | Источник материала / оригинал статьи Распечатать
Автор перевода — CoolWebmasters.Com © | Источник материала / оригинал статьи Распечатать