Zverushka

Нашли дурачков

@, а как ты узнал, что он там есть?

Проверяй тут http://netrenderer.com. Иетестер часто глючит и показывает не так, как выглядит в реальном ие.

В хтмл5 можно пихать в a блочные элементы. Он имеет в виду, что не нужно якорем оборачивать весь элемент, достаточно лишь <a name="main></a> Кстати name уже запрещен и на него ругается валидатор, поэтому заменить на <a id="main"></a>

Я думаю имеется основной div с overflow: hidden и фиксированной высотой. Внутри находится более высокий слой, который обрезается. Чтобы не было видно резкого обрезания текста внизу - снизу добавлена светлая рассеянная тень. На щелчке или ховеру по диву через javascript у главного div'a убирается overflow:hidden и становится видно все содержимое. чтобы не сдвинулись нижнии слои - слою временно присваивается position absolute с нужными координатами.

В header'e есть тег input, вместо link.

Сверстала http://vtest.uphero.com/ruletka/ Как ему это удалось? Еще раз повторюсь - но это зубодробительный макет. Сложности возникли сразу и много. 1) Вычленить повторяющийся фон из обширного фона. Искала инструмент в интернете, который бы позволил его вычленить. Найти не удалось. Пришлось лазить по пикселям с пипеткой в поисках повторения. До сих пор удивляюсь. как мне это удалось. 2) Сделать подсветку для всей страницы и соотвествующий слой для нее. Подсветка в самом фоне короткая, если вставить картинкой, то надо ее растягивать на 100%. Пробовала сделать градиентом - тяжело сделать именно такой же формы свет, что-то примерное получилось, но в том же хроме она имела резкие переходы, что выглядело некрасиво. В итоге я просто вставила картинку - зачем спрашивается столько времени потратила на градиент? К тому же было очень сложно подобрать нужный градиент. Я так и не поняла до конца как я подобрала что-то похожее. Может кто подскажет ссылки на генерератор именно радиального градиента? 3) Микро-тень в хедере - очень быстро начались проблемы с позиционированием и контентом наложения. Выкрутилась задав задний фон и тень не headery, а псевдоэлементам внутри него (иначе невозможно было положить тень за хедер), а хедер также имееет свой z-index, чтобы быть выше слоя с рулеткой. Кстати на сайте рулетки этой тени нет вообще - видимо автор не заметил ее . 5) "Крутить рулетку" явно имеет другой шрифт и отличается по смыслу и оформлению - обернула в <mark> - верное ли решение? В фотошопе расстояние между буквами увеличено на 100%, но как добиться точного значения в css? 100% - не работае, 1em или 1ex - огромные неподходящие значения. Сработало только подобрать на глазок расстояние в пикселях. Можно ли было вписать точное значение без подбора на глазок? 6) все блоки имеют обычную полупрозрачную границу и еще вторую границу (темную) внутреннюю сверху. Этот эффект невозможно сделать тенью. Пришлось опять использовать groove. 7) То ли у меня со шрифтом проблемы, то ли что. Но не оценки фильма у выглядят по-другому. Цифра 6 не больше 0. В макете не вижу никаких фильтров к нулю. Не понимаю? 8) Лайки для вконтакте итп я сделала картинкой, так как насколько знаю это встраиваемый модуль. 9) Для создания блоков с кривыми границами пришлось убрать прозрачность и вставить новый более темный фон. иначе невозможно было сделать переход от одной части блока к другому.

Создаю новый объект var tempImage = new Image(); В с++ я помню данная конструкция динамически выделяла память под объект. потом надо было обязательно почистить за собой память, если объект больше не нужен. Как это сделать в javascript? Или оно само и тут это не нужно? Не хотелось бы, чтобы объекты плодились и зависали в памяти, вызывая тормоза.

Я вот слышала какой-то звон, что флекбоксы могут вызвать проблемы с производительностью. http://css-tricks.com/does-flexbox-have-a-performance-problem/

Ходила как-то часто на такой крутой сайт. Он грузится а я по ссылке хочу кликнуть, только навожу мышку - загружается какая-то картинка, страница прокручивается в другое место - я кликаю по какой-то левой ссылке - в том же окне начинает грузиться другая страница. Я жму назад - и опять тоже самое. Как же я психовала иногда .

Ты наверное имеешь в виду не сайт, а движок сделает? То да... А сайт с такой функциональностью можно за час наклепать с помощью любой цмски.

@, дак уже сделала. Слайдер прикручу и напишу, что думаю о макете)....

