Категория: (css, html, Статьи) автор: Александр Бойченко дата: 10-12-2011
В 99.9% случаев CSS свойство zoom используется верстальщиками для активации hasLayout в IE. Я хочу рассказать о том 0.01% проценте использования этого свойства.
В те времена, когда трава была зеленее, миром правил IE, а дизайнеры учились рисовать сайты- приходилось часто сталкиваться с неоднозначными дизайнерскими решениями.
Одним из этих решений — кастомные скроллбары, например такие:
Читать далее »
Категория: (css, html, Статьи) автор: Александр Бойченко дата: 16-05-2010
Решил померять как быстро отрисовываются теги без применения к ним каких-либо стилей.
Суть теста — генерируем 10к тегов на одной странице и меряем reflow.
Результаты оказались очень любопытные.
Пока даю весьма скромную таблицу, с малым набором тегов.
| Тег |
Safari 4.0.5 (mac) |
FF 3.6.3 (mac) |
Opera 10.53 (mac) |
iPad |
| div |
173 |
270 |
218 |
710 |
| span |
52 |
608 |
113 |
294 |
| p |
173 |
287 |
235 |
711 |
| b |
50 |
607 |
116 |
299 |
| i |
50 |
600 |
1164 |
297 |
Очень странные результаты показал IE — почти нулевые рефлоу (поэтому пока не заполняю таблицу с результатами IE*)
Вывод:
- в Opera и Safari inline элементы в 2 раза быстрее блочных
- в FF все наоборот, блочные быстрее инлайновых в 2 раза
- существую теги, которые серьезно влияют на рефлоу (например i в Опере и FF )
Скоро проведу более детальное исследование + проверим скорость основных css свойств.
upd. имена тегов в таблице ведут на соответствующие тесты
Категория: (Статьи) автор: Александр Бойченко дата: 17-03-2009
Вчера получил от дизайнера psd-файл (вообще, мне часто приходится иметь дело с «псдшками» — я ведь с ними работаю). Но, вчера дело было не совсем обычным :) Нестандартность ситуации заключалась в приёме сжатия файла — в нем были отключены все слои.
Честно говоря, я впервые встретил именно такой способ уменьшения размера psd-фалов , хотя на Хабре он упоминался. Ранее мне были известны некоторые иные методики сжатия psd, о которых я и хочу рассказать Вам сегодня. Читать далее »
