Почитайте статью от Криса Койера на CSS-Tricks, который наконец-то рассказал нам о том, в чём секрет синтаксиса элемента `path` в SVG. После прочтения — научитесь рисовать простые вещи в SVG без графического редактора!
Смотрите также наши ролики про SVG:
Попробуйте в следующем проекте использовать скрипт pageAccelerator, который можно назвать «лёгкой» версией turbolinks и pjax. Он подгружает все ссылки на вашей странице и при переходе заменяет контент на странице.
→ Прямая ссылка ←Уже тысячу лет не было у нас мокапов, поэтому пора разорвать этот порочный круг. Предлагаем вашему вниманию крутой мокап металлического значка от Pixel Buddha. Круглый, как раз подойдёт под большинство логотипов.
→ Прямая ссылка ←И снова привет, друзья! Зацените новое видео по работе с Adobe Illustrator. В этот раз я решил поработать над видео и сделал всплывающие подсказки. Так что смотреть теперь будет в разы интереснее и полезнее. Со звуком всё ещё беда. Не кидайтесь помидорами, а лучше ставьте лайки.
Посмотрите на поисковый движок Borg, который ищет консольные команды по их описанию. Можно даже оставлять рейтинги для того, чтобы релевантные команды находили своих «клиентов».
→ Прямая ссылка ←Спешите скачать бесплатный набор для создания логотипов Mountain, только на этой неделе бесплатно на Creative Market! Набор включает в себя более 50 векторных элементов для создания красивых винтажных логотипов (и не только логотипов). Отлично дополнит вашу коллекцию.
→ Прямая ссылка ←На блоге the new code часто собирают крутые «списки для чтения» по разным дисциплинам. Сегодня в поле нашего зрения попал список про JavaScript функции. Освежите для себя понятия контекста, коллбэков и анонимных функций.
→ Прямая ссылка ←Посмотрите имплементацию Dribbble скетча с дизайном небольшого дашборда, на котором один фон используется сразу для нескольких блоков. То, что легко делается в графических редакторах, зачастую сложно повторить при вёрстке — это как раз один из подобных случаев.
→ Прямая ссылка ←Хотели когда-нибудь сделать целую таблицу с инпутами, чтобы получился этакий эмулятор Excel? Теперь вы можете вместе с jQuery плагином Tabular Input Fields. Есть несколько вариантов инициализации, даже называть можно как двумерный массив с индексами.
→ Прямая ссылка ←Geoff Graham на блоге CSS-Tricks написал отличную статью о том, как управлять различными отступами при работе с веб-типографикой. Кроме стандартных свойств вроде font-kerning и letter-spacing автор также рассмотрел все виды текстового сглаживания, их поддержку в современных браузерах и влияние на производительность.
Нам на uwebdesign.ru ещё только предстоит поработать со шрифтами, но ролик на эту тему был снят уже довольно-таки давно: Web-шрифты — использование Typekit и Google Fonts.
→ Прямая ссылка ←Посмотрите набор шикарных демок сегментированных фоновых изображений с разной тематикой. Некоторые реагируют на положение курсора, а некоторые просто красиво распадаются на части.
Основной «фокус» реализован с помощью CSS свойства clip-path, про которое мы снимали отличный ролик: CSS Clipping & Masking (свойства clip-path и mask-image).
David Walsh на своём блоге поделился отличной консольной утилитой, написанной на python, которая позволяет собирать достаточно полезные данные по анализу сайтов. Здесь и все заголовки (headers), и загрузка ресурсов по водопаду (waterfall).
Оставляйте свои результаты со скриншотами в комментариях!
→ Прямая ссылка ←Представляем вашему вниманию первый ролик из цикла уроков по Adobe Illustrator. Учить вас будет Александр Ефремов, один из отцов-основателей uWebDesign. Он нас на пару лет покидал, но таки решил вернуться. Обязательно пишите всю критику в комментариях!
Посмотрите на блоге CodePen нам предложили небольшую коллекцию демок на тему осени и листьев. Здесь всякие разные анимации, некоторые даже очень крутые.
→ Прямая ссылка ←На Creative Market уже начали готовиться к рождеству и делиться бесплатными векторными элементами для этого праздника. Хо-хо-хо, с наступающим, спешите скачать!
→ Прямая ссылка ←
