Посмотрите ресурс Open Color, на котором собрано большое количество цветов и правил по использованию этих цветов в ваших интерфейсах. Особенно интересно было почитать про градации серого, о чём мы неоднократно говорили в наших подкастах.
→ Прямая ссылка ←На ресурсе Free Design Resources тоже выкладывают крутые бесплатности! Сегодня делимся с вами шрифтом Klasik, в котором есть целых три начертания и заглавные буквы.
→ Прямая ссылка ←Привет, уважаемые подписчики, с вами снова наш подкаст! На этой неделе у нас получился беспрецедентно интерактивный выпуск, было большое количество ваших тем, и не много наших: обсудили новые макбуки, поговорили про JavaScript усталость, а также рассмотрели кадровые сокращения в Twitter и закрытие сервиса Vine.
Посмотрите неплохую демку с CodePen, в котором реализовали простенький графический редактор с несколькими инструментами: карандаж, ластик и всевозможные настройки для них.
→ Прямая ссылка ←Спешите скачать бесплатные текстуры ржавого металла большого разрешения, бесплатно только на этой неделе на Creative Market.
→ Прямая ссылка ←Предлагайте свои темы для выпуска #102 в комментариях!
На гениальном (без преувеличения) freeCodeCamp написали отличную статью о том, как грамотно использовать изображения в Интернет. Имеем ввиду изображения в тегах <img>
, несколько интересных советов будут очень полезны.
На ресурсе GitHub Map можно посмотреть плотность GitHub аккаунтов на карте мира. Как вы могли догадаться, в Сан-Франциско она достигает максимума, в некоторых европейских городах тоже неплохо.
→ Прямая ссылка ←Тема виртуальной реальности, на данный момент, рискует остаться нереализовавшимся «хайпом». Пока общество и техника, по всей видимости, не готова. Но это не мешает нам наслаждаться отличными иконками про VR от Codrops.
→ Прямая ссылка ←Редко мы здесь выкладываем статьи с блога A List Apart, но иногда они стоят того. Сегодня делимся одной из последних — дизайны с помощью CSS Shapes. В статье рассказываются примеры конкретной вёрстки с использованием этого нового (на самом деле нет) модуля.
Мы про него даже ролик (CSS Shapes module level 1) уже снимали.
→ Прямая ссылка ←Посмотрите интересный скрипт SVG Patterns, который позволяет инициализировать SVG паттерны для конкретных элементов с помощью программирования. Не нужно ничего рисовать, только передать параметры.
→ Прямая ссылка ←На блоге Spoon Graphics выложили очередной бесплатный подгон — бесплатные «обшарпанные» кисти для Adobe Photoshop, которые позволят добавить немного «гранжа» в ваши дизайны. Это один из трендов, которые на все времена.
→ Прямая ссылка ←Почитайте статью от Криса Койера на CSS-Tricks, который наконец-то рассказал нам о том, в чём секрет синтаксиса элемента `path` в SVG. После прочтения — научитесь рисовать простые вещи в SVG без графического редактора!
Смотрите также наши ролики про SVG:
- Работаем с SVG — из Adobe Illustrator в браузер
- SVG анимация с помощью CSS, SMIL и Snap.svg
- SVG спрайты, 4 способа использования
Попробуйте в следующем проекте использовать скрипт pageAccelerator, который можно назвать «лёгкой» версией turbolinks и pjax. Он подгружает все ссылки на вашей странице и при переходе заменяет контент на странице.
→ Прямая ссылка ←Уже тысячу лет не было у нас мокапов, поэтому пора разорвать этот порочный круг. Предлагаем вашему вниманию крутой мокап металлического значка от Pixel Buddha. Круглый, как раз подойдёт под большинство логотипов.
→ Прямая ссылка ←