На Creative Market уже начали готовиться к рождеству и делиться бесплатными векторными элементами для этого праздника. Хо-хо-хо, с наступающим, спешите скачать!
→ Прямая ссылка ←
Вдохните жизнь и добавьте глубины вашим веб-приложениям, а также улучшите UX с использованием CSS переходов (transitions) и анимаций (animations). С этой краткой инструкцией вы узнаете как заставить элементы на странице двигаться или менять свой внешний вид, например реалистичный отскок мяча, разворачивание выпадающего меню или простое акцентирование внимания на элементе при наведении.
Эта книга, наряду с CSS Floating и Positioning in CSS — часть большого четвёртого издания книги CSS: The Definitive Guide. Когда оно выйдет — мы тоже выложим его для ознакомления.
→ Ссылка для ознакомления ←
Посмотрите отличный пошаговый туториал от Криса Спунера о том, как создавать векторные карты в «плоском» стиле в Adobe Illustrator. Очень показательно.
→ Прямая ссылка ←
Посмотрите на the new code реализацию анимированного прогресс бара в виде круга. Не без использования SVG, конечно.
→ Прямая ссылка ←
Друзья, давайте вместе с вами отметим юбилейный выпуск подкаста — #100. Предлагаем вашему вниманию несколько интересных тем: UX адресной строки браузера и таблиц в HTML, цена забытия языка программирования C. Кроме этого — как всегда ответили на ваши вопросы и обсудили предложенные темы.
Ana Tudor написала нам отличную статью о том, какие могут возникнуть проблемы при работе с 3D в CSS. Много интересных кейсов, в том числе с учётом поддержки браузеров.
→ Прямая ссылка ←
Делимся с вами отличной библиотекой готовых прелоадеров, которые можно подключать как Sass миксины. Реализовано с помощью CSS анимаций.
→ Прямая ссылка ←
Посмотрите отличный пример реализации портфолио по категориям в 3D с использованием крутых анимаций. Можно прямо по типам разделить.
→ Прямая ссылка ←
Тут недавно появился новый сервис для демок Codepad, на котором тоже иногда бывает интересное. Посмотрите демо анимации термометра на чистом CSS.
→ Прямая ссылка ←
Почитайте огромную критическую статью с подробнейшим разбором большого количества плагинов конструкторов страниц для WordPress. Сколько плагинов знал — все здесь есть.
→ Прямая ссылка ←
Посмотрите несколько примеров интересных анимаций с буквами в SVG. Авторы с Codrops всегда радуют отличным качеством и неочевидными решениями.
→ Прямая ссылка ←
Сегодня делимся с вами текстурами древесины, которые можно выхватить бесплатно только на этой неделе на Creative Market! По ссылке вас ждёт целых 24 вектора, которые можно накладывать на любой цвет и как угодно растягивать.
→ Прямая ссылка ←
Предлагайте свои темы для выпуска #101 в комментариях!
Крис Спунер снял очередной ролик по работе с программными продуктами компании Adobe — на этот раз с Illustrator. Учит нас делать интересные дизайны вокруг шрифтов, отступы и прочие обводки.
→ Прямая ссылка ←
Посмотрите ресурс fontfamily.io — сравнительную таблицу поддержки системных шрифтов в разных операционных системах. Чтоб знать наверняка где какой шрифт покажется.
→ Прямая ссылка ←