Скрыть объявление
Клуб приватной информации

- Более 7 000 обучающих материалов
- Ежедневные обновления
- Регистрируйся прямо сейчас и стань членом сообщества!
Быстрая Регистрация

Июнь 2014: Что нового появилось в сети для веб-дизайнеров?

Тема в разделе "SEO и SMM продвижение сайтов", создана пользователем loopoo, 30 июн 2014.

  1. loopoo

    loopoo

    Репутация:
    10
    Регистрация:
    12 апр 2014
    Сообщения:
    41
    Пол:
    Мужской
    Июньский выпуск обзора новинок для веб-дизайнеров и разработчиков включает в себя новые веб-приложения, фреймворки, сеточные системы, игровые платформы, плагины для Photoshop, текстовые редакторы, а также несколько хороших новых комплектов шрифтов.

    Большинство из представленных ниже инструментов бесплатны или не сильно дорогие, и будут полезны многим дизайнерам и разработчикам.

    Как обычно, если мы упустили что-то, обязательно напишите об этом в комментариях!

    01. Scribe

    [​IMG]

    Scribe представляет собой многофункциональный текстовый редактор, разработанный и свободно распространяемый The Guardian. Он позволяет исправить недочеты браузеров и включает в себя довольно чуткие стандартные настройки.

    02. Card

    [​IMG]

    Card представляет собой отдельную строку кода, которая позволит вам сделать форму обратной связи с вами более дружественной. Этот ресурс был разработан на чистом коде CSS, HTML и JS без использования изображений, и включает в себя анимации для 4 различных типов карточек.

    03. Simple Sharing Buttons Generator

    [​IMG]

    Simple Sharing Buttons Generator поможет вам без труда создавать кнопки “поделиться” на HTML для Facebook, Twitter, Google+ и многого другого. Здесь можно выбирать из нескольких стилей, и стоит отметить, что этот ресурс абсолютно бесплатный.

    04. PlayCanvas

    [​IMG]

    PlayCanvas – это простой в использовании игровой движок WebGL, который распространяется бесплатно по принципу open source, и также включает в себя инструменты для коллективной разработки.

    05. Kivo

    [​IMG]

    Kivo позволяет вам без труда создавать аннотации в презентациях PowerPoint или PDF. Просто перетащите ваш файл, чтобы загрузить презентацию и приступить к работе.

    06. The Awesome Free Toolbox

    [​IMG]

    The Awesome Free Toolbox – это коллекция невероятных инструментов для разработки веб-дизайнов, которая включает в себя ресурсы для изображений, шаблонов и даже для работы с хостингом.

    07. Griddify

    [​IMG]

    Griddify поможет вам быстро и просто создавать собственные сеточные системы с вертикальной последовательностью в Photoshop. Инструмент отлично работает с Photoshop CS6/CC (хотя нельзя исключать наличие некоторых багов в CS6).

    08. Screenshotter

    [​IMG]

    Screenshotter – это бесплатное iOS-приложение для создания скриншотов посредством мобильных устройств. Приложение автоматически отделяет ваши фотографии от скриншотов, что позволит вам быстро и просто поделиться нужными снимками с друзьями.

    09. Dept. of Design Web Field Manual

    [​IMG]

    Редакция The Dept. of Design Web Field Manual за лето 2014 года представляет собой невероятную подборку лучших примеров реализации и ресурсов для веб-дизайна.

    10. The Day’s Color

    [​IMG]

    The Day’s Color представляет собой дайджест, посвященный работе с цветом, в котором регулярно обновляются палитры.

    11. A to Z CSS

    [​IMG]

    A to Z CSS – это еженедельный подкаст, в котором освещаются различные темы CSS. Каждый фрагмент короток (обычно от 4 до 7 минут), и это позволяет вам без труда воспринимать информацию.

    12. Tumblr Boilerplate

    [​IMG]

    Этот Tumblr Boilerplate представляет собой простую точку старта для создания великолепных шаблонов для Tumblr. Здесь имеется поддержка типов публикаций, поддержка HTML5, и сам инструмент ориентирован на быструю работу.

    13. 30 Weeks

    [​IMG]

    30 Weeks – это экспериментальная образовательная программа, направленная на то, чтобы дать талантливым дизайнерам инструменты, наставления, опыт и другие ресурсы, которые необходимы для запуска собственной компании и создания продукции, которая изменила бы мир. Так как это инновационная программа, она не совсем дешевая: 10 тысяч долларов США.

    14. Get Shit Done

    [​IMG]

    Get Shit Done представляет собой подборку бесплатных дизайн-элементов, включая кнопки, меню, навигацию, стили шрифтов, оповещения, javascript-компоненты и многое другое. Здесь также имеется платная PRO-версия с гораздо большим числом ресурсов.

    15. Pho Devstack 1.0

    [​IMG]

    The Pho Devstack – это автоматизированный рабочий процесс для разработчиков внешних интерфейсов. Сюда включены инструменты для компилирования, минимизирования, CSS-префиксинга и многие другие.

    16. Filament

    [​IMG]

    Filament – это “магазин” приложений для вашего веб-сайта, который позволит вам без труда устанавливать новые бесплатные приложения на сайт при помощи интерфейса перетаскивания без необходимости работать с кодом.

    17. Cody

    [​IMG]

    Cody – это бесплатная коллекция HTML, CSS и javascript-сниппетов для вашего веб-сайта. Таким образом, здесь присутствуют сниппеты для навигации, заставок, корзины товаров и многого другого.

    18. Dimensions Toolkit

    [​IMG]

    Dimensions Toolkit – это расширение для Chrome для оффлайн-тестирования адаптивных веб-сайтов. Этот набор инструментов отлично дружит с обновлениями страниц, и позволяет вам использовать собственные точки преломления (breakpoint). Существует также и онлайн-версия.

    19. Framer.js

    [​IMG]

    Framer.js представляет собой набор инструментов для прототипирования, который позволяет превращать статичные макеты в анимированные и интерактивные прототипы.

    20. Tiny PMS Match

    Tiny PMS Match – это Tumblr-блог, который подбирает небольшие объекты по цветовой модели Pantone. Все фотографии были сделаны при помощи iPhone 5 и отредактированы в Snapseed.

    21. randomColor

    randomColor представляет собой генератор цвета на javascript. В отличие от других генераторов, по умолчанию он генерирует только “привлекательные цвета”, исключая серые, коричневые и блеклые зеленые оттенки.


    22. Famo.us


    Famo.us – это бесплатный open srouce фреймворк на javascript. Он включает в себя open source движок трехмерной разметки, движок трехмерной анимации физики, а также многое другое.

    23. Flexbox Grid

    Flexbox Grid – это сеточная система, основанная на свойстве отображения flex. Она адаптивна, гибкая и предлагает довольно простой синтаксис, а также многое другое.

    24. Weblox

    Weblox – это простенький конструктор шаблонов веб-страниц, который позволяет вам без труда создавать полностью адаптивные страницы на базе Bootstrap.

    25. Spritebox

    Spritebox представляет собой WYSIWYG-инструмент для создания CSS из спрайт-изображений. Вы можете генерировать спрайты, сравнивать таблицы и делать многое другое.

    26. Finch

    Finch – это инструмент для просмотра локальных веб-сайтов на любом подключенном к интернету устройстве. Просто установите приложение и получите временную публичную ссылку на ваш локальный проект, защищенную посредством SSL.

    27. Respondly

    Respondly – это коллективная папка входящих для email и Twitter, которая идеально подходит для поддержки клиентов, кооперирования в работе и многого другого. Вы можете бесплатно опробовать инструмент, а тарифные планы начинаются от 9$/месяц.

    28. Mailparser.io

    Mailparser.io позволяет вам извлекать данные из ваших электронных писем для автоматизации рабочего процесса. Здесь предоставляют бесплатный 30-дневный пробный период с платными планами от 19$/месяц.

    29. Jeet

    Jeet
    – это сеточная система, разработан таким образом, чтобы людям было легче воспринимать информацию. Она исключает необходимость создания вложенных элементов, сложных правил для колонок и так далее.

    30. Kickoff

    Kickoff представляет собой миниатюрный фреймворк для работы с внешними интерфейсами, который позволяет вам создавать адаптивные сайты. Он был разработан при помощи Sass и Grunt, и хорошо при этом задокументирован.

    31. Great Talks

    Great Talks – это коллекции выдающихся речей и презентаций с конференций, проводившихся по всему миру. Хотя тут и нечем похвастать с точки зрения дизайна, здесь определенно точно есть что обсуждать на тему креативности.

    32. Oozled

    Oozled представляет собой курируемую подборку креативных ресурсов со всего интернета. Здесь представлены такие категории как типографика, иконки, CMS, источники вдохновения, ссылки, цвета и многое другое.

    33. uKeeper

    uKeeper позволяет вам без труда сохранять полноценные веб-страницы. Просто авторизуйтесь и отправляйте ссылки в uKeeper, после чего вам будут предложены ответы по электронной почте, либо обратная связь через приложения (типа Evernote или Instapaper).

    34. Source Serif Pro (бесплатно)

    Source Serif Pro - open source шрифт с засечками от Adobe, который представлен в стандартном, среднем и полужирном уровнях плотности. Кириллица не поддерживается.

    35. Hairvetica (бесплатно)

    Hairvetica – это декоративный векторный шрифт, который выглядит как стильные волосы, и представлен в файле Illustrator. Кириллица не поддерживается.

    36. Uni Sans Free (бесплатно)

    Uni Sans Free
    представлен в 4 уровнях плотности в верхнем регистре, включая также кириллицу. В полноценном семействе вам будет предоставлено больше стилей и уровней плотности. Поддерживается кириллица.

    37. Sideshow ($10)
    Sideshow
    был разработан под вдохновением знаками, который идеально подходит для оповещения о больших мероприятиях или о чем-то важном. Он представлен с 40 специальными глифами. Кириллица не поддерживается.

    38. ATC Overlook ($10)

    ATC Overlook – это смесь геометрического и гротескного стилей с более чем 370 глифами и 7 уровнями плотности. Кириллица не поддерживается.

    39. Lastra ($10)

    Lastra – это трехмерный экранный шрифт в верхнем регистре, который был разработан под вдохновением надписями, присущими кафе и ресторанам. Он также включает в себя специальные символы. Кириллица не поддерживается.

    40. Beelzebrush ($35)

    Beelzebrush представляет собой семейство из 8 шрифтов, который был разработан под вдохновением тяжелым металлом. Он представлен в стандартном, наклонном и обратно-наклонном форматах. Кириллица не поддерживается.

    41. Reverse Gothic JNL ($25)

    Reverse Gothic JNL предлагает винтажные зеркальные буквы, которые идеально подойдут для оформления заголовков. Кириллица не поддерживается.

    42. Newark JNL ($47.50)

    Newark JNL – это стилизованный блочный шрифт без засечек, основанный на старых ячейках из игры, посвященной алфавиту. Можно также найти и другую ширину символов, которые помогут вам выделить текст среди остальных элементов. Кириллица не поддерживается.

    43. Lugatype (free)

    Lugatype представляет собой необычный экранный шрифт, который идеально подойдет для постеров, знаков, журналов и многого другого. Поддерживается кириллица.

    Не забываем плюсовать + мне репу и себе карму;)!