войти зарегистрироваться

Каскадные Таблицы СтилейДзен-режим работы с деревом комментариев

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

Для удобства работы со сложными обсуждениями в теме предлагается несколько реализованных на CSS техник обработки.
1) изображение ветвящихся узлов;
2) режим скрытия всей метаинформации, кроме имени (и бледного аватара с текстом сообщений);
3) режим скрытия всего, кроме бледных аватаров и текста (дзен-режим);
4) режим показа корневой ветви обсуждения с метаинформацией (оценки, ссылки);
5) показ одной ветви с полной метаинформацией (дата, автор, кнопка ответа).

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

Веб-разработкаИнвертирование страницы только средствами CSS

Я недавно увидела jQuery-плагин Paul Irish для инвертирования страницы. Он инвертирует каждый цвет на странице, включая изображения и CSS. Это мне напомнило о существовании ключевого слова invert для цвета контуров (outline) (к сожалению, поддерживаемом только в Opera и IE9+). В общем, я задумалась, как можно добиться такого же эффекта только средствами CSS.

Оказалось, что это достаточно просто:

Веб-разработкаСвежий эксплойт для IE9: подробности

От переводчика


В недавнем посте об ошибках IE9 умпоминается 0-day уязвимость. Меня заинтересовала эта информация, и я попробовал выяснить кое-какие подробности. Результатом стал следующей перевод. Я затрудняюсь дать точную ссылку на описание конкретной уязвимости, желающие получить более подробную информацию могут найти её на сайте компании Vupen.

Новый эксплойт IE9


Новый эксплойт IE9 обходит все средства обеспечения безопасности даже в последней версии Windows 7 со всеми обновлениями, сообщает французская компания Vupen, специализирующаяся на информационной безопасности.

Веб-разработкаIE9 — ещё одна головная боль веб-разработчика

Сразу после окончательного релиза 14 марта сырого Internet Explorer 9 в Твиттере появился аккаунт ie9bugs, в котором собираются значительные для веб-девелопера баги. И хотя есть баг-трекер Микрософта, но там чёрт ногу сломит, а тут в одном месте достаточно кратко описаны и даны ссылки на интересные нюансы. Нам скоро придётся вступить в это говно работать с передовым браузером от Microsoft, потому, имхо, вполне полезно знать все эти грабли. Особенно, зная, с какими темпами Микрософт их закрывает. Предлагаю присоединиться к этому сообществу, рассказать интересные моменты, которые у вас уже есть и прочитать то, что они уже открыли. Из того, что «порадовало» меня больше всего:
  • IE9 понимает не больше 4095 селекторов в одном CSS-файле
  • Можно подключить не более 31 CSS-файла
  • События не цепляются к элементам, у которых background:transparent;


Особо радует первый баг, теперь большие таблицы стилей не объединишь в один файл) Микрософт нам, верстальщикам и JavaScript-программистам, приготовил ещё огромное количество работы, костылей и головной боли, выпустив IE9, радуемся)

Ну и много ещё чего найдено за две недели, читайте сами.

UPD:
A reliable exploit for Internet Explorer 9 on Win7 SP1 is now available for our Gov customers. Unpatched vuln + ASLR/DEP/Sandbox bypass

Подкасты«Сделайте мне красиво!» Выпуск №27

Вашему вниманию очередной выпуск подкаста о веб-разработке «Сделайте мне красиво!»

Show notes:


Наши ссылки: RSS и лента на rpod.ru
прослушан 121 раз

Блог компании Mail.Ru GroupВ IE9 почта всегда под рукой

Рады представить вам новшество для пользователей Почты@Mail.Ru в Internet Explorer 9 — теперь вашу Почту можно перетащить себе на панель задач Windows 7.

Для этого просто прикрепите иконку Mail.Ru из строки браузера Internet Explorer 9 на панель задач.

