Хабрахабр: Web-разработка / Блог / Захабренные Голосов: 1 Адрес блога: http://habrahabr.ru/blog/webdev/ Добавлен: 2008-06-12 19:52:21 блограйдером ZaiSL

[Перевод] То, что вам никто не говорил о z-index

2013-01-21 13:30:34 (читать в оригинале)


Проблема z-index в том, что многие просто не понимают, как он работает.
Всё, описанное ниже, есть в спецификации W3C. К сожалению, не все её читают.

Описание проблемы:

Итак, пусть у нас есть HTML код, состоящий из 3 <div> элементов.
Каждый из них внутри себя содержит по одному <span>. А каждый <span>, в свою очередь, имеет свой фон: красный, зеленый и синий, соответственно. Плюс ко всему, каждый <span> позиционирован абсолютно левого верхнего края документа таким образом, что он немного перекрывает собой следующий за ним <span>. Первый <span> имеет z-index, равный 1, у остальных двух <span> z-index не задан. Читать дальше →

---

[Из песочницы] Тренды фронтэнда. Javascript APIs для мобильных устройств

2013-01-21 12:50:34 (читать в оригинале)

Презентация: http://goo.gl/2CkWb.
Примеры: http://goo.gl/5jv4i.
Исходники: http://goo.gl/YYj0R.

В настоящее время нельзя не заметить общую тенденцию к миграции сервисов и приложений в веб, что подкрепляется появлением множества онлайн-сервисов, которые претендуют называться однозначно можно назвать веб-приложениями. Как следствие, теряют популярность standalone-приложения, функционал которых не предусматривает связи с массовыми веб-сервисами. Таким приложением приходится либо видоизменяться, добавляя в себя функционал для интеграции с внешним миром, либо мигрировать в веб.
Читать дальше →

---

Юзабилити-хинт: полоса прокрутки на странице с комментариями должна отображать реальное положение в тексте

2013-01-21 12:48:48 (читать в оригинале)

Вы загрузили страницу хабозаписи с комментариями. Браузер отрендерил страницу и определил ее высоту, а затем рассчитал высоту ползунка на полосе прокрутки и отобразил её. Проблема в том, что если запись занимает более одного экрана и комментариев на странице много, вы будете введены в заблуждение относительно объема контента: полоса прокрутки не отразит реальный объем хабозаписи. Вы видите как скроллбар отображает долю от всей страницы с комментариями, а не долю целевого контента. Это нехорошо. Читать дальше →

---

Webfonts — разбираемся с антиалиасингом под Windows (UPD)

2013-01-20 23:03:57 (читать в оригинале)

Думаю, что не только я, но и другие пользователи Chrome под Windows, на многих сайтах замечали проблемы c отображением нестандартных шрифтов. Читать текст на таких сайтах можно, но глазам больно. Я бы так все это и продолжал терпеть, но на одном из недавних собственных проектов этот вопрос встал буквально ребром. Решил разобраться во всем досконально.

Разница в этих двух фрагментах очевидна. Первый сделан со случайно выбранного сайта adaptive-images, а второй с его локальной копии, в css которой была изменена буквально одна строчка.

(Читавшие первую версию статьи могут сразу перейти к UPD, где приведено работающее альтернативное решение проблемы для Chrome)


И в чем же там дело?

---

Дайджест интересных новостей и материалов из мира айти за последнюю неделю №40 (12 — 18 января 2013)

2013-01-19 00:40:41 (читать в оригинале)

Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.


Читать дальше →