Leaderboard
Popular Content
Showing content with the highest reputation on 10/28/2013 in Posts
-
Люди используют глобальный ресет не потому, что это правильно, а потому что не парятся Пока сам не попадешь в такую ситуацию, где понимаешь, что лучше было сразу переопределить значения, вместо предварительного глобального обнуления, доказывать что-то бесполезно. Просто стоит задуматься над тем, действительно ли в данном случае целесообразен какой-то глобальный ресет. К примеру, http://caniuse.com/ http://vk.com http://kremlin.ru/ не используют сброс Мейера (вот же лошары).3 points
-
допустим как-то так background:url(http://cs408329.vk.me/v408329149/441d/dReXQGUnoo4.jpg) no-repeat 3% 50%, red; /*вместо red - свой цвет*/ Для ИЕ9+1 point
-
А зачем переопределять и вычислять, держать в уме, что нам дано в коробке, вместо простого определения стилей? При этом еще и учитывать разные браузеры, каждый из которых пляшет по своему. Затем, что назначается лишь нужная часть значений, а не все подряд. А зачем мне писать margin, когда можно написать margin-left, margin-top н-р и не задумываться при этом, что я могу стереть уже назаченный выше стиль margina. Н-р, h1, h2 { margin 10px 12px 13px 14px} а h2 margin-left я хочу сделать 50 пикселей и не затереть предыдущие значения. В случае отстусвтия резетера мне придеться держать в уме и вспоминать - не были ли уже заранее определены стили для этих элементов, ведь ты рекомендуешь полное переопределения стилей браузера по умолчанию, значит запись должна составить margin: 0 0 0 10px, что просто сотрет предыдущие установки. А если это чужой код - то в нем придеться еще и совершать лишние телодвижения, чтобы не переопределить его стили. Зачем это держать в голове? Хочу пишу margin-left, хочу пишу margin; Вообще самая полезная вещь. Набор картинок, галереи, слайдеры, меню, перечисления, новости - все это списки. И каждому прописывать margin: 0, padding: 0, list-style: none это какое-то извращение - зачем по 10 раз писать одно и то же лишь для того, чтобы оно отображалось предсказуемо?1 point
-
advokatua, зачем удалил сообщение? я его не успел прочитать. Так не честно. Верни обратно Честно скажу, не замерял. Но чисто теоретической-логики говорит мне о том, что применение свойств по универсальному селектору потенциально может вызвать просадку производительности. Но лично я против ресетов, даже не столько из-за производительности, хоть это тоже важно, а из-за элементарной бессмысленности их применения. Сами подумайте, зачем сбрасывать то что и так, любезно, дано браузером из коробки? Ок, значения по-умолчанию не всегда подходят. Но зачем их сначала сбрасывать, а потом снова назначать? Ну не подходит тебе что у параграфа по-умолчанию margin: 1em 0;, тебе нужно margin: 0 0 1.5em;. Так возьми и назначь сразу. Какой смысл делать: margin: 1em 0; => margin: 0; => margin: 0 0 1.5em; ? Или вот взять знаменитый Eric Meyer’s “Reset CSS” 2.0 Типа продвинутый сброс.... У меня это вызывает одну лишь реакцию: WTF?? Первый стек сброшенных элементов. В большинстве проектов 30% из этих элементов даже не используются НИКОГДА. А даже если, вдруг, они будут использованы, так пусть лучше они работают как должны, а не выглядят как еще один div. font-size: 100%; меня вообще удивляет.... зачем это свойство применять ко всем элементам, оно ведь наследуется задал в html, все остальные его придерживаются, пока дополнительно не переопределишь локально. Я совершенно не уверен оптимизирует ли браузер такое действие или нет. идем дальше ol, ul..... Это часть меня выбешивает просто нереально. Зачем, твою же мать, ты сломал списки?! Мало того, что в стеке выше убрал у них, такие нужные, отступы, так еще и буллеты по убирал. Негодяй.... в общем и целом.... Таблицы.... ну да частенько именно так и нужно, но давайте ка я сам буду решать когда мне так надо, а когда не так. А еще один момент который меня довольно сильно раздражает, так это работа со стилями в браузере. Вместо полезной инфы по 100500 раз видишь вот эту ерунду. Это же просто ррррррррррр Которая, естественно, по 100500 раз вынуждена быть переопределенной. Normalize css По моему мнению, самый адекватный сброс, но только в том случае если именно его адаптировать под конкретный проект, а не тупо включать, а потом все это благополучно переопределять. Просто включать и переопределять, весь его смысл теряется. Но тут стоит еще отметить, через мерную его избыточность. Далеко не всегда это все нужно в проекте. А раз так, то и в общем применение этих вещей довольно бессмысленно. Понятное дело, я тоже не пишу все с нуля каждый раз. У меня есть заготовка которую я сам себе написал, которая лучше всего для меня подходит, но я никогда ее не использую "как есть", под каждый проект эта заготовка адаптируется опираясь на требования дизайна. P.S. Простите за мое многобуквие, но сами же провоцируете меня Если я задел чьи-то моральные, этические, религиозные или еще какие-то чувства, не сердитесь на меня. Я на самом деле добрый и желаю всем бобра - лучей добра.1 point
-
http://stackoverflow.com/questions/7140700/black-box-around-input-button-in-opera1 point
-
color: transparent http://www.browsersupport.net/CSS/transparent background-color: transparent http://www.browsersupport.net/CSS/background-color%3Atransparent border-color: transparent http://www.browsersupport.net/CSS/border-color%3Atransparent1 point
-
http://clip2net.com/s/63705c Подключается normalize.css, который обнуляет отступы и приводит стили к одинаковому отображению в браузерах.1 point
-
Хром поддерживает background-clip со значением text, можно использовать это для фона под текстом. http://jsfiddle.net/htmlbook/Z8Pdx/ Здесь показан способ через SVG, поддерживают все браузеры, IE с версии 9 только. http://lea.verou.me/2012/05/text-masking-the-standards-way/1 point
-
Это и называется ресет написанный своими руками, рано или поздно такй ресет появляется у любого верстальщика ибо что-то в разных проектах все равно будет одинаковое. Об этом мы и говорим, подразумевая ресет. Те, у кого не достаточно опыта/знаний берут и ставят готовый ресет, написанный другими людьми. Очень много народу использует jQuery, и никто не говорит, что это плохо, только из-за того, что jQuery тащит за собой кучу вещей, которые, может быть, вообще никогда не будут использоваться в проекте. Однако никто не говорит "фи" когда видит подключенный jQuery ради одной только анимации. Однако, когда речь заходит о CSS, то сразу начинается холивар на тему ресет/не ресет.1 point
-
Когда делается сайт для заказчика, который занимается наполнением сам - дизайнер рисует оформление всех стандартных элементов - заголовков, списков, таблиц и т.д. и даже более - разные виды этих оформлений, классы которых прописываются в визивиг. А верстальщик прописывает все это для тех контейнеров, которые редактирует пользователь. Каким местом тут сброшенные стили мешают?1 point
-
Должен признаться не знал о том, что есть какие то определённые формы сброса стилей. Вот, тут про Мейера сказали. Нашёл, почитал...... это жеж бред! Зачем это использовать?? Что за?? Отменяем маркеры на все списки - прикол чтоли?? Это же особенность тега! line-height: 1 - для body. Чего я не понимаю?? А этот огромный список тегов и....да вы шутите, ну так же нельзя! Я думал речь идёт для бордер для картинки-ссылки или там, вон, определние тегов для html5 (хотя это не сброс, просто у Мейера было, вот и захватил). Ну я не знаю что ещё - но не ЭТО ЖЕ!! Ну да, да, конечно! А всевышний селектор "*", думаю, вообще не трогать. По-моему, когда верстальщик узнаёт об этом селекторе и тем более о том, что с ним кто-то что-то сбрасывает, то у него уже к тому времени достаточно соображений, чтобы этим не заниматься....-1 points
-
.wiev{ width:190px; height:100%; border:1px solid #333; margin:50px; } img{ display: block; width:190px; } вопрос не верно понял( вот верный ответ) .wiev{ overflow: hidden; width:190px; height:200px; border:1px solid #333; margin:50px; } img{ width:190px; }-1 points
-
-2 points
This leaderboard is set to Kiev/GMT+02:00
-
Upcoming Events
No upcoming events found -
Сообщения форума
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }
-
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
-
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number">
-
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-