Тег: xbox

Лучшие компьютерные игры 2022

Лучшие компьютерные игры 2022

Игры, которые достойны быть названными лучшими в 2022-м году.

05 января 2023
748
28 сек

Купил Xbox Series S. Самый дешевый билет в консоли нового поколения

Удивительно, но мне удалось купить в магазине игровую консоль 9-го поколения Xbox Series S. Пора ее распаковать и выяснить, чем она лучше/хуже нежели Xbox Series X или Playstation 5.

27 ноября 2020
1.5 тыс.
9 сек

CSS. Селекторы, flexbox, анимации | Лекция 3 | Web-разработка. После курсов в джуниоры

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

Это третья лекция моих курсов для будущих веб-разработчиков. Остальные лекции, а также мои блоги (влоги) можно найти у меня на канале.

Репозиторий с презентациями и домашними заданиями: https://github.com/larchanka/web-dev-remind

08 июля 2020
2.2 тыс.
16 сек

CSS, вертикальное выравнивание текста с Flexbox

Люди уже давно летают в космос, но до сих пор не умеют нормально выравнивать текст по вертикали в CSS.

Казалось бы, во времена таблиц и ячеек это было легко, присваиваешь атрибуту valign значение middle и в ячейке текст выровнен. Затем пришли эти, так любимые всеми div-ы и пришлось начать использовать костыли. Но время, вроде как, не стоит на месте и скоро всех нас ждет радость и облегчение – мы начнем использовать Flexbox.

Как же выравнять блоки по вертикали? Все просто:

HTML:

<div class="flexbox-wrapper">
    <div>Lorem ipsum dolor sit...</div>
    <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ad rem redeamus; Quamquam non negatis nos intellegere quid sit voluptas, sed quid ille dicat. Non quam nostram quidem, inquit Pomponius iocans; Laelius clamores sofòw ille so lebat Edere compellans gumias ex ordine nostros.</div>
</div>

CSS:

.flexbox-wrapper {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.flexbox-wrapper > div {
  width: 50%;
}

Ну и ДЕМО для порядка.

26 января 2015
31.9 тыс.
1 мин
« Назад
Вперед »