Каковы плюсы?
  • Вы получаете быстрый и прямой доступ к Почте
  • Проверить почту и написать письмо можно буквально в один-два клика
  • Происходит мгновенное оповещение о новых письмах



Как оказалось, «прилепить» сайт на панель задач очень просто.

Подкасты«Сделайте мне красиво!» Выпуск №26

Вашему вниманию очередной выпуск подкаста о веб-разработке «Сделайте мне красиво!»

Show notes:


Наши ссылки: RSS и лента на rpod.ru
прослушан 118 раз

Internet ExplorerInternet Explorer 9 RTM

Сегодня в рамках конференции SXSW состоялся запуск Internet Explorer 9, скачать который уже можно прямо сейчас.



Золотой сборкой стала версия 8112.16421.110308-0330.

Русские версии:
Windows Vista/Server 2008: x86 x64
Windows 7/Server 2008 R2: x86 x64

Английские версии:
Windows Vista/Server 2008: x86 x64
Windows 7/Server 2008 R2: x86 x64

Другие языковые версии можно взять на официальном сайте

FirefoxЕсли вы на Windows XP — выбор очевиден

Так как надвигается выпуск IE 9, но в нём Microsoft не окажет поддержки пользователям XP, то я думаю, что выбор очевиден.

[Сравнение результатов теста SunSpider для Firefox (192 ms) и IE (3329 ms)]
Длительность исполнения измерена в миллисекундах. Меньшее время означает бóльшую скорость. Тестирование провёл Asa Dotzler на Dell Studio XPS (с процессором Intel Core i7, работающим на 2,93 ГГц, и с 2,96 гигабайта ОЗУ) под Windows XP SP3. Тестирование совершалось SunSpider 0.9.1 — средством измерения производительности джаваскриптов.

Firefox 4 в 17 раз быстрее IE 8 в тесте SunSpider, наиболее великодушном по отношению к IE среди популярных средств измерения скорости джаваскриптов. Дела у IE идут ещё хуже в тестах V8bench и Kraken.

В Firefox есть аппаратное ускорение, пронзительно быстрый JavaScript, возможность ощутить подлинно современную Паутину — для сотен миллионов людей, пользующихся Windows XP. Скачайте Firefox 4.

jQueryНовая версия: jQuery 1.5.1

[логотип jQuery]Джон Резиг позавчера (24 февраля) объявил во блоге jQuery о выходе очередной версии jQuery, получившей номер 1.5.1. Для скачивания, как и всегда, доступны два варианта исходного кода: обыкновенный (212 килобайтов) и мини-вариант (уменьшается до 29 килобайтов, если обработать его gzip).

Резиг перечислил сорок два основных изменения, которые были внесены в эту версию jQuery. В основном они сводятся к обезжучиванию, к избавлению от багов. Но есть и одно видимое изменение — в jQuery.ajax() добавили три новые настройки:

1) Настройка isLocal управляет осознанием используемого протокола в качестве локального, то есть позволяет дополнить автораспознавание jQuery, которое в настоящее время считает локальными только те ресурсы, которые загружаются по протоколам «file», «*-extension» (например, «chrome-extension», см. баг 8152) и «widget».

2) Настройка mimeType позволяет переопределить MIME-тип, используемый в XHR.

3) Настройка xhrFields позволяет передать массив необходимых установок (для каждой указав fieldName и fieldValue, то есть имя и значение некоторого поля) в объект XHR. Скажем, можно придать withCredentials значение true, если понадобится запросить сервер из другого домена и послать туда логин, пароль и cookies (в MDC есть пример JS-кода без jQuery для Firefox — можете на этом примере постигнуть, что именно будет такой настройкою достигнуто).

Эта версия (jQuery 1.5.1) — первая из тех, которые поддерживают IE9 настоящим образом: все проблемы, ранее имевшиеся в работе с IE9, либо исправлены в jQuery, либо переданы разработчикам IE9 для исправления их в IE9.