Lednar94

Здесь http://htmlbook.ru/layout представлены типовые макеты веб-страниц.

Спасибо за наводку, проблема решена У меня возникала подобная проблема. Было непонятно откуда появляются "" в начале страницы и дизайн ломался. Позже выяснился странный казус: проблема была в странной работе вызова PHP <? ?> на некоторых серверах. Проблема решилась заменой <? ?> на <?php ?>.

На сайта Амазона используется "резиновый" макет. Вот здесь http://htmlbook.ru/samlayout/tipovye-makety можно узнать подробнее про типы макетов.

не понял ответа совсем )) Все правильно говорит. Скорее всего из-за какого расширения или плагина, что ты поставил. Вот это ставил? https://chrome.google.com/webstore/detail/jlipcaflaocihnmlhnhcfombgmmfglho?utm_source=chrome-ntp-icon

У меня гугловская презентация не тормозит. А моя тормозит

Я с аяксом не дружу так как ниразу с ним не сталкивался, но насколько знаю он позволяет динамично подгружать код и отправлять данные(то есть возможности php без обновления страницы). Такое решение поможет лишь частично так как ближе к середине слайдов уже будет много и все равно будет тормозить. А выпендреж реально нужен, так как в этом сама фишка проекта). По поводу ява скрипта опять же на вышеуказанном ресурсе, сделанным гугловцами(http://slides.html5rocks.com/) презентация как раз так и реализована (при помощи CSS). Она тоже нагружена всякой всячиной побольше моей (более 60 слайдов), но все работает быстро. Я не хочу ограничиваться только html и css, просто может кто знает более конкретные способы оптимизации (статья может какая или нечто подобное)?

Сделал работу http://www.webapps.itsblog.org/ - презентация на HTML5 и CSS3. По мере наполнения слайдами столкнулся с проблемой тормозов - слайды дергано сменяются. Можно ли избавится от них? Вот здесь http://slides.html5rocks.com/ тоже много слайдов напичканных спецэффектами, но работает шустро. Нужны советы по оптимизации скорости отображения в браузере без потери оформления.

Огромное вам спасибо! Понятия не имел, что проблема скрыта в стилях для Fancybox.

Листаться в смысле прокручивать страницу вниз. Браузер встроенный «Webkit 3.1». Никаких средств отладки нет

Теперь с кодировкой все нормально. Но другую проблему никак не могу исправить: на телефоне заметка просто не хочет листаться. Опять же на компьютере такого нет. Проверял все теги закрыты. Overflow тоже в порядке, ибо другие страницы работают. Буду благодарен за идеи решения данной проблемы

Вот главная причина Где там CSS transform используется не увидел. Появление/исчезновение тени под текстом в заголовке это transform? Не думаю что аякс жизненно необходим . Честно говоря огромное количество таких блогов видел и нигде аякс таким образом не использовался. А CSS Transform используется не на тексте а на свечении логотипа, кнопках с контактами и круглыми кнопочками на слайдере. Если наводить прямо на те элементы которые трансформируются то как раз тогда текст и дергается. Странный глюк. В других браузерах такого нет.

Вроде продвинутый блог предполагается, а вкладки перезагружают страницу... Сейчас в моде аякс, батенька. При наведении на иконки социальных сетей все заголовки начинают прыгать (Google Chrome). Мне кажется что что а аякс тут нафиг не нужен :–) это блог а не веб приложение, плюс тогда семантики никакой для поисковиков не будет, да и к тому же с аяксом особо не дружу. А мелькание это чисто хромовский глюк (css3 transform). Как исправить это не нашел. Если владеете информацией поделитесь :–)

да так и сделаю. Забавно что такое наблюдается только на Андроиде...

Частично проблема решена. Кодировка восстановлена, но страница все равно не хочет листаться. Баг заключался в следующем: на странице с заметкой в заголовке появлялся символ < (прочитал где то что улучшает структуру заголовка для SEO). Переставил мета тег выше заголовка и с текстом все ок. Странный баг довольно таки...ведь наблюдается только на мобильниках (и то не факт что на всех). Будем разбираться дальше

Довольная странная проблема возникает при просмотре заметок моего сайта с мобильного устройства(Android). При просмотре с iPad, ПК из любого браузера все нормально просматривается. С телефона русские слова заменяются на каркозябры и страница не хочет прогружаться. Вот пример страницы с заметкой http://www.itsblog.org/post/9

Обновил сайт. Изменил скорость слайдера. Добавил дизайн для мобильников и для планшетов. Изменил страницы "О блоге" и "Об авторе" - теперь они действительно в вкладках. Хочу услышать еще рекомендации. Просьба если кто имеет iPhone, Android, планшетник просьба отписаться о глюках сайта. Лично у меня на HTC Legend заметки грузит частично с каркозябренной кодировкой. То же самое на Lg Optimus One Может кто знает сей баг...

Хотелось бы обойтись только с помощью css. Я думаю это вполне возможно. нельзя ли написать как то так? @media only screen and ((max-width:1279px) or (width:1280) and (height:800px)) {...} насколько я знаю таких мониторов мало. Но возможно ли в медиа запросах строить такие логические выражения?

Разрабатываю адаптивный дизайн для сайт при помощи CSS3 Media Queries. Сайт будет прибывать в 3 состояниях: телефон, планшет и настольный компьютер. Для планшета дизайн отличается не только тем что он резиновый но и расположением и размерами некоторых элементов в виду того что для планшета желательны крупные размеры кнопок. В дизайне для компьютера расположение и размеры другие. В среднем экран настольного компьютера имеет ширину 1280 пикселей. А ширина экрана планшетов колеблется от 768(Apple iPad в вертикальном положении) до 1280(Galaxy Tab 10.1). Проблема возникает именно в этих размерах а именно в их пересечении. То есть стили для @media only screen and (min-width:768px) and (max-width:1280px) { ... } и для @media only screen and (min-width:1280px) { ... } конфликтуют и дизайн ломается и на тех и на других устройствах Как сделать так чтобы у планшета с шириной 1280 и компьютера с шириной 1280 были разные дизайны?

За основу взял дизайн из одного урока по фотошопу. Потом значительно модифицировал его. P.S возник еще вопрос к людям хорошо разбирающимся в разметке: если не трудно посмотрите исходный код и оцените на ваш взгляд соблюдена ли семантика в той или мной мере?

Хм...может тогда на страницах "О блоге" и "Об авторе" убрать слайдер, контакты и боковую колонку и туда поместить текст и на 2 колонки разбить его?

Знак вопроса появляется в связи с тем что дата обернута в тег <abbr> так как заметка имеет структуру микроформата hAtom. А идея с комментариями действительно ценная! Спасибо Да пожалуй и правда слишком быстро. Исправлю. Опять же одной из целей было внедрение микроформатов, а автор является обязательным атрибутом в hAtom...А странное это QR код для того чтобы быстро передать ссылку на заметку в мобильное устройство

Сайт http://www.itsblog.org/ Блог про IT, Android, HTML, CSS и другое Хочу услышать рекомендации по дизайну и юзабилити PS. всякие ие6-7 в пролете