| Сегодня 18 апреля, суббота |
      |
  
|
  
Какой рейтинг вас больше интересует?
|
Главная /
Каталог блоговCтраница блогера Хабрахабр: Web-разработка / Блог / Захабренные/Записи в блоге |
 |
Хабрахабр: Web-разработка / Блог / Захабренные
Голосов: 1 Адрес блога: http://habrahabr.ru/blog/webdev/ Добавлен: 2008-06-12 19:52:21 блограйдером ZaiSL |
То, что вам никто не говорил о z-index в статье «То, что вам никто не говорил о z-index»
2014-06-10 11:43:54 (читать в оригинале)
Почти два года назад вышла статья «What no one told you about z-index» (и её перевод на Хабре «То, что вам никто не говорил о z-index»), авторы которой рассказывают о малоизвестной (76% проголосовавших пользователей Хабра слышат об этом впервые), но документированной возможности создания нового контекста наложения указав
opacity меньше единицы.Но несмотря на название статьи, авторы не рассказали вам ещё кое о чём.
Предполагается, что вы знакомы с понятием контекста наложения (англ. stacking context).
Элементы с общими родителями, перемещающиеся на передний или задний план вместе известны как контекст наложения. Понимание контекста наложения является ключом к пониманию— Из статьи «То, что вам никто не говорил о z-index». Для понимания темы настоятельно рекомендую к ознакомлению либо её, либо классический труд на MDN.z-indexи порядка наложения элементов.
Каждый контекст наложения имеет свой корневой элемент в HTML структуре. В момент формирования нового контекста на элементе, все дочерние элементы так же попадают в этот контекст и занимают своё место в порядке наложения. Если элемент располагается в самом низу одного контекста наложения, то никаким мыслимым и немыслимым образом не получится отобразить его над другим элементом в соседнем контексте наложения, располагающимся выше по иерархии, даже с установленнымz-indexравным миллиону.
Новый контекст наложения формируется в случаях:
- Корневой элемент (
<html>) всегда содержит корневой контекст наложения. Любой элемент на странице, не участвующий в локальном контексте наложения (сформированном любым из последующих вариантов), участвует в корневом контексте наложения. - Элемент с
positionотличным отstaticи значениемz-indexотличным отauto. Кроме одного исключения дляposition: fixed, но я это вынес в отдельный пункт. - Элемент имеет значение
opacityменьше, чем1.
Тэги: chrome, context, css, firefox, google, html, stacking, w3c, z-index, веб-разработка, веб-стандарты, контекст, наложения, скандалы-интриги-расследования
Постоянная ссылка
2GIS for %browser% или как мы делали расширение
2014-06-10 10:04:09 (читать в оригинале)Однажды мы задали себе вопрос: как мы можем помочь пользователю выбрать компанию за пределами 2gis.ru? Вариант реализации идеи в виде браузерного расширения был предложен практически сразу, и после этапов исследования и планирования мы приступили к разработке 2GIS for browsers.
В качестве основного варианта реализации мы остановились на кнопке сбоку адресной строки, при нажатии на которую открывается информационное окно. Дополнительно — подсвечивать номера телефонов внутри содержимого сайтов.
Читать дальше →
Тэги: 2гис, api, apps, chrome, extensions, google, mozilla, opera, places, safari, блог, браузеры, веб-разработка, компании
Постоянная ссылка
DevConf 2014: Мастер-класс — как делать резервное копирование MySQL в экстремальных условиях
2014-06-10 08:45:01 (читать в оригинале)
На первый взгляд делать бэкапы MySQL просто. Большинство сразу вспоминает об утилите mysqldump, более продвинутые администраторы о file system snapshots и инструментах горячего копирования MySQL Enterprise Backup (MEB), Percona XtraBackup.Все эти инструменты умеют обеспечивать целостность, но не бесплатно.
Расплачиваться приходится блокировками, в том числе глобальными, длинными транзакциями, повышенной нагрузкой на MySQL сервер и даже полной его остановкой.
Для рабочего сервера, обслуживающего миллионы соединений, всё вышеперечисленное малоприемлемо.
На мастер-классе, основанном на реальном опыте с клиентами поддержки MySQL, я расскажу как производить резервное копирование:
Читать дальше →
Тэги: backup, devconf, enterprise, mysql, percona, xtrabackup, блог, веб-разработка, компании
Постоянная ссылка
Python-digest #30. Новости, интересные проекты, статьи и интервью [2 июня 2014 — 8 июня 2014]
2014-06-08 22:39:05 (читать в оригинале)
Подоспел очередной выпуск новостей о python и близлежащих технологиях. В этот раз порисуем, вспомним екатеринбургжский PyCon, поэкспериментируем с django не устанавливая его на свою машину, посмотрим чем отличаются операции с числовыми матрицами в научных программных пакетах, посмотрим обзор SOAP-библиотек, ну и многое другое.Большое спасибо owlman75 и axce1 за… уже даже не помощь, а разработку инструмента, который помогает создавать этот дайджест. Кстати вы можете добавить новость/статью/релиз/рацпредложение через специальную форму. Там же на странице выпуска можно выделить неправильный текст и нажать Ctrl+Enter, чтобы отправить мне отчет о ней.
Пишите комментарии к посту, в личку, ставьте плюсики или минусики, предлагайте о чем и как еще можно писать в дайджесте а то иногда возникает ощущение ненужности работы, которую мы делаем.
Читать дальше →
[recovery mode] День рождения отца World Wide Web
2014-06-08 21:29:15 (читать в оригинале)Добрый день, Хабр.
Путешествуя по WWW, изучая его историю, я сегодня наткнулся на интересный факт, который еще не освещали на хабре. Тут было все — день рождения Тетриса, день рождения Кубика-Рубика, а вот информации о дне рождении человека который сотворил World Wide Web я не нашел, что побудило меня написать небольшой пост по этому поводу.
Подробности
Тэги: it-стандарты, бернерс-ли, веб-разработка, веб-сайт, день, джон, мире, первый, рождение, рождения, создателя, софт, сэр, тимоти
Постоянная ссылка
Категория «Наука»
Взлеты Топ 5
 | ||
|
+421 |
427 |
Splash_Phantom |
|
+355 |
432 |
MicheL1102 |
|
+346 |
348 |
The_Searcher |
|
+289 |
357 |
Удивительная психология |
|
+266 |
309 |
hosm.ru — Умный дом своими руками |
Падения Топ 5
 | ||
|
-3 |
11 |
il-e |
|
-5 |
124 |
Ноэтическая Динамика » Ноэтическая Динамика |
|
-11 |
22 |
ГОРОСКОП |
|
-12 |
411 |
БестГлобалИнфо |
|
-12 |
24 |
Улицы Праги |
Популярные за сутки
Загрузка...
BlogRider.ru не имеет отношения к публикуемым в записях блогов материалам. Все записи
взяты из открытых общедоступных источников и являются собственностью их авторов.
взяты из открытых общедоступных источников и являются собственностью их авторов.