@Tenno-Seremel

Тег css в блоге Tenno-Seremel

Tenno-Seremel

И точно, раньше было

.post-content > .user.author

А теперь, видимо

.post-author
#mdewb 1
Вы можете выбрать до 10 файлов общим размером не более 10 МБ.
Tenno-Seremel
font-variant-numeric: lining-nums;

…lining-nums activating the set of figures where numbers are all lying on the baseline. It corresponds to the OpenType values lnum.

Скажи «нет» прыгучим цифрам странных шрифтов, которые хотят странные люди.

#mbhbc 6
Вы можете выбрать до 10 файлов общим размером не более 10 МБ.
Tenno-Seremel

Effective immediately, all new features that are web-exposed are to be restricted to secure contexts. Web-exposed means that the feature is observable from a web page or server, whether through JavaScript, CSS, HTTP, media formats, etc. A feature can be anything from an extension of an existing IDL-defined object, a new CSS property, a new HTTP response header, to bigger features such as WebVR. In contrast, a new CSS color keyword would likely not be restricted to secure contexts.

CSS
HTTPS
CSS
HTTPS

Т.е. новые свойства CSS нельзя будет использовать если не HTTPS? Што?

blog.mozilla.org

#ozbgb 2
Вы можете выбрать до 10 файлов общим размером не более 10 МБ.
Tenno-Seremel

У CSS есть 2 проблемы: многие свойства излишне «толстые», а некоторые наоборот.

#owtvf 47
Вы можете выбрать до 10 файлов общим размером не более 10 МБ.
Tenno-Seremel

Если CSS свойство display перекрывает атрибут hidden, то нафига последний нужен? Ну напишу я display: flex и атрибут hidden и?..

All HTML elements may have the hidden content attribute set. The hidden attribute is a boolean attribute. When specified on an element, it indicates that the element is not yet, or is no longer, directly relevant to the page's current state, or that it is being used to declare content to be reused by other parts of the page as opposed to being directly accessed by the user. User agents should not render elements that have the hidden attribute specified.

Should not render, ага. Наркоманы.

#ojaih
Вы можете выбрать до 10 файлов общим размером не более 10 МБ.
Tenno-Seremel

font-weight: 300; is considered cancer.

#okggf 6
Вы можете выбрать до 10 файлов общим размером не более 10 МБ.
Tenno-Seremel

Deep dive CSS: font metrics, line-height and vertical-align

Поломать мозг можно там: https://iamvdo.me/en/blog/css-font-metrics-line-height-and-vertical-align

// Ежели вы ещё не в курсе этого всего.

#ozzbw
Вы можете выбрать до 10 файлов общим размером не более 10 МБ.
Tenno-Seremel

Intent to implement and ship: CSS display:flow-root

A display:flow-root element generates a block container box, and lays out its contents using flow layout. It always establishes a new block formatting context for its contents (per CSS2). This is intended to make "clearfix" hacks unnecessary.

ААААААаааааааааааааа!!!

groups.google.com

#oksrr
Вы можете выбрать до 10 файлов общим размером не более 10 МБ.
Tenno-Seremel

Смерть мышевозам

html { pointer-events: none; }
#okoto 3
Вы можете выбрать до 10 файлов общим размером не более 10 МБ.
Tenno-Seremel

20 years of kostyli & prodakshen.

#oojfig
Вы можете выбрать до 10 файлов общим размером не более 10 МБ.
Tenno-Seremel

vh и vw включают в значение высоту/ширину скроллбаров. Нафига они такие нужны история умалчивает :}

#oozrua 32
Вы можете выбрать до 10 файлов общим размером не более 10 МБ.
Tenno-Seremel
@font-face {
    font-family: "decorated-heading";
    src: local("Symbola");
    unicode-range: U+201C-201D;
}
h1 {
    font-family: "decorated-heading", sans-serif;
}



#!html
<h1>“TEST”</h1>

Вообще, не надо так делать, но можно :3

#oojtil 5
Вы можете выбрать до 10 файлов общим размером не более 10 МБ.
Tenno-Seremel

CSS. Как сделать лёгкое сложно, а сложное — ещё сложнее.

#oojptz 5
Вы можете выбрать до 10 файлов общим размером не более 10 МБ.
Tenno-Seremel
<label><input type="checkbox"/><span></span>checkbox text</label>



#!css
input[type="checkbox"] {
    display: none;
}
input[type="checkbox"] + span {
    content: "";
    display: inline-block;
    /* ... */
}
input[type="checkbox"]:checked + span {
    /* ... */
}

Всё, что вам нужно знать о состоянии UI в web.

#oozoko 32
Вы можете выбрать до 10 файлов общим размером не более 10 МБ.
Tenno-Seremel

Сначала мы придумываем загружаемые шрифты, которые блокируют отображение текста до загрузки шрифта (в пределах определённого времени), а потом придумываем font-display: swap; или даже font-display: optional; чтобы это отменить. Норм.

#oowdil 6
Вы можете выбрать до 10 файлов общим размером не более 10 МБ.
Tenno-Seremel

CSS Text Module Level 4 White space processing мне запилите.

text-space-trim: discard-before discard-after;
#oozdcy
Вы можете выбрать до 10 файлов общим размером не более 10 МБ.
Tenno-Seremel

В CSS цвета таки придёт RRGGBBAA (в дополнение к уже работающему rgba() синтаксису). Но написать я хочу не об этом, а вот об этом:

‌>>> It affects only colors specified in CSS, and not those specified in HTML attributes.
‌>> Is this a follow-up, or are we prevented from parsing extended HTML color attributes by some other invariant?
‌> Colors in HTML use a parsing algorithm that basically accepts all garbage, and people depend on that, so we're probably unable to accept new syntax for HTML colors.

#oozfyw
Вы можете выбрать до 10 файлов общим размером не более 10 МБ.
Tenno-Seremel
#ippoh
Вы можете выбрать до 10 файлов общим размером не более 10 МБ.
Tenno-Seremel

Слоупоки в треде. Пока у меня дошли руки потыкать это палочкой, SVG шрифты отовсюду повыпиливали. Чому так, к'таны?

// Я в курсе, что уже есть загружаемые веб-шрифты.

#iplvj 6
Вы можете выбрать до 10 файлов общим размером не более 10 МБ.
Tenno-Seremel

Houdini: Maybe the most exciting development in CSS you’ve never heard of

https://www.smashingmagazine.com/2016/03/houdini-maybe-the-most-exciting-development-in-css-youve-never-heard-of/

Возможно это приведёт к более лучшим™ полифиллам для CSS, а возможно — более новым тормозам :3

#iaxvk
Вы можете выбрать до 10 файлов общим размером не более 10 МБ.

Добавить пост

Вы можете выбрать до 10 файлов общим размером не более 10 МБ.
Для форматирования текста используется Markdown.