HTML and CSS

HTML and CSS

{Лаборатория экстремальной web-верстки...}

Эмуляция position:fixed; Сделай правильно! Who is who? Google оценивает…

Эмуляция position:fixed; Сделай правильно!

Не планировал столь быстрого возвращения к теме position:fixed; вернее к его эмуляции на основе position:absolute; описанной в {position:fixed;} – эмуляция…, но многие то ли плохо ищут, то ли по каким-то другим причинам упираются "рогом" в предложенное на Тегногрет, студии, сами знаете кого.

Скажу прямо, предложенный там метод имеет право на жизнь, но проблема наезда фиксированного блока, совсем не важно где и как он расположен, на другие блоки при уменьшении размеров окна браузера с появлением горизонтальной прокрутки и попыткой ее подвигать туда сюда, напрочь убивает охоту использовать данный прием при создании web-страницы.

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

№ 1

"…Это совершенно новая верстка - такого в интернет я по крайней мере не встречал…"

№ 2

"…шаблон чрезвычайно стабилен несмотря на нестандартность - в авторской оригинальной “комплектации” ничто никуда не уезжает и не падает в любом браузере - это была главная цель его создания. Этому были посвящены февральские каникулы - тестированию, а сам шаблон создавался долго - несколько месяцев…"
Шпионский снимок

№ 3

"…Процесс чтения сопровождался другим действием - практикой… Практика показала, что этой проблемы как таковой не существует вовсе. Просто все поголовно вдруг увлеклись (не понятно по какой такой острой необходимости) измыванием над стандартным кодом HTML и CSS, выворачивая страницу наизнанку, прибивая footer гвоздями к низу страницы, добиваясь 100% высоты страницы и т.п. Может быть это все и нормально с точки зрения каких-то позиций, но эксперименты ведутся с пол-дюжиной блоков div., при этом делаются попытки решить все проблемы разом. Так не бывает. Стало немного обидно за себя, что в очередной раз прислушался к чужому мнению, а время потерял свое…"
Что такое альтернатива? …Утки!!!

К № 1 - Ошибочное заблуждение. Плохо и не там ищите :), и на это стоит посмотреть.

К № 2 – Так ли стабилен? Не знаю уж, на каком месте у вас стоит проверка макета на устойчивость при уменьшении размеров окна браузера до появления горизонтальной прокрутки, должна бы на одном из первых. Сделаем это и мышкой подвигаем ее, что видим, то-то и оно :(

К № 3 – Вы совершенно напрасно потеряли свое драгоценное время, ломясь в открытую дверь, все давно уже придумано и сделано. Изобретать велосипед, конечно хорошее занятие, но…

Собственно, тут и комментировать даже не чего.

Для того, чтобы реализовать предложенное, поверьте на слово, не требуется никаких особенных усилий, тем более многодневных :)

В качестве примера, как оно может быть.

В примере нет ограничения по min-width для области контента, это сделано специально, тут существует довольно простое решение и для настоящего, истинного верстальщика, найти его, не составит большого труда.

P.S. Вариации на тему можно посмотреть, сменив дизайн блога, тупо потыкав по ссылкам в секции вертикального меню "Смени дизайн".


RSS лента ВСЕГО блога с комментариями RSS лента ВСЕГО блога БЕЗ комментариев RSS лента этой КАТЕГОРИИ с комментариями RSS лента этой КАТЕГОРИИ и БЕЗ комментариев RSS лента ЭТОГО ПОСТА с комментариями к нему

Who is who? Google оценивает…

Ну, вот кто, скажите, еще может придумать такую штуку? Мастер Lasto, как всегда показал высочайший класс. Возможно, кому-то данная тузла покажется игрушкой. Но давайте поиграем :)

Проверим ресурсы, посвященные верстке и всему, что, так или иначе, с ней связанно на просторах «Раша».

Многие из ресурсов, а мой список в этом смысле, понятное дело весьма не полон, и некоторые блоги и сайты в представленный ниже рейтинг не попали.

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

Прежде, чем перейти к таблице результатов выданных Google, посетите и почитайте пост Мастера Сервис им. Павлика Морозова: легко палим любые сателлиты

Думаю, все неясности после прочтения будут сняты, и вы сами сможете проверять и делать выводы из полученных результатов.

Рейтинг, места не указаны :)

В индексе гугла 4280 страниц сайта dimox.name

