← All posts tagged CSS

RA

CSS и производительность сети
css-live.ru

в часности поясняется почему гугл аналитикс просит чтобы его скрипт был первым элементом в <HEAD>
и почему делать кучку css подгружаемых в <BODY> лучше, чем один css в <HEAD>

RA

Годная статья на хабре про оформление кода (HTML, CSS)
habrahabr.ru
(осторожно много букв)

Только я не согласен с опусканием необязательных тегов и использованием дефисов. Потому что дефисы в CSS влекут за собой дефисы в JS. А дефис в коде чаще читается как "минус", нежели как разделение слов. Уж лучше нижнее подчёркивание.

RA

Закруглёные уголки — зло.
Дизайнеры, рисующие закруглёные уголки — злые.
Верстальщики, пытающиеся воплотить кроссбраузерно закруглёные уголки без картинок — становятся злыми.
Разработчики opera заколебались делать border-radius и стали злыми.

Только я добрый — рекомендую делать уголки картинками.

RA

Все методы рисования кросбраузерно скруглёных уголков не работают.
В том числе и js-скрипты типа этого malsup.com
А именно — бестолковость в случае когда под скруглёным слоем находится фон в виде картинки.

Лучше сделать скруглёные углы по-старинке — картинками.

RA

Вот очередное подтверждение, что Opera — мега.
blog.kino.meta.ua
Почему-то эффект обрезания картинки работает только в Opera. Chrome и FireFox выводят картинку полностью.
Признаться я не знаю как они это сделали. может и делали только под Opera.

RA

Забавно 10я опера рендерит такой нумерованый список
<ol style="margin-top: 0px;">
<li><div style="position: absolute; display: inline; margin-top: 5px; margin-left: -40px;">U</div><a href="#">первая строка</a></li>
<li><div style="position: absolute; display: inline; margin-top: 5px; margin-left: -40px;">U</div><a href="#">вторая строка</a></li>
</ol>
В итоге цифры списка двоятся по-вертикали.

PS Лечится довольно просто. Но тоже странно