Цвет
- Palletable – быстрый и удобный подбор палитр на основании цветовых схем миллионов дизайнеров.
- Coolors – чуть более навороченный инструмент, чем Palletable, но тоже быстрый и удобный
- Подбор цветовых схем
- Подбор цветовых схем интересным способом
- http://www.colorschemer — готовые цветовые палитры
- http://www.colourlovers.com — Готовые цветовые палитры. так... похуже маленько, чем предыдущий, по виду представления палитр. Хотя с другой стороны, там есть примеры использования.
- Material Palette — Генератор палитр для тех, кому полюбился Material Design. Выбираете два цвета и получаете полную палитру, которую можно скачать.
- Color Tool — Генератор палитр на основании Primary и Secondary цветов. Очень удобненько
- Цвет в дизайне интерфейсов: инструкция по применению — очень полезная статья о том, как надо управлять цветом.
Инструменты для рисования человеческих фигур
Сайты, полезные при обучении рисованию
- Ctrl+Paint — отличные уроки
- Edouard Guiton — есть скетчи, которые можно использовать в качестве раскраски
- Sam Nielson: Painting Process — интересная техника рисования, основанная на принципе 3D-рендеринга
Вёрстка
- 30 Seconds of CSS — набор полезных и крутых решений на CSS.
- Front-end Checklist — список всех элементов, на которые стоит обратить внимание перед запуском сайта.
- You Don't Need JavaScript for That! — альтернативные решения на CSS для тултипов, выпадающих меню и переключаемого контента.
- Real favicon generator.net — генерация правильной фавиконки.
- okayNav — Меню, альтернатива гамбургеру.
- customFormElements — замена традиционных элементов (чекбоксы, радикнопки и select-поля) на свои без JS.
- CSS3 shapes — простые геометрические формы средствами CSS2 и CSS3
- Webfonts — каталог бесплатных шрифтов для использования в вебе
- Redactor — визуальный редактор. Надо будет его потестировать.
- jQuery mobile — стилизация html-формы
- 99 Lime — html Kickstart. Набор css-правил и js для простого визуального представления
- Adobe® Edge Web Fonts — Произвольные шрифты от Adobe
- Font Awesome — иконический шрифт
- Can I use... — таблица поддержки тего и свойств различными версиями браузеров
- Calendario — красивый календарь на jQuery
- FooTable — плагин для создания адаптивных таблиц
- HINT.css — библиотека для создания подсказок на CSS
- Модальные окна — красиво и вроде как не сложно.
- Дерево на CSS3 – офигеть. Построено чисто на CSS3. Добавить чутка JS и станет динамическим.
- Встраиваем шрифты – при помощи Font Squirrel @font-face Generator.
- Style List Markers in CSS – стильные маркеры у CSS-листа.
Программирование
- Rallax.js — библиотека для параллакс-эффектов.
- Peppermin.js — тач-слайдер без jQuery.
- Ribs.js — расширение Backbone: вложенные атрибуты, вычисляемые поля и биндинги.
- ScrollMagic — js-плагин для создания впечатляющих эффектов при скроллинге.
- 10 классных PHP функций и сниппетов — действительно, некоторые очень неплохи.
- Auth manager — Open Source User Authentication & Management.
- Loginza — система идентификации, обеспечивающая единый доступ к популярным WEB-сервисам.
- TeamLab — многофункциональный онлайн-сервис для совместной работы, управления документами и проектами. Надо собраться и посмотреть, что за зверь
- Trello — сервис для ведения проектов. Использую его.
- Уроки Kohana 3 — надо изучать и использовать.
- Fine uploader — простой в использовании и очень функциональный загрузчик файлов на сервер.
- dropzone.js — простой в использовании и очень функциональный загрузчик файлов на сервер.
- Fallr — jQuery-библиотека для вывода выпадающих сообщений.
- a!ertifyjs — jQuery-библиотека для вывода выпадающих сообщений.
- jQuery Stick ’em — jQuery-библиотека для прикрепления контента при скроллинге.
- Шпаргалка функций смягчения анимации
- Responsive Img — автоматическое преобразование изображений в адаптивные
- Local Storage — статья про Local Storage на английском. Всё вроде доступно, надо разбираться и уходить от лишних Cookie
- CSS3TimedNotifications — удобная штука, когда оповещения пропадают после того, как заполнится "градусник"(progress bar)
- Focal Point CSS — выставление точки фокуса изображения для последующей обрезки картинки при использовании адаптивных изображений.
- Parsley.JS — супер-крутой валидатор полей форм.
- hcSticky.js — "липнущие блоки" с кучей разных интересных настроек.
- Sliding Letters with jQuery — красивые текстовые эффекты при наведении.
- jQuery News Ticker — красивая бегущая строка.
- jQuery.Shapeshift — расстановка блоков в стиле Pinterest.
- noUiSlider — невероятная строка прокрутки с диапазоном на jQuery.
- Строим Nested Set дерево без рекурсии
- Closure Table — интересная информация по SQL в целом и по Closure Tables в частности.
- Конвертация из CP1251 в UTF8 — статья, которая помогла мне это сделать.
- Luhn — алгоритм проверки правильности ввода номера банковской карты.
Автоматические генераторы
Их предназначение для меня: дать основу для будущего рисунка, если у меня нет идеи по тому, что рисовать. Подробнее, рассказано у Мэтта Кора (Matt Kohr) в его видео подкасте Generating Ideas
Разное
- Smile Templates — есть бесплатные шаблоны презентаций и брошюр
- Reveal.JS — библиотека для создания красивых веб-презентаций.
- By People — огромный набор элементов пользовательского интерфейса.
- Bootsnipp — полезный набор различных элементов пользовательского интерфейса для Bootstrap.
- Кнопки социальных сетей — наборы кнопок в psd-формате.
- Текстурки - брал отсюда текстуры дерева
- wireframe.cc - простой инструмент прототипирования
- COMPOSER+DENWER - Установка COMPOSER на Windows + Denwer, и на хостинг
- GRUNT - Установка и настройка GRUNT