Из них в основном индексе 2720 страниц;
В дополнительном индексе 1560 страниц.
Качество сайта dimox.name 64%
Ваш сайт- образец качественности материалов.

В индексе гугла 189 страниц сайта designformasters.info

Из них в основном индексе 149 страниц;
В дополнительном индексе 40 страниц.
Качество сайта designformasters.info 79%
Ваш сайт- образец качественности материалов.
Сайт представлен в индексе Гугла полно, и тот уже должен однозначно определиться в своём отношении к ресурсу. Можно вполне доверять полученному результату.

В индексе гугла 1400 страниц сайта xhtml.ru

Из них в основном индексе 288 страниц;
В дополнительном индексе 1112 страниц.
Качество сайта xhtml.ru 21%
Хороший, статусный сайт. Так держать.

В индексе гугла 175 страниц сайта uggallery.audiopeace.ru

Из них в основном индексе 178 страниц;
В дополнительном индексе -3 страниц.
Качество сайта uggallery.audiopeace.ru 100%
Ваш сайт- образец качественности материалов.
Весьма вероятно, что рассматриваемый ресурс не борется с двуличностью домена, и некоторые его документы проиндексированы сразу в двух доменах- с www. и без (к сожалению, Гугл считает их совершенно независимыми, хотя это одно и то же). Посему вычисление числа документов в дополнительном индексе проистекло некорректно, и показатели качества сайта явно завышены. Сайт представлен в индексе Гугла полно, и тот уже должен однозначно определиться в своём отношении к ресурсу. Можно вполне доверять полученному результату.

В индексе гугла 489 страниц сайта w3school.ru

Из них в основном индексе 223 страниц;
В дополнительном индексе 266 страниц.
Качество сайта w3school.ru 46%
Замечательный результат- Гугл сайт уважает. Сайт представлен в индексе Гугла полно, и тот уже должен однозначно определиться в своём отношении к ресурсу. Можно вполне доверять полученному результату.

В индексе гугла 1280 страниц сайта cssing.org.ua

