Изучаем свойства CSS Grid с Griddy.io
Если вы не отстаете от современных веб-технологий, то вам следует знать о CSS сетках (CSS Grid). Эти свойства являются новыми дополнениями к формату CSS3 и быстро становятся лучшим другом разработчика.
Как создавать сложные макеты с помощью CSS-сетки
Во предыдущей статье мы узнали, как работает CSS Grid и как с его помощью легко создавать простые макеты.
Сегодня мы узнаем, как с его помощью создавать более сложные макеты.
Знакомство с CSS-сеткой (CSS grid)
CSS Grid - это невероятно мощный способ создания макетов. Но поскольку у нее «богатые» возможности (и в большинстве уроков авторы любят показывать все модные вещи, которые может сделать с помощью нее сразу), изучение основ может быть ошеломляющим.
В этой статье автор хочет демистифицировать CSS Grid и показать вам, как создать несколько простых макетов на основе сетки с помощью всего лишь нескольких строк CSS-кода.
Как создать круглое изображение средствами CSS
В CSS есть проблема с отображением круглого изображения, так как изображения имеют прямоугольную или квадратную форму.
Вы всегда можете использовать графический редактор, например, Gimp или Photoshop чтобы обрезать изображение в виде круга или даже использовать онлайн-инструменты, такие как MockoFun, чтобы обрезать изображение онлайн. Но эта заметка о том, как сделать круглые изображения с помощью CSS.
Галерея CSS иконок для frontend-разработчика
Дизайнер Вентинг Чжан из Adode создал интересное веб-приложение для генерации простых CSS-иконок. У него простое название “CSS Icon” и, возможно, это одно из самых крутых генераторов иконок для фронтенд-разработчиков.