Категория: (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. имена тегов в таблице ведут на соответствующие тесты
Категория: (Новости) автор: Александр Бойченко дата: 06-04-2010
В продолжение моей вчерашней записи про CSScomb в WebStorm спешу поделиться более усовершенствованным скриптом.
Теперь он обрабатывает только .css файлы и умеет ходить по папкам, да-да, теперь можно применять CSScomb прямо к папке, содержащей css файлы или прямо к папке проекта.
Обновленный файл лежит по старой ссылке.
Инструкция по устаноке в предыдущей статье.
Категория: (WebIDE, css, html) автор: Александр Бойченко дата: 05-04-2010
Есть хороший проект называется CSScomb от Вячеслава Олиянчука aka miripiruni. Суть его в том, что он сортирует CSS свойста согласно определенному порядку, который мы выставляем самостоятельно. Уже есть плагины для Coda и TextMate. Однако я пользуюсь WebStorm (WebIde) и очень захотелось подобного функционала именно в нем. Ну что ж сказано – сделано :)
Читать далее »
Категория: (html) автор: Александр Бойченко дата: 31-03-2010
Больше всего камней в IE8, со стороны разработчиков, летело из-за того, что в нем не работали фильтры, которые понимали IE6-IE7.
Однако это не так, IE8 (в режиме IE=EmulateIE8) умеет отрабатывать фильтры.
Разработчики IE8 просто поменяли синтаксис вызова фильтра, теперь прийдется писать не
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
а
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
Пример работы: http://banzalik.ru/labs/ie8filter/
P.s. эта информация несколько раз мелькала в интернетах, но почему-то должного внимания к себе не привлекла.
Категория: (html) автор: Александр Бойченко дата: 16-02-2010
Все знают про проблему полупрозрачных PNG-24 в IE6, выглядит она так

Серый фон, который заливает всю прозрачность, можно менять на произвольный цвет.
Эта статья о том, как избавиться от серого фона при этом не потеряв полупрозрачность :)
Читать далее »
Категория: (Новости) автор: Александр Бойченко дата: 05-12-2009
Так получилось, что я использовал технику вставки шрифтов в страницу еще до выступления Вадима в Минске, поэтому решил написать небольшое дополнение к выступлению Вадима Макеева – «Веб-шрифты vs. Шрифты для веба.«.
Читать далее »
Категория: (html) автор: Александр Бойченко дата: 11-11-2009
Не так давно Сергей Чикуёнок описал способ декорирования блоков. Способ мне показался довольно интересным, однако ключевой особенностью этого метода является использование необычного спрайта о быстром создании которого и пойдет речь ниже.
Читать далее »
Категория: (Новости) автор: Александр Бойченко дата: 20-10-2009
Сергей Чикуёнок рассказывает о том, как сделать универсальный декорируемый блок, например скруглённых блоков с тенью.
Категория: (Google) автор: Александр Бойченко дата: 22-09-2009
Сегодня заметил, что Google решил поменять вид стандартных input-ов. С чем связано такое решение не знаю, но как мне кажется менять стандартные кнопки на свои – порочная практика :) Конечно пользователи windows особой разницы не заметят, однако мне, как пользователю мака, это сразу бросается в глаза.
Читать далее »
Категория: (WebIDE, Zen Coding) автор: Александр Бойченко дата: 06-09-2009
Ну что тут говорить? Тестим.
Zen Coding for WebIDE
Zen CSS for WebIDE , Zen HTML for WebIDE
Полностью перенесены:
Качаем архив, распаковываем в:
MacOS: ~/Library/Preferences/WebIDE10/templates
Win: User\YouName\.WebIde10\config\templates\
Zen Coding это Zen HTML +Zen CSS, поэтому, если качаете архив zen_coding.xml, остальные архивы Вам не нужны.
upd: теперь последние версии Zen Coding, Zen CSS, Zen HTML для WebIDE и intellij idea можно скачать на сайте проекта.