CSS-live.ru

Cтатьи по тегу «CSS»

Языки, чуть было не ставшие CSS

1

Перевод статьи The Languages Which Almost Became CSS с сайта eager.io, опубликовано на css-live.ru с разрешения автора — Зака Блума

Для меня оказалось поистине нескончаемым наслаждением весь прошлый год кряду отвечать полчищам (буквально) желающих — лучше сядьте и пристегнитесь, сейчас будет нечто — управлять внешним видом документов, как это элементарно делалось в TeX, Ворде и любом другом популярном редакторе: «Простите, но фигушки вам».

Марк Андрессен, 1994

Когда в 1991-м Тим Бернерс-Ли объявил о создании HTML, оформлять страницы было просто нечем. То, как отображались те или иные HTML-теги, определялось браузером, часто под существенным влиянием пользовательских настроек. Хотя казалось заманчивым придумать стандартный способ, чтобы странички сами «предлагали», в каком виде их лучше отобразить.

Но до появления CSS оставалось еще пять лет, а до его полной реализации — все десять. Это была пора напряженной работы и изобретательства, породившая не так уж мало конкурирующих способов оформления, каждый из которых запросто мог стать стандартом.

Хотя, очевидно, сейчас эти языки не в ходу, мое сердце замирает при мысли о том, как всё могло бы быть. И что еще удивительнее, оказывается, во многих из этих других вариантов было такое, что разработчики и сейчас прыгали бы от счастья, появись оно в CSS.

Еженедельная подборка красивых эффектов на CSS/SVG/JS #42

1

Подборка свежих эффектов, интересных идей и полезных наработок.

Куб

Вращающийся 3D-куб с цветными гранями, на CSS.
Автор: Юля Бухвалова (@yoksel)

КубПосмотреть живой пример


Еженедельная подборка красивых эффектов на CSS/SVG/JS #41

0

Подборка свежих эффектов, интересных идей и полезных наработок.

Молекула

3D-сцена с вращающейся фигурой, в canvas.
Автор: tr13ze (@tr13ze)

МолекулаПосмотреть живой пример


CSS Grid Layout и позиционированные элементы

3

Перевод статьи CSS Grid Layout and positioned items с сайта blogs.igalia.com, опубликовано на css-live.ru с разрешения автора — Мануэля Рего Касановаса.

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

В рамках работы Igalia над CSS Grid Layout в Chromium/Blink и Safari/WebKit, мы реализовали поддержку позиционированных элементов. Да, абсолютное позиционирование в гриде :)

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

Еженедельная подборка красивых эффектов на CSS/SVG/JS #38

0

Подборка свежих эффектов, интересных идей и полезных наработок.

Термостат

Анимированный термостат, на JS.
Автор: Вичио Бонура (@V17h3m)

ТермостатПосмотреть живой пример


Еженедельная подборка красивых эффектов на CSS/SVG/JS #37

6

Подборка свежих эффектов, интересных идей и полезных наработок.

Шахматная партия

Анимированная сцена с борьбой в шахматах Каспарова с Deep Blue, на JS.
Автор: Вичио Бонура (@V17h3m)

Шахматная партияПосмотреть живой пример


Еженедельная подборка красивых эффектов на CSS/SVG/JS #36

1

Подборка свежих эффектов, интересных идей и полезных наработок.

Трансформации

Трансформация картинок на JS.
Автор: Женя Задворных (@Zadvorsky)

ТрансформацииПосмотреть живой пример


Еженедельная подборка красивых эффектов на CSS/SVG/JS #34

1

Подборка свежих эффектов, интересных идей и полезных наработок.

Нейросеть

Анимированная связь между узлами нейронов, в canvas.
Автор: Матэй Копот (@MateiCopot)

НейросетьПосмотреть живой пример


Еженедельная подборка красивых эффектов на CSS/SVG/JS #33

1

Подборка свежих эффектов, интересных идей и полезных наработок.

Зимний лес

Интерактивная сцена с зимним лесом, на JS.
Автор: cjgammon (@cjgammon)

Зимний лесПосмотреть живой пример


Еженедельная подборка красивых эффектов на CSS/SVG/JS #32

0

Подборка свежих эффектов, интересных идей и полезных наработок.

Спидер Рей

Анимированный мотоцикл из Star Wars, на CSS.
Автор: Кевин Дженнис (@kevinjannis)

Спидер РейПосмотреть живой пример


Еженедельная подборка красивых эффектов на CSS/SVG/JS #31

0

Подборка свежих эффектов, интересных идей и полезных наработок.

Космический шум

Большое количество точек перемещаются и создают подобие магнитных волн, в WebGL.
Автор: Итан Шульман (@EthanShulman)

Космический шумПосмотреть живой пример