Академия Кода – Telegram

Академия Кода

1.83K subscribers

665 photos

2 videos

2 files

43 links

Академия кода. Полезный контент по программированию. По всем вопросам @evgenycarter

Download Telegram

About

Blog

Apps

Platform

Академия Кода

1.83K subscribers

Академия Кода

font-face

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

Подписывайтесь на канал 👉@coddy_academy

#css

👍1

642 views06:04

Академия Кода

Свойство flex-direction

Свойство flex-direction указывает, как гибкие элементы размещаются в flex-контейнере – вертикально или горизонтально. Это свойство также определяет, будут ли эти гибкие элементы отображаться по порядку или в обратном порядке.

Подписывайтесь на канал 👉@coddy_academy

#css

👍4

4.15K views08:11

Академия Кода

Свойство flex-shrink

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

Подписывайтесь на канал 👉@coddy_academy

#css

👍2

617 views14:17

Академия Кода

Свойство grid-gap

Свойство CSS grid-gap — это сокращенный способ установки двух свойств grid-row-gap and grid-column-gap. Он используется, чтобы определеть размера промежутка между каждой строкой и каждым столбцом. Первое значение задает размер промежутка между строками, а второе значение задает размер промежутка между столбцами.

Подписывайтесь на канал 👉@coddy_academy

#css

👍2

594 viewsedited 16:54

Академия Кода

Функция minmax()

В CSS функция Grid minmax() принимает два параметра: первый параметр – это минимальный размер строки или столбца, второй – максимальный размер. Сетка должна иметь переменную ширину для функции minmax().
Если максимальное значение меньше минимального, то максимальное значение игнорируется и используется только минимальное значение.

Подписывайтесь на канал 👉@coddy_academy

#css

👍2

519 views08:29

Академия Кода

Как добавить градиент на текст в css?

