Основные библиотеки CSS для веб дизайнеров
Автор Adi Purdila
Время урока 1,4 часа
Язык Английский
В этом курсе вы узнаете, как использовать восемь основных библиотек CSS для веб-дизайнеров, доступных сегодня.

Среди них; normalize.css, чтобы дать вам надлежащую основу CSS для работы, animate.css, чтобы сделать анимацию CSS3 очень простой, Font Awesome (самые популярные иконки шрифтов вокруг) и многое другое, чтобы помочь вашему рабочему процессу, типографике и созданию современных, адаптивные сайты.

Основные библиотеки CSS

В этом курсе вы узнаете о восьми основных библиотеках CSS, которые вы, как веб-дизайнер, должны использовать сегодня. Эти библиотеки ускорят и упростят ваш рабочий процесс и будут охватывать такие темы, как сброс стиля, анимация, значки, адаптивная типография и многое другое.

Нам многое предстоит пройти, поэтому давайте начнем с первого урока, где вы узнаете о Node.js и управлении CSS-библиотеками с его помощью.

Вы немного узнаете о Node.js, NPM и о том, как использовать их для установки некоторых библиотек CSS из этого курса.

Теперь поговорим о некоторых библиотеках, потому что некоторые из них будут установлены путем ссылки непосредственно на файл CSS. Но всякий раз, когда это недоступно, мы будем использовать NPM.

На этом уроке вы узнаете о современной нормализации. Это файл сброса, который позволит вам всегда запускать веб-проект с чистого листа с точки зрения стиля. Итак, давайте посмотрим, как мы можем скачать его, что он делает, и как мы можем извлечь из этого пользу.

Ссылки по теме

Современная нормализация

На этом уроке вы узнаете, как добавлять анимацию и переходы с помощью Animate.css. Это фантастическая библиотека, созданная Дэном Иденом. Он существует уже довольно давно, но он так же полезен и актуален, как и всегда.

Ссылки по теме

Animate.css

На этом уроке вы узнаете, как работать с Font Awesome. Это, пожалуй, самая популярная библиотека значков из доступных, и поскольку значки поставляются в виде файла шрифта, с ним действительно легко работать. Давайте проверим это.

Ссылки по теме

Font Awesome

Icon Fonts vs. SVG Icons

На этом уроке вы узнаете о библиотеке RFS, которая расшифровывается как «Responsive Font Size». RFS может на самом деле масштабировать любое значение свойства, которое поддерживает единицы измерения, поэтому вы можете использовать его для ширины, высоты, полей или отступов, а не только для шрифтов.

Ссылки по теме

RFS

На этом уроке вы узнаете об очень мощном наборе инструментов Sass под названием Bourbon. В основном это набор миксов и функций Sass, которые вы можете использовать для ускорения разработки.

Ссылки по теме

Bourbon

На этом уроке вы узнаете, как использовать Raster Grid System для создания макетов. Он основан на CSS Grid Layout, очень мощный и имеет довольно уникальный синтаксис.

Ссылки по теме

Растровая сетка

На этом уроке вы узнаете, как добавить несколько замечательных CSS-блесен на ваш сайт. И хотя существует множество библиотек, предлагающих нечто подобное, эта библиотека Tobias Ahlin- мой личный выбор.

Ссылки по теме

SpinKit

  • MQ SCSS

В этом последнем уроке вы узнаете о библиотеке CSS под названием MQ-SCSS. Это используется для упрощения создания медиа-запросов с некоторыми очень хорошо продуманными миксинами.

Ссылки по теме

Скрытый контент

  • Вы не зарегистрированы
  • Вы не вошли как пользователь
  • У Вас просрочена подписка
  • Ваша подписка не даёт вам право скачивать данный раздел