iTecHMeaT Сообщение 10/03/2008 20:44 Копия темы
Ускоряем закрузку странички :) .
Всем известно, что каждая картинка, прикрепленная к страничке (неважно, в html или css) – это обращение к серверу, на котором расположена эта страничка. Поэтому я в последнее время стараюсь сократить общее количество картинок, по возможности скомпоновав их.
Для примера покажу макет (pro.techmeat.net/imbp/), в котором вместо 11 фоновых картинок использовано 2 скомпонованные. Кстати, тут же проявляется одно полезное "побочное действие": фоновая графика загружается не отдельно кусочками, а сразу скомбинированными блоками. Картинки немного тяжелее, но больше выигрываем во времени на уменьшении числа запросов к серверу.
Реализовано всё предельно просто – на позиционировании фоновой графики.
 

Donate Сообщение 10/03/2008 20:53 Копия темы
.
Привет, брат!:)
Я сейчас как раз пишу статью об ускорение загрузки страницы, скоро выложу в раздел "Стати"

iTecHMeaT Сообщение 10/03/2008 20:56 Копия темы
.
Будет интересно почитать, я люблю оптимизировать всё что только можно :)

alechka Сообщение 10/03/2008 20:59 Копия темы
ааааа .
искалякал мой дизайн :)

mallini Сообщение 10/03/2008 21:05 Копия темы
.
способ действительно хороший, но не всегда применим

gerasin Сообщение 10/03/2008 21:06 Копия темы
.
интересно но чтота я непонел, как ты скампановываеш картинки

iTecHMeaT Сообщение 10/03/2008 21:07 Копия темы
.
Ну не искалякал, а показал, что с таким грамотным дизайном можно творить такие вещи. Я тебе сразу сказал когда его увидел, что он мне понравился, а когда верстать начал – тут уже и поэксперементировать захотелось :) Эксперемент удался!

alechka Сообщение 10/03/2008 21:08 Копия темы
.
а я как раз недавно подумала, что видела где-то похожий аватар :)

iTecHMeaT Сообщение 10/03/2008 21:08 Копия темы
.
В посте есть ссылочка на макет, можешь посмотреть код, там всё просто.

alechka Сообщение 10/03/2008 21:08 Копия темы
.
я ж не против:) просто увидела столько лишних линий :)))

Donate Сообщение 10/03/2008 21:09 Копия темы
.
:)

Donate Сообщение 10/03/2008 21:10 Копия темы
.
В общем, ничего не найдено... (c)

iTecHMeaT Сообщение 10/03/2008 21:12 Копия темы
.
Извиняюсь за битую ссылочку, поправил...

Donate Сообщение 10/03/2008 21:14 Копия темы
.
ты не поверишь)

iTecHMeaT Сообщение 10/03/2008 21:16 Копия темы
.
Мир тесен, на фрилансе тоже :)
Я недавно сдал верстку утром заказчику, а вечером ко мне постучался знакомый и сказал, что его попросили поправить верстку на сайте. Он сразу узнал мой код. Сколько рук верстка обошла за день – неизвестно. Там правда программер тупанул случайно, хак для ИЕ6 раскомментировал :)

gerasin Сообщение 10/03/2008 21:19 Копия темы
.
код прастой, я тока непонимаю как ты кампануеш рисунки и патом их используеш

typhoon Сообщение 10/03/2008 21:21 Копия темы
.
Способ очень хороший. Давно применяю для отображения элементов с меняющимся фоном. Например, при наведении мыши и т.д.

tf-k Сообщение 10/03/2008 21:26 Копия темы
.
у меня не очень лестные отзывы

pritula Сообщение 10/03/2008 21:28 Копия темы
.
у меня под лисой косяков нет

tf-k Сообщение 10/03/2008 21:29 Копия темы
.
контент поменяй – будут

iTecHMeaT Сообщение 10/03/2008 21:34 Копия темы
.
Не совсем понял, что Вы хотели показать. То что не тянутся те блоки, которые и не должны тянутся? Вёрстка была выполнена в соответствии с ТЗ и точно по дизайну. С таким же успехом я могу добавить строчек контента в главную страничку Яндекса, думаете будет всё красиво?

typhoon Сообщение 10/03/2008 21:35 Копия темы
.
Это как?

tf-k Сообщение 10/03/2008 21:43 Копия темы
.
про меню я вообще молчу
это минус заказчику что такое тз было

tf-k Сообщение 10/03/2008 21:44 Копия темы
.
ручками)

iTecHMeaT Сообщение 10/03/2008 21:48 Копия темы
.
Меню в нынешнем варианте при изменении количества пунктов нужно ручками править в css, сменить процент, это правда, но т.к. мне же и насаживать макет на CMS, то я с ним и буду разбираться.
А вообще здесь другая тема обсуждается.

pritula Сообщение 10/03/2008 21:54 Копия темы
.
а зачем там что-то набивать текстом под завязку? "Об институте?", "Контакты"?

tf-k Сообщение 10/03/2008 22:03 Копия темы
.
угу тема таже
только буквы другие – значительные трудности при изменении меню самим клиентом

tf-k Сообщение 10/03/2008 22:10 Копия темы
.
да, а еще чтонибуть добавить в контакты – вообще лишнее и не нужное

iTecHMeaT Сообщение 10/03/2008 22:15 Копия темы
.
Разложу по полочкам:
1. Здесь изначально описывается способ оптимизации фоновой графики.
2. Меню сделано на списках "без таблицы", при интеграции макета в CMS я за 3 минуты смогу перевести его на таблицу и проблема исчезнет.
3. Алексей. Если сделаешь это меню БЕЗ таблицы, т.е. на списках, так чтобы можно было добавлять новые пункты без лишних телодвижений – я сниму перед тобой шляпу и отдам тебе свой гонорар за верстку этого макета. Но сделать нужно ТОЛЬКО на списках.

iTecHMeaT Сообщение 10/03/2008 22:19 Копия темы
.
В фотошопе конечно компаную, пиксель к пикселю. А потом в CSS применяю подобные записи:
background:url(../images/bg2.gif) -448px -43px no-repeat;

tf-k Сообщение 10/03/2008 22:42 Копия темы
.
НЕ КРИЧИ

pritula Сообщение 10/03/2008 23:45 Копия темы
.
я как раз о том, что туда не надо ничего добавлять, и, стало быть, текст не будет распирать блоки.

tf-k Сообщение 10/03/2008 23:47 Копия темы
.
вот я и говорю – если клиент захочет чтонибуть добавить – его проблемы

iTecHMeaT Сообщение 11/03/2008 06:44 Копия темы
.
Проблема как раз таки моя, так как я даю гарантию на свой код.
Господа, давайте придерживаться темы ;)

iTecHMeaT Сообщение 11/03/2008 06:45 Копия темы
.
эмоции, эмоции... :)
Акцент не есть крик ;)

iTecHMeaT Сообщение 11/03/2008 06:48 Копия темы
.
При наведении мыши это действительно незаменимо, т.к. нет задержки при подгрузки активного фона.

tf-k Сообщение 11/03/2008 06:50 Копия темы
.
враки

iTecHMeaT Сообщение 11/03/2008 07:20 Копия темы
.
:)

sunnybear Сообщение 27/04/2008 20:56 Копия темы
Про CSS Sprites .
Моя статья о сабже выложена здесь
webo.in/articles/habrahab..

там еще много материалов про оптимизацию. Если будет интересно — стукнись в приват