8 заметок с тегом

ссылки

Сервисы и библиотеки на тему цвета

Друзья, рекомендую вам ознакомиться с эксклюзивной подборкой про цвет!

Color Picker for Data — удобный инструмент подбора цветов, который позволяет, придерживаясь цифровой константы, с легкостью выбрать цветовую палитру: https://goo.gl/dAGyJ9

Chroma.js — библиотека JavaScript для работы с цветами: https://goo.gl/zcBxD4

Colorbrewer2  — отличный инструмент подбора цветов для тепловых карт и визуализации данных, + встроенные палитры с одним или несколькими оттенками: https://goo.gl/ZJ2cYr

GradStop.js — библиотека JavaScript для генерации однотонных цветовых схем и расстановки точек в градиенте на одинаковом расстоянии: https://goo.gl/4oEfDL

Color Hunt— цветовые палитры высокого качества с функцией быстрого предпросмотра. Отличный ресурс, если вам достаточно четырех цветов: https://goo.gl/MMFgfk

COLOURlovers — отличное сообщество по цвету, с разнообразными инструментами для создания цветовых палитр: https://goo.gl/A36h3k

Coolors — генератор легких цветовых палитр, позволяющий оставить выбранные цвета и заменить все остальные: https://goo.gl/WPQ99j

Material Design Colors — еще одна отличная палитра UI. Предоставляет богатый ассортимент цветов и предлагает разные уровни яркости каждого цвета: https://goo.gl/cajmgz

Palettab — расширение для Chrome, которое показывает новую палитру цветов и шрифт на каждой вкладке: https://goo.gl/ll75JL

Swiss Style Color Picker — еще одна коллекция хороших цветовых палитр: https://goo.gl/nyku11

10 мая   2017   библиотека   сервисы   ссылки

Сайты для поиска идей и вдохновления

Предлагаю вам познакомиться с тремя сайтами для поиска решений:

  1. Collectui.com — архив скриншотов, осень полезно для анализа.
  2. Awwwards.com — собрание сайтов получивших награду в web дизайне.
  3. Pinterest.com — пожалуй самая большая копилка решений на разные темы от садовых шлангов до планов баллистических ракет :-).
2017   2017   web   ссылки

Создание анимации на сайте — полезные ссылки

Существует множество визуальных редакторов для создания анимации. Какие-то сразу позволяют перенести её на сайт, а какие-то позволяют сохранять, только видео.
Если вы ломаете голову, как создать или адоптировать уже существующую анимацию на своём сайте, то предлагаю воспользоваться данными ссылками:

Spring Animation — статья о принципах создания анимации на сайтах. Рассматривается логика и физика.

Ceaser — позволяет создавать простую анимацию используя CSS.

Morf.js — генератор анимации на основе библиотеки Morf.JS

Анимации с несколькими ключами

2017   2017   анимация   ссылки

Интересные ссылки — разработка

Опа!

  1. Компрессор для JS.
  2. Фреймворк для анимации контента.
  3. Cкрипт для проверка соединения с интернетом.
  4. URL-encoder для SVG.
  5. Статья о работе с FlexBox.
  6. Документация по Stylus.
  7. Учебник по JS.
  8. Цветовая палитра в онлайне.
  9. Сервис для проверки HTML и CSS свойств на актуальность.
  10. Символы кодом.
  11. The Elements of Typographic Style Applied to the Web.
  12. Ужиматель картинок.
  13. Заглушки для блоков на сайте.
  14. Интерактивный тур по системе контроля версий — Git
2015   2015   interface   web   интернет   ссылки
2012   интерфейс   свет   ссылки