Comments 15
я так смотрю что центровать Вы не любите :)
Быт заел :)
Хотя мне бы хотелось видеть CSS-фреймворк, который сам как-то с браузерами справлялся и их самодурством.
И плюс, чтобы минимум дублирования кода было.
Что-то подобное видел под названием xCSS или pCSS, типа там ещё PHP поверх проходит и уже CSS генерит.
В идеале у верстальщика семантичный без дубляжа псевдо-CSS высокоуровневый, а клиенту уже выдаётся minified «сбилденный» чистый CSS, в котором все хаки учтены.
Хотя мне бы хотелось видеть CSS-фреймворк, который сам как-то с браузерами справлялся и их самодурством.
И плюс, чтобы минимум дублирования кода было.
Что-то подобное видел под названием xCSS или pCSS, типа там ещё PHP поверх проходит и уже CSS генерит.
В идеале у верстальщика семантичный без дубляжа псевдо-CSS высокоуровневый, а клиенту уже выдаётся minified «сбилденный» чистый CSS, в котором все хаки учтены.
Syntactically Awesome Stylesheets? sass-lang.com/
Можно продолжить список :)
.color-red
.color-green
.color-blue
.color-orange
.color-white
.color-black
.border-1px-solid-red
.border-1px-solid-green
…
.color-red
.color-green
.color-blue
.color-orange
.color-white
.color-black
.border-1px-solid-red
.border-1px-solid-green
…
UFO just landed and posted this here
По поводу .clearfix:after. Многие люди считают, что в reset.сss достаточно написать "* {margin:0;padding:0;}", другие продолжают пользоваться его расширенной версией.
Я ведь не утверждаю, что все написанное мной нужно использовать вразрез здравому смыслу. Мне пригождается.
Я ведь не утверждаю, что все написанное мной нужно использовать вразрез здравому смыслу. Мне пригождается.
.hidden {visibility: hidden;}
.none {display: none;}
наверное так лучше
.none {display: none;}
наверное так лучше
Здравое замечание, если оперировать понятием «спрятать» в рамках того, как это понимает цсс.
На практике же с «visibility: hidden;» я сталкиваюсь только если нужно, например, использовать прием text image replacement
На практике же с «visibility: hidden;» я сталкиваюсь только если нужно, например, использовать прием text image replacement
А еще полезно было во времена без FireBug
такие штуки:
Удобно выделить блок, чтобы видно было. Ведь иногда блоки в высоту не тянуться, потомучто забыт clearfix.
В основном такие классы полезны при отладке.
такие штуки:
/* Debug */ .debug-red { border: 1px solid red !important; } .debug-green { border: 1px solid Green !important; } .debug-blue { border: 1px solid blue !important; } .bg-red { background-color: #ff97ae !important; } .bg-green { background-color: #80ff94 !important; } .bg-blue { background-color: #b8e1fc !important; }
Удобно выделить блок, чтобы видно было. Ведь иногда блоки в высоту не тянуться, потомучто забыт clearfix.
В основном такие классы полезны при отладке.
Sign up to leave a comment.
Свой минимальный grid CSS-фреймворк. Что в нем должно быть?