Из них в основном индексе 125 страниц;
В дополнительном индексе 1155 страниц.
Качество сайта cssing.org.ua 10%
Плохо. Гугл не сильно-то уважает этот ресурс.
Предупреждаем, что критерии качества Гугла очень высоки. Результат может Вас расстроить :(

В индексе гугла 43 страниц сайта idcontent.com

Из них в основном индексе 16 страниц;
В дополнительном индексе 27 страниц.
Качество сайта idcontent.com 37%
Хороший сайт. Много уникального контента.
Страниц в индексе Гугла маловато. С большой вероятностью он пока не применил к ресурсу все подобающие фильтры, и качество сайта по показаниям данной тулзы может быть завышенным.

В индексе гугла 88 страниц сайта emo.com.ua

Из них в основном индексе 34 страниц;
В дополнительном индексе 54 страниц.
Качество сайта emo.com.ua 39%
Хороший сайт. Много уникального контента.
В индексе Гугла немного страниц сайта- возможно, Гугл ещё не вполне определился со своей оценкой ресурса, и в дальнейшем показатель качества сайта может измениться весьма значительно, причём не в лучшую сторону.

В индексе гугла 271 страниц сайта umade.ru

Из них в основном индексе 110 страниц;
В дополнительном индексе 161 страниц.
Качество сайта umade.ru 41%
Замечательный результат- Гугл сайт уважает.
Сайт представлен в индексе Гугла полно, и тот уже должен однозначно определиться в своём отношении к ресурсу. Можно вполне доверять полученному результату.

В индексе гугла 72 страниц сайта flack.ru

Из них в основном индексе 81 страниц;
В дополнительном индексе -9 страниц.
Качество сайта flack.ru 100%
Ваш сайт- образец качественности материалов.
Весьма вероятно, что рассматриваемый ресурс не борется с двуличностью домена, и некоторые его документы проиндексированы сразу в двух доменах- с www. и без (к сожалению, Гугл считает их совершенно независимыми, хотя это одно и то же). Посему вычисление числа документов в дополнительном индексе проистекло некорректно, и показатели качества сайта явно завышены. В индексе Гугла немного страниц сайта- возможно, Гугл ещё не вполне определился со своей оценкой ресурса, и в дальнейшем показатель качества сайта может измениться весьма значительно, причём не в лучшую сторону.

В индексе гугла 2450 страниц сайта softwaremaniacs.org

Из них в основном индексе 2570 страниц;
В дополнительном индексе -120 страниц.
Качество сайта softwaremaniacs.org 100%
Ваш сайт- образец качественности материалов.
Весьма вероятно, что рассматриваемый ресурс не борется с двуличностью домена, и некоторые его документы проиндексированы сразу в двух доменах- с www. и без (к сожалению, Гугл считает их совершенно независимыми, хотя это одно и то же). Посему вычисление числа документов в дополнительном индексе проистекло некорректно, и показатели качества сайта явно завышены.

В индексе гугла 755 страниц сайта imfo.ru

Из них в основном индексе 136 страниц;
В дополнительном индексе 619 страниц.
Качество сайта imfo.ru 18%
Средний по оригинальности материалов сайт.
Предупреждаем, что критерии качества Гугла очень высоки. Сайт представлен в индексе Гугла полно, и тот уже должен однозначно определиться в своём отношении к ресурсу. Можно вполне доверять полученному результату.

В индексе гугла 217 страниц сайта pokrovskii.com

Из них в основном индексе 87 страниц;
В дополнительном индексе 130 страниц.
Качество сайта pokrovskii.com 40%
Замечательный результат- Гугл сайт уважает.
Сайт представлен в индексе Гугла полно, и тот уже должен однозначно определиться в своём отношении к ресурсу. Можно вполне доверять полученному результату.

В индексе гугла 37 страниц сайта pepelsbey.net

Из них в основном индексе 21 страниц;
В дополнительном индексе 16 страниц.
Качество сайта pepelsbey.net 57%
Это отличный показатель- сайт явно трастовый.
Страниц в индексе Гугла маловато. С большой вероятностью он пока не применил к ресурсу все подобающие фильтры, и качество сайта по показаниям данной тулзы может быть завышенным.

В индексе гугла 18200 страниц сайта artlebedev.ru

Из них в основном индексе 5420 страниц;
В дополнительном индексе 12780 страниц.
Качество сайта artlebedev.ru 30%
Не о чем беспокоиться. Респект Гугла есть.

В индексе гугла 111 страниц сайта neveragainblog.com.ua

Из них в основном индексе 47 страниц;
В дополнительном индексе 64 страниц.
Качество сайта neveragainblog.com.ua 42%
Замечательный результат- Гугл сайт уважает.
Сайт представлен в индексе Гугла полно, и тот уже должен однозначно определиться в своём отношении к ресурсу. Можно вполне доверять полученному результату.

В индексе гугла 420 страниц сайта webmakerslounge.com

Из них в основном индексе 91 страниц;
В дополнительном индексе 329 страниц.
Качество сайта webmakerslounge.com 22%
Хороший, статусный сайт. Так держать.
Сайт представлен в индексе Гугла полно, и тот уже должен однозначно определиться в своём отношении к ресурсу. Можно вполне доверять полученному результату.

В индексе гугла 6650 страниц сайта dserg.com

Из них в основном индексе 328 страниц;
В дополнительном индексе 6322 страниц.
Качество сайта dserg.com 5%
Гугл считает этот сайт сателлитом.
Предупреждаем, что критерии качества Гугла очень высоки. Результат может Вас расстроить :(

В индексе гугла 457 страниц сайта blog.sribna.com

Из них в основном индексе 117 страниц;
В дополнительном индексе 340 страниц.
Качество сайта blog.sribna.com 26%
Не о чем беспокоиться. Респект Гугла есть.
Сайт представлен в индексе Гугла полно, и тот уже должен однозначно определиться в своём отношении к ресурсу. Можно вполне доверять полученному результату.

В индексе гугла 732 страниц сайта higher.com.ua

Из них в основном индексе 91 страниц;
В дополнительном индексе 641 страниц.
Качество сайта higher.com.ua 12%
Подумайте о добавлении на сайт уникального контента.
Надо. Предупреждаем, что критерии качества Гугла очень высоки. Сайт представлен в индексе Гугла полно, и тот уже должен однозначно определиться в своём отношении к ресурсу. Можно вполне доверять полученному результату.

В индексе гугла 449000 страниц сайта habrahabr.ru

Из них в основном индексе 25900 страниц;
В дополнительном индексе 423100 страниц.
Качество сайта habrahabr.ru 6%
Возможно, сайт сильно похож на сателлит.
Предупреждаем, что критерии качества Гугла очень высоки. Результат может Вас расстроить :(

В индексе гугла 15 страниц сайта artem.chertov.name

Из них в основном индексе 10 страниц;
В дополнительном индексе 5 страниц.
Качество сайта artem.chertov.name 67%
Ваш сайт- образец качественности материалов.
Страниц в индексе Гугла маловато. С большой вероятностью он пока не применил к ресурсу все подобающие фильтры, и качество сайта по показаниям данной тулзы может быть завышенным.

В индексе гугла 123 страниц сайта romka.ws

Из них в основном индексе 19 страниц;
В дополнительном индексе 104 страниц.
Качество сайта romka.ws 15%
Средний по оригинальности материалов сайт.
Предупреждаем, что критерии качества Гугла очень высоки. Сайт представлен в индексе Гугла полно, и тот уже должен однозначно определиться в своём отношении к ресурсу. Можно вполне доверять полученному результату.

В индексе гугла 232 страниц сайта shakin.ru

Из них в основном индексе 166 страниц;
В дополнительном индексе 66 страниц.
Качество сайта shakin.ru 72%
Ваш сайт- образец качественности материалов.
Сайт представлен в индексе Гугла полно, и тот уже должен однозначно определиться в своём отношении к ресурсу. Можно вполне доверять полученному результату.

В индексе гугла 8560 страниц сайта maxsite.org

Из них в основном индексе 816 страниц;
В дополнительном индексе 7744 страниц.
Качество сайта maxsite.org 10%
Плохо. Гугл не сильно-то уважает этот ресурс.
Предупреждаем, что критерии качества Гугла очень высоки. Результат может Вас расстроить :(

В индексе гугла 536 страниц сайта rmcreative.ru

Из них в основном индексе 110 страниц;
В дополнительном индексе 426 страниц.
Качество сайта rmcreative.ru 21%
Хороший, статусный сайт. Так держать.
Сайт представлен в индексе Гугла полно, и тот уже должен однозначно определиться в своём отношении к ресурсу. Можно вполне доверять полученному результату.

В индексе гугла 102 страниц сайта mannodesign.com

Из них в основном индексе 54 страниц;
В дополнительном индексе 48 страниц.
Качество сайта mannodesign.com 53%
Это отличный показатель- сайт явно трастовый.
Сайт представлен в индексе Гугла полно, и тот уже должен однозначно определиться в своём отношении к ресурсу. Можно вполне доверять полученному результату.

В индексе гугла 720 страниц сайта seleckis.lv

Из них в основном индексе 471 страниц;
В дополнительном индексе 249 страниц.
Качество сайта seleckis.lv 65%
Ваш сайт- образец качественности материалов.
Сайт представлен в индексе Гугла полно, и тот уже должен однозначно определиться в своём отношении к ресурсу. Можно вполне доверять полученному результату.

В индексе гугла 8300 страниц сайта trifler.ru

Из них в основном индексе 1270 страниц;
В дополнительном индексе 7030 страниц.
Качество сайта trifler.ru 15%
Средний по оригинальности материалов сайт. Предупреждаем, что критерии качества Гугла очень высоки.

В индексе гугла 67 страниц сайта verstka.org

Из них в основном индексе 19 страниц;
В дополнительном индексе 48 страниц.
Качество сайта verstka.org 28%
Не о чем беспокоиться. Респект Гугла есть.
В индексе Гугла немного страниц сайта- возможно, Гугл ещё не вполне определился со своей оценкой ресурса, и в дальнейшем показатель качества сайта может измениться весьма значительно, причём не в лучшую сторону.


Не стоит обольщаться большими процентами :)

Процесс респекта от Google очень динамичен. Неделю назад просмотр выше приведенных сайтов показывал иные результаты. Вполне возможно, через пару-тройку месяцев, представленный вам рейтинг, окажется совершенно другим :)

Обратите особое внимание на соотношение между количеством страниц в основном и дополнительном индексе. Тут есть, над чем серьезно задуматься.

Сделать СДЛ (сайт для людей) оказывается, не так-то просто :)



RSS лента ВСЕГО блога с комментариями RSS лента ВСЕГО блога БЕЗ комментариев RSS лента этой КАТЕГОРИИ с комментариями RSS лента этой КАТЕГОРИИ и БЕЗ комментариев RSS лента ЭТОГО ПОСТА с комментариями к нему

Прыг: 01 02 03 04 05 06
English German French Spanish Italian Japanese
  • Programming V. Lasto
  • Designer S. Gordi
  • Created in 0,05303 seconds
  • © 2007-2010