<head>
<style>
      p {
        font-size: 30px;
        background: linear-gradient(45deg, #eb7f26 10%, #80ac19 20%, #e70d94 30%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-transform: uppercase;
      }
    </style>
  </head>
  <body>
    <p>Градиент текста в CSS</p>
  </body>

Подписывайтесь на канал 👉@coddy_academy

👍2👎1

590 views08:22

Академия Кода

grid-row-start и grid-row-end

grid-row-start и grid-row-end свойства позволяют отдельным элементам сетки занимать несколько строк. Свойство grid-row-start определяет, с какой строки начинается элемент, а grid-row-end определяет, сколько строк занимает элемент или на какой строке заканчивается.

#css

Подписывайтесь на канал 👉@coddy_academy

👍2

565 views07:32

Академия Кода

Justify Self

CSS свойство justify-self используется для того, чтобы определить, как отдельный элемент сетки позиционирует себя вдоль строки или встроенной оси. По умолчанию элементы сетки наследуют значение justify-items свойства контейнера. Если установлено значение justify-self, оно переопределит унаследованное значение justify-items.

#css

Подписывайтесь на канал 👉@coddy_academy

👍1

522 views14:01

Академия Кода

Как использовать String в качестве ошибок?

Обычно, чтобы сообщать о том, что операция завершилась с ошибкой, в Swift используется протокол Error. Когда мы проектируем чистое API, обычной практикой для выполнения данной цели является создание собственного error enum, в котором прописываются нужные варианты ошибок под конкретный функционал.

Но что делать, если мы хотим получить простое решение для случаев, когда ошибки единичные и смысла создавать отдельный enum нет?

Тогда можно реализовать LocalizedError для String и использовать строку в качестве ошибки. Такой вариант идеально подойдет для возвращение простых, user-facing ошибок.

extension String: LocalizedError {
    public var errorDescription: String? { self }
}

func loadDataFromServer(result: @escaping (Result<String, Error>) -> Void) {
    // ...
    result(.failure("Что-то пошло не так"))
}

#css #handyExtensions #error #basic #swift

Подписывайтесь на канал 👉@coddy_academy

639 views07:12

Академия Кода

Как изменить маркеры списка в css?

Изменить маркеры списка в css можно через свойство list-style :

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <style>
      ul {
        list-style: square;
      }
    </style>
  </head>
  <body>
    <ul>
      <li><span>Собака</span></li>
      <li><span>Кошка</span></li>
      <li><span>Птица</span></li>
    </ul>
  </body>
</html>

#css

Подписывайтесь на канал 👉@coddy_academy

👍2

581 views07:55

Академия Кода

Медиа-запрос

Медиа-запрос CSS используется для адаптации отображения веб-сайта к разным размерам экрана. Медиа-запрос начинается с ключевого слова media, за которым следует одно или несколько условий, проверяющих размер экрана, разрешение и/или другие свойства. Если эти условия соблюдены, все правила CSS в медиа-запросе будут применены к странице.

#css

Подписывайтесь на канал 👉@coddy_academy

👍3

539 views07:16

Академия Кода

Свойство float

Свойство CSS float определяет, насколько далеко влево/вправо должен перемещаться элемент внутри своего родительского элемента. Значение left размещает элемент в левой части контейнера, а значение right перемещает элемент в правую часть контейнера. Для свойства float необходимо указать размер контейнера width, иначе элемент примет полную ширину содержащего его элемента.

#css

Подписывайтесь на канал 👉@coddy_academy

👍2

617 views14:18

Академия Кода

Свойство visibility

Свойство CSS visibility используется для отображения скрытых объектов, невидимых для пользователя, без их удаления со страницы. Это гарантирует, что структура и организация страницы останутся неизменными.

#css

Подписывайтесь на канал 👉@coddy_academy

593 views07:22

Академия Кода

Свойство z-index

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

#css

Подписывайтесь на канал 👉@coddy_academy

👍1

548 views09:00

Академия Кода

Свойство clear

Когда вы хотите указать, как должен вести себя элемент при столкновении с другим элементом в том же содержащем элементе, можно использовать свойство CSS clear. Обычно оно используется в сочетании с элементами, имеющими свойство float, для определения, с каких сторон плавающие элементы могут плавать.

#css

Подписывайтесь на канал 👉@coddy_academy

537 views12:00

Академия Кода

Цветовая модель RGB

Наверняка многие слышали про RGB – наиболее распространённую цветовую модель. Она описывает, сколько красного, зелёного и синего содержится в нужном цвете.
Для определения цвета с помощью RGB используется rgb(r, g, b) синтаксис. Каждый параметр определяет интенсивность цвета и может быть целым числом от 0 до 255.

#css

Подписывайтесь на канал 👉@coddy_academy

👍1

507 views15:23

Академия Кода

Резервные шрифты CSS

CSS-свойство font-family определяет приоритетный список из одного или нескольких шрифтов. Значения разделены запятыми, чтобы указать, что они являются резервными.
Советуем добавлять по крайней мере одно имя общего семейства шрифтов, ведь это позволит браузеру выбрать подходящий запасной шрифт, если возникнет необходимость.

#css

Подписывайтесь на канал 👉@coddy_academy

👍1

524 views06:00

Академия Кода

Свойство flex-grow

Вы можете применять свойство CSS flex-grow, чтобы указать, на сколько элемент может увеличиться по отношению к остальным флекс элементам в одном контейнере. Если элемент не является флекс элементом, то свойство flex-grow не окажет на него никакого эффекта.
flex-grow принимает числовое значение, которое и указывает, на сколько будет увеличен элемент. По умолчанию это значение равно 0.

#css

Подписывайтесь на канал 👉@coddy_academy

👍1

560 views06:00

Академия Кода

Свойство grid-template-columns

Используйте CSS свойство grid-template-columns, если вам необходимо задать количество, наименование и размер столбцов в гриде. Количество значений ширины определяет количество столбцов, а задаваться ширина может либо в пикселях, либо в процентах.

#css

Подписывайтесь на канал 👉@coddy_academy

👍1

536 views06:00

Академия Кода

Правило !important

Правило CSS !important отвечает за приоритет в стилях в случае спорных моментов. Если вы указали это правило, то вы подчеркиваете то, что данное свойство является главным.
Однако, как правило, лучше избегать использования !important, так как это считается плохой практикой.

#css

Подписывайтесь на канал 👉@coddy_academy

👍3

528 views07:53