Leaderboard

Неотъемлемая часть культуры компании — дизайн, и мне кажется странным, что делая хороший UI-дизайн, они не могут сделать хороший веб-дизайн. Они, конечно, не продают сайты, но они продают на сайте.

Мне в ПМ пришел вопрос следующего содержания: Не буду называть ник человека без его разрешения. Я предлагал администрации создать небольшой раздельчик, в котором освещались бы вопросы работы с графикой. Пока его нет (или если его вообще не будет) на подобные вопросы буду отвечать здесь, как в наиболее подходящем по тематике. Итак, что касается вопроса с градиентом. Первое - не надо изобретать велосипед, если он уже изобретен в виде инструмента (если мы касаемся растра) - Gradient Tool 1. Нажимаем Ctrl+N, чтобы все было наглядней возмем площадь побольше, например 1000х800 пикселей. Цвет оставляем белый. 2. К примеру нам надо сделать градиент, который намекал бы нам на небо, сверху темно синий, насыщенный, а затем плавный переход к более светлому, голубому. Это очень типичная задача. Для этого создаем новый слой (Shift+Ctrl+N) и заливам его, например, цветом #0597db 3. Выбираем инструмент Gradient Tool. 4. На верхней панели видим: Выбираем тип - Foregroung to Background 5. Щелкаем два раза по полю с градиентом: и получаем вот такую картину: Видим, что градиент начинается с цвета который мы задали (#0597db) и переходит в белый. Нас это не устранивает и эту байду надо изменить. 6. Щелкаем на: Открывается селектор выбора цвета, выбираем, например, #94effc. Полоса градиента принимает удобоваримый вид. Жмем ОК. Наверху видим: То, что нам надо. Но вид самого слоя пока не изменился. Чтобы получить окончательный результат, нам надо сделать две простые вещи: 1. Зажать Shift и провести мышкой сверху вниз по выбранному слою: Результат в принципе уже приемлимый, полос не видно, градиент плавный. Давайте отшлифуем. Для этого добавим эффект Noise (Filter -> Noise -> Add Noise) (можно я не буду объяснять, зачем? ): Amount выбираем мааааленький - 0,6 - 0,8% не больше. Жмем ОК. 2. Ну и напоследок выбираем стандартный фильтр Gaussian Blur (Filter -> Blur -> Gaussian Blur) и двигая ползунок (опция Preview должна стоять галочка) выбираем окончательный вид вашего градиента. Ну и окончательный результат - никаких полосок перехода пикселей: Можете кропить и ставить в бэкграунд. Вариант 2 - Просто сделать градиент в векторе С уважением, Verder

да у них новый дизайн вообще спорный.

Имхо, потому что CSS всё-таки в первую очередь создан для HTML, а HTML — это поток. Поэтому все типы блоков в CSS по умолчанию созданы быть максимально гибкими. Ограничь ширину — содержимое будет "разливаться" в длину. А еще содержимое может быть динамическим, а еще юзер может в любой момент ВНЕЗАПНО111 изменить размер шрифта и т.п. Задача, в которой приходится одновременно задавать (точнее, жестко ограничивать) оба измерения блока — относительная редкость по сравнению с задачей вписывания произвольного блока в заданное пространство по одному измерению. Плюс динамика — что проще анимировать скриптом, размеры или, скажем, свойство clip, где как раз все края задаются сразу одной строкой? Поэтому и живут размеры по раздельности. Удобств от этого много, а выгода от объединения — разве что небольшое сокращение кода, но с этим и gzip неплохо справляется... Вот возможность задавать непрямоугольные области была бы действительно кстати. Тем более в HTML она в каком-то смысле давно есть — в виде <area shape="poly">. А в CSS она становится особенно актуальной с приходом всяких трансформаций (а то несолидно как-то, когда блок повернут на 45°, а текст обтекает его по-прежнему как тупой квадрат)...

Это и не плохо и не хорошо. Просто для каждого случая может подойти свой метод записи. Свойство background объединяет несколько значений, таких как background-image, background-color, background-position, background-repeat, background-attachment. Ни одно из этих свойств не является обязательным в краткой записи, поэтому в случае его отсутствия браузер проставит для них значения по умолчанию: background-image: none; background-color: transparent; background-position: 0 0; background-repeat: repeat; background-attachment: scroll Теперь представь ситуацию. У тебя есть допустим такое объявление: a { background: green url(img.png) 100% 0 no-repeat; } Ты хочешь при наведении на элемент менять фоновый цвет на синий. Если ты запишешь подобным образом: a:hover { background: blue; } то это будет равносильно подобной записи a:hover { background: blue none 0 0 repeat scroll; } Совсем не то, чего ты хотел добиться. Фоновая картинка исчезнет. Тут нужно использовать свойство background-color, чтобы не потерять другие значения. Но например в подобной записи нет ничего страшного: a {background: green;} a:hover {background: blue;}

Разные браузеры и должны показывать разное! Так должно быть и так всегда будет! Как выможете идти против естественного уклада?

вид - кодировка - керилица