Отправляет email-рассылки с помощью сервиса Sendsay

RFpro.ru: Элементы HTML и CSS

  Все выпуски  

RFpro.ru: Элементы HTML


Хостинг портала RFpro.ru:
Московский хостер
Профессиональный платный хостинг на базе Windows 2008

РАССЫЛКИ ПОРТАЛА RFPRO.RU

Чемпионы рейтинга экспертов в этой рассылке

Сарумян
Статус: Практикант
Рейтинг: 535
∙ повысить рейтинг >>
Jimhucksly
Статус: 5-й класс
Рейтинг: 370
∙ повысить рейтинг >>
Чичерин Вадим Викторович
Статус: 10-й класс
Рейтинг: 288
∙ повысить рейтинг >>

∙ / КОМПЬЮТЕРЫ И ПО / Языки программирования / Элементы HTML

Выпуск № 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 ещё десятками, а то и сотнями, лишних элементов.

Я, конечно, догадываюсь каким будет ответ, но хотелось бы услышать ещё чьё-то мнение.

Спасибо всем заранее.

Отправлен: 18.07.2009, 12:18
Вопрос задал: Иоффе Мэир Вэлевич, Студент
Всего ответов: 1
Страница вопроса >>


Отвечает 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 (Россия) | Еще номера >>
  • Отправить WebMoney:
  • Вам помогли? Пожалуйста, поблагодарите эксперта за это!


    Нам очень важно Ваше мнение об этом выпуске рассылки. Вы можете оценить этот выпуск по пятибалльной шкале, пройдя по ссылке:
    оценить выпуск >>

    подать вопрос экспертам этой рассылки >>

    Скажите "спасибо" эксперту, который помог Вам!

    Отправьте СМС-сообщение с тестом #thank НОМЕР_ОТВЕТА
    на короткий номер 1151 (Россия)

    Номер ответа и конкретный текст СМС указан внизу каждого ответа.

    Полный список номеров >>

    * Стоимость одного СМС-сообщения от 7.15 руб. и зависит от оператора сотовой связи. (полный список тарифов)
    ** При ошибочном вводе номера ответа или текста #thank услуга считается оказанной, денежные средства не возвращаются.
    *** Сумма выплаты эксперту-автору ответа расчитывается из суммы перечислений на портал от биллинговой компании.


    © 2001-2009, Портал RFpro.ru, Россия
    Авторское право: ООО "Мастер-Эксперт Про"
    Автор: Калашников О.А. | Программирование: Гладенюк А.Г.
    Хостинг: Компания "Московский хостер"
    Версия системы: 2009.6.5 от 08.07.2009

    В избранное