Посмотрите на 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 — сравнительную таблицу поддержки системных шрифтов в разных операционных системах. Чтоб знать наверняка где какой шрифт покажется.
→ Прямая ссылка ←
Зацените неплохое демо на CodePen — анимация иконки меню при скроллинге. Не обошлось без SVG, а то не так красиво бы получилось.
→ Прямая ссылка ←
Статья на блоге Made By Mike рассказывает нам о хитростях использования SVG. Некоторые прям неочевидные, посмотрите примеры.
→ Прямая ссылка ←
Часто ли у вас возникали проблемы с Git? Наверняка не один раз, даже вы могли думать, что их уже не решить. Посмотрите ресурс Oh SHit Git!, на котором собрано большое количество решений популярных проблем.
→ Прямая ссылка ←