Jump to content

Viper

User
  • Posts

    404
  • Joined

  • Last visited

  • Days Won

    11

Everything posted by Viper

  1. Для работы градиента в Опере, для нее необходима своя запись с префиксом -o-, как и для FF(-moz-) и Chrome/Safari(-webkit-), например: background: -o-linear-gradient(top, #FCB1FA 0%,#FEE2FB 49%,#FCB1FA 100%); Фильтры в ИЕ не поддерживают, насколько я знаю, сложные градиентные заливки, как у тебя. Для них можно указать, если я не ошибаюсь, только 2 цвета. У меня ИЕ отображает твой градиент как и должен(как ты и указала) в 2-х цветах. П.С. Советую пользоваться Gradient Generator'ами, например, этим - _http://www.colorzilla.com/gradient-editor/ Разве-что, правило для /* Chrome,Safari4+ */ считаю лишним. Уже не вижу в нем необходимости.
  2. Специфичность в CSS: _http://www.xiper.net/learn/css/inheritance-and-cascade/specificity.html 256 классов имеют больший приоритет, чем id: _http://habrahabr.ru/post/149791/
  3. как бы ты тег не обозвал, он будет работать(для старых браузеров нужно будет их разве-что объявить/создать заранее, как для ИЕ html5.js). По сути, можно вообще весь сайт сверстать на придуманных тегах... А почему "просто" заголовок не может быть "заголовком для списка"? И что по твоему значит "просто" заголовок?
  4. бессмысленный и вредный способ. Во-первых, что отразиться, если у пользователя отключены картинки? - ничего, Alt для logo обязательный всегда. Та и вообще, он всегда необходим для всех изображений, которые несут хоть какую-то информацию. Плюс это не валидно. Во-вторых, зачем этот span? Почему просто не добавить Alt для изображения? Alt это тот же текст, а в <hN> воспринимается поисковиками/системами как заголовок. А то как он скрывает этот спан, вообще верх извращений... Зачем городить подобный бред, выдумывать подобные бессмысленные "костыли" не понимаю...
  5. Почему? Смотря какое содержание/структуру необходимо построить. Ошибка в том, что он ALT оставил пустым для logo, который был бы заголовком.
  6. Нужно добавить доктайп, например, <!DOCTYPE HTML> При его отсутствии ИЕ переходит в режим совместимости, в котором на адекватность отображение рассчитывать нету смысла...
  7. ну мало ли что там перебивает стили, или где-то задается... Киньте ссылку на страницу с проблемой, а так можно только угадывать... Вы предлагаете определить болезнь желудка по фотографии живота... Этот чекбокс хотя бы находить в label?
  8. Запись: *selector { } работает только в ИЕ7
  9. Заказчики обычно не знают чего они хотят. И выражают только свои предположения, догадки или "где-то, что-то прочитал...". Они хотят "конфетку" за "копейку" и что бы эта конфетка приносила прибыль. А как она будет реализована им по..., зачастую они просто хотят по-умничать, что бы выбить меньшую стоимость или просто показать что они что-то там знают...ИМХО "Это было давно и не правда") Заказчикам нужно объяснять, что эти браузеры устарели и не поддерживают все эти фичи. Что за поддержу этих, мало-значимых элементов для пользователей ИЕ8-го(ИЕ7 уже не входит в список поддерживаемых браузеров по умолчанию, если клиент не понимает почему - покажи статистику по браузерам) они будут прилично доплачивать. Не один здравомыслящий клиент не захочет доплачивать +~20%(для запугивания доходит и до ~50% ) за поддержку далеко не главных элементов дизайна для 7-12% пользователей. Главное правильно объяснить) П.С. В дополнение: Гугл уже давно отказался от поддержки ИЕ7 вообще и грозиться в ближайшее время отказаться и от ИЕ8. Все брендовые сайты, компании-гиганты не поддерживают в полной мере ИЕ7/8, а некоторые на промо-сайтах так и вовсе... Graceful degradation не применяют разве-что не опытные разработчики(не считая исключений).
  10. это называется Progressive enhancement по сути, да. За исключением того, что в это понятие не входит обязанность предлагать - "переходите на гугл хром")) То есть, эта методика пропагандирует деградацию(упрощение) исключительно стилей/дизайна сайта для тех браузеров, которые не поддерживают новые технологии(в особенности, IE7/8), но при этом что бы сайт смотрелся нормально/адекватно. Все понты сделанные с помощью CSS3(закругления, тени, анимация), которые не важны для общего восприятия информации и удобства пользования сайтом.
  11. Если это все было бы так просто...) Но эта идея не нова... Каким контентом будут наполнятся эти сайты? Абсолютно уникальным? каждый сайт? Если нет, то выгоды будет куда меньше... рентабельность идеи, скорей всего, упадет. А если да - сколько уникального и полезного контента ты сможешь помещать на сотни сайтах? Сколько усилий будет уходить на их поддержу, хотя бы и минимальную? Вообще не трогать их не выйдет, уж поверь... Та и любой сайт со временем, рано или поздно, умирает, если на нем не будет появляться уникальный контент. А если не давать другим пользователям его добавлять, то никак. Поисковики, а особенно гугл, постоянно ужесточают свои алгоритмы по поиску оптимальных результатов. Чем дальше, тем сложнее будет продвигать подобные сайтики... Если один удачно пошел, то далеко не факт, что все пойдут тем же путем... Это не стабильный бизнес: в один прекрасный миг все может рухнуть(а, без поддержки, точно рухнет) - это большой риск, если рассчитываешь на эту прибыль. П.С. Если идти по данному пути, то советую делать уклон на качество, а не на количество, ИМХО.
  12. да Не советую с такими(кто требует поддержку ИЕ6) связываться... Не один здравомыслящий человек не захочет поддержку ИЕ6. Это до жути не рентабельно. И имеет смысл только в Китае. И уточню: я не говорил, что поддержка ИЕ7/8 не нужна. Я говорил про graceful degradation в этих браузерах.
  13. 3. Можно обойтись без <div class="clear"></div>, #bottomNav, #navigation; закругления и тени уже смело можно делать на CSS3(и без префиксов), а если уж и делаешь их поддержу для IE7/8, то обрамляй в соответствующий коммент <!--[if lt IE 9]> <![endif]--> Попадаются еще клиенты, которые категорично против graceful degradation? Давно о таких уже не слышал... И кто-то еще поддерживает ИЕ7 на новых проектах? 4. Изображения можно ужать с помощью, например, _http://www.smushit.com/ysmush.it/. Не вижу не одной причины не помещать скрипты в конец body, что существенно повысит скорость отображения сайта. JS и CSS в uncompressed виде. Кроме того, их можно было бы объединить для уменьшения количества запросов. П.С. Если добавляешь элементу float, то display: block ему писать не нужно. П.П.С. "ВОлОнтеры"
  14. Нарпимер: selector:before { position: absolute; top: Xpx; left: Xpx; width: Xpx; height: Xpx; background: sprite_image no-repeat position; } selector:after { position: absolute; bottom: Xpx; right: Xpx; width: Xpx; height: Xpx; background: sprite_image no-repeat position; } П.С. Для IE7 нужен фикс для поддержки этих псевдо-элементов
  15. 1. Структура заголовков твоего сайта: 1. 1. лаготворительность 1. Благотворительная акция «Из добрых рук – с любовью!» 2. верстка не гибкая, много ID и каскадность стилей 3. Очень много лишнего, что можно заменить стилями, в том числе CSS3. 4. Не оптимизировано: изображения, скрипты, стили...
  16. А подробнее? Такое происходит Только при открытии/обновлении твоей html странички, а по остальным сайтам ходит без проблем? Слетает при первой же попытке или рандомно раз-через-раз? Антивирусом когда проверял комп? Каким? С офф. сайта качал Хром? А удаляет с предупреждением или так - в фоновом режиме, что-ли?) Другие браузеры работают с твоим файлом исправно? И главный - что за код ты там такой пишешь?)) П.С. Зачем же так кардинально переходить из-за этого на XP) Поработай, например, в другом браузере пока не решиться проблема)
  17. Если мы заведомо знаем(судя из задания) ширину и высоту контейнера и установим их, то можно обойтись и без дива в качестве контейнера для позиционирования таблицы: _http://jsfiddle.net/SYhDr/10/ IE 9 как-то странно позиционирует, в этом случае, таблицу, если ставить ее относительно right/bottom(если left/top, то нормально) и если у нее процентная ширина/высота. То есть, если позиционировать относительно left/top или задавать фиксированные размеры ширины/высоты, то, вроде, работает нормально. Закономерность этого бага заметна при изменениях количества контента внутри ячейки: таблица, насколько я понял, пытается позиционироваться относительно длины контента, а не ширины самой таблицы... П.С. В IE10 не смотрел - нету. Что бы в полной мере иметь возможность управлять сложной таблицей, всегда приходиться задавать размеры для ее контейнера...(
  18. Что? вот что здесь не логичное? Не логично, что с нормальным форматированием кода, комментами и нормальными названиями на англ. не будет проще и удобнее для всех? Вот представь, например еще, что с твоим кодом будет работать иностранец без знания русского...
  19. Смотря что ты подразумеваешь под этим понятием. А вообще - всем, кто будет работать с твоим кодом или просто смотреть(например, code review). Неужели не очевидно?
  20. 1. div.postFooter можно было бы сделать как <footer>, ИМХО. 2. article.post зачем? не понял логики... Этот контент относиться к artice.postBlock, который в твоей верстке остался ни с чем. Перемудрил... 3. section не должен использоваться в качестве "обертки"
  21. "Как делать сайты для гламурных кисо"?) Учитывая качество их сайта и сайта в ихнем портфолио, могу предположить, что такие курсы могут научить только плохому... П.С. Уверен, что уровень(по крайней мере, верстки) у Кати будет куда повыше, чем у преподавателя этих "курсов"... ИМХО
  22. о каком отступе идет речь? в каком браузере?
  23. _http://www.xiper.net/learn/css/efficient-css/efficient-css-selectors.html _http://markup.by/2012/01/30/css-selectors-performance/ П.С. Но основная проблема такой стилизации, не в производительности, а в дальнейшей его поддержке, редактировании/ре-дизайне и тд. По этому, советую ознакомиться с методикой верстки независимыми блоками и делать все через классы.
  24. Вроде помогло: ul li { display: inline-block; overflow: hidden; /* Opera при этом более корректно распределяет элементы */ } Но Opera у меня не лучшим образом строит алгоритм сортировки элементов... Последний столбик часто заполняется далеко не равномерно другим.
  25. Такое? - _http://jsfiddle.net/2dVMh/5/ Поддержка - _http://caniuse.com/#feat=multicolumn Для IE: _http://welcome.totheinter.net/columnizer-jquery-plugin/
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy