Feb 23 2009
Актуальные технологии
Понятно, что технологии современности не стоят на месте. Одни устаревают, другие становятся востребованными. Здесь пойдет речь о веб-технологиях.
Исторически сложилось, что существует много разных подходов к отображению веб-страниц. Конкурирующие браузеры, несовершенные стандарты. Чего стоит только отсутствие предписания о размерах таблиц и блоков (считать рамку входящей в размер блока, или не считать?). Я, кстати, придерживаюсь мнения, что надо считать.
А еще и поисковикам угодить надо. В общем подумать есть над чем.
Ниже моя концепция сайтостроения.
Разрешенный технологии:
- Флеш. Сейчас в диковину машины, на которых не установлен флеш-интерпретатор. Но ввиду гадостного поведения поисковиков, флеш можно использовать только в баннерах и в декоративных элнментах.
- HTML. Сейчас все больше браузеров приходят к HTML 5. И все бы ничего, можно было бы начинать постепенный переход на последний стандарт, если бы не Internet Explorer. Он стареет и в ус не дует. Придется довольствоваться максимальным сходством с HTML 5. Напомню, что основное отличие от предыдущих стандартов в том, что все параметры отображения внесены в CSS.
- JavaScript. Давным-давно минули те времена, когда не везде был включен яваскрипт. Раньше это делали, в основном из-за отсутствия интерпретатора яваскрипта (вспомните, сколько лет назад это было)) и из-за угрозы безопасности. Но и сейчас не все функции являются доступными для использования. Я сознательно запрещаю скриптам изменять размер окон, перемещать их, а также изменять текст в строке состояния. Также часто блокируются всплывающие окна (остался лишь вариант с открытием окон при определенных событиях. Щелчок, например, или закрытие окна).
- Картинки. Стараюсь использовать GIF и PNG. Первый компактен, второй — наиболее актуален. Появилась даже PNG-анимация. По возможности нужно использовать SVG. Это формат векторных изображений, что говорит само за себя. К тому же мало весит и совместим со всеми основными браузерами.
- PNG-фикс. Лучше всего использовать фикс с помощью CSS. Яваскрипт медленен, и к тому же его редко, но отключают. Вот пример фикса: .png1 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’http://tsekhan.com/images/gradient.png’, sizingMethod=’scale’); background: url(http://tsekhan.com/images/clear.gif) !important;}
- Все, что подгоняется под IE, нужно комментировать. Вот так: <![if gte IE 5.5]><![endif]–> Валидный код — залог того, что ваш код правильно отобразится в нынешних браузерах, и будет жить еще долго. Ведь не все браузеры обратно совместимы (т. е. с предыдущими версиями).
Вообще, игнорировать несовместимость можно, если таких браузеров осталось 2% и менее. Но Internet Explorer надо искоренять раньше. Он просто ужасен, в плане верстки под него.
Нельзя пока:
- Сайты полностью на флеше. Не индексируются, долго грузятся, неудобны для работы в большинстве ситуаций.
- HTML 5. На момент написания поста нет релизов браузеров, поддерживающих этот стандарт.
Нельзя в принципе:
- Звук. Да, есть еще и такие монстры сайтостроения.
При верстке форм нужно учитывать, что Safari имеет некие глюки при отображении размеров элементов, и возможность растягавать textarea (как и Google Chrome, кстати).
Еще я стараюсь совмещать блочную верстку с версткой на таблицах. Верстать только на дивах или верстать только на таблицах — тупо.
Я верстаю только валидно. И так уже настрадался мир от невалидной верстки.
На сладкое браузеры под которые нужно верстать в обязательном порядке:
- IE
- Mozilla Firefox
- Opera
- Google Chrome (сделан на оперном движке, но имеет пару особенностей)
- Opera Mini
- Safari
March 18th, 2009 at 12:55 am
# Сайты полностью на флеше. Не индексируются, долго грузятся, неудобны для работы в большинстве ситуаций.
ИНДЕКСИРУЮТСЯ, если у создателей руки не кривые.
March 18th, 2009 at 4:15 pm
Marvel, согласен. Но для этого нужно дописывать контент для “незрячих”)
March 22nd, 2009 at 9:46 pm
Добавлю еще IE 6 Это не то же самое, что IE 7. По поводу флеш его поклонники как раз обращают особое внимание на полную идентичность отображения в разных браузерах.
May 12th, 2009 at 3:45 pm
Да уж, помню я времена когда появился Flash 4 а потом 5 и перед выпуском MX инет уже был во всю нафарширован флешь сайтами с красивыми переходами и кучей визуальных эффектов. Сейчас даже отдельные флешь-элементы дизайна мне кажутся уже лишними.
September 15th, 2009 at 11:25 pm
Сайты на флеш очень милы, но, действительно, с их поисковой оптимизацией придется серьезно повозится…
September 19th, 2009 at 2:00 pm
хм)) интересный пост..
концепция вполне понятно и объективна
January 4th, 2010 at 8:26 pm
Меня, в качестве обычного посетителя, флеш-ролики только раздражают. поэтому я не использовал, в отличие от конкурентов, анимацию. В результате-быстрая индексация в гугле. Мне кажется, что флеш должен быть ориентирован на какую-то узкую, целевую аудиторию. А тулить его куда ни попадя…
February 26th, 2010 at 7:22 am
Ìåêñèêà âîïëîùåíèå èäåàëüíîãî òóðèñòè÷åñêîãî íàïðàâëåíèÿ…
Ìåêñèêà ðàñïîëàãàåò ïî-íàñòîÿùåìó óíèêàëüíûìè âîçìîæíîñòÿìè äëÿ âñåõ âèäîâ òóðèçìà…
February 27th, 2010 at 2:48 pm
Ìåäèöèíñêèå èçäåëèÿ…
Ìåäèöèíñêàÿ òåõíèêà…
February 28th, 2010 at 7:30 am
×åì òóðèñòîâ ïðèâëåêàåò Èñïàíèÿ…
5 äîâîäîâ çà îòäûõ â Èñïàíèè…
February 28th, 2010 at 1:00 pm
Про искоренение Internet Explorer согласен на 500 %! Он ужасен не только в плане верстки :-)))
March 2nd, 2010 at 2:49 pm
Îáùàÿ èíôîðìàöèÿ î Òóíèñå…
Äîñòîïðèìå÷àòåëüíîñòè Òóíèñà…
March 4th, 2010 at 6:28 am
Îáùàÿ èíôîðìàöèÿ î ×åðíîãîðèè…
Äîñòîïðèìå÷àòåëüíîñòè ×åðíîãîðèè…
March 4th, 2010 at 10:03 am
Êëàññèôèêàöèÿ ñòàíêîâ è îáîðóäîâàíèÿ ïî ìåòàëëó…
Ìåòàëëîðåæóùèé ñòàíîê…
March 5th, 2010 at 2:50 pm
Ïóòåøåñòâèå â Òàéëàíä…
Âåëèêîëåïíûé îòäûõ â Òàéëàíäå…
March 19th, 2010 at 4:13 pm
Êðèò - ñàìûé áîëüøîé îñòðîâ Ãðåöèè…
Îñòðîâ Êðèò - ýòî äðàãîöåííàÿ ÷àñòü èñòèííî ãðå÷åñêîé çåìëè…
March 20th, 2010 at 11:56 am
Âåñû ïðîñòîãî âçâåøèâàíèÿ…
Òîðãîâûå âåñû…
March 23rd, 2010 at 2:58 pm
Òîêàðíûå, ñâåðëèëüíûå, øëèôîâàëüíûå è çàòî÷íûå ñòàíêèü…
Îñîáåííîñòè òîêàðíûõ ñòàíêîâ ñ ×ÏÓ…
March 25th, 2010 at 3:13 pm
Îáîðóäîâàíèå äëÿ ìîíòàæà ñòàëüíûõ òðóá…
Èíñòðóìåíò äëÿ ïðåññ-ôèòèíãà…
March 26th, 2010 at 2:56 pm
Êîíòðîëüíî-èçìåðèòåëüíûå ïðèáîðû Yokogawa…
Àíàëèçàòîðû Yokogawa…
May 11th, 2010 at 3:57 pm
Фахівець з архітектури інформаційних систем…
Фахівець з архітектури інформаційних систем …
June 13th, 2010 at 7:48 pm
С…
.. начиная …..
June 30th, 2010 at 4:35 pm
PR…
принимая во вн……
July 13th, 2010 at 12:30 am
Проэкт…
хоз ……
July 14th, 2010 at 12:03 am
Ланч…
экон ……
July 20th, 2010 at 2:12 am
Ворд…
ариф ……