Strephil
CSS HTML У меня на сайте условно две колонки. Я их сделал дивами. В правой колонке большая картинка, точнее, текст, но в виде png (не спрашивайте). Она большая, и когда я открыл свой сайт на мобильном телефоне, оказалось, что ничего не вместилось. Картинка просто была обрезана справа, и всё.
Я добавил свойство в правую колонку overflow-x=auto, и теперь хотя бы появилась горизонтальная прокрутка.
А как бы сделать, чтобы левый див иногда скрывался?
Rainbow-Spike
CSS Firefox а у меня радость. в фоксе 80 вонзили почти не анимированную иконку с песочными часами в табы
```.tab-throbber[busy] {
animation: unset !important;
background-image: url("chrome://global/skin/icons/loading.png") !important;
}``` в юзерпрофиль\AppData\Roaming\Mozilla\Firefox\Profilesпрофиль.default\chrome\userChrome.css
Rainbow-Spike
CSS comicslate JS если подумать, в расширителе комиксов вызывался пустой стиль и функция piczoom для расчёта scale и margin на картинках при включении галочки и стиль со scale(1) при выключении. немного подумал и решил устроить резню github.com сделал piczoom логической и указал исправление стиля внутри неё, так что переключатель стилей, а вместе с ним и стилевой элемент отмерли. это уменьшает сродство зум-галочки с остальными. так что сливаться вместе им придётся без неё

а ещё надо бы приделать перетаскер для управления шириной комикса со стороны читателя...
Rainbow-Spike
CSS JS комикслейт ух, сегодня рубилово было. на днях сделал раздуватель комиксов в ширину экрана PicZoom и приглушил редконужные кнопки в навигаторе, но не всем такое понравилось, так что я решил всё-таки начать увеличивать опционность. анализ плагинов Докувики показал, что пока что таковых для работы с куками не завелось. ещё с 1 октября 2012 у нас была выведена наружу галочка для скрытия наклеек с поверхности комиксов, приаттаченная, логично, к плагину-наклейщику. а теперь, чисто путём копипасты, я добавил ещё две и перенёс скрипт на уровень дизайн-шаблона. и поскоку он на Гитхабе выложен, то сей пост можно сопроводить ссылками, которые я суну в комментарий
Rainbow-Spike
CSS комикслейт как же мне научить сайт автоматом увеличивать элемент с его составляющими под ширину экрана и чтоб он соседям не мешал? тестирую на comicslate.org у меня экран 1920х1080, в .ct-cointainer добавил transform: scale(2.2); и margin: 35% auto; чтоб соседей не закрывало. на этом мысль остановилась
Rainbow-Spike
CSS пиздец варнинг, нецензурно // Жуйк вообще планирует Маркдаун ввести, не?

как-то раз (только что) ||%%заебала%%|| меня перестройка страниц Рамблер Новостей после потери фокуса на вкладке. сохранил я страницу на винт, зашёл в папку, нашёл css-стиль, увидел минифицированный в одну строку код, закинул его в CSS бьютифаер freeformatter.com и оттуда в окно плагина Stylish. ||%%охуеть нахуй блядь пиздец проебали все полимеры!%%||
Rainbow-Spike
CSS комикслейт вырубил старый дизайн tempe, оставил только новый comicslate, с сайдбаром. бета-тест окончен. потом, может быть, ночной режим сделаю. хотя если кто заморочится со стилями и даст мне наработки, то можно снова дизайн форкнуть
RA
CSS HTML job CSS и производительность сети
css-live.ru

в часности поясняется почему гугл аналитикс просит чтобы его скрипт был первым элементом в <HEAD>
и почему делать кучку css подгружаемых в <BODY> лучше, чем один css в <HEAD>
Rainbow-Spike
CSS комиксы наконец проявил профессиональный интерес верстальщика к acomics.ru
обнаружил, что сайт не только имеет фиксированную ширину в районе 1000 пк, но и не адаптирован под мобилки. очевидно, это общая тенденция в "нашей индустрии" — не масштабировать изображения с масштабозависимым содержанием. гэги и новости масштабировать легко — они и эскизами годятся, тексты в комиксах же превращаются в радость для муравья
Linda-chan
CSS пичалька Открыла для себя функцию calc(). Было подумала, что возможности не ограничены, но сложные выражения почему-то не работали. В консоли ошибок невнятные сообщения. Открыла MDN, вчиталась... Делить можно только на число, а в умножении хотя бы один аргумент должен быть числом. Ну и кому он такой нужен?
Rainbow-Spike
CSS JS двач не меняется. какие ещё нахер двухбуквенные доски? я ебу разбираться в ваших названиях. на форчане давно жуе отказались от этой мозгоебли

1. юзерскрипт greasyfork.org
ссылки в верхнем меню — названия взять из всплывающих титулов
2. юзерстиль userstyles.org
разбить меню на разделы, каждый с новой строки
ссылки меню не подчёркивать
OCTAGRAM
web svg CSS В SVG есть текстуры. В частности, растровые можно устроить. Но в FireFox, если открыть SVG в отдельной вкладке, текстура отрисовывается всегда, а если указать SVG как background url, то только если она внедрена как data. Внешние связи не работают. Наверное, это как-то связано с безопасностью, а, может, движок так радикально свои возможности расширить не может.

