Ограничусь ссылкой, но зато очень интересной, на статью об особенностях z-index. Z-index и его применение в разных в контестах
Месяц: Декабрь 2016
Стили для скролбара
Часто дизайнеры рисуют скролбар так, чтобы он подходил под дизайн. Не задумываясь о том, как это будет сделано. Если дизайн скролбара критичен, то приходится использовать Javascript-решения, имитирующие браузерный скролбар. Но ведь это чисто оформительская задача, почему бы не использовать ля этих целей CSS, который как раз и отвечает за оформление сайта/интерфейса. Но, к сожалению, только браузеры на Webkit дают нам контроль над внешним видом скролбара.
::-webkit-scrollbar { width: 3px; height: 3px;}
::-webkit-scrollbar-button { background-color: #666; }
::-webkit-scrollbar-track { background-color: #999;}
::-webkit-scrollbar-track-piece { background-color: #ffffff;}
::-webkit-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 3px;}
::-webkit-scrollbar-corner { background-color: #999;}}
::-webkit-resizer { background-color: #666;}
Да еще �?Е позволяет частично перекрасить скролбар.
body{
scrollbar-base-color: #C0C0C0;
scrollbar-base-color: #C0C0C0;
scrollbar-3dlight-color: #C0C0C0;
scrollbar-highlight-color: #C0C0C0;
scrollbar-track-color: #EBEBEB;
scrollbar-arrow-color: black;
scrollbar-shadow-color: #C0C0C0;
scrollbar-dark-shadow-color: #C0C0C0;
}
А вот в Firefox такой возможности нет от слова совсем. �? на багзилле давным-давно заведен баг по этому поводу. �? есть возможность проголосовать за то, чтобы Firefox имплементировал возможность оформить скролбар средствами CSS.
Конец эпохи Firebug
Немного печальная новость, закрывается firebug. Каким событием было его появление в свое время, просто революция! Неоценимая помощь для разработчика!!!
Но все проходит. Firebug был первым и задал пути развития инструментов для разработчиков. А сейчас и Chrome DevTools, и Firefox Developer Tools предоставляют больше возможностей да и работают быстрее.
Король умер! Да здравствует король!!!
Стайл-гайд для SASS
Залез, работая с bourbon.io, в их исходники. �? там нашел короткий, но исчерпывающий стайл-гайд для написания кода в SASS. Просто процитирую:
SCSS Style Guide
- Two spaces, no tabs.
- Dashes instead of underscores or camel case: linear-gradient not linear_gradient or linearGradient
- Names should be descriptive and written in full-words: $all-text-inputs-hover not $hover or $alltxthvr
- Space between property and value: width: 20px not width:20px
- Declarations within a block should be ordered alphabetically.
- Blank lines between rules.
- No trailing whitespace. Blank lines should not have any space.
Хочется подписаться под каждой строчкой! Всем красивого и легко читаемого кода.
Намасте!