Comments 125
Стало реально лучше. Благодарю за такой развернутый пост.
А мне старый дизайн нравился — такой олдскульный. Почти что ретро. Нынешний лучше, функциональнее, но безликий;)
Тёплый ламповый интерфейс? Новый интерфейс не безликий — это у вас просто ностальгия проснулась. Как и у аудиофилов по винилу, и в остальных подобных случаях а-ля «раньше трава была зеленее» (:
Старый дизайн тормозил по жесткому, с недавнего времени стал замечать что веб фейс почты стал шустрее работать, а спам стал падать в папку со спамом, хотя я ей и не пользуюсь. Исправляетесь, ребята, молодцы. И как знать, может через месяц, после 5 лет использования, я сменю буржуйский gmail на русский mail.ru.
Табом после поля логина в поле пароля не перекидывает. Дальше можно не смотреть.
У нас есть select с доменом, который является частью логина. Поэтому в в последовательности tabIndex’ов его нельзя пропустить.
Каково реальное соотношение пользователей с ящиками в домене mail.ru и остальных? Если довольно велико, то есть смысл поменять последовательность табуляции: 1 — поле логина, 2 — поле пароля, 3 — список доменов. Тогда для mail.ru придется нажать tab всего один раз, тогда как для остальных ничего не поменяется — так же придется нажимать tab 2 раза, только в другой последовательности.
Этот вариант возможен. Мы тоже о нем думали.
Да, из-за этого tabindex'а уже немало споров возникало. Я считаю, что все-таки текущий вариант правильный. Неудобства в любом случае остаются (2 таба до пароля либо за борт всех кто не с mail.ru).
Попробую предложить свой вариант, в котором таб переводит фокус на ввод пароля:
Идея состоит в добавлении в текущий вариант принципов, использованных в выборе цвета, т.е. пользователю видно не только mail.ru, но и еще по одному домену сверху и снизу от текущего значения. В момент ввода логина действуют кнопки Up и Down (можно указать это в виде схематичного изображения данных клавиш рядом рядом со стрелками или вместо них).
Попробую предложить свой вариант, в котором таб переводит фокус на ввод пароля:
Идея состоит в добавлении в текущий вариант принципов, использованных в выборе цвета, т.е. пользователю видно не только mail.ru, но и еще по одному домену сверху и снизу от текущего значения. В момент ввода логина действуют кнопки Up и Down (можно указать это в виде схематичного изображения данных клавиш рядом рядом со стрелками или вместо них).
Мне кажется что после ввода пароля большинство рефлекторно нажмет на enter\вход
Тогда стоит подумать об ином расположении полей, иначе будет нелогично, потому что традиционный обход по контролам слева направо, сверху вниз.
А вот то, что уже сейчас стрелочками происходит переход внутри списка доменов — это уже хорошо.
А вот то, что уже сейчас стрелочками происходит переход внутри списка доменов — это уже хорошо.
Кыш;) или пусть по умолчанию list.ru делают
Спасибо за качественную статью, всегда интересно проследить за ходом мыслей при работе над такими большими проектами. Было бы клево, если и другие порталы и сервисы подхватили бы такое начинание
у меня на убунте 1366x768 все отлично.
Местами mail действительно меняется к лучшему — по последним постам и изменениям виден переход от «а навернем еще десяток флэш баннеров» к более технологичным вещам.
Местами mail действительно меняется к лучшему — по последним постам и изменениям виден переход от «а навернем еще десяток флэш баннеров» к более технологичным вещам.
возможно я ретроград.
Но мне не нравится.
Погоня за модными тенденциями в оформлении сайта, убивает его индивидуальность. По делу претензия одна — шрифты стали субъективно мельче и трудночитаемей.
И оффтопик — сегодня мне заявили что с моего аккаунта шлется спам и ящик заблокирован, для разблокировки потребовали сменить пароль И ВНЕСТИ НОМЕР ТЕЛЕФОНА. Это правда инициатива МАИЛа? я уже готов отказаться от своего ящика который пользую с 98 года.
Но мне не нравится.
Погоня за модными тенденциями в оформлении сайта, убивает его индивидуальность. По делу претензия одна — шрифты стали субъективно мельче и трудночитаемей.
И оффтопик — сегодня мне заявили что с моего аккаунта шлется спам и ящик заблокирован, для разблокировки потребовали сменить пароль И ВНЕСТИ НОМЕР ТЕЛЕФОНА. Это правда инициатива МАИЛа? я уже готов отказаться от своего ящика который пользую с 98 года.
На самом деле шрифты увеличились. А в самом маленьком варианте (576px) остались прежними.
Ящик могли взломать и использовать для рассылки спама если у вас достаточно простой пароль или взломали какой либо другой сайт где пароль хранятся в открытом виде. Мы пароли в открытом виде не храним в принципе.
Телефон, к сожалению, единственный достаточно надежный способ доказать что вы это вы. Более того, лично меня мой телефон просят ввести все популярные соц. сети и почтовики.
Мой совет, подтвердите свой аккаунт телефоном и вы сто раз скажете себе за это спасибо если что-то случится с ящиком.
Телефон, к сожалению, единственный достаточно надежный способ доказать что вы это вы. Более того, лично меня мой телефон просят ввести все популярные соц. сети и почтовики.
Мой совет, подтвердите свой аккаунт телефоном и вы сто раз скажете себе за это спасибо если что-то случится с ящиком.
UFO just landed and posted this here
моему телефонному номеру много лет.
почта постарше будет :)
Но когда вопрос ставится таким образом — ваша почта заблокирована, и разблокировка только с указанием телефона, то я пожалуй откажусь от почты. популярные соц сети и прочие убиватели рабочего времени по той же причине практически исключены из личного пространства.
почта постарше будет :)
Но когда вопрос ставится таким образом — ваша почта заблокирована, и разблокировка только с указанием телефона, то я пожалуй откажусь от почты. популярные соц сети и прочие убиватели рабочего времени по той же причине практически исключены из личного пространства.
Спасибо, развёрнуто (не просто сделали абы как, а что-то поисследовали и поанализировали), хотя читал эту информацию в пресс-релизе еще на той неделе :) Но всё равно молодцы!
Вы молодцы, очень радуют изменения, — теперь на главную зайти не страшно, но все еще кажется, что у вас есть проблема с расположением самих блоков. С шапкой при этом всё окей, а вот дальше такое ощущение, что блоки понатыканы «абы как».
А что, еще не по всем пользователям раскатали? Я вот зашел залогиненным на mail.ru, стал менять размер Fifrefox-окна по горизонтали — на 997px появляется горизонтальный скролл.
Есть оранжевая плашка сверху?
Оранжевой плашки нет и на ваших скриншотах, которые вы в статью выше вставили. :-)
Вот мой скриншот: habrastorage.org/storage2/361/147/035/361147035ff03eaa8ae2ac085335aa89.png
Вот мой скриншот: habrastorage.org/storage2/361/147/035/361147035ff03eaa8ae2ac085335aa89.png
Задача дизайнера, имхо, должна была состоять из пункта «убрать баннеры» для главной страницы.
Вы хоть представляете, сколько этот баннер в секунду приносит денег компании? :-)
Ок. Судя по минусам к этому комментарию, компания Mail.ru озабочена не пользователями своих сервисов, а собственным обогащением.
мало кто знает, что для доступа к почте можно пользоваться — pro.mail.ru. айакс!
так что не такой уж мейл.ру меркантильный ;)
я только этой ссылкой и пользуюсь, т.к. обилие баннеров в старом дизайне напрягало, да и в новом, думаю, их будет немало.
так что не такой уж мейл.ру меркантильный ;)
я только этой ссылкой и пользуюсь, т.к. обилие баннеров в старом дизайне напрягало, да и в новом, думаю, их будет немало.
Какая красивая обёртка :)
Чудесная подробная статья. Уверен и юзабилити и дизайн стали лучше. НО, без тотально ребрендинга как в случае с российской полицией не обойтись. Слишком сильный осадок остался с прошлых лет, и к нему прибавился еще неположительный опыт общения с молоток-ру, который, как известно тоже из мэйл-ру-групп. Тем не менее, огромная благодарность за проделанную титаническую работу!
По делу.
1. Открываем консоль.
2. Амперсанд (не сущность) в ссылках?
3. Закрытие попап-слоев по Esc (дизайнеры!) и использование альтернативной навигации (кажется, я уже где-то об этом писал).
4. И для любителей валидной верстки и модного нынче HTML5 DOCTYPE — в валидаторе лучше не открывать (назвался груздем — полезай в кузов).
1. Открываем консоль.
uncaught exception: CustomError: Error in protected function: )55
if (data.hasAuth !== oldData.hasAuth){
2. Амперсанд (не сущность) в ссылках?
3. Закрытие попап-слоев по Esc (дизайнеры!) и использование альтернативной навигации (кажется, я уже где-то об этом писал).
4. И для любителей валидной верстки и модного нынче HTML5 DOCTYPE — в валидаторе лучше не открывать (назвался груздем — полезай в кузов).
1. Нет более подробной информации? Не можем воспроизвести.
2. Ссылки к нам приходят как данные, не все сразу
3. Согласен
4. Вы серьезно?
validator.w3.org/check?uri=http%3A%2F%2Fgoogle.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.3
validator.w3.org/check?uri=http%3A%2F%2Fwww.yandex.ru%2F&charset=%28detect+automatically%29&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.3
Я не против валидации, когда она помогает, но когда она мешает пусть свое время на нее тратит кто-то другой.
Более того инлановые сили мы вставляли осознанно. Тчательно подбирали для них место в DOM, вы предлагаете сделать хуже, но зато валидно?
2. Ссылки к нам приходят как данные, не все сразу
3. Согласен
4. Вы серьезно?
validator.w3.org/check?uri=http%3A%2F%2Fgoogle.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.3
validator.w3.org/check?uri=http%3A%2F%2Fwww.yandex.ru%2F&charset=%28detect+automatically%29&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.3
Я не против валидации, когда она помогает, но когда она мешает пусть свое время на нее тратит кто-то другой.
Более того инлановые сили мы вставляли осознанно. Тчательно подбирали для них место в DOM, вы предлагаете сделать хуже, но зато валидно?
Про валидацию: благодаря таким вот соображениям, интернет еще долго будет переходить от неправильного к правильному. Есть стандарт, почему так сложно его соблюдать? Хуже, как вы говорите, не будет, если всё правильно делать.
1) => The cellspacing attribute on the table element is obsolete. Use CSS instead.
2) r2.mail.ru/d635786.gif?rnd=166158321&ts=1334714525 => & did not start a character reference. (& probably should have been escaped as &.)
3)Element style not allowed as child of element div in this context. (Suppressing further errors from this subtree.)
4) => Bad value for attribute action on element form: Must be non-empty.
Или вы считаете, что если заменить во всех ссылках, к примеру, "&" на &, станет совсем всё плохо? или в теге form указать значение атрибута action? Или использовать устаревшие атрибуты, вместо описания в стилях поможет сохранить кроссбраузерность?
Не понимаю.
Если хотябы один крупный проект сделает всё максимально правильно, то другие менее крумные или мелкие проекты будут брать пример у «взрослых». А раз большинство так пишет, как тот же яндекс, гугл, то почему и мне нельзя делать ошибки в верстке? вот уж действительно здравое умозаключение.
1) => The cellspacing attribute on the table element is obsolete. Use CSS instead.
2) r2.mail.ru/d635786.gif?rnd=166158321&ts=1334714525 => & did not start a character reference. (& probably should have been escaped as &.)
3)Element style not allowed as child of element div in this context. (Suppressing further errors from this subtree.)
4) => Bad value for attribute action on element form: Must be non-empty.
Или вы считаете, что если заменить во всех ссылках, к примеру, "&" на &, станет совсем всё плохо? или в теге form указать значение атрибута action? Или использовать устаревшие атрибуты, вместо описания в стилях поможет сохранить кроссбраузерность?
Не понимаю.
Если хотябы один крупный проект сделает всё максимально правильно, то другие менее крумные или мелкие проекты будут брать пример у «взрослых». А раз большинство так пишет, как тот же яндекс, гугл, то почему и мне нельзя делать ошибки в верстке? вот уж действительно здравое умозаключение.
прошу прощения, отрезались некоторые примеры из вёрстки.
А я и не говорил что про ссылки не согласен. Я сказал что они приходят как данные и их исправить не быстрая операция.
При условии что мы используем местами inline css осознанно, cellspacing не играет роли, но тут тоже соглашусь.
Я против третьего пункта, а валидатор ругается в основном на второй и третий пункт.
При условии что мы используем местами inline css осознанно, cellspacing не играет роли, но тут тоже соглашусь.
Я против третьего пункта, а валидатор ругается в основном на второй и третий пункт.
В некоторых случаях приходится использовать cellspacing осознанно — с включенным border-collapse не работает border-radius на таблицу, а с cellspacing-ом — работает. Такие дела.
Более того, есть еще IE6, у которого наблюдаются проблемы с поддержкой border-spacing
И IE 7 туда же.
IE6, насколько мне известно, не поддерживает HTML5. На новый маил именно таков.
Что вы подразумеваете под HTML5?
Из HTML5 у нас только несколько малозначимых мелочей и доктайп, а его отлично поддерживают все популярные браузеры, даже IE6.
Из HTML5 у нас только несколько малозначимых мелочей и доктайп, а его отлично поддерживают все популярные браузеры, даже IE6.
Приведу только один простой пример:
HTML5 — это несколько шире, нежели привычные теги div, table, br
PS: IE9, как было заявлено, понимает HTML5. Да, это так, но не в полной мере. А вы говорите про IE6.
<input type="number" name="quantity" min="1" max="5" />
HTML5 — это несколько шире, нежели привычные теги div, table, br
PS: IE9, как было заявлено, понимает HTML5. Да, это так, но не в полной мере. А вы говорите про IE6.
Я говорю только про доктайп HTML5 в IE6, а не про то, что вы отнесли к «несколько шире».
Использование нового доктайпа никак не обязывает к использованию кастомных тегов, новых хитрых атрибутов и прочих прелестей HTML5. Поэтому, как я уже сказал, у нас от HTML5 только доктайп и пара малозначимых мелочей вроде атрибута autocomplete.
Использование нового доктайпа никак не обязывает к использованию кастомных тегов, новых хитрых атрибутов и прочих прелестей HTML5. Поэтому, как я уже сказал, у нас от HTML5 только доктайп и пара малозначимых мелочей вроде атрибута autocomplete.
А меня новый дизайн mail.ru не пускает в почту… Перекидывает на недоступную страницу auth.mail.ru/cgi-bin/auth. https-протокол работает. Если авторизоваться через старый дизайн или со странички e.mail.ru/cgi-bin/login — пускает. Чистил кэш браузера, прокси — все равно не пускает. Где собака порылась? Не сильно напрягает, но все же неприятно…
А тут можно подробнее, я рад что вас это не напрягает, но проблема выглядит серьезно.
Можете скинуть мне на рабочий ящик логин, ось, браузер? andrewsumin@corp.mail.ru
Можете скинуть мне на рабочий ящик логин, ось, браузер? andrewsumin@corp.mail.ru
аккаунт- любой. Клиент: Любой браузер. (FireFox, Opera, Хром)
Прокси-сервер: Win2000 SP4, UserGate 2.7, OutPost FireWall Pro, Nod32 v.4
Открыты 80 и 443 порты.
Проблема явно с прокси, так как с него самого в почту пускает.
А с клиентских машин — нет.
Прокси-сервер: Win2000 SP4, UserGate 2.7, OutPost FireWall Pro, Nod32 v.4
Открыты 80 и 443 порты.
Проблема явно с прокси, так как с него самого в почту пускает.
А с клиентских машин — нет.
Если отключить Outpost полностью — то все нормально. Отключение отдельно модулей DNS-кэширования и Блокирования интерактивных элементов (ActiveX и всплывающих окон) не помогает. Больше вариантов нет.
Простите за флуд.
Простите за флуд.
Грузится все и правда быстро. Еще бы мелькание некоторых блоков/картинок при обновлении страницы убрать и совсем шоколадка была бы.
Одного меня удивило, что на видео в хроме установлен яндекс бар?
Врага надо знать в лицо? :)
Врага надо знать в лицо? :)
Насколько знаю, Яндекс не видит в Mail конкурента, прежде всего потому что у Mail нет своего поиска (или все еще нет), их реальный конкурент Google. Ну и отношение к Mail доброе.
Mail.ru же видит Яндекс конкурентом, что тоже объяснимо.
Мне честно говоря не нравился прежний дизайн, хоть он и был вполне хорош, но перегружен.
Потому рад такому освежению, просто супер, я в восторге. Стильно, не перегружено, легко ориентироваться… Очень нужные изменения. Думаю, чаще буду заходить.
Mail.ru же видит Яндекс конкурентом, что тоже объяснимо.
Мне честно говоря не нравился прежний дизайн, хоть он и был вполне хорош, но перегружен.
Потому рад такому освежению, просто супер, я в восторге. Стильно, не перегружено, легко ориентироваться… Очень нужные изменения. Думаю, чаще буду заходить.
У mail.ru есть свой поиск, который активно развивается и увеличивает свою долю.
> у Mail нет своего поиска (или все еще нет)
Может вам будет полезно, рекомендую блог команды Поиска@Mail.ru go.mail.ru/blog/
Может вам будет полезно, рекомендую блог команды Поиска@Mail.ru go.mail.ru/blog/
А разве не Google поиск использует Mail.ru?
Mail.ru пытался делать свой поиск и попытка не удалась.
Потом снова было серьезно заявлено о создании своего поиска.
У меня появилось серьезное ожидание.
Что-то не верится, что по тихому свой поиск заработал.
Mail.ru пытался делать свой поиск и попытка не удалась.
Потом снова было серьезно заявлено о создании своего поиска.
У меня появилось серьезное ожидание.
Что-то не верится, что по тихому свой поиск заработал.
Немного про текущее положение поиска mail.ru можно прочитать здесь roem.ru/2012/03/27/msearch45110/
Почему тихо? На каждой конференции о нём говорится, новости анонсируются отраслевой прессой, на хабре пишутся статьи, в прошлом году даже реклама на ТВ и радио была.
Вот самые свежие факты:
go.mail.ru/blog/2012/03/29/press-zavtrak-poiskmailru/
Вот самые свежие факты:
go.mail.ru/blog/2012/03/29/press-zavtrak-poiskmailru/
Более того, в прошлом году Поиск@Mail.Ru стал самым быстрорастущим поиском в Рунете
Да, Поиск@Mail.Ru занимает 3-е место в Рунете по трафикогенерации, — 9.4%, объём аудитории — 33 млн. человек в месяц по всему миру.
У меня сосед в яндексе работает, так они в рассылках внутренних мейла считают конкурентом номер 1.
Читаю про технологии — душа радуется за вас.
Захожу на сайт(ы) — и ворочу нос: «какое же оно у вас пестрое!»
Но это лирика. А вообще — спасибо за рассказ, интересно.
Захожу на сайт(ы) — и ворочу нос: «какое же оно у вас пестрое!»
Но это лирика. А вообще — спасибо за рассказ, интересно.
После смены стиля, мне 1 кажется, открывая каждый раз mail.ru, что он не догрузился?
Ну и как теперь отличить вашу страницу от главной Яндекса?
Где индивидуальность, где прежний теплый ламповый mail.ru?
Где индивидуальность, где прежний теплый ламповый mail.ru?
Спасибо за интересную статью!
Скажите, а при оценке разрешений экранов, учитывали смену ориентации в мобильных устройствах с горизонтальной на вертикальную?
Скажите, а при оценке разрешений экранов, учитывали смену ориентации в мобильных устройствах с горизонтальной на вертикальную?
BEM полностью используете или только правила именования/файловой структуры?
Долго заняло обучение работы с BEM-tools? Учавствуйете в их разработке?
Как и у Яндекса на главной, css-классы не обфускацированы (а на странице почты e.mail.ru/cgi-bin/signup вроде да) — с чем это связанно?
Адаптивная верстка — круто, несколько минут игрался с окном браузера, гипнотизирует.
Спасибо заранее за ответы!
Долго заняло обучение работы с BEM-tools? Учавствуйете в их разработке?
Как и у Яндекса на главной, css-классы не обфускацированы (а на странице почты e.mail.ru/cgi-bin/signup вроде да) — с чем это связанно?
Адаптивная верстка — круто, несколько минут игрался с окном браузера, гипнотизирует.
Спасибо заранее за ответы!
BEM используем как методологию.
BEM-tools не используем, но это не значит что не будем.
Пара комитов в tools было, но это было уровня сделать совместимыми с NodeJS v0.5.*
Классы не обфусцируем, головной боли много, профита мало.
BEM-tools не используем, но это не значит что не будем.
Пара комитов в tools было, но это было уровня сделать совместимыми с NodeJS v0.5.*
Классы не обфусцируем, головной боли много, профита мало.
На странице регистрации просто старая вёрстка пока, т. е. не БЭМ вообще.
UFO just landed and posted this here
Про печать каких документов вы спрашиваете?
UFO just landed and posted this here
UFO just landed and posted this here
Поддержка документов Microsoft Office реализована через Office Web Apps. К сожалению, Opera нет в списке поддерживаемых браузеров, поэтому в ней есть проблемы и не только с печатью.
Здесь, к сожалению, с нашей стороны ничего не поделаешь. Microsoft разрабатывает продукт с прицелом на американский рынок, без поддержки Opera. А Mail.Ru решили использовать Office Web Apps и лишить треть своих пользователей этой возможности.
И ладно бы отсутствие поддержки, но пользователям это отдаётся как есть в виде «есть, но не нажимается…»
И ладно бы отсутствие поддержки, но пользователям это отдаётся как есть в виде «есть, но не нажимается…»
Немножко не в тему, но скажите пожалуста как нибудь можно смотреть mail.ru видео на ios?
А чем плох вертикальный скрол?
Стало лучше, но всё равно страница перегружена.
Я не играю в игры, меня не интересуют гороскопы, нафига мне всё это показывают?
Я не играю в игры, меня не интересуют гороскопы, нафига мне всё это показывают?
UFO just landed and posted this here
«Новая главная портала» сверстали насяльнике!
P.S. Извините.
P.S. Извините.
Осталось убрать табы, пробелы и переводы строк в скриптах и стилях и будет совсем хорошо :)
Прелоадер логотипа у вас мог бы выглядить проще.
Вставляйте картинки сразу, без джаваскрипта, но не через img, а через тэг с бэкраундом,
оберните эти тэги во врапперы, у этих врапперов, для нужного логотипа, в медиа куиррисах поставьте дисплей нон, в этом случае браузеры не будут подгружать не нужную картинку. В том же скрипте, что смотрит на скрытый/показанный логотип, делайте просто new Image().src = «путь до картинки». Если большой/маленький логотип будет показан, то он будет взят из кеша.
В некоторых браузерах бэкраунд будет рендериться медленнее, чем img, но в данном случае разница минимальна.
Цикл вам не нужен, как и getElementsByTagName, firstChild, lastChild будет быстрее. В ифе на проверку показаности логотипа не используйте currentStyle, только getComputedStyle, в ie8 нет поддержки медиа куиррисов. А если и была бы, то нужно было бы использовать грейсфул деградйшен. То есть сначала
должен был бы идти стандартизованный метод – getComputedStyle и только после него уже альтернатива – currentStyle. Из-за невнимания к этой технике вы используете устаревший интерфейс получения стилей в ie9.
noscript вам будет не нужен, для определения того какую картинку показать используйте ваш jsHtml, у тэга html, камел кейс кстати, для классов – плохой тон, так же как это и противоречит концепции бэма, вообще концепцию эту, вы как-то странно используете.
Удачи! Но маил.ру все равно говно.
Вставляйте картинки сразу, без джаваскрипта, но не через img, а через тэг с бэкраундом,
оберните эти тэги во врапперы, у этих врапперов, для нужного логотипа, в медиа куиррисах поставьте дисплей нон, в этом случае браузеры не будут подгружать не нужную картинку. В том же скрипте, что смотрит на скрытый/показанный логотип, делайте просто new Image().src = «путь до картинки». Если большой/маленький логотип будет показан, то он будет взят из кеша.
В некоторых браузерах бэкраунд будет рендериться медленнее, чем img, но в данном случае разница минимальна.
Цикл вам не нужен, как и getElementsByTagName, firstChild, lastChild будет быстрее. В ифе на проверку показаности логотипа не используйте currentStyle, только getComputedStyle, в ie8 нет поддержки медиа куиррисов. А если и была бы, то нужно было бы использовать грейсфул деградйшен. То есть сначала
должен был бы идти стандартизованный метод – getComputedStyle и только после него уже альтернатива – currentStyle. Из-за невнимания к этой технике вы используете устаревший интерфейс получения стилей в ie9.
noscript вам будет не нужен, для определения того какую картинку показать используйте ваш jsHtml, у тэга html, камел кейс кстати, для классов – плохой тон, так же как это и противоречит концепции бэма, вообще концепцию эту, вы как-то странно используете.
Удачи! Но маил.ру все равно говно.
Разница между img и background в том, что img выводится на печать и загрузка img начинается раньше, а мы все-таки ускоряем загрузку логотипа.
Поэтому img. Но даже есть у img выставить display:none, он все равно будет загружаться сразу же.
Поэтому на сцене появляются span'ки, script и noscript.
Image().src это предзагрузка. Если всем картинкам так сделать, они будут грузиться сразу же, а нам нужно загрузить на месте только видимую в данный момент, а остальные потом догрузить.
По поводу цикла. Есть вероятность, что количество изображений изменится. Потому сделан именно цикл: перебрать span'ки, изображение, соответствующее видимому элементу, подставить на месте, остальные в постзагрузку.
С учетом того, что в коде нет самих img, чтобы разделить загрузку, вариант с jsHtml уже не подходит.
А вот с порядком вызова currentStyle и getComputedStyle полностью согласен. Надо поменять.
Поэтому img. Но даже есть у img выставить display:none, он все равно будет загружаться сразу же.
Поэтому на сцене появляются span'ки, script и noscript.
Image().src это предзагрузка. Если всем картинкам так сделать, они будут грузиться сразу же, а нам нужно загрузить на месте только видимую в данный момент, а остальные потом догрузить.
По поводу цикла. Есть вероятность, что количество изображений изменится. Потому сделан именно цикл: перебрать span'ки, изображение, соответствующее видимому элементу, подставить на месте, остальные в постзагрузку.
С учетом того, что в коде нет самих img, чтобы разделить загрузку, вариант с jsHtml уже не подходит.
А вот с порядком вызова currentStyle и getComputedStyle полностью согласен. Надо поменять.
Вы не поняли, это правда, если картинке выставить дисплей нон, то запрос на нее все равно пойдет. Но пожалуйста, прочитайте второй абзац моего прошлого комментария, я же не просто так про врапперы вам написал. Воспользовавшись описанным мною способом, для скрытой картинки запроса не будет, но при условии, если вы задаете картинку через бэкраунд. Это одна из особенностей работы с медиа куиррисами. Поэтому в скрипте будет достаточно строчки с new Image.
Цикл, сейчас, вам не нужен, об этом стоит задуматься только когда вероятность нескольких логотипов станет реальностью. Из-за того что у вас используется цикл, стили у элемента спрашиваются дважды, когда достаточно и одного раза.
Цикл, сейчас, вам не нужен, об этом стоит задуматься только когда вероятность нескольких логотипов станет реальностью. Из-за того что у вас используется цикл, стили у элемента спрашиваются дважды, когда достаточно и одного раза.
Я написал почему мы именно img используем, а не background — img выводится на печать и начинает загружаться раньше.
И написал почему вверху страницы не используем new Image() — использовать его вверху тоже самое, что просто наставить элементов img — все изображения будут загружаться сразу, а не только видимое.
И написал почему вверху страницы не используем new Image() — использовать его вверху тоже самое, что просто наставить элементов img — все изображения будут загружаться сразу, а не только видимое.
Это вин. Прям «Мой мир» захотелось завести снова.
Лучше, но хотелось бы поменьше рекламы. Новый дизайн также перегружен, как и старый.
Статья супер, но мейл.ру я ненавижу пуще брежнего.
Все хорошо, и тесты, и грузится быстро… Но мына нет. Мын потерялся.
Бла-бла-бла!
Добавили новых свистелок и перделок на главную.
Тоже мне, новость!
Лучше бы добавили возможность входа по HTTPS в свою мыло-почту https://mail.ru/
Добавили новых свистелок и перделок на главную.
Тоже мне, новость!
Лучше бы добавили возможность входа по HTTPS в свою мыло-почту https://mail.ru/
Only those users with full accounts are able to leave comments. Log in, please.
Новая Главная портала Mail.Ru