Вопрос актуален ещё в связи с потенциально нестандартными шрифтами. На всякий случай в кривые перегоняю текстовые элементы перед экспортом в веб.
lurker
CSS
Grownups don’t have favorite colors. But children do. Rebecca Meyer had a favorite color. It was purple. A color that might be expressed in the hexadecimal language of web design as #663399.

легенда хорошая, однако, по странному совпадению 0x66 на 255 = ровно 0.4, 0x33 = 0.2 и 0x99 = 0.6 соответсвенно.

т.е.,
50 делить на 255 = 0.1960784314
51 делить на 255 = 0.2
52 делить на 255 = 0.2039215686

и вы таки хотите сказать, что шестилетняя девочка выбрала любимый цвет сама, совершенно случайно попав в именно такие цифры?
justonemore
CSS shmichael.com

There are many reasons CSS sucks, but here are the main two:

CSS relies on hierarchy for positioning, visibility & property inheritance. Therefore, it cannot be separated from the markup & interaction like some HTML purists suggest.
When positioning elements, one of two options can be used:
In the flow, which means automatic height & collection of inline assets into blocks, but very hard to tweak the default decisions.
Out of the flow, which more or less forces use of fixed dimensions for anything positioned this way.

If you still think CSS is awesome, try this: In a large text box, position a fixed-dimension image at the bottom-right, such that text will wrap around it.

I hope to further look into the workings of CSS in future posts
Rainbow-Spike
CSS PHP JS комикслейт маленький ребрендинг. хотя со смартфона пока ещё тяжеловато, логотип в экран лезет из-за position: absolute;, но хотя бы боковое меню не мешается со старта страницы. убрал социалкнопки, основная загрузка страницы ускорилась с 12 до 4,5 секунд вне кэша. с менюшкой было около 30. подумываю ещё и счётчик яндекса убрать, 2,2 секунды будет
amrok
svg CSS ? Не могу найти решение, подскажите, пожалуйста: я хочу анимировать в галерее SVG под IMG при наведении. Соответственно делаю внешний SVG, как мне теперь ему внутрь сказать, что делать, когда он :hover?
Darwin
CSS тлен Макакопроблем псто.

TIL (today I learned) что PITA расшифровывается как Pain In The Ass.

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

В вебките это решено нестандартным свойством: developer.mozilla.org , а вот багтрекер мозиллы — неиссякаемый источник радости. Вот например баг, которому 16 (прописью: шестнадцать, Карл!) лет: bugzilla.mozilla.org

Первый пост шестнадцатилетней давности:
Proposal: Mozilla should support the scrollbar-(blah)-color properties implemented in IE5.5. This would be a minor enhancement...

Последний коммент, написан два месяца назад:
DON'T COMMENT UNLESS YOU ARE FIXING IT...

Кто виноват и что делать было в принципе понятно 11 лет назад:
* The current XBL scrollbars are partly implemented in C++ and tied directly to the bits where they need to go
* Instead this bug proposes to add two pseudo elements, such as ::-moz-horizontal-scrollbar and ::-moz-vertical-scrollbar, which would become the bound elements for the XBL scrollbars
* The XBL scrollbars could then do something intelligent with inherited properties from these pseudo-elements
* This also allows users to write new scrollbars in XBL and bind them to these pseudo-elements to completely replace the scrollbars. Example: instead of a slider with buttons, a miniature image that serves as a panning control. Or whatever.
The new capability this requires is that AFAIK, XBL can't currently bind to pseudo-elements, because XBL expects to bind to something in the DOM. I don't know what would be required to change that.

В светлом технократическом будущем возможно этот драфт станет частью спецификации: drafts.csswg.org — но с 2015 года (первый публичный драфт) он не сильно поменялся: w3.org

Пилит драфт вот этот достойный чел, который не кодит с 2012, ныне преподает что-то во французском лицее в Киото и консультирует: florian.rivoal.net — не удивительно, что оно не особо двигается.

Хотя в драфте про скроллбары пока ни слова, страница свойства developer.mozilla.org отправляет туда. -moz-appearance, если кто не пони, теоретически совершает обратную процедуру, стилизует ваш элемент под системный, а в списке элементов под которые оно должно стилизовать, есть и скролбарозапчасти. Так что остается верить.

В общем, лютый феерический 314здец конечно.

Rainbow-Spike
CSS комикслейт копипаста реквест <Mitrill> А можно как-то уменьшить расстояние между строками? Или всё жёстко в стили вбито?
<РобоСпaйк> да, междустрочник выставлен на полторы строки... по идее надо вообще саморасставляемые строки
<РобоСпaйк> htmlbook.ru каких-то css3 вариантов я не вижу, calc вроде неприменим (ему надо число строк подавать как-то), а как через JS сделать даже не представляю. проблема просто не вставала ещё перед человечеством, точнее, его частью с прямыми руками