amelice

а чем плох мыслительный процесс? Думаю, это наоборот хорошо, что вы задумываетесь над логикой верстки. Новые теги для того и создавались чтоб была семантика в коде.

<div class="categories"> <h2>Categories</h2> <li><a href="#">Photography</a><span> (21)</span></li> <li><a href="#">Food</a><span> (17)</span></li> <li><a href="#">Gourmet</a><span> (15)</span></li> ...</div>Что это такое? почитайте http://www.w3.org/TR/html-markup/li.html#li и обратите внимание http://f6.s.qip.ru/tOAcrJkR.png Вот тут смотрите http://www.w3.org/TR/html-markup/elements.html

Всем спасибо, я суть предварительной загрузки поняла, а дальше подумаю как сделать.

Слайдер что я привела это примерный( личного дизайна)) ) чтоб объяснить логику, а так слайдер будет другой. Там средняя картинка ограничивается областью окна, так что размеры картинок разные, а превьюшки маленькие.

так оно и будет. картины для превью слишком маленькие. у меня картинок рядом нет, если даже создам как их временно прятать? Пока сделала всех фоток через объект http://codepen.io/amelice/pen/lazAK

при этом браузер будет трафик есть? Кажется, что я глупость спрашиваю, потому что да, конечно будет так как он грузит фотки, но все же если объект не добавляется в дом, может ли быть что он не будет кушать трафик?

Это понятно, я имею в виду по какому критерию nerv предложил этот вариант. Как я могу это реализовать? Ведь картинка грузится только когда на img передается src? И где хранить эти картинки? я тебя не очень понимаю, если ты про превьюшки, то да , они есть и им передаются собственные сорсы маленьких фото, а вот сорсы оригинальных фото передаются в data-src.

почему достаточно? Объясни суть, плиз )

Хочу странного )) У меня есть слайдер, в котором первая картинка на сервере выводится в центре, а все остальные урлы к картинкам записываются в data-src к пунктам превью. Вобщем, вот тут все понятно http://codepen.io/amelice/pen/lazAK. Слайдер работает так, при нажатии на кнопки контрола ( вперед и назад, пункты превью) вытаскивается дата-срс с нужного пункта и пишется в src на центральной картинке. Проблема в том, что загрузка картинки начинается только когда происходит событие - приходится ждать когда картинка не маленькая. Мне кажется, что можно как то оптимизировать этот момент, чтоб можно было сразу не грузить все картинки, а по мере необходимости, ну и чтоб не тормозило, как это организовать?

прикольные слайдеры, ух )

Потому что оно уже сработало ) у тебя получается setTimeout(function () {}, 0);

да ))

Хотела бы я знать что красиво или не красиво в js )

Все верно, в моей структуре в папке less также идет расслоение по блокам. А потом собирается в один в .css файл, который будет лежать в папке css. Так же в структуре есть папка fonts.

Хорошее у вас воображение Есть тег main для этого, но обязательно почитайте про него перед тем как его использовать, потому что есть требования по его использованию. 4. Да картинку через src, а есть альтернативы? В данном случае наверное да, потому что картинка простая. 6. Точно хорошо знаете? Какой элемент является контейнером для абсолютного элемента? Если не получается спрашивайте тут, что конкретно не получается. 7. Вы ошибаетесь. 8.Вот здесь http://www.w3.org/TR/CSS2/sample.html представлены дефолтные стили для элементов (html4). Всем элементам, кто имеет свойство {display: block} не нужно присваивать его дополнительно.

Конкретно про Гитхаб ничего не скажу. Думаю он нужен, наверно если ваш заказчик так требует, или ведете свой собственный проект, который улучшается все время, и к которому хотите подключить других разработчиков или просто иметь историю изменения этого проекта и так далее разные причины. Я для небольшого проекта объязательно развернула б ГИТ на локальном компе. А вот для маленького проекта например на три страницы, где все на ладони смысла не вижу. Скорее смотрят сможет ли кандидат работать с системой контролей версиями, гитхаб - ведь это ж тоже самое. А в компаниях все проекты основывается на них.

Ну не совсем так http://api.jquery.com/toggle/ смотрите повнимательнее, что делает данная функция? Мы не про нее говорим.

Такое ощущение, что я описала построение папок в БЕМе, если так то прошу прощения )) Не помню уже когда читала про БЕМ. Давно не веду самостоятельный проект, так как на работе работаем в команде. Структура тщательно продумывается в зависимости от проектов.

Если бы я ввела какой нибудь проект то наверно было бы так: nameProject | |\less | |\common (общие блоки) | | | |\header | |\footer | |\nav | |\... | |\main (блоки по этой странице) | | | |\photo-wide | |\... | |\business (блоки по этой странице) | |\... |\js | |\img (возможно папка тоже бы расслоилась) |\css |\main.html |\business.html |\... И так далее.

1. Не хорошо выставлять контейнеру #wrapper высоту. 2. откуда вы нашли тег content? 3. вот это все лого http://i.imgur.com/oFWcMAZ.png, а не отдельные элементы. Если вы не знаете как оформить какие-то элементы, откройте общеизвестные сайты, посмотрите как там оформлены отдельные элементы. 4. http://i.imgur.com/bh3QHtu.png - это обычно единый контент, и картинка оформляется картинкой, а не бекграундом. Обходится без абсолюта. 5. http://i.imgur.com/XoEtSAv.png - это кнопка, а не заголовок. 6. Много абсолютных элементов, там где не нужно. 7. Это очевидно список ссылок http://i.imgur.com/kPeRs18.png, а не абзац. 8. Присваиваете свойство display: block элементам уровня блок- div, h... . Этого не нужно, браузер и так знает.

а почему не должно работать?

Можете показать и подробнее рассказать, что требовалось? Мне очень интересно. upd: Ой, я пропустила вот это В таком случае не интересно, извиняюсь. )

Конечно так прикольно, но, эта функция уже удалена с 1.9-версии джквери.

примерно так http://jsfiddle.net/WV5Sp/

Возможно так, в таком случае количество символов выводимых в определенный блок обычно уже решается на сервере. А не контролируется жаваскриптом на клиенте.