Мои заметки

  • Как я работаю с заказчиком при создании сайта

    Создание сайта проходит в несколько этапов, требующих действий не только со стороны непосредственно разработчика, но и со стороны заказчика. Чтобы наша совместная работа была более эффективной, я предлагаю следующий алгоритм поэтапного создания сайта.

  • Оптимизация сайта под поисковые системы пошагово.

    Это рассказ о том, как я пытался подстроить сайт по продаже недвижимости в Таиланде в различных поисковиках. Ни в коем случае не руководство

  • Полезные ссылки на память

    Эту заметку я постараюсь периодически обновлять, добавляя сюда инструменты и сайты, которыми пользуюсь при разработке собственных дизайнов. Кроме того, здесь будут ссылки на ресурсы, полезные мне, как начинающему художнику и иллюстратору.

  • Специальные символы HTML

    Таблица специальных символов себе на память, чтобы использовать в последующем где-нибудь в проектах.

Полезные ссылки на память

Цвет

  • 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
comments powered by Disqus