Неожиданную популярность приобретает модуль CSS Shapes, вот и статья с A List Apart есть, и наш ролик про свойство shape-outside. И теперь ещё и новая статья на Tuts+, в которой на конкретных практических примерах разобраны все те же свойства.
p.s. а свойство shape-inside до сих пор так и не реализовали.
По ссылке вас ждёт отличный конструктор 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 аккаунтов на карте мира. Как вы могли догадаться, в Сан-Франциско она достигает максимума, в некоторых европейских городах тоже неплохо.
→ Прямая ссылка ←
