firefoxic

$breakpoint-tablet: 768px;
$breakpoint-desktop: 1280px;
$breakpoint-gap: 0.02px;

$mobile-only: "(max-width: #{$breakpoint-tablet - $breakpoint-gap})";
$tablet-only: "(min-width: #{$breakpoint-tablet}) and (max-width: #{$breakpoint-desktop - $breakpoint-gap})";
$desktop-only: "(min-width: #{$breakpoint-desktop})";
$not-mobile: "(min-width: #{$breakpoint-tablet})";
$not-desktop: "(max-width: #{$breakpoint-desktop - $breakpoint-gap})";

firefoxic

{"apps-menu@gnome-shell-extensions.gcampax.github.com":{"/org/gnome/shell/extensions/apps-menu/":""},"nothing-to-say@extensions.gnome.wouter.bolsterl.ee":{"/org/gnome/shell/extensions/nothing-to-say/":"[/]\nicon-visibility='when-recording'"},"gnome-fuzzy-app-search@gnome-shell-extensions.Czarlie.gitlab.com":{"/org/gnome/shell/extensions/gnome-fuzzy-app-search/":""},"gnome-ui-tune@itstime.tech":{"/org/gnome/shell/extensions/gnome-ui-tune/":"[/]\nhide-search=true\noverview-firefox-pip=true"},"gestureImprovements@gestures":{"/org/gnome/shell/extensions/gestureImprovements/":"[/]\nenable-window-manipulation-gesture=true\ntouchpad-speed-scale=1.0"},"gnome-shell-screenshot@ttll.de":{"/org/gnome/shell/extensions/screenshot/":"[/]\nbackend='gnome-screenshot'\ncapture-delay=0\nclick-action='show-menu'\nclipboard-action='none'\ncopy-button-action='set-image-data'\neffect-rescale=100\nenable-imgur=true\nenable-indicator=true\nenable-notification=true\nenable-run-command=false\nfilename-template='{N} from {Y}-{m}-{d} {H}

firefoxic

firefoxic

/**
 * Simple pie chart with fallback (no variables)
 */

.pie {
	height: 20px;
	background: linear-gradient(to right, #fe7b99 , #1b3b4e);
	background-color: gold;
}

firefoxic

Полёт в Магадан

В Домодедове стоял тёплый ясный вечер конца лета. После нелёгкого дня сборов в командировку, после долгой регистрации всех наших огромных «мест» багажа с инструментами и почему-то неотправленным вовремя оборудованием, после шмона с сеансом облучения, после по какой-то причине стоячего ожидания посадки… В общем жутко уставшие от всех этих сует и спешек мы с моим коллегой Антоном отпыхиваясь усаживаемся на свои места, готовясь к восьми-часовому перелёту, который обещал быть скучным, как и все ночные перелёты. Вдобавок ещё и места с левой стороны — ну точно только спать возле чёрного иллюминатора.

Но вот от взлёта прошло уже несколько минут, уже набрали высоту, а пилоты видимо всё ещё что-то облетают. Какие-то зоны бесполётные что ли. Ведь пункт назначения на востоке, а предзакатное Солнце, как после взлёта переместилось на нашу левую сторону, так и продолжает радовать нас и расслаблять мягким ровным светом и красивой подсветкой ландшафта под нами.

И всё бы ничего, но за этим умилением красо

firefoxic

#!/bin/zsh

for file in $(find ./**/*.ttf)
do
	filename=${file%.*}
	echo 👉 $filename.woff2 …
	cat $file | ttf2woff2 >> $filename.woff2
	rm $file
	echo …is ready 👍
done

firefoxic

body * {
	/**************************************
	 Управляй обводкой шестью параметрами:
	**************************************/

	/* 1) Тон цвета по цветовому кругу обводки первого потомка body */
	--hue-offset: 30deg;
	/* возможны отрицательные значения */

	/* 2) Угол поворота по цветовому кругу для более глубокой вложенности */

firefoxic

Logotypes Test Orca

The results of the experiment on the screen readers Orca (within ArchLinux) with the test page by @yoksel in a Firefox.

Abbreviations:

• Text — reading of the text from the <div>-element.
• “Image” — pronunciation of the word “Image”.

Hidden text

firefoxic

hsl — Hue, Saturation, Lightness — Тон, Насыщенность, Осветлённость (не знаю, как лучше перевести, светлость может).

Hue — числовое значение от 0 до 360. То есть это градусы по кругу цветовому. Можно даже указать единицу измерения deg (degree). Угол по кругу, поэтому можно и больше и меньше указывать, и 360 в принципе равен 0, а 560 равно 200. Очень простое и интуитивно-понятное значение. Тон — это и есть цвет. 0 — красный, 120 — зелёный, 240 — синий (и 360 — снова красный). В промежутках лежат промежуточные цвета: 60 — жёлтый (между красным и зелёным), 180 — голубой, 300 — пурпурный (или вернее magenta?). Легко понять, что оранжевый — это 30.

Saturation — насыщенность выбранного в процентах. Тут проще крайние точки взять для объяснения: 100% — это самый насыщенный вариант, то есть это и есть чистый цвет; 0% — отсутствие цвета, то есть обесцвеченность, то, что будет вместо этого цвета на чёрно-белой фотке. Уменьшение этого параметра равно