@, Речь шла скорее о заголовках, которые перетекают внизу в другое окно. В общем я просто сделала копию заднего фона и затемнила его и стала использовать как задний фон для этих окошек. Очень странно, но выглядит, будто линии непрерывны с задним фоном всей страницы и будто сверху всего лишь прозрачный слой. Афигеееть.... я столько пропчу над версткой и даже в голову не пришло открыть такой сайт, где все уже готово Кстати в хроме на сайте многие элементы съезжают о_О. При ресайзе возникают двойные края хедера, левая кнопка при пролистывании у слайдера вообще куда-то пропадает.

Нашла причину - картинка все-таки не блок, поставила ей тип блок и все встало на свои места...

Так ведь и выходит, что по умолчанию тип бокса это content-box, размер контент бокса у нас 305 пикселя, картинка 304 - нет переполнения же? И разве маргин участвует в формировании размера?

Запрещайте вертикальные и жизнь наладится. http://s003.radikal....52f4e12576e.png В описании макета нужны вертикальные при переполнении... Блин совсем голова не варит. попытаюсь вкурить эту математику. только не пойму - почему в других браузерах то нормально?....

Два нижних блока - с видео и комментариями (это просто картинки) имеют в хроме скроллы, в других браузерах нет. При этом и вертикальные и горизонтальные (горизонтальные я запретила). В других браузерах все чисто... Откуда они берутся? ничего не понимаю... http://vtest.uphero.com/ruletka/

Я так намучалась, что усилила прозрачность в фотошопе. Потом из книжки сделала другой слой прозрачным, точнее его фон - способом фильтра-градиента, там можно указать прозрачность... Вот он работает...

Очень зубодробительный макет. Подскажите, как вы сделали слои с кадрами из фильма изгибистыми и в то же время прозрачными? Там ведь границы или тени (неважно) и из-за прозрачности их будет видно при присоединении к друг другу...

Есть ли готовая библиотека, чтобы ie7, ie8 понял сам "прозрачность" слоя? (opacity) Также пробую включить opacity для слоя с задним фоном, через фильтры ie, но ничего не меняется, фон все также ярко "горит". И можно ли заставить ослик понимать размер фона, чтобы он стал 100% слоя?

Ну, ты убил загрузчик (в загрузочной области). тебе надо заново его поставить. Поищи с утюга в гугле, как восстановить загрузочную область. Если есть установчик виндовс - там кажется есть пункт восстановить систему - заодно и загрузчик восстановит

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

ну, background color должен быть прозрачным, а под прозрачным окажется белый цвет футера, а background-image и есть сама тень.

@Vulner, А для чего прижимать футер к низу страницы? Какой в этом смысл, ведь он все равно всегда будет внизу же.? А по поводу бефо и афте в футере. Дело в том, что бэкграунд по задумке белый и при вставке теней через псевдо-элементы полупрозрачные тени оказались бы на белом. Или пришлось бы внутрь футера вставлять еще один див с белым фоном...

Перепост с хабрахабр: http://habrahabr.ru/post/187770/ Чуть больше четырёх месяцев назад Дженнифер Девальт (Jennifer Dewalt) приняла важное решение — научиться программировать. Хотя у неё не было опыта в этом деле, она никогда не посещала технических спецкурсов в школе, а наоборот — увлекалась только искусствами, но девушка сразу же решительно взялась за дело. Дженнифер установила правило, что каждый день будет делать по одному веб-сайту, без выходных. При этом каждый веб-сайт должен сопровождаться новой записью в блоге, а весь код выкладываться на Github. Сегодня наступил 115-й день её марафона. Девушка принципиально не участвует ни в каких образовательных курсах и не пользуется учебниками. Она решила, что учиться программировать — это как учиться ездить на роликовых коньках: нужно пробовать и практиковаться как можно больше. Итак, она просто каждый день ставит перед собой новую задачу в максимально логичном порядке, а ответы на все вопросы смотрит на Stack Overflow. Для работы использует 13" Macbook Pro с двумя внешними мониторами (в коворкинг-центре). Первые сайты были <a href="http://jenniferdewal...ke_a_deal.html" style="margin: 0px; padding: 0px; border: 0px; font-size: 13px; vertical-align: baseline; outline: 0px; color: rgb(153, 0, 153); font-family: Verdana, sans-serif; line-height: 20px;">очень простыми: чуть HTML и CSS, пару строчек Javascript. Но со временем они становились всё сложнее: появились игры, калькуляторы, часы и котята. К настоящему времени Дженнифер уже перешла на Rails для динамических веб-сайтов, посетители которых могут общаться друг с другом.