В этом подразделе собраны все самые интересные лонгриды про веб-дизайн и веб-разработку, которые мы нашли в сети интернет. Кроме этого здесь мы делимся большими и развёрнутыми туториалами, обязательно читайте!
Родительский раздел: полезные ссылки.
Редко мы здесь выкладываем статьи с блога A List Apart, но иногда они стоят того. Сегодня делимся одной из последних — дизайны с помощью CSS Shapes. В статье рассказываются примеры конкретной вёрстки с использованием этого нового (на самом деле нет) модуля.
Мы про него даже ролик (CSS Shapes module level 1) уже снимали.
→ Прямая ссылка ←Почитайте статью от Криса Койера на CSS-Tricks, который наконец-то рассказал нам о том, в чём секрет синтаксиса элемента `path` в SVG. После прочтения — научитесь рисовать простые вещи в SVG без графического редактора!
Смотрите также наши ролики про SVG:
На блоге the new code часто собирают крутые «списки для чтения» по разным дисциплинам. Сегодня в поле нашего зрения попал список про JavaScript функции. Освежите для себя понятия контекста, коллбэков и анонимных функций.
→ Прямая ссылка ←Geoff Graham на блоге CSS-Tricks написал отличную статью о том, как управлять различными отступами при работе с веб-типографикой. Кроме стандартных свойств вроде font-kerning и letter-spacing автор также рассмотрел все виды текстового сглаживания, их поддержку в современных браузерах и влияние на производительность.
Нам на uwebdesign.ru ещё только предстоит поработать со шрифтами, но ролик на эту тему был снят уже довольно-таки давно: Web-шрифты — использование Typekit и Google Fonts.
→ Прямая ссылка ←Посмотрите отличный пошаговый туториал от Криса Спунера о том, как создавать векторные карты в «плоском» стиле в Adobe Illustrator. Очень показательно.
→ Прямая ссылка ←Ana Tudor написала нам отличную статью о том, какие могут возникнуть проблемы при работе с 3D в CSS. Много интересных кейсов, в том числе с учётом поддержки браузеров.
→ Прямая ссылка ←Почитайте огромную критическую статью с подробнейшим разбором большого количества плагинов конструкторов страниц для WordPress. Сколько плагинов знал — все здесь есть.
→ Прямая ссылка ←Крис Спунер снял очередной ролик по работе с программными продуктами компании Adobe — на этот раз с Illustrator. Учит нас делать интересные дизайны вокруг шрифтов, отступы и прочие обводки.
→ Прямая ссылка ←Статья на блоге Made By Mike рассказывает нам о хитростях использования SVG. Некоторые прям неочевидные, посмотрите примеры.
→ Прямая ссылка ←На the new code положили парочку интересных статей о том, как создавать рекурсивные SVG файлы и что из этого получится.
→ Прямая ссылка ←Читайте отличный пошаговый гайд по созданию абстрактного пейзажа в Adobe Photoshop от Криса Спунера. Настоятельно рекомендую проделывать такие инструкции, даже если вы боги фотошопа.
→ Прямая ссылка ←Посмотрите крутой туториал на ihatetomatoes, ребята рассказывают как с помощью псевдо-элементов сделать занятный эффект помех на любых элементах.
→ Прямая ссылка ←На блоге CSS-Tricks автор Sarah Drasner написала шикарную статью-гайд о том, как использовать цвет в Web, какие есть особенности работы в CSS и препроцессорах, а также в JavaScript.
→ Прямая ссылка ←Смотрите видео гайд от Криса Спунера о том как делать эффект контурных карт в Adobe Photoshop и Adobe Illustrator. Вроде бы ничего необычного, но красиво.
→ Прямая ссылка ←Отличная статья о том, как использовать функции первого класса в препроцессоре Sass. Даже написали немного информации о том, что нас ожидает в релизе 4.0, а именно — модульная система.
→ Прямая ссылка ←
