Вложено и повёрнуто

Вложено и повёрнуто (85.42КиБ)

С тех пор как в браузерах появилась возможность свободно вращать любые объекты, мне нравится смотреть что из этого можно сделать, причём нравится экспериментировать с одинаковыми многократно вложенными объектами.

Т. е. поворот в CSS я задаю на один и тот же градус, но поскольку объекты вложены друг в друга, родительский угол тоже учитывается и получаются разнообразные кольца с регулярным рисунком. Если подключить к этому графику (тот же SVG), то всякие рождественские венки и прочие кольца со сложными, но повторяющимся рисунком, можно делать очень естественными образом.

Кстати, а если наложить несколько изображений с разным шагом и z-index, вообще страшно подумать какие рисунки можно выводить!

15 комментариев

Шрифт на чистом CSS

Десять лет назад я пытался решить проблему отсутствия у пользователей татарского шрифта (с Юникодом тогда было плохо, да и татарский туда не входил по-моему) через CSS — комбинируя стилем буквы со знаками препинания, чтобы получить татарские «җ», «ө», «ң» и так далее. Т. е. я брал «ж» и запятую, сдвигал их относительно друг друга и получал «җ».

Мощность компьютеров и возможности браузеров тогда были таковы, что такой HTML выводился буквально по слогам — компьютер нагружался сильно.

Сейчас такой проблемы нет, зато мощность компьютеров и браузеров возросли многократно. Я попробовал для интереса создать шрифт на чистом ЦСС. Там где можно пользовался только стилем бордюра, где нельзя — использовал CSS-transformation.

CSS-шрифт (18.88КиБ)

Правда я сделал ошибку — сначала создал все самые простые буквы, а потом уже начал делать сложные. Ближе к концу я начал терять интерес к происходящему и на некоторых буквах уже халтурил — некоторые из них отличаются по размеру.

Слова пишутся внутри тега TEXT, буквы повешены на однобуквенные теги, им соответствующие. Для наглядности, вот код, который напишет HELLO с моим стилем CSS:

<text><h></h><e></e><l></l><l></l><o></o></text>

Цифр я изготовил всего две, они на тегах D1 и D8 (т. е. работают только однёрка и восьмёрка), кроме всего есть два знака препинания — точка (на теге DOT) и запятая (COMMA).

Из-за использования трансформаций, часть букв будет работать только в определённых версиях браузеров: ФФ 3.5+, ИЕ 9+, Опере 10.5, Сафари 3.1. По поводу «Хрома» ничего сказать не могу, когда он начал поддерживать трансформации мне неизвестно.

Обратите внимание, кстати, что в ИЕ можно такой шрифт создать уже с версии 5.5 — там есть фильтр matrix, при помощи которого можно эмулировать всё, что я использовал.

В ужатом состоянии (через оптимизатор CSSO) шрифт занимает всего 3,8КБ.

9 комментариев

Нужна ли тренировка литиевых аккумуляторов

Исследование с «Хабра»: нужна ли тренировка литиевых аккумуляторов? Процитирую главное:

Тренировка литиевых аккумуляторов, состоящих из одной банки, бессмысленна. (…) Если у вас плеер, телефон, рация, кпк, планшет, дозиметр, мультиметр, часы или любой другой мобильный девайс, использующий аккумулятор Li-Ion или Li-Pol (если он съемный, на нем будет написано, если он не съемный — то 99% это литий) — «тренировка» длиннее одного цикла бесполезна. Один цикл тоже, скорее всего, бесполезен.

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

Держите аккумулятор в тепле. Смарт в кармане джинс будет работать немного дольше, чем в наружном кармане куртки. Разница может составлять 30%, а зимой и того больше.

8 комментариев