По ссылке вас ждёт отличный конструктор SVG узоров из большого количества предложенных, можно менять цвета и уровень прозрачности и выгружать либо готовыми файлами, либо с помощью CSS. Очень удобно и круто, пригодится в любых проектах.
→ Прямая ссылка ←Полезные ссылки
Полезные ссылки, которыми мы просто обязаны были поделиться с читателями. Обещаем только самое интересное!
Подрубрики: бесплатности, инструменты, обучающие статьи.
А вы когда-нибудь задумывались как сделать анаглифные изображения? Один из вариантов — готовые экшены для Adobe Photoshop, как раз такими делятся с нами Pixel Buddha.
→ Прямая ссылка ←
Тема CSS кубов плотно засела в комьюнити, поэтому спешим поделиться очередной демкой. Здесь даже HTML элементов никаких нету, только псевдо-элементы для <body> и чистые, кристаллизованные и неразбавленные CSS анимации.
Скорее качайте бесплатный шрифт Westfalia, его здесь называют представителем семейства Brush Sans («кистевой без засечек»). Назвали его так, потому что нарисован вручную кистями, предположительно в Adobe Photoshop. Отличной подойдёт для заголовков и логотипов.
→ Прямая ссылка ←
«Настольная книга Фронтендщика» — ресурс, который рассказывает нам в трёх частях об основных практиках при вёрстке и разработке клиентского кода.
→ Прямая ссылка ←
Мы в наших подкастах часто говорили про такой UX паттерн с HTML формами — подписи, которые при написании информации в инпуты «поднимаются» наверх. Смотрите «доступное» (accessible) демо с реализацией подобного, если ещё сами не сделали.
→ Прямая ссылка ←
В Челябинске уже во всю минусовая температура и лежит снег, поэтому иконки зимних видов спорта как никогда актуальны! И не только видов спорта, но и атрибутики: гор, перчаток, шапок. Только лучшие подгоны от Codrops. ?
→ Прямая ссылка ←
Ресурс You Might Not Need JavaScript показывает нам на конкретных примерах то, что можно обойтись и без JS при реализации некоторых компонентов. Вот только зачем? Пишите соображения в комментариях, довольно-таки холиварный вопрос.
→ Прямая ссылка ←
Посмотрите ресурс Open Color, на котором собрано большое количество цветов и правил по использованию этих цветов в ваших интерфейсах. Особенно интересно было почитать про градации серого, о чём мы неоднократно говорили в наших подкастах.
→ Прямая ссылка ←
На ресурсе Free Design Resources тоже выкладывают крутые бесплатности! Сегодня делимся с вами шрифтом Klasik, в котором есть целых три начертания и заглавные буквы.
→ Прямая ссылка ←
Посмотрите неплохую демку с CodePen, в котором реализовали простенький графический редактор с несколькими инструментами: карандаж, ластик и всевозможные настройки для них.
→ Прямая ссылка ←
Спешите скачать бесплатные текстуры ржавого металла большого разрешения, бесплатно только на этой неделе на Creative Market.
→ Прямая ссылка ←
На гениальном (без преувеличения) freeCodeCamp написали отличную статью о том, как грамотно использовать изображения в Интернет. Имеем ввиду изображения в тегах <img>, несколько интересных советов будут очень полезны.
На ресурсе GitHub Map можно посмотреть плотность GitHub аккаунтов на карте мира. Как вы могли догадаться, в Сан-Франциско она достигает максимума, в некоторых европейских городах тоже неплохо.
→ Прямая ссылка ←
Тема виртуальной реальности, на данный момент, рискует остаться нереализовавшимся «хайпом». Пока общество и техника, по всей видимости, не готова. Но это не мешает нам наслаждаться отличными иконками про VR от Codrops.
→ Прямая ссылка ←