Выпуск № 464 от 23.07.2009, 13:35
Администратор рассылки: Калашников О.А., Руководитель
В рассылке: подписчиков - 520, экспертов - 210
В номере: вопросов - 1, ответов - 1
Нам очень важно Ваше мнение об этом выпуске рассылки. Вы можете оценить этот выпуск по пятибалльной шкале, пройдя по ссылке: оценить выпуск >>
Вопрос № 170543: Здравствуйте, коллеги. Возникла такая ситуация: В дизайне сайта присутствуют элементы с закругленными углами. Допустим, есть некий DIV у которого в свойствах CSS в качестве background-image прописана картинка которой в фотошопе закр...
Вопрос № 170543:
Здравствуйте, коллеги.
Возникла такая ситуация:
В дизайне сайта присутствуют элементы с закругленными углами. Допустим, есть некий DIV у которого в свойствах CSS в качестве background-image прописана картинка которой в фотошопе закруглили края.
С другой стороны есть библиотека jQuery, которая умеет создавать DIV с закруглёнными углами. Но на самом деле, для эффекта закргулённых углов, создяются десятки дополнительных элементов DIV высотой в один пиксель и постоянно увеличивающейся
шириной. Скажем, если я хочу закруглить углы на 30 пикселей, то будут созданы над основным DIV-ом ещё 30 DIV-ов с шириной от Х-60 до Х где Х это изначальная ширина основного DIV-а (60 - потому что с двух сторон по 30 пикселей) и ещё 30 таких же под ним.
И соответственно вопрос:
Что легче браузеру - отрендерить картинку или перегрузить DOM ещё десятками, а то и сотнями, лишних элементов.
Я, конечно, догадываюсь каким будет ответ, но хотелось бы
услышать ещё чьё-то мнение.
Отвечает Jokeroto, 5-й класс :
Здравствуйте, Иоффе Мэир Вэлевич! Картинка однозначно лучше! Причины: 1) большое количество дивов может неблагоприятно сказаться на верстке страницы, то есть могут возникнуть трудно решаемые проблемы с позиционированием, особенно в ИЕ по причине трудно предсказуемого Layout. Почитать здесь:(http://www.intwolf.narod.ru/files/css/layout.htm), а также различного отображения пикселей на экранах с разным разрешением. Почитать здесь:(http://www.intwolf.narod.ru/files/css/fontcss.htm#font-size). 2) Сильно
перегруженный каркас страницы не удовлетворяет международным требованиям создания сайтов, основанным на предельно простом каркасе и остальном оформлении средствами каскадных таблиц стилей. Это значит что если вы профессионал и уважаете понятия "Стандарты" и "Юзабилити" то пойдете по трудному но правильному пути (например использование блочной верстки с позиционированием вместо табличного жесткого каркаса сайта.) 3) Ну и самое главное в том, что
нарисовать угол можно гораздо красивее и правильнее чем кучку дивов, и позиционировать рисунки легче. Надеюсь мое мнение поможет вам сделать выбор, всего наилучшего!
----- вся наша жизнь - игра
Ответ отправил: Jokeroto, 5-й класс
Ответ отправлен: 19.07.2009, 00:42
Оценка ответа: 5 Комментарий к оценке: Спасибо.
Как сказать этому эксперту "спасибо"?
Отправить SMS
#thank 252317
на номер 1151 (Россия) |
Еще номера >>
Вам помогли? Пожалуйста, поблагодарите эксперта за это!
Нам очень важно Ваше мнение об этом выпуске рассылки. Вы можете оценить этот выпуск по пятибалльной шкале, пройдя по ссылке: оценить выпуск >>
* Стоимость одного СМС-сообщения от 7.15 руб. и зависит от оператора сотовой связи.
(полный список тарифов)
** При ошибочном вводе номера ответа или текста #thank услуга считается оказанной, денежные средства не возвращаются.
*** Сумма выплаты эксперту-автору ответа расчитывается из суммы перечислений на портал от биллинговой компании.